react-period-of-stay-input/.cache/53eaa4ff3ed63b6cd791cc8621d3e96b.json

React.js component for entering a period of stay in a hotel: check-in + check-out date

{"id":"PeriodOfStayInput.tsx","dependencies":[{"name":"/home/ikr/prj/stc-b2b/react-period-of-stay-input/tsconfig.json","includedInParent":true,"mtime":1533819530549},{"name":"/home/ikr/prj/stc-b2b/react-period-of-stay-input/package.json","includedInParent":true,"mtime":1534141269544},{"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\";\n\nvar __extends = this && this.__extends || function () {\n    var _extendStatics = function extendStatics(d, b) {\n        _extendStatics = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function (d, b) {\n            d.__proto__ = b;\n        } || function (d, b) {\n            for (var p in b) {\n                if (b.hasOwnProperty(p)) d[p] = b[p];\n            }\n        };\n        return _extendStatics(d, b);\n    };\n    return function (d, b) {\n        _extendStatics(d, b);\n        function __() {\n            this.constructor = d;\n        }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n}();\nvar __assign = this && this.__assign || function () {\n    __assign = Object.assign || function (t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) {\n                if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n            }\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __importStar = this && this.__importStar || function (mod) {\n    if (mod && mod.__esModule) return mod;\n    var result = {};\n    if (mod != null) for (var k in mod) {\n        if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];\n    }result[\"default\"] = mod;\n    return result;\n};\nvar __importDefault = this && this.__importDefault || function (mod) {\n    return mod && mod.__esModule ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar React = __importStar(require(\"react\"));\nvar react_datepicker_1 = __importDefault(require(\"react-datepicker\"));\nvar react_intl_1 = require(\"react-intl\");\nvar momentLocale_1 = __importDefault(require(\"./momentLocale\"));\nvar Day_1 = require(\"./Day\");\nfunction CalendarIcon() {\n    return React.createElement(\"i\", { className: 'fa fa-calendar calendar-icon' });\n}\nfunction datePickerData(props) {\n    return {\n        locale: momentLocale_1.default(props.locale),\n        mCheckIn: props.model.checkInDate.toMoment(),\n        mCheckOut: props.model.checkOutDate.toMoment()\n    };\n}\nfunction CheckIn(props) {\n    if (props.useInputTypeDate) {\n        return React.createElement(\"input\", { type: 'date', value: props.model.checkInDate.toString(), onChange: props.handleNativeCheckInChange });\n    }\n    var _a = datePickerData(props),\n        locale = _a.locale,\n        mCheckIn = _a.mCheckIn,\n        mCheckOut = _a.mCheckOut;\n    return React.createElement(react_datepicker_1.default, { locale: locale, selected: mCheckIn, selectsStart: true, startDate: mCheckIn, endDate: mCheckOut, onChange: props.handleCheckInChange });\n}\nfunction CheckOut(props) {\n    if (props.useInputTypeDate) {\n        return React.createElement(\"input\", { type: 'date', value: props.model.checkOutDate.toString(), onChange: props.handleNativeCheckOutChange });\n    }\n    var _a = datePickerData(props),\n        locale = _a.locale,\n        mCheckIn = _a.mCheckIn,\n        mCheckOut = _a.mCheckOut;\n    return React.createElement(react_datepicker_1.default, { locale: locale, selected: mCheckOut, selectsEnd: true, startDate: mCheckIn, endDate: mCheckOut, onChange: props.handleCheckOutChange });\n}\nvar PeriodOfStayInput = /** @class */function (_super) {\n    __extends(PeriodOfStayInput, _super);\n    function PeriodOfStayInput(props) {\n        var _this = _super.call(this, props) || this;\n        _this.handleCheckInChange = _this.handleCheckInChange.bind(_this);\n        _this.handleCheckOutChange = _this.handleCheckOutChange.bind(_this);\n        _this.handleNativeCheckInChange = _this.handleNativeCheckInChange.bind(_this);\n        _this.handleNativeCheckOutChange = _this.handleNativeCheckOutChange.bind(_this);\n        return _this;\n    }\n    PeriodOfStayInput.prototype.render = function () {\n        var className = 'period-of-stay-input' + (this.props.className ? \" \" + this.props.className : '');\n        return React.createElement(\"div\", __assign({}, { className: className }), React.createElement(\"div\", { className: 'period-of-stay-check-in' }, React.createElement(\"label\", null, React.createElement(react_intl_1.FormattedMessage, { id: 'react-period-of-stay-input.checkInDay' })), React.createElement(CheckIn, __assign({}, __assign({}, this.props, { handleCheckInChange: this.handleCheckInChange, handleNativeCheckInChange: this.handleNativeCheckInChange }))), React.createElement(CalendarIcon, null)), React.createElement(\"div\", { className: 'period-of-stay-check-out' }, React.createElement(\"label\", null, React.createElement(react_intl_1.FormattedMessage, { id: 'react-period-of-stay-input.checkOutDay' })), React.createElement(CheckOut, __assign({}, __assign({}, this.props, { handleCheckOutChange: this.handleCheckOutChange, handleNativeCheckOutChange: this.handleNativeCheckOutChange }))), React.createElement(CalendarIcon, null)), React.createElement(\"span\", { className: 'period-of-stay-nights' }, React.createElement(react_intl_1.FormattedMessage, { id: 'react-period-of-stay-input.period', values: { count: this.props.model.nightsCount() } })));\n    };\n    PeriodOfStayInput.prototype.handleCheckInChange = function (newValue) {\n        this.props.onChange(this.props.model.newCheckIn(newValue.format(Day_1.FORMAT), this.props.environment));\n    };\n    PeriodOfStayInput.prototype.handleCheckOutChange = function (newValue) {\n        this.props.onChange(this.props.model.newCheckOut(newValue.format(Day_1.FORMAT), this.props.environment));\n    };\n    PeriodOfStayInput.prototype.handleNativeCheckInChange = function (ev) {\n        this.props.onChange(this.props.model.newCheckIn(ev.target.value, this.props.environment));\n    };\n    PeriodOfStayInput.prototype.handleNativeCheckOutChange = function (ev) {\n        this.props.onChange(this.props.model.newCheckOut(ev.target.value, this.props.environment));\n    };\n    return PeriodOfStayInput;\n}(React.Component);\nexports.default = PeriodOfStayInput;"},"hash":"82271d799d15fe05bfe477379edad9ab","cacheData":{"env":{}}}