Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
react-moment
Advanced tools
react-moment - npm Package Compare versions
Comparing version 0.3.5 to 0.4.0
@@ -1,1 +0,1 @@ | ||
| !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("moment"),require("react")):"function"==typeof define&&define.amd?define(["moment","react"],t):"object"==typeof exports?exports["react-moment"]=t(require("moment"),require("react")):e["react-moment"]=t(e.moment,e.react)}(this,function(e,t){return function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={exports:{},id:r,loaded:!1};return e[r].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var n={};return t.m=e,t.c=n,t.p="",t(0)}([function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(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 u(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(t,"__esModule",{value:!0});var c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},f=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),l=n(11),s=r(l),p=n(9),d=r(p),y=n(10),v=r(y),m=[d.default.string,d.default.number,d.default.array,d.default.object],h=[d.default.string,d.default.array],b=function(e){function t(e){a(this,t);var n=i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.state={content:""},n}return u(t,e),f(t,[{key:"componentWillMount",value:function(){this.generateContent(this.props)}},{key:"componentDidMount",value:function(){var e=this;this.interval=setInterval(function(){e.generateContent(e.props)},6e4)}},{key:"componentWillUnmount",value:function(){clearInterval(this.interval)}},{key:"componentWillReceiveProps",value:function(e){this.generateContent(e)}},{key:"generateContent",value:function(e){var n=e.format,r=e.fromNow,o=e.from,a=e.toNow,i=e.to,u=e.calendar,c=e.ago,f=t.getDatetime(e),l="";l=n?f.format(n):o?f.from(o,c):r?f.fromNow(c):i?f.to(i,c):a?f.toNow(c):u?f.calendar():f.toString(),this.setState({content:l})}},{key:"render",value:function(){var e=this.props,n=(e.as,e.date,e.parse,e.format,e.fromNow,e.from,e.toNow,e.to,e.calendar,e.ago,e.utc,e.unix,e.tz,e.locale,o(e,["as","date","parse","format","fromNow","from","toNow","to","calendar","ago","utc","unix","tz","locale"])),r=this.state.content;return s.default.createElement(this.props.as||"time",c({dateTime:t.getDatetime(this.props)},n),r)}}],[{key:"getDatetime",value:function(e){var t=e.date,n=e.locale,r=e.parse,o=e.utc,a=e.unix,i=e.tz;t=t||e.children;var u=null;return n=n?n:v.default.locale(),u=o?v.default.utc(t,r,n):a?(0,v.default)(1e3*t,r,n):(0,v.default)(t,r,n),i&&(u=u.tz(i)),u}}]),t}(s.default.Component);b.propTypes={as:d.default.any,date:d.default.oneOfType(m),parse:d.default.oneOfType(h),format:d.default.string,ago:d.default.bool,fromNow:d.default.bool,from:d.default.oneOfType(m),toNow:d.default.bool,to:d.default.oneOfType(m),calendar:d.default.bool,unix:d.default.bool,utc:d.default.bool,tz:d.default.string,locale:d.default.string},b.defaultProps={fromNow:!1,toNow:!1,calendar:!1,ago:!1,unix:!1,utc:!1},t.default=b},function(e,t){function n(){throw new Error("setTimeout has not been defined")}function r(){throw new Error("clearTimeout has not been defined")}function o(e){if(l===setTimeout)return setTimeout(e,0);if((l===n||!l)&&setTimeout)return l=setTimeout,setTimeout(e,0);try{return l(e,0)}catch(t){try{return l.call(null,e,0)}catch(t){return l.call(this,e,0)}}}function a(e){if(s===clearTimeout)return clearTimeout(e);if((s===r||!s)&&clearTimeout)return s=clearTimeout,clearTimeout(e);try{return s(e)}catch(t){try{return s.call(null,e)}catch(t){return s.call(this,e)}}}function i(){v&&d&&(v=!1,d.length?y=d.concat(y):m=-1,y.length&&u())}function u(){if(!v){var e=o(i);v=!0;for(var t=y.length;t;){for(d=y,y=[];++m<t;)d&&d[m].run();m=-1,t=y.length}d=null,v=!1,a(e)}}function c(e,t){this.fun=e,this.array=t}function f(){}var l,s,p=e.exports={};!function(){try{l="function"==typeof setTimeout?setTimeout:n}catch(e){l=n}try{s="function"==typeof clearTimeout?clearTimeout:r}catch(e){s=r}}();var d,y=[],v=!1,m=-1;p.nextTick=function(e){var t=new Array(arguments.length-1);if(arguments.length>1)for(var n=1;n<arguments.length;n++)t[n-1]=arguments[n];y.push(new c(e,t)),1!==y.length||v||o(u)},c.prototype.run=function(){this.fun.apply(null,this.array)},p.title="browser",p.browser=!0,p.env={},p.argv=[],p.version="",p.versions={},p.on=f,p.addListener=f,p.once=f,p.off=f,p.removeListener=f,p.removeAllListeners=f,p.emit=f,p.prependListener=f,p.prependOnceListener=f,p.listeners=function(e){return[]},p.binding=function(e){throw new Error("process.binding is not supported")},p.cwd=function(){return"/"},p.chdir=function(e){throw new Error("process.chdir is not supported")},p.umask=function(){return 0}},function(e,t){"use strict";function n(e){return function(){return e}}var r=function(){};r.thatReturns=n,r.thatReturnsFalse=n(!1),r.thatReturnsTrue=n(!0),r.thatReturnsNull=n(null),r.thatReturnsThis=function(){return this},r.thatReturnsArgument=function(e){return e},e.exports=r},function(e,t,n){(function(t){"use strict";function n(e,t,n,o,a,i,u,c){if(r(t),!e){var f;if(void 0===t)f=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var l=[n,o,a,i,u,c],s=0;f=new Error(t.replace(/%s/g,function(){return l[s++]})),f.name="Invariant Violation"}throw f.framesToPop=1,f}}var r=function(e){};"production"!==t.env.NODE_ENV&&(r=function(e){if(void 0===e)throw new Error("invariant requires an error message argument")}),e.exports=n}).call(t,n(1))},function(e,t){"use strict";var n="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";e.exports=n},function(e,t,n){(function(t){"use strict";var r=n(2),o=r;"production"!==t.env.NODE_ENV&&!function(){var e=function(e){for(var t=arguments.length,n=Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];var o=0,a="Warning: "+e.replace(/%s/g,function(){return n[o++]});"undefined"!=typeof console&&console.error(a);try{throw new Error(a)}catch(e){}};o=function(t,n){if(void 0===n)throw new Error("`warning(condition, format, ...args)` requires a warning message argument");if(0!==n.indexOf("Failed Composite propType: ")&&!t){for(var r=arguments.length,o=Array(r>2?r-2:0),a=2;a<r;a++)o[a-2]=arguments[a];e.apply(void 0,[n].concat(o))}}}(),e.exports=o}).call(t,n(1))},function(e,t,n){(function(t){"use strict";function r(e,n,r,c,f){if("production"!==t.env.NODE_ENV)for(var l in e)if(e.hasOwnProperty(l)){var s;try{o("function"==typeof e[l],"%s: %s type `%s` is invalid; it must be a function, usually from React.PropTypes.",c||"React class",r,l),s=e[l](n,l,c,r,null,i)}catch(e){s=e}if(a(!s||s instanceof Error,"%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",c||"React class",r,l,typeof s),s instanceof Error&&!(s.message in u)){u[s.message]=!0;var p=f?f():"";a(!1,"Failed %s type: %s%s",r,s.message,null!=p?p:"")}}}if("production"!==t.env.NODE_ENV)var o=n(3),a=n(5),i=n(4),u={};e.exports=r}).call(t,n(1))},function(e,t,n){"use strict";var r=n(2),o=n(3),a=n(4);e.exports=function(){function e(e,t,n,r,i,u){u!==a&&o(!1,"Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types")}function t(){return e}e.isRequired=e;var n={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t};return n.checkPropTypes=r,n.PropTypes=n,n}},function(e,t,n){(function(t){"use strict";var r=n(2),o=n(3),a=n(5),i=n(4),u=n(6);e.exports=function(e,n){function c(e){var t=e&&(_&&e[_]||e[R]);if("function"==typeof t)return t}function f(e,t){return e===t?0!==e||1/e===1/t:e!==e&&t!==t}function l(e){this.message=e,this.stack=""}function s(e){function r(r,f,s,p,d,y,v){if(p=p||k,y=y||s,v!==i)if(n)o(!1,"Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");else if("production"!==t.env.NODE_ENV&&"undefined"!=typeof console){var m=p+":"+s;!u[m]&&c<3&&(a(!1,"You are manually calling a React.PropTypes validation function for the `%s` prop on `%s`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details.",y,p),u[m]=!0,c++)}return null==f[s]?r?new l(null===f[s]?"The "+d+" `"+y+"` is marked as required "+("in `"+p+"`, but its value is `null`."):"The "+d+" `"+y+"` is marked as required in "+("`"+p+"`, but its value is `undefined`.")):null:e(f,s,p,d,y)}if("production"!==t.env.NODE_ENV)var u={},c=0;var f=r.bind(null,!1);return f.isRequired=r.bind(null,!0),f}function p(e){function t(t,n,r,o,a,i){var u=t[n],c=E(u);if(c!==e){var f=N(u);return new l("Invalid "+o+" `"+a+"` of type "+("`"+f+"` supplied to `"+r+"`, expected ")+("`"+e+"`."))}return null}return s(t)}function d(){return s(r.thatReturnsNull)}function y(e){function t(t,n,r,o,a){if("function"!=typeof e)return new l("Property `"+a+"` of component `"+r+"` has invalid PropType notation inside arrayOf.");var u=t[n];if(!Array.isArray(u)){var c=E(u);return new l("Invalid "+o+" `"+a+"` of type "+("`"+c+"` supplied to `"+r+"`, expected an array."))}for(var f=0;f<u.length;f++){var s=e(u,f,r,o,a+"["+f+"]",i);if(s instanceof Error)return s}return null}return s(t)}function v(){function t(t,n,r,o,a){var i=t[n];if(!e(i)){var u=E(i);return new l("Invalid "+o+" `"+a+"` of type "+("`"+u+"` supplied to `"+r+"`, expected a single ReactElement."))}return null}return s(t)}function m(e){function t(t,n,r,o,a){if(!(t[n]instanceof e)){var i=e.name||k,u=P(t[n]);return new l("Invalid "+o+" `"+a+"` of type "+("`"+u+"` supplied to `"+r+"`, expected ")+("instance of `"+i+"`."))}return null}return s(t)}function h(e){function n(t,n,r,o,a){for(var i=t[n],u=0;u<e.length;u++)if(f(i,e[u]))return null;var c=JSON.stringify(e);return new l("Invalid "+o+" `"+a+"` of value `"+i+"` "+("supplied to `"+r+"`, expected one of "+c+"."))}return Array.isArray(e)?s(n):("production"!==t.env.NODE_ENV?a(!1,"Invalid argument supplied to oneOf, expected an instance of array."):void 0,r.thatReturnsNull)}function b(e){function t(t,n,r,o,a){if("function"!=typeof e)return new l("Property `"+a+"` of component `"+r+"` has invalid PropType notation inside objectOf.");var u=t[n],c=E(u);if("object"!==c)return new l("Invalid "+o+" `"+a+"` of type "+("`"+c+"` supplied to `"+r+"`, expected an object."));for(var f in u)if(u.hasOwnProperty(f)){var s=e(u,f,r,o,a+"."+f,i);if(s instanceof Error)return s}return null}return s(t)}function g(e){function n(t,n,r,o,a){for(var u=0;u<e.length;u++){var c=e[u];if(null==c(t,n,r,o,a,i))return null}return new l("Invalid "+o+" `"+a+"` supplied to "+("`"+r+"`."))}if(!Array.isArray(e))return"production"!==t.env.NODE_ENV?a(!1,"Invalid argument supplied to oneOfType, expected an instance of array."):void 0,r.thatReturnsNull;for(var o=0;o<e.length;o++){var u=e[o];if("function"!=typeof u)return a(!1,"Invalid argument supplid to oneOfType. Expected an array of check functions, but received %s at index %s.",j(u),o),r.thatReturnsNull}return s(n)}function w(){function e(e,t,n,r,o){return T(e[t])?null:new l("Invalid "+r+" `"+o+"` supplied to "+("`"+n+"`, expected a ReactNode."))}return s(e)}function O(e){function t(t,n,r,o,a){var u=t[n],c=E(u);if("object"!==c)return new l("Invalid "+o+" `"+a+"` of type `"+c+"` "+("supplied to `"+r+"`, expected `object`."));for(var f in e){var s=e[f];if(s){var p=s(u,f,r,o,a+"."+f,i);if(p)return p}}return null}return s(t)}function T(t){switch(typeof t){case"number":case"string":case"undefined":return!0;case"boolean":return!t;case"object":if(Array.isArray(t))return t.every(T);if(null===t||e(t))return!0;var n=c(t);if(!n)return!1;var r,o=n.call(t);if(n!==t.entries){for(;!(r=o.next()).done;)if(!T(r.value))return!1}else for(;!(r=o.next()).done;){var a=r.value;if(a&&!T(a[1]))return!1}return!0;default:return!1}}function x(e,t){return"symbol"===e||("Symbol"===t["@@toStringTag"]||"function"==typeof Symbol&&t instanceof Symbol)}function E(e){var t=typeof e;return Array.isArray(e)?"array":e instanceof RegExp?"object":x(t,e)?"symbol":t}function N(e){if("undefined"==typeof e||null===e)return""+e;var t=E(e);if("object"===t){if(e instanceof Date)return"date";if(e instanceof RegExp)return"regexp"}return t}function j(e){var t=N(e);switch(t){case"array":case"object":return"an "+t;case"boolean":case"date":case"regexp":return"a "+t;default:return t}}function P(e){return e.constructor&&e.constructor.name?e.constructor.name:k}var _="function"==typeof Symbol&&Symbol.iterator,R="@@iterator",k="<<anonymous>>",I={array:p("array"),bool:p("boolean"),func:p("function"),number:p("number"),object:p("object"),string:p("string"),symbol:p("symbol"),any:d(),arrayOf:y,element:v(),instanceOf:m,node:w(),objectOf:b,oneOf:h,oneOfType:g,shape:O};return l.prototype=Error.prototype,I.checkPropTypes=u,I.PropTypes=I,I}}).call(t,n(1))},function(e,t,n){(function(t){if("production"!==t.env.NODE_ENV){var r="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103,o=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===r},a=!0;e.exports=n(8)(o,a)}else e.exports=n(7)()}).call(t,n(1))},function(t,n){t.exports=e},function(e,n){e.exports=t}])}); | ||
| !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("moment"),require("react")):"function"==typeof define&&define.amd?define(["moment","react"],t):"object"==typeof exports?exports["react-moment"]=t(require("moment"),require("react")):e["react-moment"]=t(e.moment,e.react)}(this,function(e,t){return function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={exports:{},id:r,loaded:!1};return e[r].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var n={};return t.m=e,t.c=n,t.p="",t(0)}([function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(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 u(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(t,"__esModule",{value:!0});var c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},f=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),l=n(11),s=r(l),p=n(9),d=r(p),y=n(10),v=r(y),m=[d.default.string,d.default.number,d.default.array,d.default.object],h=[d.default.string,d.default.array],b=function(e){function t(e){a(this,t);var n=i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.startTimer=function(){var e=n.props.interval;n.clearTimer(),0!==e&&(n.timer=setInterval(function(){n.updateContent(n.props)},e))},n.clearTimer=function(){n.timer&&clearInterval(n.timer)},n.state={content:""},n.timer=null,n}return u(t,e),f(t,[{key:"componentWillMount",value:function(){this.updateContent(this.props)}},{key:"componentDidMount",value:function(){this.startTimer()}},{key:"componentWillUnmount",value:function(){this.clearTimer()}},{key:"componentWillReceiveProps",value:function(e){this.updateContent(e)}},{key:"componentDidUpdate",value:function(e){e.interval!==this.props.interval&&this.startTimer()}},{key:"updateContent",value:function(e){var n=this,r=e.format,o=e.fromNow,a=e.from,i=e.toNow,u=e.to,c=e.calendar,f=e.ago,l=t.getDatetime(e),s="";s=r?l.format(r):a?l.from(a,f):o?l.fromNow(f):u?l.to(u,f):i?l.toNow(f):c?l.calendar():l.toString(),this.setState({content:s},function(){n.props.onChange(s)})}},{key:"render",value:function(){var e=this.props,n=(e.as,e.date,e.parse,e.format,e.fromNow,e.from,e.toNow,e.to,e.calendar,e.ago,e.utc,e.unix,e.tz,e.locale,e.interval,o(e,["as","date","parse","format","fromNow","from","toNow","to","calendar","ago","utc","unix","tz","locale","interval"]));return s.default.createElement(this.props.as||"time",c({dateTime:t.getDatetime(this.props)},n),this.state.content)}}],[{key:"getDatetime",value:function(e){var t=e.date,n=e.locale,r=e.parse,o=e.utc,a=e.unix,i=e.tz;t=t||e.children;var u=null;return n=n?n:v.default.locale(),u=o?v.default.utc(t,r,n):a?(0,v.default)(1e3*t,r,n):(0,v.default)(t,r,n),i&&(u=u.tz(i)),u}}]),t}(s.default.Component);b.propTypes={as:d.default.any,date:d.default.oneOfType(m),parse:d.default.oneOfType(h),format:d.default.string,ago:d.default.bool,fromNow:d.default.bool,from:d.default.oneOfType(m),toNow:d.default.bool,to:d.default.oneOfType(m),calendar:d.default.bool,unix:d.default.bool,utc:d.default.bool,tz:d.default.string,locale:d.default.string,interval:d.default.number,onChange:d.default.func},b.defaultProps={fromNow:!1,toNow:!1,calendar:!1,ago:!1,unix:!1,utc:!1,interval:6e4,onChange:function(){}},t.default=b},function(e,t){function n(){throw new Error("setTimeout has not been defined")}function r(){throw new Error("clearTimeout has not been defined")}function o(e){if(l===setTimeout)return setTimeout(e,0);if((l===n||!l)&&setTimeout)return l=setTimeout,setTimeout(e,0);try{return l(e,0)}catch(t){try{return l.call(null,e,0)}catch(t){return l.call(this,e,0)}}}function a(e){if(s===clearTimeout)return clearTimeout(e);if((s===r||!s)&&clearTimeout)return s=clearTimeout,clearTimeout(e);try{return s(e)}catch(t){try{return s.call(null,e)}catch(t){return s.call(this,e)}}}function i(){v&&d&&(v=!1,d.length?y=d.concat(y):m=-1,y.length&&u())}function u(){if(!v){var e=o(i);v=!0;for(var t=y.length;t;){for(d=y,y=[];++m<t;)d&&d[m].run();m=-1,t=y.length}d=null,v=!1,a(e)}}function c(e,t){this.fun=e,this.array=t}function f(){}var l,s,p=e.exports={};!function(){try{l="function"==typeof setTimeout?setTimeout:n}catch(e){l=n}try{s="function"==typeof clearTimeout?clearTimeout:r}catch(e){s=r}}();var d,y=[],v=!1,m=-1;p.nextTick=function(e){var t=new Array(arguments.length-1);if(arguments.length>1)for(var n=1;n<arguments.length;n++)t[n-1]=arguments[n];y.push(new c(e,t)),1!==y.length||v||o(u)},c.prototype.run=function(){this.fun.apply(null,this.array)},p.title="browser",p.browser=!0,p.env={},p.argv=[],p.version="",p.versions={},p.on=f,p.addListener=f,p.once=f,p.off=f,p.removeListener=f,p.removeAllListeners=f,p.emit=f,p.prependListener=f,p.prependOnceListener=f,p.listeners=function(e){return[]},p.binding=function(e){throw new Error("process.binding is not supported")},p.cwd=function(){return"/"},p.chdir=function(e){throw new Error("process.chdir is not supported")},p.umask=function(){return 0}},function(e,t){"use strict";function n(e){return function(){return e}}var r=function(){};r.thatReturns=n,r.thatReturnsFalse=n(!1),r.thatReturnsTrue=n(!0),r.thatReturnsNull=n(null),r.thatReturnsThis=function(){return this},r.thatReturnsArgument=function(e){return e},e.exports=r},function(e,t,n){(function(t){"use strict";function n(e,t,n,o,a,i,u,c){if(r(t),!e){var f;if(void 0===t)f=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var l=[n,o,a,i,u,c],s=0;f=new Error(t.replace(/%s/g,function(){return l[s++]})),f.name="Invariant Violation"}throw f.framesToPop=1,f}}var r=function(e){};"production"!==t.env.NODE_ENV&&(r=function(e){if(void 0===e)throw new Error("invariant requires an error message argument")}),e.exports=n}).call(t,n(1))},function(e,t){"use strict";var n="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";e.exports=n},function(e,t,n){(function(t){"use strict";var r=n(2),o=r;"production"!==t.env.NODE_ENV&&!function(){var e=function(e){for(var t=arguments.length,n=Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];var o=0,a="Warning: "+e.replace(/%s/g,function(){return n[o++]});"undefined"!=typeof console&&console.error(a);try{throw new Error(a)}catch(e){}};o=function(t,n){if(void 0===n)throw new Error("`warning(condition, format, ...args)` requires a warning message argument");if(0!==n.indexOf("Failed Composite propType: ")&&!t){for(var r=arguments.length,o=Array(r>2?r-2:0),a=2;a<r;a++)o[a-2]=arguments[a];e.apply(void 0,[n].concat(o))}}}(),e.exports=o}).call(t,n(1))},function(e,t,n){(function(t){"use strict";function r(e,n,r,c,f){if("production"!==t.env.NODE_ENV)for(var l in e)if(e.hasOwnProperty(l)){var s;try{o("function"==typeof e[l],"%s: %s type `%s` is invalid; it must be a function, usually from React.PropTypes.",c||"React class",r,l),s=e[l](n,l,c,r,null,i)}catch(e){s=e}if(a(!s||s instanceof Error,"%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",c||"React class",r,l,typeof s),s instanceof Error&&!(s.message in u)){u[s.message]=!0;var p=f?f():"";a(!1,"Failed %s type: %s%s",r,s.message,null!=p?p:"")}}}if("production"!==t.env.NODE_ENV)var o=n(3),a=n(5),i=n(4),u={};e.exports=r}).call(t,n(1))},function(e,t,n){"use strict";var r=n(2),o=n(3),a=n(4);e.exports=function(){function e(e,t,n,r,i,u){u!==a&&o(!1,"Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types")}function t(){return e}e.isRequired=e;var n={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t};return n.checkPropTypes=r,n.PropTypes=n,n}},function(e,t,n){(function(t){"use strict";var r=n(2),o=n(3),a=n(5),i=n(4),u=n(6);e.exports=function(e,n){function c(e){var t=e&&(_&&e[_]||e[R]);if("function"==typeof t)return t}function f(e,t){return e===t?0!==e||1/e===1/t:e!==e&&t!==t}function l(e){this.message=e,this.stack=""}function s(e){function r(r,f,s,p,d,y,v){if(p=p||k,y=y||s,v!==i)if(n)o(!1,"Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");else if("production"!==t.env.NODE_ENV&&"undefined"!=typeof console){var m=p+":"+s;!u[m]&&c<3&&(a(!1,"You are manually calling a React.PropTypes validation function for the `%s` prop on `%s`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details.",y,p),u[m]=!0,c++)}return null==f[s]?r?new l(null===f[s]?"The "+d+" `"+y+"` is marked as required "+("in `"+p+"`, but its value is `null`."):"The "+d+" `"+y+"` is marked as required in "+("`"+p+"`, but its value is `undefined`.")):null:e(f,s,p,d,y)}if("production"!==t.env.NODE_ENV)var u={},c=0;var f=r.bind(null,!1);return f.isRequired=r.bind(null,!0),f}function p(e){function t(t,n,r,o,a,i){var u=t[n],c=E(u);if(c!==e){var f=N(u);return new l("Invalid "+o+" `"+a+"` of type "+("`"+f+"` supplied to `"+r+"`, expected ")+("`"+e+"`."))}return null}return s(t)}function d(){return s(r.thatReturnsNull)}function y(e){function t(t,n,r,o,a){if("function"!=typeof e)return new l("Property `"+a+"` of component `"+r+"` has invalid PropType notation inside arrayOf.");var u=t[n];if(!Array.isArray(u)){var c=E(u);return new l("Invalid "+o+" `"+a+"` of type "+("`"+c+"` supplied to `"+r+"`, expected an array."))}for(var f=0;f<u.length;f++){var s=e(u,f,r,o,a+"["+f+"]",i);if(s instanceof Error)return s}return null}return s(t)}function v(){function t(t,n,r,o,a){var i=t[n];if(!e(i)){var u=E(i);return new l("Invalid "+o+" `"+a+"` of type "+("`"+u+"` supplied to `"+r+"`, expected a single ReactElement."))}return null}return s(t)}function m(e){function t(t,n,r,o,a){if(!(t[n]instanceof e)){var i=e.name||k,u=P(t[n]);return new l("Invalid "+o+" `"+a+"` of type "+("`"+u+"` supplied to `"+r+"`, expected ")+("instance of `"+i+"`."))}return null}return s(t)}function h(e){function n(t,n,r,o,a){for(var i=t[n],u=0;u<e.length;u++)if(f(i,e[u]))return null;var c=JSON.stringify(e);return new l("Invalid "+o+" `"+a+"` of value `"+i+"` "+("supplied to `"+r+"`, expected one of "+c+"."))}return Array.isArray(e)?s(n):("production"!==t.env.NODE_ENV?a(!1,"Invalid argument supplied to oneOf, expected an instance of array."):void 0,r.thatReturnsNull)}function b(e){function t(t,n,r,o,a){if("function"!=typeof e)return new l("Property `"+a+"` of component `"+r+"` has invalid PropType notation inside objectOf.");var u=t[n],c=E(u);if("object"!==c)return new l("Invalid "+o+" `"+a+"` of type "+("`"+c+"` supplied to `"+r+"`, expected an object."));for(var f in u)if(u.hasOwnProperty(f)){var s=e(u,f,r,o,a+"."+f,i);if(s instanceof Error)return s}return null}return s(t)}function g(e){function n(t,n,r,o,a){for(var u=0;u<e.length;u++){var c=e[u];if(null==c(t,n,r,o,a,i))return null}return new l("Invalid "+o+" `"+a+"` supplied to "+("`"+r+"`."))}if(!Array.isArray(e))return"production"!==t.env.NODE_ENV?a(!1,"Invalid argument supplied to oneOfType, expected an instance of array."):void 0,r.thatReturnsNull;for(var o=0;o<e.length;o++){var u=e[o];if("function"!=typeof u)return a(!1,"Invalid argument supplid to oneOfType. Expected an array of check functions, but received %s at index %s.",j(u),o),r.thatReturnsNull}return s(n)}function w(){function e(e,t,n,r,o){return O(e[t])?null:new l("Invalid "+r+" `"+o+"` supplied to "+("`"+n+"`, expected a ReactNode."))}return s(e)}function T(e){function t(t,n,r,o,a){var u=t[n],c=E(u);if("object"!==c)return new l("Invalid "+o+" `"+a+"` of type `"+c+"` "+("supplied to `"+r+"`, expected `object`."));for(var f in e){var s=e[f];if(s){var p=s(u,f,r,o,a+"."+f,i);if(p)return p}}return null}return s(t)}function O(t){switch(typeof t){case"number":case"string":case"undefined":return!0;case"boolean":return!t;case"object":if(Array.isArray(t))return t.every(O);if(null===t||e(t))return!0;var n=c(t);if(!n)return!1;var r,o=n.call(t);if(n!==t.entries){for(;!(r=o.next()).done;)if(!O(r.value))return!1}else for(;!(r=o.next()).done;){var a=r.value;if(a&&!O(a[1]))return!1}return!0;default:return!1}}function x(e,t){return"symbol"===e||("Symbol"===t["@@toStringTag"]||"function"==typeof Symbol&&t instanceof Symbol)}function E(e){var t=typeof e;return Array.isArray(e)?"array":e instanceof RegExp?"object":x(t,e)?"symbol":t}function N(e){if("undefined"==typeof e||null===e)return""+e;var t=E(e);if("object"===t){if(e instanceof Date)return"date";if(e instanceof RegExp)return"regexp"}return t}function j(e){var t=N(e);switch(t){case"array":case"object":return"an "+t;case"boolean":case"date":case"regexp":return"a "+t;default:return t}}function P(e){return e.constructor&&e.constructor.name?e.constructor.name:k}var _="function"==typeof Symbol&&Symbol.iterator,R="@@iterator",k="<<anonymous>>",I={array:p("array"),bool:p("boolean"),func:p("function"),number:p("number"),object:p("object"),string:p("string"),symbol:p("symbol"),any:d(),arrayOf:y,element:v(),instanceOf:m,node:w(),objectOf:b,oneOf:h,oneOfType:g,shape:T};return l.prototype=Error.prototype,I.checkPropTypes=u,I.PropTypes=I,I}}).call(t,n(1))},function(e,t,n){(function(t){if("production"!==t.env.NODE_ENV){var r="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103,o=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===r},a=!0;e.exports=n(8)(o,a)}else e.exports=n(7)()}).call(t,n(1))},function(t,n){t.exports=e},function(e,n){e.exports=t}])}); |
| { | ||
| "name": "react-moment", | ||
| "description": "React component for the moment date library.", | ||
| "version": "0.3.5", | ||
| "version": "0.4.0", | ||
| "author": { | ||
@@ -6,0 +6,0 @@ "name": "Sean Hickey", |
207
README.md
@@ -11,13 +11,16 @@ react-moment | ||
| * [Quick Start](#quick-start) | ||
| * [Formatting](#formatting) | ||
| * [Parsing Dates](#parsing-dates) | ||
| * [From Now](#from-now) | ||
| * [From](#from) | ||
| * [To Now](#to-now) | ||
| * [To](#to) | ||
| * [Unix Timestamps](#unix-timestamps) | ||
| * [Timezone](#timezone) | ||
| * [Locale](#locale) | ||
| * [As](#as) | ||
| * [Other Props](#other-props) | ||
| * [Props](#props) | ||
| * [Interval](#interval) | ||
| * [Formatting](#formatting) | ||
| * [Parsing Dates](#parsing-dates) | ||
| * [From Now](#from-now) | ||
| * [From](#from) | ||
| * [To Now](#to-now) | ||
| * [To](#to) | ||
| * [Unix Timestamps](#unix-timestamps) | ||
| * [Timezone](#timezone) | ||
| * [Locale](#locale) | ||
| * [As](#as) | ||
| * [OnChange](#onchange) | ||
| * [Other Props](#other-props) | ||
| * [Usage with React Native](#usage-with-react-native) | ||
@@ -35,2 +38,3 @@ * [License](#license) | ||
| ### Timezone Support | ||
@@ -55,5 +59,6 @@ The `moment-timezone` package is required to use the timezone related functions. | ||
| ### Quick Start | ||
| ```js | ||
| ```jsx | ||
| import React from 'react'; | ||
@@ -76,6 +81,5 @@ import Moment from 'react-moment'; | ||
| The above example could also be written this way if you prefer to pass | ||
| the date using an attribute rather than as a child to `<Moment>`. | ||
| The above example could also be written this way if you prefer to pass the date using an attribute rather than as a child to `<Moment>`. | ||
| ```js | ||
| ```jsx | ||
| import React from 'react'; | ||
@@ -94,3 +98,3 @@ import Moment from 'react-moment'; | ||
| ```js | ||
| ```jsx | ||
| import React from 'react'; | ||
@@ -108,28 +112,12 @@ import Moment from 'react-moment'; | ||
| ### Formatting | ||
| ### Props | ||
| The component supports the following props. See the [Moment docs](https://momentjs.com/docs/) for more information. | ||
| ```js | ||
| import React from 'react'; | ||
| import Moment from 'react-moment'; | ||
| #### Interval | ||
| _interval={number}_ | ||
| exports default class MyComponent extends React.Component { | ||
| render() { | ||
| <Moment format="YYYY/MM/DD">1976-04-19T12:59-0500</Moment> | ||
| } | ||
| } | ||
| ``` | ||
| By default the time updates every 60 seconds (60000 milliseconds). Use the `interval` prop to change or disable updating. | ||
| Outputs: | ||
| ```html | ||
| <time>1976/04/19</time> | ||
| ``` | ||
| ### Parsing Dates | ||
| Moment can parse most standard date formats. Use the `parse` attribute | ||
| to tell moment how to parse the given date when non-standard. | ||
| ```js | ||
| Updates the time every 30 seconds (30000 milliseconds). | ||
| ```jsx | ||
| import React from 'react'; | ||
@@ -140,3 +128,3 @@ import Moment from 'react-moment'; | ||
| render() { | ||
| <Moment parse="YYYY-MM-DD HH:mm">1976-04-19 12:59</Moment> | ||
| <Moment as="span" interval={30000}>1976-04-19T12:59-0500</Moment> | ||
| } | ||
@@ -146,6 +134,4 @@ } | ||
| ### From Now | ||
| ```js | ||
| Disables updating. | ||
| ```jsx | ||
| import React from 'react'; | ||
@@ -156,3 +142,3 @@ import Moment from 'react-moment'; | ||
| render() { | ||
| <Moment fromNow>1976-04-19T12:59-0500</Moment> | ||
| <Moment as="span" interval={0}>1976-04-19T12:59-0500</Moment> | ||
| } | ||
@@ -162,9 +148,9 @@ } | ||
| Outputs: | ||
| ```html | ||
| <time>40 years</time> | ||
| ``` | ||
| #### Formatting | ||
| _format={string}_ | ||
| ```js | ||
| Formats the date according to the given format string. | ||
| ```jsx | ||
| import React from 'react'; | ||
@@ -175,3 +161,3 @@ import Moment from 'react-moment'; | ||
| render() { | ||
| <Moment fromNow ago>1976-04-19T12:59-0500</Moment> | ||
| <Moment format="YYYY/MM/DD">1976-04-19T12:59-0500</Moment> | ||
| } | ||
@@ -184,9 +170,12 @@ } | ||
| ```html | ||
| <time>40 years</time> | ||
| <time>1976/04/19</time> | ||
| ``` | ||
| ### From | ||
| #### Parsing Dates | ||
| _parse={string}_ | ||
| ```js | ||
| Moment can parse most standard date formats. Use the `parse` attribute to tell moment how to parse the given date when non-standard. | ||
| ```jsx | ||
| import React from 'react'; | ||
@@ -197,3 +186,3 @@ import Moment from 'react-moment'; | ||
| render() { | ||
| <Moment from="2015-04-19">1976-04-19T12:59-0500</Moment> | ||
| <Moment parse="YYYY-MM-DD HH:mm">1976-04-19 12:59</Moment> | ||
| } | ||
@@ -203,9 +192,9 @@ } | ||
| Outputs: | ||
| ```html | ||
| <time>39 years</time> | ||
| ``` | ||
| #### From Now | ||
| _fromNow={bool}_ | ||
| ```js | ||
| Sometimes called timeago or relative time, displays the date as the time _from now_, e.g. "5 minutes ago". | ||
| ```jsx | ||
| import React from 'react'; | ||
@@ -216,3 +205,3 @@ import Moment from 'react-moment'; | ||
| render() { | ||
| <Moment from="2015-04-19" ago>1976-04-19T12:59-0500</Moment> | ||
| <Moment fromNow>1976-04-19T12:59-0500</Moment> | ||
| } | ||
@@ -225,9 +214,10 @@ } | ||
| ```html | ||
| <time>39 years</time> | ||
| <time>40 years ago</time> | ||
| ``` | ||
| ### To Now | ||
| #### From | ||
| _from={string}_ | ||
| ```js | ||
| ```jsx | ||
| import React from 'react'; | ||
@@ -238,3 +228,3 @@ import Moment from 'react-moment'; | ||
| render() { | ||
| <Moment toNow>1976-04-19T12:59-0500</Moment> | ||
| <Moment from="2015-04-19">1976-04-19T12:59-0500</Moment> | ||
| } | ||
@@ -247,6 +237,12 @@ } | ||
| ```html | ||
| <time>40 years</time> | ||
| <time>39 years</time> | ||
| ``` | ||
| ```js | ||
| #### To Now | ||
| _toNow={bool}_ | ||
| Similar to `fromNow`, but gives the opposite interval. | ||
| ```jsx | ||
| import React from 'react'; | ||
@@ -257,3 +253,3 @@ import Moment from 'react-moment'; | ||
| render() { | ||
| <Moment toNow ago>1976-04-19T12:59-0500</Moment> | ||
| <Moment toNow>1976-04-19T12:59-0500</Moment> | ||
| } | ||
@@ -266,9 +262,10 @@ } | ||
| ```html | ||
| <time>in 40 years</time> | ||
| <time>40 years ago</time> | ||
| ``` | ||
| ### To | ||
| #### To | ||
| _to={string}_ | ||
| ```js | ||
| ```jsx | ||
| import React from 'react'; | ||
@@ -290,23 +287,9 @@ import Moment from 'react-moment'; | ||
| ```js | ||
| import React from 'react'; | ||
| import Moment from 'react-moment'; | ||
| exports default class MyComponent extends React.Component { | ||
| render() { | ||
| <Moment to="2015-04-19" ago>1976-04-19T12:59-0500</Moment> | ||
| } | ||
| } | ||
| ``` | ||
| #### Unix Timestamps | ||
| _unix={bool}_ | ||
| Outputs: | ||
| Tells Moment to parse the given date value as a unix timestamp. | ||
| ```html | ||
| <time>in 39 years</time> | ||
| ``` | ||
| ### Unix Timestamps | ||
| ```js | ||
| ```jsx | ||
| import React from 'react'; | ||
@@ -330,8 +313,8 @@ import Moment from 'react-moment'; | ||
| ### Timezone | ||
| #### Timezone | ||
| _tz={string}_ | ||
| To enable server side rendering (SSR), client and server has to provide same datetime, based on common Timezone. | ||
| `tz` attribute will enable set the common timezone. | ||
| Sets the timezone. To enable server side rendering (SSR), client and server has to provide same datetime, based on common Timezone. The `tz` attribute will enable set the common timezone. | ||
| ```js | ||
| ```jsx | ||
| import React from 'react'; | ||
@@ -356,5 +339,8 @@ import Moment from 'react-moment'; | ||
| ### Locale | ||
| #### Locale | ||
| _locale={string}_ | ||
| ```js | ||
| Sets the locale used to display the date. | ||
| ```jsx | ||
| import React from 'react'; | ||
@@ -371,7 +357,8 @@ import Moment from 'react-moment'; | ||
| ### as | ||
| #### As | ||
| _as={string|React.Component}_ | ||
| An element type to render as (string or function). | ||
| ```js | ||
| ```jsx | ||
| import React from 'react'; | ||
@@ -390,11 +377,27 @@ import Moment from 'react-moment'; | ||
| ```html | ||
| <i>Mon Apr 19 1976 12:59:00 GMT-0500</i> | ||
| <span>Mon Apr 19 1976 12:59:00 GMT-0500</span> | ||
| ``` | ||
| ### Other Props | ||
| #### OnChange | ||
| _onChange={func}_ | ||
| The `onChange` prop is called each time the date is updated, which by default is every 60 seconds. The function receives the new date value. | ||
| ```jsx | ||
| import React from 'react'; | ||
| import Moment from 'react-moment'; | ||
| exports default class MyComponent extends React.Component { | ||
| render() { | ||
| <Moment onChange={(val) => { console.log(val); }}>1976-04-19T12:59-0500</Moment> | ||
| } | ||
| } | ||
| ``` | ||
| #### Other Props | ||
| Any other properties are passed to the `<time>` element. | ||
| ```js | ||
| ```jsx | ||
| import React from 'react'; | ||
@@ -416,4 +419,5 @@ import Moment from 'react-moment'; | ||
| ## Usage with React Native | ||
| ### Usage with React Native | ||
| If you are using React Native then you'll have to pass in `Text`. | ||
@@ -432,2 +436,3 @@ | ||
| ### License | ||
@@ -434,0 +439,0 @@ This software is released under the MIT license. See LICENSE for more details. |
341
src/index.js
@@ -18,147 +18,212 @@ import React from 'react'; | ||
| export default class Moment extends React.Component { | ||
| static propTypes = { | ||
| as: PropTypes.any, | ||
| date: PropTypes.oneOfType(dateTypes), | ||
| parse: PropTypes.oneOfType(parseTypes), | ||
| format: PropTypes.string, | ||
| ago: PropTypes.bool, | ||
| fromNow: PropTypes.bool, | ||
| from: PropTypes.oneOfType(dateTypes), | ||
| toNow: PropTypes.bool, | ||
| to: PropTypes.oneOfType(dateTypes), | ||
| calendar: PropTypes.bool, | ||
| unix: PropTypes.bool, | ||
| utc: PropTypes.bool, | ||
| tz: PropTypes.string, | ||
| locale: PropTypes.string | ||
| static propTypes = { | ||
| as: PropTypes.any, | ||
| date: PropTypes.oneOfType(dateTypes), | ||
| parse: PropTypes.oneOfType(parseTypes), | ||
| format: PropTypes.string, | ||
| ago: PropTypes.bool, | ||
| fromNow: PropTypes.bool, | ||
| from: PropTypes.oneOfType(dateTypes), | ||
| toNow: PropTypes.bool, | ||
| to: PropTypes.oneOfType(dateTypes), | ||
| calendar: PropTypes.bool, | ||
| unix: PropTypes.bool, | ||
| utc: PropTypes.bool, | ||
| tz: PropTypes.string, | ||
| locale: PropTypes.string, | ||
| interval: PropTypes.number, | ||
| onChange: PropTypes.func | ||
| }; | ||
| static defaultProps = { | ||
| fromNow: false, | ||
| toNow: false, | ||
| calendar: false, | ||
| ago: false, | ||
| unix: false, | ||
| utc: false, | ||
| interval: 60000, | ||
| onChange: function () { | ||
| } | ||
| }; | ||
| /** | ||
| * Constructor | ||
| * | ||
| * @param {*} props | ||
| */ | ||
| constructor(props) { | ||
| super(props); | ||
| this.state = { | ||
| content: '' | ||
| }; | ||
| static defaultProps = { | ||
| fromNow: false, | ||
| toNow: false, | ||
| calendar: false, | ||
| ago: false, | ||
| unix: false, | ||
| utc: false | ||
| }; | ||
| constructor(props) { | ||
| super(props); | ||
| this.state = { | ||
| content: '' | ||
| }; | ||
| this.timer = null; | ||
| } | ||
| /** | ||
| * Invoked immediately before mounting occurs | ||
| */ | ||
| componentWillMount() { | ||
| this.updateContent(this.props); | ||
| } | ||
| /** | ||
| * Invoked immediately after a component is mounted | ||
| */ | ||
| componentDidMount() { | ||
| this.startTimer(); | ||
| } | ||
| /** | ||
| * Invoked immediately before a component is unmounted and destroyed | ||
| */ | ||
| componentWillUnmount() { | ||
| this.clearTimer(); | ||
| } | ||
| /** | ||
| * Invoked before a mounted component receives new props | ||
| * | ||
| * @param {*} nextProps | ||
| */ | ||
| componentWillReceiveProps(nextProps) { | ||
| this.updateContent(nextProps); | ||
| } | ||
| /** | ||
| * Invoked immediately after updating occurs | ||
| * | ||
| * @param {*} prevProps | ||
| */ | ||
| componentDidUpdate(prevProps) { | ||
| if (prevProps.interval !== this.props.interval) { | ||
| this.startTimer(); | ||
| } | ||
| componentWillMount() { | ||
| this.generateContent(this.props); | ||
| } | ||
| /** | ||
| * Starts the interval timer. | ||
| */ | ||
| startTimer = () => { | ||
| const interval = this.props.interval; | ||
| this.clearTimer(); | ||
| if (interval !== 0) { | ||
| this.timer = setInterval(() => { | ||
| this.updateContent(this.props); | ||
| }, interval); | ||
| } | ||
| componentDidMount() { | ||
| this.interval = setInterval(() => { | ||
| this.generateContent(this.props); | ||
| }, 60000); | ||
| }; | ||
| /** | ||
| * Clears the interval timer. | ||
| */ | ||
| clearTimer = () => { | ||
| if (this.timer) { | ||
| clearInterval(this.timer); | ||
| } | ||
| componentWillUnmount() { | ||
| clearInterval(this.interval); | ||
| }; | ||
| /** | ||
| * Returns a Date based on the set props | ||
| * | ||
| * @param {*} props | ||
| * @returns {Date} | ||
| */ | ||
| static getDatetime(props) { | ||
| let { | ||
| date, | ||
| locale, | ||
| parse, | ||
| utc, | ||
| unix, | ||
| tz | ||
| } = props; | ||
| date = date || props.children; | ||
| let datetime = null; | ||
| locale = locale ? locale : moment.locale(); | ||
| if (utc) { | ||
| datetime = moment.utc(date, parse, locale); | ||
| } else if (unix) { | ||
| // moment#unix fails because of a deprecation, | ||
| // but since moment#unix(s) is implemented as moment(s * 1000), | ||
| // this works equivalently | ||
| datetime = moment(date * 1000, parse, locale); | ||
| } else { | ||
| datetime = moment(date, parse, locale); | ||
| } | ||
| componentWillReceiveProps(nextProps) { | ||
| this.generateContent(nextProps); | ||
| if (tz) { | ||
| datetime = datetime.tz(tz); | ||
| } | ||
| static getDatetime(props) { | ||
| let { | ||
| date, | ||
| locale, | ||
| parse, | ||
| utc, | ||
| unix, | ||
| tz | ||
| } = props; | ||
| date = date || props.children; | ||
| let datetime = null; | ||
| locale = locale ? locale : moment.locale(); | ||
| if (utc) { | ||
| datetime = moment.utc(date, parse, locale); | ||
| } else if (unix) { | ||
| // moment#unix fails because of a deprecation, | ||
| // but since moment#unix(s) is implemented as moment(s * 1000), | ||
| // this works equivalently | ||
| datetime = moment(date * 1000, parse, locale); | ||
| } else { | ||
| datetime = moment(date, parse, locale); | ||
| } | ||
| if (tz) { | ||
| datetime = datetime.tz(tz); | ||
| } | ||
| return datetime | ||
| return datetime | ||
| } | ||
| /** | ||
| * Updates this.state.content | ||
| * | ||
| * @param {*} props | ||
| */ | ||
| updateContent(props) { | ||
| let { | ||
| format, | ||
| fromNow, | ||
| from, | ||
| toNow, | ||
| to, | ||
| calendar, | ||
| ago | ||
| } = props; | ||
| let datetime = Moment.getDatetime(props); | ||
| let content = ''; | ||
| if (format) { | ||
| content = datetime.format(format); | ||
| } else if (from) { | ||
| content = datetime.from(from, ago); | ||
| } else if (fromNow) { | ||
| content = datetime.fromNow(ago); | ||
| } else if (to) { | ||
| content = datetime.to(to, ago); | ||
| } else if (toNow) { | ||
| content = datetime.toNow(ago); | ||
| } else if (calendar) { | ||
| content = datetime.calendar(); | ||
| } else { | ||
| content = datetime.toString(); | ||
| } | ||
| generateContent(props) { | ||
| let { | ||
| format, | ||
| fromNow, | ||
| from, | ||
| toNow, | ||
| to, | ||
| calendar, | ||
| ago | ||
| } = props; | ||
| let datetime = Moment.getDatetime(props); | ||
| let content = ''; | ||
| if (format) { | ||
| content = datetime.format(format); | ||
| } else if (from) { | ||
| content = datetime.from(from, ago); | ||
| } else if (fromNow) { | ||
| content = datetime.fromNow(ago); | ||
| } else if (to) { | ||
| content = datetime.to(to, ago); | ||
| } else if (toNow) { | ||
| content = datetime.toNow(ago); | ||
| } else if (calendar) { | ||
| content = datetime.calendar(); | ||
| } else { | ||
| content = datetime.toString(); | ||
| } | ||
| this.setState({content}) | ||
| } | ||
| render() { | ||
| const { | ||
| as, | ||
| date, | ||
| parse, | ||
| format, | ||
| fromNow, | ||
| from, | ||
| toNow, | ||
| to, | ||
| calendar, | ||
| ago, | ||
| utc, | ||
| unix, | ||
| tz, | ||
| locale, | ||
| ...other | ||
| } = this.props; | ||
| const { | ||
| content | ||
| } = this.state; | ||
| return React.createElement( | ||
| this.props.as || "time", | ||
| { | ||
| dateTime: Moment.getDatetime(this.props), | ||
| ...other | ||
| }, | ||
| content | ||
| ); | ||
| } | ||
| this.setState({content}, () => { | ||
| this.props.onChange(content); | ||
| }); | ||
| } | ||
| render() { | ||
| const { | ||
| as, | ||
| date, | ||
| parse, | ||
| format, | ||
| fromNow, | ||
| from, | ||
| toNow, | ||
| to, | ||
| calendar, | ||
| ago, | ||
| utc, | ||
| unix, | ||
| tz, | ||
| locale, | ||
| interval, | ||
| ...other | ||
| } = this.props; | ||
| return React.createElement(this.props.as || 'time', { | ||
| dateTime: Moment.getDatetime(this.props), | ||
| ...other | ||
| }, | ||
| this.state.content | ||
| ); | ||
| } | ||
| } |
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by5.18%
41215
- Number of package files
- increased by6.67%
16
- Lines of code
- increased by14.35%
494
- Number of lines in readme file
- increased by1.19%
425
No dependency changes