react-period-of-stay-input
Version:
React.js component for entering a period of stay in a hotel: check-in + check-out date
1 lines • 5.41 kB
JSON
{"id":"EatO","dependencies":[{"name":"/home/ikr/prj/stc-b2b/react-period-of-stay-input/tsconfig.json","includedInParent":true,"mtime":1534170011206},{"name":"/home/ikr/prj/stc-b2b/react-period-of-stay-input/package.json","includedInParent":true,"mtime":1534170011202},{"name":"react","loc":{"line":37,"column":33},"parent":"/home/ikr/prj/stc-b2b/react-period-of-stay-input/src/PeriodOfStayInput.tsx","resolved":"/home/ikr/prj/stc-b2b/react-period-of-stay-input/node_modules/react/index.js"},{"name":"react-datepicker","loc":{"line":38,"column":49},"parent":"/home/ikr/prj/stc-b2b/react-period-of-stay-input/src/PeriodOfStayInput.tsx","resolved":"/home/ikr/prj/stc-b2b/react-period-of-stay-input/node_modules/react-datepicker/es/index.js"},{"name":"react-intl","loc":{"line":39,"column":27},"parent":"/home/ikr/prj/stc-b2b/react-period-of-stay-input/src/PeriodOfStayInput.tsx","resolved":"/home/ikr/prj/stc-b2b/react-period-of-stay-input/node_modules/react-intl/lib/index.es.js"},{"name":"./momentLocale","loc":{"line":40,"column":45},"parent":"/home/ikr/prj/stc-b2b/react-period-of-stay-input/src/PeriodOfStayInput.tsx","resolved":"/home/ikr/prj/stc-b2b/react-period-of-stay-input/src/momentLocale.ts"},{"name":"./Day","loc":{"line":41,"column":20},"parent":"/home/ikr/prj/stc-b2b/react-period-of-stay-input/src/PeriodOfStayInput.tsx","resolved":"/home/ikr/prj/stc-b2b/react-period-of-stay-input/src/Day.ts"}],"generated":{"js":"\"use strict\";var e=this&&this.__extends||function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function a(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(a.prototype=n.prototype,new a)}}(),t=this&&this.__assign||function(){return(t=Object.assign||function(e){for(var t,n=1,a=arguments.length;n<a;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,arguments)},n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t.default=e,t},a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,\"__esModule\",{value:!0});var r=n(require(\"react\")),o=a(require(\"react-datepicker\")),h=require(\"react-intl\"),c=a(require(\"./momentLocale\")),i=require(\"./Day\");function l(){return r.createElement(\"i\",{className:\"fa fa-calendar calendar-icon\"})}function s(e){return{locale:c.default(e.locale),mCheckIn:e.model.checkInDate.toMoment(),mCheckOut:e.model.checkOutDate.toMoment()}}function u(e){if(e.useInputTypeDate)return r.createElement(\"input\",{type:\"date\",value:e.model.checkInDate.toString(),onChange:e.handleNativeCheckInChange});var t=s(e),n=t.locale,a=t.mCheckIn,h=t.mCheckOut;return r.createElement(o.default,{locale:n,selected:a,selectsStart:!0,startDate:a,endDate:h,onChange:e.handleCheckInChange})}function p(e){if(e.useInputTypeDate)return r.createElement(\"input\",{type:\"date\",value:e.model.checkOutDate.toString(),onChange:e.handleNativeCheckOutChange});var t=s(e),n=t.locale,a=t.mCheckIn,h=t.mCheckOut;return r.createElement(o.default,{locale:n,selected:h,selectsEnd:!0,startDate:a,endDate:h,onChange:e.handleCheckOutChange})}var d=function(n){function a(e){var t=n.call(this,e)||this;return t.handleCheckInChange=t.handleCheckInChange.bind(t),t.handleCheckOutChange=t.handleCheckOutChange.bind(t),t.handleNativeCheckInChange=t.handleNativeCheckInChange.bind(t),t.handleNativeCheckOutChange=t.handleNativeCheckOutChange.bind(t),t}return e(a,n),a.prototype.render=function(){var e=\"period-of-stay-input\"+(this.props.className?\" \"+this.props.className:\"\");return r.createElement(\"div\",t({},{className:e}),r.createElement(\"div\",{className:\"period-of-stay-check-in\"},r.createElement(\"label\",null,r.createElement(h.FormattedMessage,{id:\"react-period-of-stay-input.checkInDay\"})),r.createElement(u,t({},t({},this.props,{handleCheckInChange:this.handleCheckInChange,handleNativeCheckInChange:this.handleNativeCheckInChange}))),r.createElement(l,null)),r.createElement(\"div\",{className:\"period-of-stay-check-out\"},r.createElement(\"label\",null,r.createElement(h.FormattedMessage,{id:\"react-period-of-stay-input.checkOutDay\"})),r.createElement(p,t({},t({},this.props,{handleCheckOutChange:this.handleCheckOutChange,handleNativeCheckOutChange:this.handleNativeCheckOutChange}))),r.createElement(l,null)),r.createElement(\"span\",{className:\"period-of-stay-nights\"},r.createElement(h.FormattedMessage,{id:\"react-period-of-stay-input.period\",values:{count:this.props.model.nightsCount()}})))},a.prototype.handleCheckInChange=function(e){this.props.onChange(this.props.model.newCheckIn(e.format(i.FORMAT),this.props.environment))},a.prototype.handleCheckOutChange=function(e){this.props.onChange(this.props.model.newCheckOut(e.format(i.FORMAT),this.props.environment))},a.prototype.handleNativeCheckInChange=function(e){this.props.onChange(this.props.model.newCheckIn(e.target.value,this.props.environment))},a.prototype.handleNativeCheckOutChange=function(e){this.props.onChange(this.props.model.newCheckOut(e.target.value,this.props.environment))},a}(r.Component);exports.default=d;"},"hash":"d597de893945f9d57066b2528d557598","cacheData":{"env":{}}}