@birdnet/advanced-react-dates 0.0.0-stage → 1.0.0

package/esm/utils/isNextMonth.js

@@ -0,0 +1,6 @@
+import moment from 'moment';
+import isSameMonth from './isSameMonth';
+export default function isNextMonth(a, b) {
+  if (!moment.isMoment(a) || !moment.isMoment(b)) return false;
+  return isSameMonth(a.clone().add(1, 'month'), b);
+}

package/esm/utils/isPrevMonth.js

@@ -0,0 +1,6 @@
+import moment from 'moment';
+import isSameMonth from './isSameMonth';
+export default function isPrevMonth(a, b) {
+  if (!moment.isMoment(a) || !moment.isMoment(b)) return false;
+  return isSameMonth(a.clone().subtract(1, 'month'), b);
+}

package/esm/utils/isPreviousDay.js

@@ -0,0 +1,7 @@
+import moment from 'moment';
+import isSameDay from './isSameDay';
+export default function isPreviousDay(a, b) {
+  if (!moment.isMoment(a) || !moment.isMoment(b)) return false;
+  var dayBefore = moment(a).subtract(1, 'day');
+  return isSameDay(dayBefore, b);
+}

package/esm/utils/isSameDay.js

@@ -0,0 +1,7 @@
+import moment from 'moment';
+export default function isSameDay(a, b) {
+  if (!moment.isMoment(a) || !moment.isMoment(b)) return false;
+  // Compare least significant, most likely to change units first
+  // Moment's isSame clones moment inputs and is a tad slow
+  return a.date() === b.date() && a.month() === b.month() && a.year() === b.year();
+}

package/esm/utils/isSameMonth.js

@@ -0,0 +1,7 @@
+import moment from 'moment';
+export default function isSameMonth(a, b) {
+  if (!moment.isMoment(a) || !moment.isMoment(b)) return false;
+  // Compare least significant, most likely to change units first
+  // Moment's isSame clones moment inputs and is a tad slow
+  return a.month() === b.month() && a.year() === b.year();
+}

package/esm/utils/isTransitionEndSupported.js

@@ -0,0 +1,3 @@
+export default function isTransitionEndSupported() {
+  return !!(typeof window !== 'undefined' && 'TransitionEvent' in window);
+}

package/esm/utils/modifiers.js

@@ -0,0 +1,94 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import isDayVisible from './isDayVisible';
+import toISODateString from './toISODateString';
+import toISOMonthString from './toISOMonthString';
+import getPreviousMonthMemoLast from './getPreviousMonthMemoLast';
+import { VERTICAL_SCROLLABLE } from '../constants';
+export function addModifier(updatedDays, day, modifier, props, state) {
+  var numberOfVisibleMonths = props.numberOfMonths,
+    enableOutsideDays = props.enableOutsideDays,
+    orientation = props.orientation;
+  var firstVisibleMonth = state.currentMonth,
+    visibleDays = state.visibleDays;
+  var currentMonth = firstVisibleMonth;
+  var numberOfMonths = numberOfVisibleMonths;
+  if (orientation === VERTICAL_SCROLLABLE) {
+    numberOfMonths = Object.keys(visibleDays).length;
+  } else {
+    currentMonth = getPreviousMonthMemoLast(currentMonth);
+    numberOfMonths += 2;
+  }
+  if (!day || !isDayVisible(day, currentMonth, numberOfMonths, enableOutsideDays)) {
+    return updatedDays;
+  }
+  var iso = toISODateString(day);
+  var updatedDaysAfterAddition = _objectSpread({}, updatedDays);
+  if (enableOutsideDays) {
+    var monthsToUpdate = Object.keys(visibleDays).filter(function (monthKey) {
+      return Object.keys(visibleDays[monthKey]).indexOf(iso) > -1;
+    });
+    updatedDaysAfterAddition = monthsToUpdate.reduce(function (acc, monthIso) {
+      var month = updatedDays[monthIso] || visibleDays[monthIso];
+      if (!month[iso] || !month[iso].has(modifier)) {
+        var modifiers = new Set(month[iso]);
+        modifiers.add(modifier);
+        acc[monthIso] = _objectSpread(_objectSpread({}, month), {}, _defineProperty({}, iso, modifiers));
+      }
+      return acc;
+    }, updatedDaysAfterAddition);
+  } else {
+    var monthIso = toISOMonthString(day);
+    var month = updatedDays[monthIso] || visibleDays[monthIso] || {};
+    if (!month[iso] || !month[iso].has(modifier)) {
+      var modifiers = new Set(month[iso]);
+      modifiers.add(modifier);
+      updatedDaysAfterAddition[monthIso] = _objectSpread(_objectSpread({}, month), {}, _defineProperty({}, iso, modifiers));
+    }
+  }
+  return updatedDaysAfterAddition;
+}
+export function deleteModifier(updatedDays, day, modifier, props, state) {
+  var numberOfVisibleMonths = props.numberOfMonths,
+    enableOutsideDays = props.enableOutsideDays,
+    orientation = props.orientation;
+  var firstVisibleMonth = state.currentMonth,
+    visibleDays = state.visibleDays;
+  var currentMonth = firstVisibleMonth;
+  var numberOfMonths = numberOfVisibleMonths;
+  if (orientation === VERTICAL_SCROLLABLE) {
+    numberOfMonths = Object.keys(visibleDays).length;
+  } else {
+    currentMonth = getPreviousMonthMemoLast(currentMonth);
+    numberOfMonths += 2;
+  }
+  if (!day || !isDayVisible(day, currentMonth, numberOfMonths, enableOutsideDays)) {
+    return updatedDays;
+  }
+  var iso = toISODateString(day);
+  var updatedDaysAfterDeletion = _objectSpread({}, updatedDays);
+  if (enableOutsideDays) {
+    var monthsToUpdate = Object.keys(visibleDays).filter(function (monthKey) {
+      return Object.keys(visibleDays[monthKey]).indexOf(iso) > -1;
+    });
+    updatedDaysAfterDeletion = monthsToUpdate.reduce(function (acc, monthIso) {
+      var month = updatedDays[monthIso] || visibleDays[monthIso];
+      if (month[iso] && month[iso].has(modifier)) {
+        var modifiers = new Set(month[iso]);
+        modifiers["delete"](modifier);
+        acc[monthIso] = _objectSpread(_objectSpread({}, month), {}, _defineProperty({}, iso, modifiers));
+      }
+      return acc;
+    }, updatedDaysAfterDeletion);
+  } else {
+    var monthIso = toISOMonthString(day);
+    var month = updatedDays[monthIso] || visibleDays[monthIso] || {};
+    if (month[iso] && month[iso].has(modifier)) {
+      var modifiers = new Set(month[iso]);
+      modifiers["delete"](modifier);
+      updatedDaysAfterDeletion[monthIso] = _objectSpread(_objectSpread({}, month), {}, _defineProperty({}, iso, modifiers));
+    }
+  }
+  return updatedDaysAfterDeletion;
+}

package/esm/utils/noflip.js

@@ -0,0 +1,10 @@
+var NOFLIP = '/* @noflip */';
+
+// Appends a noflip comment to a style rule in order to prevent it from being automatically
+// flipped in RTL contexts. This should be used only in situations where the style must remain
+// unflipped regardless of direction context. See: https://github.com/kentcdodds/rtl-css-js#usage
+export default function noflip(value) {
+  if (typeof value === 'number') return "".concat(value, "px ").concat(NOFLIP);
+  if (typeof value === 'string') return "".concat(value, " ").concat(NOFLIP);
+  throw new TypeError('noflip expects a string or a number');
+}

package/esm/utils/registerCSSInterfaceWithDefaultTheme.js

@@ -0,0 +1,5 @@
+import CSSInterface from 'react-with-styles-interface-css';
+import registerInterfaceWithDefaultTheme from './registerInterfaceWithDefaultTheme';
+export default function registerCSSInterfaceWithDefaultTheme() {
+  registerInterfaceWithDefaultTheme(CSSInterface);
+}

package/esm/utils/registerInterfaceWithDefaultTheme.js

@@ -0,0 +1,6 @@
+import ThemedStyleSheet from 'react-with-styles/lib/ThemedStyleSheet';
+import DefaultTheme from '../theme/DefaultTheme';
+export default function registerInterfaceWithDefaultTheme(reactWithStylesInterface) {
+  ThemedStyleSheet.registerInterface(reactWithStylesInterface);
+  ThemedStyleSheet.registerTheme(DefaultTheme);
+}

package/esm/utils/toISODateString.js

@@ -0,0 +1,12 @@
+import moment from 'moment';
+import toMomentObject from './toMomentObject';
+export default function toISODateString(date, currentFormat) {
+  var dateObj = moment.isMoment(date) ? date : toMomentObject(date, currentFormat);
+  if (!dateObj) return null;
+
+  // Template strings compiled in strict mode uses concat, which is slow. Since
+  // this code is in a hot path and we want it to be as fast as possible, we
+  // want to use old-fashioned +.
+  // eslint-disable-next-line prefer-template
+  return dateObj.year() + '-' + String(dateObj.month() + 1).padStart(2, '0') + '-' + String(dateObj.date()).padStart(2, '0');
+}

package/esm/utils/toISOMonthString.js

@@ -0,0 +1,12 @@
+import moment from 'moment';
+import toMomentObject from './toMomentObject';
+export default function toISOMonthString(date, currentFormat) {
+  var dateObj = moment.isMoment(date) ? date : toMomentObject(date, currentFormat);
+  if (!dateObj) return null;
+
+  // Template strings compiled in strict mode uses concat, which is slow. Since
+  // this code is in a hot path and we want it to be as fast as possible, we
+  // want to use old-fashioned +.
+  // eslint-disable-next-line prefer-template
+  return dateObj.year() + '-' + String(dateObj.month() + 1).padStart(2, '0');
+}

package/esm/utils/toLocalizedDateString.js

@@ -0,0 +1,8 @@
+import moment from 'moment';
+import toMomentObject from './toMomentObject';
+import { DISPLAY_FORMAT } from '../constants';
+export default function toLocalizedDateString(date, currentFormat) {
+  var dateObj = moment.isMoment(date) ? date : toMomentObject(date, currentFormat);
+  if (!dateObj) return null;
+  return dateObj.format(DISPLAY_FORMAT);
+}

package/esm/utils/toMomentObject.js

@@ -0,0 +1,7 @@
+import moment from 'moment';
+import { DISPLAY_FORMAT, ISO_FORMAT } from '../constants';
+export default function toMomentObject(dateString, customFormat) {
+  var dateFormats = customFormat ? [customFormat, DISPLAY_FORMAT, ISO_FORMAT] : [DISPLAY_FORMAT, ISO_FORMAT];
+  var date = moment(dateString, dateFormats, true);
+  return date.isValid() ? date.hour(12) : null;
+}

package/index.js

@@ -0,0 +1,2 @@
+// eslint-disable-next-line import/no-unresolved
+module.exports = require('./lib');

package/initialize.js

@@ -0,0 +1,2 @@
+// eslint-disable-next-line import/no-unresolved
+require('./lib/initialize');

package/karma.conf.js

@@ -0,0 +1,82 @@
+/* eslint no-param-reassign:0, import/no-extraneous-dependencies:0 */
+const path = require('path');
+const webpack = require('webpack');
+
+module.exports = (config) => {
+  config.set({
+    basePath: '',
+
+    frameworks: ['mocha', 'sinon', 'chai'],
+
+    files: ['test/browser-main.js'],
+
+    webpack: {
+      mode: 'development',
+      externals: {
+        sinon: true,
+      },
+      plugins: [
+        // https://github.com/cheeriojs/cheerio/issues/836
+        new webpack.NormalModuleReplacementPlugin(/^\.\/package$/, (result) => {
+          if (/cheerio/.test(result.context)) {
+            result.request = './package.json';
+          }
+        }),
+      ],
+      module: {
+        rules: [
+          {
+            test: /\.jsx?$/,
+            loader: 'babel-loader',
+            include: [
+              path.join(__dirname, 'src'),
+              path.join(__dirname, 'test'),
+              require.resolve('airbnb-js-shims'),
+            ],
+            options: {
+              presets: [
+                // setting modules to false so it does not transform twice
+                ['airbnb', { modules: false }],
+                // transform to cjs so sinon can stub properly
+                ['@babel/preset-env', { modules: 'cjs' }],
+              ],
+            },
+          },
+
+          // Inject the Airbnb shims into the bundle
+          { test: /test\/_helpers/, loader: 'imports-loader?shims=airbnb-js-shims' },
+        ],
+      },
+      resolve: {
+        extensions: ['.js', '.jsx'],
+      },
+    },
+
+    webpackMiddleware: {
+      progress: false,
+      stats: false,
+      debug: false,
+      quiet: true,
+    },
+
+    preprocessors: {
+      'test/**/*': ['webpack'],
+    },
+
+    reporters: ['progress'],
+
+    port: 9876,
+
+    colors: true,
+
+    logLevel: config.LOG_INFO,
+
+    autoWatch: false,
+
+    browsers: ['Firefox'],
+
+    singleRun: true,
+
+    concurrency: Infinity,
+  });
+};

package/lib/components/CalendarDay.js

@@ -0,0 +1,327 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.PureCalendarDay = void 0;
+var _enzymeShallowEqual = _interopRequireDefault(require("enzyme-shallow-equal"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _readOnlyError2 = _interopRequireDefault(require("@babel/runtime/helpers/readOnlyError"));
+var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _reactMomentProptypes = _interopRequireDefault(require("react-moment-proptypes"));
+var _airbnbPropTypes = require("airbnb-prop-types");
+var _reactWithStyles = require("react-with-styles");
+var _moment = _interopRequireDefault(require("moment"));
+var _raf = _interopRequireDefault(require("raf"));
+var _defaultPhrases = require("../defaultPhrases");
+var _getPhrasePropTypes = _interopRequireDefault(require("../utils/getPhrasePropTypes"));
+var _getCalendarDaySettings = _interopRequireDefault(require("../utils/getCalendarDaySettings"));
+var _ModifiersShape = _interopRequireDefault(require("../shapes/ModifiersShape"));
+var _constants = require("../constants");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var propTypes = process.env.NODE_ENV !== "production" ? (0, _airbnbPropTypes.forbidExtraProps)(_objectSpread(_objectSpread({}, _reactWithStyles.withStylesPropTypes), {}, {
+  day: _reactMomentProptypes["default"].momentObj,
+  daySize: _airbnbPropTypes.nonNegativeInteger,
+  isOutsideDay: _propTypes["default"].bool,
+  modifiers: _ModifiersShape["default"],
+  isFocused: _propTypes["default"].bool,
+  tabIndex: _propTypes["default"].oneOf([0, -1]),
+  onDayClick: _propTypes["default"].func,
+  onDayMouseEnter: _propTypes["default"].func,
+  onDayMouseLeave: _propTypes["default"].func,
+  renderDayContents: _propTypes["default"].func,
+  ariaLabelFormat: _propTypes["default"].string,
+  // internationalization
+  phrases: _propTypes["default"].shape((0, _getPhrasePropTypes["default"])(_defaultPhrases.CalendarDayPhrases))
+})) : {};
+var defaultProps = {
+  day: (0, _moment["default"])(),
+  daySize: _constants.DAY_SIZE,
+  isOutsideDay: false,
+  modifiers: new Set(),
+  isFocused: false,
+  tabIndex: -1,
+  onDayClick: function onDayClick() {},
+  onDayMouseEnter: function onDayMouseEnter() {},
+  onDayMouseLeave: function onDayMouseLeave() {},
+  renderDayContents: null,
+  ariaLabelFormat: 'dddd, LL',
+  // internationalization
+  phrases: _defaultPhrases.CalendarDayPhrases
+};
+var CalendarDay = exports.PureCalendarDay = /*#__PURE__*/function (_ref2, _ref) {
+  function CalendarDay() {
+    var _this;
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _ref2.call.apply(_ref2, [this].concat(args)) || this;
+    _this.setButtonRef = _this.setButtonRef.bind(_this);
+    return _this;
+  }
+  (0, _inheritsLoose2["default"])(CalendarDay, _ref2);
+  var _proto = CalendarDay.prototype;
+  _proto[_ref] = function (nextProps, nextState) {
+    return !(0, _enzymeShallowEqual["default"])(this.props, nextProps) || !(0, _enzymeShallowEqual["default"])(this.state, nextState);
+  };
+  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
+    var _this2 = this;
+    var _this$props = this.props,
+      isFocused = _this$props.isFocused,
+      tabIndex = _this$props.tabIndex;
+    if (tabIndex === 0) {
+      if (isFocused || tabIndex !== prevProps.tabIndex) {
+        (0, _raf["default"])(function () {
+          if (_this2.buttonRef) {
+            _this2.buttonRef.focus();
+          }
+        });
+      }
+    }
+  };
+  _proto.onDayClick = function onDayClick(day, e) {
+    var onDayClick = this.props.onDayClick;
+    onDayClick(day, e);
+  };
+  _proto.onDayMouseEnter = function onDayMouseEnter(day, e) {
+    var onDayMouseEnter = this.props.onDayMouseEnter;
+    onDayMouseEnter(day, e);
+  };
+  _proto.onDayMouseLeave = function onDayMouseLeave(day, e) {
+    var onDayMouseLeave = this.props.onDayMouseLeave;
+    onDayMouseLeave(day, e);
+  };
+  _proto.onKeyDown = function onKeyDown(day, e) {
+    var onDayClick = this.props.onDayClick;
+    var key = e.key;
+    if (key === 'Enter' || key === ' ') {
+      onDayClick(day, e);
+    }
+  };
+  _proto.setButtonRef = function setButtonRef(ref) {
+    this.buttonRef = ref;
+  };
+  _proto.render = function render() {
+    var _this3 = this;
+    var _this$props2 = this.props,
+      day = _this$props2.day,
+      ariaLabelFormat = _this$props2.ariaLabelFormat,
+      daySize = _this$props2.daySize,
+      isOutsideDay = _this$props2.isOutsideDay,
+      modifiers = _this$props2.modifiers,
+      renderDayContents = _this$props2.renderDayContents,
+      tabIndex = _this$props2.tabIndex,
+      css = _this$props2.css,
+      styles = _this$props2.styles,
+      phrases = _this$props2.phrases;
+
+    // empty placeholder cell (no day to render); nothing to label
+    // eslint-disable-next-line jsx-a11y/control-has-associated-label
+    if (!day) return /*#__PURE__*/_react["default"].createElement("td", null);
+    var _getCalendarDaySettin = (0, _getCalendarDaySettings["default"])(day, ariaLabelFormat, daySize, modifiers, phrases),
+      daySizeStyles = _getCalendarDaySettin.daySizeStyles,
+      useDefaultCursor = _getCalendarDaySettin.useDefaultCursor,
+      selected = _getCalendarDaySettin.selected,
+      hoveredSpan = _getCalendarDaySettin.hoveredSpan,
+      isOutsideRange = _getCalendarDaySettin.isOutsideRange,
+      ariaLabel = _getCalendarDaySettin.ariaLabel;
+    return /*#__PURE__*/_react["default"].createElement("td", (0, _extends2["default"])({}, css(styles.CalendarDay, useDefaultCursor && styles.CalendarDay__defaultCursor, styles.CalendarDay__default, isOutsideDay && styles.CalendarDay__outside, modifiers.has('today') && styles.CalendarDay__today, modifiers.has('first-day-of-week') && styles.CalendarDay__firstDayOfWeek, modifiers.has('last-day-of-week') && styles.CalendarDay__lastDayOfWeek, modifiers.has('hovered-offset') && styles.CalendarDay__hovered_offset, modifiers.has('hovered-start-first-possible-end') && styles.CalendarDay__hovered_start_first_possible_end, modifiers.has('hovered-start-blocked-minimum-nights') && styles.CalendarDay__hovered_start_blocked_min_nights, modifiers.has('highlighted-calendar') && styles.CalendarDay__highlighted_calendar, modifiers.has('blocked-minimum-nights') && styles.CalendarDay__blocked_minimum_nights, modifiers.has('blocked-calendar') && styles.CalendarDay__blocked_calendar, hoveredSpan && styles.CalendarDay__hovered_span, modifiers.has('after-hovered-start') && styles.CalendarDay__after_hovered_start, modifiers.has('selected-span') && styles.CalendarDay__selected_span, modifiers.has('selected-start') && styles.CalendarDay__selected_start, modifiers.has('selected-end') && styles.CalendarDay__selected_end, selected && !modifiers.has('selected-span') && styles.CalendarDay__selected, modifiers.has('before-hovered-end') && styles.CalendarDay__before_hovered_end, modifiers.has('no-selected-start-before-selected-end') && styles.CalendarDay__no_selected_start_before_selected_end, modifiers.has('selected-start-in-hovered-span') && styles.CalendarDay__selected_start_in_hovered_span, modifiers.has('selected-end-in-hovered-span') && styles.CalendarDay__selected_end_in_hovered_span, modifiers.has('selected-start-no-selected-end') && styles.CalendarDay__selected_start_no_selected_end, modifiers.has('selected-end-no-selected-start') && styles.CalendarDay__selected_end_no_selected_start, isOutsideRange && styles.CalendarDay__blocked_out_of_range, daySizeStyles), {
+      role: "button" // eslint-disable-line jsx-a11y/no-noninteractive-element-to-interactive-role
+      ,
+      ref: this.setButtonRef,
+      "aria-disabled": modifiers.has('blocked')
+    }, modifiers.has('today') ? {
+      'aria-current': 'date'
+    } : {}, {
+      "aria-label": ariaLabel,
+      onMouseEnter: function onMouseEnter(e) {
+        _this3.onDayMouseEnter(day, e);
+      },
+      onMouseLeave: function onMouseLeave(e) {
+        _this3.onDayMouseLeave(day, e);
+      },
+      onMouseUp: function onMouseUp(e) {
+        e.currentTarget.blur();
+      },
+      onClick: function onClick(e) {
+        _this3.onDayClick(day, e);
+      },
+      onKeyDown: function onKeyDown(e) {
+        _this3.onKeyDown(day, e);
+      },
+      tabIndex: tabIndex
+    }), renderDayContents ? renderDayContents(day, modifiers) : day.format('D'));
+  };
+  return CalendarDay;
+}(_react["default"].PureComponent || _react["default"].Component, !_react["default"].PureComponent && "shouldComponentUpdate");
+CalendarDay.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
+CalendarDay.defaultProps = defaultProps;
+var _default = exports["default"] = (0, _reactWithStyles.withStyles)(function (_ref3) {
+  var _ref3$reactDates = _ref3.reactDates,
+    color = _ref3$reactDates.color,
+    font = _ref3$reactDates.font;
+  return {
+    CalendarDay: {
+      boxSizing: 'border-box',
+      cursor: 'pointer',
+      fontSize: font.size,
+      textAlign: 'center',
+      ':active': {
+        outline: 0
+      }
+    },
+    CalendarDay__defaultCursor: {
+      cursor: 'default'
+    },
+    CalendarDay__default: {
+      border: "1px solid ".concat(color.core.borderLight),
+      color: color.text,
+      background: color.background,
+      ':hover': {
+        background: color.core.borderLight,
+        border: "1px solid ".concat(color.core.borderLight),
+        color: 'inherit'
+      }
+    },
+    CalendarDay__hovered_offset: {
+      background: color.core.borderBright,
+      border: "1px double ".concat(color.core.borderLight),
+      color: 'inherit'
+    },
+    CalendarDay__outside: {
+      border: 0,
+      background: color.outside.backgroundColor,
+      color: color.outside.color,
+      ':hover': {
+        border: 0
+      }
+    },
+    CalendarDay__blocked_minimum_nights: {
+      background: color.minimumNights.backgroundColor,
+      border: "1px solid ".concat(color.minimumNights.borderColor),
+      color: color.minimumNights.color,
+      ':hover': {
+        background: color.minimumNights.backgroundColor_hover,
+        color: color.minimumNights.color_active
+      },
+      ':active': {
+        background: color.minimumNights.backgroundColor_active,
+        color: color.minimumNights.color_active
+      }
+    },
+    CalendarDay__highlighted_calendar: {
+      background: color.highlighted.backgroundColor,
+      color: color.highlighted.color,
+      ':hover': {
+        background: color.highlighted.backgroundColor_hover,
+        color: color.highlighted.color_active
+      },
+      ':active': {
+        background: color.highlighted.backgroundColor_active,
+        color: color.highlighted.color_active
+      }
+    },
+    CalendarDay__selected_span: {
+      background: color.selectedSpan.backgroundColor,
+      border: "1px double ".concat(color.selectedSpan.borderColor),
+      color: color.selectedSpan.color,
+      ':hover': {
+        background: color.selectedSpan.backgroundColor_hover,
+        border: "1px double ".concat(color.selectedSpan.borderColor),
+        color: color.selectedSpan.color_active
+      },
+      ':active': {
+        background: color.selectedSpan.backgroundColor_active,
+        border: "1px double ".concat(color.selectedSpan.borderColor),
+        color: color.selectedSpan.color_active
+      }
+    },
+    CalendarDay__selected: {
+      background: color.selected.backgroundColor,
+      border: "1px double ".concat(color.selected.borderColor),
+      color: color.selected.color,
+      ':hover': {
+        background: color.selected.backgroundColor_hover,
+        border: "1px double ".concat(color.selected.borderColor),
+        color: color.selected.color_active
+      },
+      ':active': {
+        background: color.selected.backgroundColor_active,
+        border: "1px double ".concat(color.selected.borderColor),
+        color: color.selected.color_active
+      }
+    },
+    CalendarDay__hovered_span: {
+      background: color.hoveredSpan.backgroundColor,
+      border: "1px double ".concat(color.hoveredSpan.borderColor),
+      color: color.hoveredSpan.color,
+      ':hover': {
+        background: color.hoveredSpan.backgroundColor_hover,
+        border: "1px double ".concat(color.hoveredSpan.borderColor),
+        color: color.hoveredSpan.color_active
+      },
+      ':active': {
+        background: color.hoveredSpan.backgroundColor_active,
+        border: "1px double ".concat(color.hoveredSpan.borderColor),
+        color: color.hoveredSpan.color_active
+      }
+    },
+    CalendarDay__blocked_calendar: {
+      background: color.blocked_calendar.backgroundColor,
+      border: "1px solid ".concat(color.blocked_calendar.borderColor),
+      color: color.blocked_calendar.color,
+      ':hover': {
+        background: color.blocked_calendar.backgroundColor_hover,
+        border: "1px solid ".concat(color.blocked_calendar.borderColor),
+        color: color.blocked_calendar.color_active
+      },
+      ':active': {
+        background: color.blocked_calendar.backgroundColor_active,
+        border: "1px solid ".concat(color.blocked_calendar.borderColor),
+        color: color.blocked_calendar.color_active
+      }
+    },
+    CalendarDay__blocked_out_of_range: {
+      background: color.blocked_out_of_range.backgroundColor,
+      border: "1px solid ".concat(color.blocked_out_of_range.borderColor),
+      color: color.blocked_out_of_range.color,
+      ':hover': {
+        background: color.blocked_out_of_range.backgroundColor_hover,
+        border: "1px solid ".concat(color.blocked_out_of_range.borderColor),
+        color: color.blocked_out_of_range.color_active
+      },
+      ':active': {
+        background: color.blocked_out_of_range.backgroundColor_active,
+        border: "1px solid ".concat(color.blocked_out_of_range.borderColor),
+        color: color.blocked_out_of_range.color_active
+      }
+    },
+    CalendarDay__hovered_start_first_possible_end: {
+      background: color.core.borderLighter,
+      border: "1px double ".concat(color.core.borderLighter)
+    },
+    CalendarDay__hovered_start_blocked_min_nights: {
+      background: color.core.borderLighter,
+      border: "1px double ".concat(color.core.borderLight)
+    },
+    CalendarDay__selected_start: {},
+    CalendarDay__selected_end: {},
+    CalendarDay__today: {},
+    CalendarDay__firstDayOfWeek: {},
+    CalendarDay__lastDayOfWeek: {},
+    CalendarDay__after_hovered_start: {},
+    CalendarDay__before_hovered_end: {},
+    CalendarDay__no_selected_start_before_selected_end: {},
+    CalendarDay__selected_start_in_hovered_span: {},
+    CalendarDay__selected_end_in_hovered_span: {},
+    CalendarDay__selected_start_no_selected_end: {},
+    CalendarDay__selected_end_no_selected_start: {}
+  };
+}, {
+  pureComponent: typeof _react["default"].PureComponent !== 'undefined'
+})(CalendarDay);

package/lib/components/CalendarIcon.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var CalendarIcon = function CalendarIcon(props) {
+  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "m107 1393h241v-241h-241zm295 0h268v-241h-268zm-295-295h241v-268h-241zm295 0h268v-268h-268zm-295-321h241v-241h-241zm616 616h268v-241h-268zm-321-616h268v-241h-268zm643 616h241v-241h-241zm-322-295h268v-268h-268zm-294-723v-241c0-7-3-14-8-19-6-5-12-8-19-8h-54c-7 0-13 3-19 8-5 5-8 12-8 19v241c0 7 3 14 8 19 6 5 12 8 19 8h54c7 0 13-3 19-8 5-5 8-12 8-19zm616 723h241v-268h-241zm-322-321h268v-241h-268zm322 0h241v-241h-241zm27-402v-241c0-7-3-14-8-19-6-5-12-8-19-8h-54c-7 0-13 3-19 8-5 5-8 12-8 19v241c0 7 3 14 8 19 6 5 12 8 19 8h54c7 0 13-3 19-8 5-5 8-12 8-19zm321-54v1072c0 29-11 54-32 75s-46 32-75 32h-1179c-29 0-54-11-75-32s-32-46-32-75v-1072c0-29 11-54 32-75s46-32 75-32h107v-80c0-37 13-68 40-95s57-39 94-39h54c37 0 68 13 95 39 26 26 39 58 39 95v80h321v-80c0-37 13-69 40-95 26-26 57-39 94-39h54c37 0 68 13 94 39s40 58 40 95v80h107c29 0 54 11 75 32s32 46 32 75z"
+  }));
+};
+CalendarIcon.defaultProps = {
+  focusable: "false",
+  viewBox: "0 0 1393.1 1500"
+};
+var _default = exports["default"] = CalendarIcon;