@roo-ui/components
Version:
106 lines (89 loc) • 11.8 kB
JavaScript
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _styledSystem = require("styled-system");
var _core = require("@emotion/core");
var _ = require("../../../");
var _CalendarWeekdays = _interopRequireDefault(require("../CalendarWeekdays"));
var _CalendarDays = _interopRequireDefault(require("../CalendarDays"));
var _omitProps = _interopRequireDefault(require("../../../omitProps"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
var MonthWrapper = (
/*#__PURE__*/
0, _styledBase.default)(_.Box, _extends({}, {
target: "e22daib0",
label: "MonthWrapper"
}, (0, _omitProps.default)(['monthsToDisplay', 'stacked'])))("text-align:center;padding:0 ", (0, _styledSystem.themeGet)('space.4'), ";width:", function (props) {
return "".concat(100 / props.monthsToDisplay, "%");
}, ";", function (props) {
return props.stacked &&
/*#__PURE__*/
(0, _core.css)("width:100%;margin-top:", (0, _styledSystem.themeGet)('space.8')(props), ";&:first-of-type{margin-top:0;}label:MonthWrapper;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9EYXRlUGlja2VyL2NvbXBvbmVudHMvQ2FsZW5kYXJNb250aC9DYWxlbmRhck1vbnRoLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCTyIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMvRGF0ZVBpY2tlci9jb21wb25lbnRzL0NhbGVuZGFyTW9udGgvQ2FsZW5kYXJNb250aC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgdGhlbWVHZXQgfSBmcm9tICdzdHlsZWQtc3lzdGVtJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xuaW1wb3J0IHsgQm94LCBUZXh0IH0gZnJvbSAnLi4vLi4vLi4vJztcbmltcG9ydCBDYWxlbmRhcldlZWtkYXlzIGZyb20gJy4uL0NhbGVuZGFyV2Vla2RheXMnO1xuaW1wb3J0IENhbGVuZGFyRGF5cyBmcm9tICcuLi9DYWxlbmRhckRheXMnO1xuaW1wb3J0IG9taXRQcm9wcyBmcm9tICcuLi8uLi8uLi9vbWl0UHJvcHMnO1xuXG5jb25zdCBNb250aFdyYXBwZXIgPSBzdHlsZWQoQm94LCBvbWl0UHJvcHMoWydtb250aHNUb0Rpc3BsYXknLCAnc3RhY2tlZCddKSlgXG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgcGFkZGluZzogMCAke3RoZW1lR2V0KCdzcGFjZS40Jyl9O1xuICB3aWR0aDogJHtwcm9wcyA9PiBgJHsxMDAgLyBwcm9wcy5tb250aHNUb0Rpc3BsYXl9JWB9O1xuXG4gICR7cHJvcHMgPT4gcHJvcHMuc3RhY2tlZCAmJlxuICAgIGNzc2BcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgbWFyZ2luLXRvcDogJHt0aGVtZUdldCgnc3BhY2UuOCcpKHByb3BzKX07XG5cbiAgICAgICY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgICAgIG1hcmdpbi10b3A6IDA7XG4gICAgICB9XG4gICAgYH07XG5gO1xuXG5Nb250aFdyYXBwZXIuZGlzcGxheU5hbWUgPSAnTW9udGhXcmFwcGVyJztcblxuY29uc3QgQ2FsZW5kYXJNb250aCA9ICh7XG4gIG1vbnRoc1RvRGlzcGxheSwgbW9udGgsIG1vbnRoTmFtZSwgeWVhciwgc3RhY2tlZCwgd2Vla2RheU5hbWVzLFxuICB3ZWVrcywgZ2V0RGF0ZVByb3BzLCBkaXNhYmxlZERhdGVzLCBpbnRlcmFjdGl2ZURpc2FibGVkRGF0ZXMsXG4gIG9uTW91c2VFbnRlck9mRGF5LCBpc0luUmFuZ2UsXG59KSA9PiAoXG4gIDxNb250aFdyYXBwZXIgbW9udGhzVG9EaXNwbGF5PXttb250aHNUb0Rpc3BsYXl9IHN0YWNrZWQ9e3N0YWNrZWR9PlxuICAgIDxUZXh0IHRleHRTdHlsZT1cImNhcHNcIj5cbiAgICAgIHttb250aE5hbWV9IHt5ZWFyfVxuICAgIDwvVGV4dD5cbiAgICA8Q2FsZW5kYXJXZWVrZGF5cyBtb250aD17bW9udGh9IHllYXI9e3llYXJ9IHdlZWtkYXlOYW1lcz17d2Vla2RheU5hbWVzfSAvPlxuICAgIDxDYWxlbmRhckRheXNcbiAgICAgIHdlZWtzPXt3ZWVrc31cbiAgICAgIG1vbnRoPXttb250aH1cbiAgICAgIHllYXI9e3llYXJ9XG4gICAgICBnZXREYXRlUHJvcHM9e2dldERhdGVQcm9wc31cbiAgICAgIGRpc2FibGVkRGF0ZXM9e2Rpc2FibGVkRGF0ZXN9XG4gICAgICBpbnRlcmFjdGl2ZURpc2FibGVkRGF0ZXM9e2ludGVyYWN0aXZlRGlzYWJsZWREYXRlc31cbiAgICAgIG9uTW91c2VFbnRlck9mRGF5PXtvbk1vdXNlRW50ZXJPZkRheX1cbiAgICAgIGlzSW5SYW5nZT17aXNJblJhbmdlfVxuICAgIC8+XG4gIDwvTW9udGhXcmFwcGVyPlxuKTtcblxuTW9udGhXcmFwcGVyLmRlZmF1bHRQcm9wcyA9IHtcbiAgLi4uQm94LmRlZmF1bHRQcm9wcyxcbn07XG5cbkNhbGVuZGFyTW9udGguZGVmYXVsdFByb3BzID0ge1xuICBtb250aHNUb0Rpc3BsYXk6IDEsXG4gIHN0YWNrZWQ6IGZhbHNlLFxuICBkaXNhYmxlZERhdGVzOiBbXSxcbiAgaW50ZXJhY3RpdmVEaXNhYmxlZERhdGVzOiBmYWxzZSxcbiAgaXNJblJhbmdlOiAoKSA9PiB7fSxcbiAgb25Nb3VzZUVudGVyT2ZEYXk6ICgpID0+IHt9LFxufTtcblxuQ2FsZW5kYXJNb250aC5wcm9wVHlwZXMgPSB7XG4gIG1vbnRoOiBQcm9wVHlwZXMubnVtYmVyLmlzUmVxdWlyZWQsXG4gIHllYXI6IFByb3BUeXBlcy5udW1iZXIuaXNSZXF1aXJlZCxcbiAgbW9udGhOYW1lOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIHdlZWtzOiBQcm9wVHlwZXMuYXJyYXlPZihQcm9wVHlwZXMuYXJyYXkpLmlzUmVxdWlyZWQsXG4gIHdlZWtkYXlOYW1lczogUHJvcFR5cGVzLmFycmF5T2YoUHJvcFR5cGVzLnN0cmluZykuaXNSZXF1aXJlZCxcbiAgZGlzYWJsZWREYXRlczogUHJvcFR5cGVzLmFycmF5T2YoUHJvcFR5cGVzLmluc3RhbmNlT2YoRGF0ZSkpLFxuICBpbnRlcmFjdGl2ZURpc2FibGVkRGF0ZXM6IFByb3BUeXBlcy5ib29sLFxuICBtb250aHNUb0Rpc3BsYXk6IFByb3BUeXBlcy5udW1iZXIsXG4gIHN0YWNrZWQ6IFByb3BUeXBlcy5ib29sLFxuICBnZXREYXRlUHJvcHM6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIG9uTW91c2VFbnRlck9mRGF5OiBQcm9wVHlwZXMuZnVuYyxcbiAgaXNJblJhbmdlOiBQcm9wVHlwZXMuZnVuYyxcbn07XG5cbmV4cG9ydCBkZWZhdWx0IENhbGVuZGFyTW9udGg7XG4iXX0= */"));
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9EYXRlUGlja2VyL2NvbXBvbmVudHMvQ2FsZW5kYXJNb250aC9DYWxlbmRhck1vbnRoLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVUyRSIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMvRGF0ZVBpY2tlci9jb21wb25lbnRzL0NhbGVuZGFyTW9udGgvQ2FsZW5kYXJNb250aC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgdGhlbWVHZXQgfSBmcm9tICdzdHlsZWQtc3lzdGVtJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xuaW1wb3J0IHsgQm94LCBUZXh0IH0gZnJvbSAnLi4vLi4vLi4vJztcbmltcG9ydCBDYWxlbmRhcldlZWtkYXlzIGZyb20gJy4uL0NhbGVuZGFyV2Vla2RheXMnO1xuaW1wb3J0IENhbGVuZGFyRGF5cyBmcm9tICcuLi9DYWxlbmRhckRheXMnO1xuaW1wb3J0IG9taXRQcm9wcyBmcm9tICcuLi8uLi8uLi9vbWl0UHJvcHMnO1xuXG5jb25zdCBNb250aFdyYXBwZXIgPSBzdHlsZWQoQm94LCBvbWl0UHJvcHMoWydtb250aHNUb0Rpc3BsYXknLCAnc3RhY2tlZCddKSlgXG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgcGFkZGluZzogMCAke3RoZW1lR2V0KCdzcGFjZS40Jyl9O1xuICB3aWR0aDogJHtwcm9wcyA9PiBgJHsxMDAgLyBwcm9wcy5tb250aHNUb0Rpc3BsYXl9JWB9O1xuXG4gICR7cHJvcHMgPT4gcHJvcHMuc3RhY2tlZCAmJlxuICAgIGNzc2BcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgbWFyZ2luLXRvcDogJHt0aGVtZUdldCgnc3BhY2UuOCcpKHByb3BzKX07XG5cbiAgICAgICY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgICAgIG1hcmdpbi10b3A6IDA7XG4gICAgICB9XG4gICAgYH07XG5gO1xuXG5Nb250aFdyYXBwZXIuZGlzcGxheU5hbWUgPSAnTW9udGhXcmFwcGVyJztcblxuY29uc3QgQ2FsZW5kYXJNb250aCA9ICh7XG4gIG1vbnRoc1RvRGlzcGxheSwgbW9udGgsIG1vbnRoTmFtZSwgeWVhciwgc3RhY2tlZCwgd2Vla2RheU5hbWVzLFxuICB3ZWVrcywgZ2V0RGF0ZVByb3BzLCBkaXNhYmxlZERhdGVzLCBpbnRlcmFjdGl2ZURpc2FibGVkRGF0ZXMsXG4gIG9uTW91c2VFbnRlck9mRGF5LCBpc0luUmFuZ2UsXG59KSA9PiAoXG4gIDxNb250aFdyYXBwZXIgbW9udGhzVG9EaXNwbGF5PXttb250aHNUb0Rpc3BsYXl9IHN0YWNrZWQ9e3N0YWNrZWR9PlxuICAgIDxUZXh0IHRleHRTdHlsZT1cImNhcHNcIj5cbiAgICAgIHttb250aE5hbWV9IHt5ZWFyfVxuICAgIDwvVGV4dD5cbiAgICA8Q2FsZW5kYXJXZWVrZGF5cyBtb250aD17bW9udGh9IHllYXI9e3llYXJ9IHdlZWtkYXlOYW1lcz17d2Vla2RheU5hbWVzfSAvPlxuICAgIDxDYWxlbmRhckRheXNcbiAgICAgIHdlZWtzPXt3ZWVrc31cbiAgICAgIG1vbnRoPXttb250aH1cbiAgICAgIHllYXI9e3llYXJ9XG4gICAgICBnZXREYXRlUHJvcHM9e2dldERhdGVQcm9wc31cbiAgICAgIGRpc2FibGVkRGF0ZXM9e2Rpc2FibGVkRGF0ZXN9XG4gICAgICBpbnRlcmFjdGl2ZURpc2FibGVkRGF0ZXM9e2ludGVyYWN0aXZlRGlzYWJsZWREYXRlc31cbiAgICAgIG9uTW91c2VFbnRlck9mRGF5PXtvbk1vdXNlRW50ZXJPZkRheX1cbiAgICAgIGlzSW5SYW5nZT17aXNJblJhbmdlfVxuICAgIC8+XG4gIDwvTW9udGhXcmFwcGVyPlxuKTtcblxuTW9udGhXcmFwcGVyLmRlZmF1bHRQcm9wcyA9IHtcbiAgLi4uQm94LmRlZmF1bHRQcm9wcyxcbn07XG5cbkNhbGVuZGFyTW9udGguZGVmYXVsdFByb3BzID0ge1xuICBtb250aHNUb0Rpc3BsYXk6IDEsXG4gIHN0YWNrZWQ6IGZhbHNlLFxuICBkaXNhYmxlZERhdGVzOiBbXSxcbiAgaW50ZXJhY3RpdmVEaXNhYmxlZERhdGVzOiBmYWxzZSxcbiAgaXNJblJhbmdlOiAoKSA9PiB7fSxcbiAgb25Nb3VzZUVudGVyT2ZEYXk6ICgpID0+IHt9LFxufTtcblxuQ2FsZW5kYXJNb250aC5wcm9wVHlwZXMgPSB7XG4gIG1vbnRoOiBQcm9wVHlwZXMubnVtYmVyLmlzUmVxdWlyZWQsXG4gIHllYXI6IFByb3BUeXBlcy5udW1iZXIuaXNSZXF1aXJlZCxcbiAgbW9udGhOYW1lOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIHdlZWtzOiBQcm9wVHlwZXMuYXJyYXlPZihQcm9wVHlwZXMuYXJyYXkpLmlzUmVxdWlyZWQsXG4gIHdlZWtkYXlOYW1lczogUHJvcFR5cGVzLmFycmF5T2YoUHJvcFR5cGVzLnN0cmluZykuaXNSZXF1aXJlZCxcbiAgZGlzYWJsZWREYXRlczogUHJvcFR5cGVzLmFycmF5T2YoUHJvcFR5cGVzLmluc3RhbmNlT2YoRGF0ZSkpLFxuICBpbnRlcmFjdGl2ZURpc2FibGVkRGF0ZXM6IFByb3BUeXBlcy5ib29sLFxuICBtb250aHNUb0Rpc3BsYXk6IFByb3BUeXBlcy5udW1iZXIsXG4gIHN0YWNrZWQ6IFByb3BUeXBlcy5ib29sLFxuICBnZXREYXRlUHJvcHM6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIG9uTW91c2VFbnRlck9mRGF5OiBQcm9wVHlwZXMuZnVuYyxcbiAgaXNJblJhbmdlOiBQcm9wVHlwZXMuZnVuYyxcbn07XG5cbmV4cG9ydCBkZWZhdWx0IENhbGVuZGFyTW9udGg7XG4iXX0= */"));
MonthWrapper.displayName = 'MonthWrapper';
var CalendarMonth = function CalendarMonth(_ref) {
var monthsToDisplay = _ref.monthsToDisplay,
month = _ref.month,
monthName = _ref.monthName,
year = _ref.year,
stacked = _ref.stacked,
weekdayNames = _ref.weekdayNames,
weeks = _ref.weeks,
getDateProps = _ref.getDateProps,
disabledDates = _ref.disabledDates,
interactiveDisabledDates = _ref.interactiveDisabledDates,
onMouseEnterOfDay = _ref.onMouseEnterOfDay,
isInRange = _ref.isInRange;
return _react.default.createElement(MonthWrapper, {
monthsToDisplay: monthsToDisplay,
stacked: stacked
}, _react.default.createElement(_.Text, {
textStyle: "caps"
}, monthName, " ", year), _react.default.createElement(_CalendarWeekdays.default, {
month: month,
year: year,
weekdayNames: weekdayNames
}), _react.default.createElement(_CalendarDays.default, {
weeks: weeks,
month: month,
year: year,
getDateProps: getDateProps,
disabledDates: disabledDates,
interactiveDisabledDates: interactiveDisabledDates,
onMouseEnterOfDay: onMouseEnterOfDay,
isInRange: isInRange
}));
};
MonthWrapper.defaultProps = _objectSpread({}, _.Box.defaultProps);
CalendarMonth.defaultProps = {
monthsToDisplay: 1,
stacked: false,
disabledDates: [],
interactiveDisabledDates: false,
isInRange: function isInRange() {},
onMouseEnterOfDay: function onMouseEnterOfDay() {}
};
CalendarMonth.propTypes = {
month: _propTypes.default.number.isRequired,
year: _propTypes.default.number.isRequired,
monthName: _propTypes.default.string.isRequired,
weeks: _propTypes.default.arrayOf(_propTypes.default.array).isRequired,
weekdayNames: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
disabledDates: _propTypes.default.arrayOf(_propTypes.default.instanceOf(Date)),
interactiveDisabledDates: _propTypes.default.bool,
monthsToDisplay: _propTypes.default.number,
stacked: _propTypes.default.bool,
getDateProps: _propTypes.default.func.isRequired,
onMouseEnterOfDay: _propTypes.default.func,
isInRange: _propTypes.default.func
};
var _default = CalendarMonth;
exports.default = _default;
;