Build entry points

These three files are used as entry points into the project, and we
expect people to be importing them directly so they are at the top level
for convenience. Because of this, they have not been getting run through
Babel like the rest of the code here, so they were using older syntax.

In this commit, I am moving these files into the src directory so they
will be built into lib like the rest of the code here. In their place at
the top level, I am creating some very light shims that simply bring in
the built version of the module and re-export it if necessary.

This gives us a couple of advantages. First, it makes more of our code
consistent. Second, it makes it possible to produce two different kinds
of builds, one for CommonJS consumers and another for ES modules
consumers.

Author: lencioni

constants.js

@@ -1,25 +1,2 @@
-module.exports = {
-  DISPLAY_FORMAT: 'L',
-  ISO_FORMAT: 'YYYY-MM-DD',
-  ISO_MONTH_FORMAT: 'YYYY-MM',
-
-  START_DATE: 'startDate',
-  END_DATE: 'endDate',
-
-  HORIZONTAL_ORIENTATION: 'horizontal',
-  VERTICAL_ORIENTATION: 'vertical',
-  VERTICAL_SCROLLABLE: 'verticalScrollable',
-
-  ICON_BEFORE_POSITION: 'before',
-  ICON_AFTER_POSITION: 'after',
-
-  ANCHOR_LEFT: 'left',
-  ANCHOR_RIGHT: 'right',
-
-  OPEN_DOWN: 'down',
-  OPEN_UP: 'up',
-
-  DAY_SIZE: 39,
-  BLOCKED_MODIFIER: 'blocked',
-  WEEKDAYS: [0, 1, 2, 3, 4, 5, 6],
-};
+// eslint-disable-next-line import/no-unresolved
+module.exports = require('./lib/constants');

index.js

@@ -1,51 +1,2 @@
-var DateRangePicker = require('./lib/components/DateRangePicker').default;
-var DateRangePickerInput = require('./lib/components/DateRangePickerInput').default;
-var DateRangePickerInputController = require('./lib/components/DateRangePickerInputController').default;
-var SingleDatePicker = require('./lib/components/SingleDatePicker').default;
-var SingleDatePickerInput = require('./lib/components/SingleDatePickerInput').default;
-var DayPicker = require('./lib/components/DayPicker').default;
-var DayPickerRangeController = require('./lib/components/DayPickerRangeController').default;
-var DayPickerSingleDateController = require('./lib/components/DayPickerSingleDateController').default;
-var CalendarMonthGrid = require('./lib/components/CalendarMonthGrid').default;
-var CalendarMonth = require('./lib/components/CalendarMonth').default;
-var CalendarDay = require('./lib/components/CalendarDay').default;
-
-var DateRangePickerShape = require('./lib/shapes/DateRangePickerShape').default;
-var SingleDatePickerShape = require('./lib/shapes/SingleDatePickerShape').default;
-
-var isInclusivelyAfterDay = require('./lib/utils/isInclusivelyAfterDay').default;
-var isInclusivelyBeforeDay = require('./lib/utils/isInclusivelyBeforeDay').default;
-var isNextDay = require('./lib/utils/isNextDay').default;
-var isSameDay = require('./lib/utils/isSameDay').default;
-
-var toISODateString = require('./lib/utils/toISODateString').default;
-var toLocalizedDateString = require('./lib/utils/toLocalizedDateString').default;
-var toMomentObject = require('./lib/utils/toMomentObject').default;
-
-
-module.exports = {
-  DateRangePicker: DateRangePicker,
-  SingleDatePicker: SingleDatePicker,
-
-  DateRangePickerInputController: DateRangePickerInputController,
-  DateRangePickerInput: DateRangePickerInput,
-  SingleDatePickerInput: SingleDatePickerInput,
-  DayPicker: DayPicker,
-  DayPickerRangeController: DayPickerRangeController,
-  DayPickerSingleDateController: DayPickerSingleDateController,
-  CalendarMonthGrid: CalendarMonthGrid,
-  CalendarMonth: CalendarMonth,
-  CalendarDay: CalendarDay,
-
-  DateRangePickerShape: DateRangePickerShape,
-  SingleDatePickerShape: SingleDatePickerShape,
-
-  isInclusivelyAfterDay: isInclusivelyAfterDay,
-  isInclusivelyBeforeDay: isInclusivelyBeforeDay,
-  isNextDay: isNextDay,
-  isSameDay: isSameDay,
-
-  toISODateString: toISODateString,
-  toLocalizedDateString: toLocalizedDateString,
-  toMomentObject: toMomentObject,
-};
+// eslint-disable-next-line import/no-unresolved
+module.exports = require('./lib');

initialize.js

@@ -1,4 +1,2 @@
 // eslint-disable-next-line import/no-unresolved
-const registerCSSInterfaceWithDefaultTheme = require('./lib/utils/registerCSSInterfaceWithDefaultTheme.js').default;
-
-registerCSSInterfaceWithDefaultTheme();
+require('./lib/initialize');

src/components/CalendarDay.jsx

@@ -10,7 +10,7 @@ import { CalendarDayPhrases } from '../defaultPhrases';
 import getPhrasePropTypes from '../utils/getPhrasePropTypes';
 import getPhrase from '../utils/getPhrase';
 
-import { BLOCKED_MODIFIER, DAY_SIZE } from '../../constants';
+import { BLOCKED_MODIFIER, DAY_SIZE } from '../constants';
 
 const propTypes = forbidExtraProps({
   ...withStylesPropTypes,

src/components/CalendarMonth.jsx

@@ -26,7 +26,7 @@ import {
   VERTICAL_ORIENTATION,
   VERTICAL_SCROLLABLE,
   DAY_SIZE,
-} from '../../constants';
+} from '../constants';
 
 const propTypes = forbidExtraProps({
   ...withStylesPropTypes,

src/components/CalendarMonthGrid.jsx

@@ -26,7 +26,7 @@ import {
   VERTICAL_ORIENTATION,
   VERTICAL_SCROLLABLE,
   DAY_SIZE,
-} from '../../constants';
+} from '../constants';
 
 const propTypes = forbidExtraProps({
   ...withStylesPropTypes,

src/components/DateInput.jsx

@@ -6,7 +6,7 @@ import throttle from 'lodash/throttle';
 import isTouchDevice from 'is-touch-device';
 
 import openDirectionShape from '../shapes/OpenDirectionShape';
-import { OPEN_DOWN, OPEN_UP } from '../../constants';
+import { OPEN_DOWN, OPEN_UP } from '../constants';
 
 const propTypes = forbidExtraProps({
   ...withStylesPropTypes,

src/components/DateRangePicker.jsx

@@ -32,7 +32,7 @@ import {
   OPEN_UP,
   DAY_SIZE,
   ICON_BEFORE_POSITION,
-} from '../../constants';
+} from '../constants';
 
 const propTypes = forbidExtraProps({
   ...withStylesPropTypes,

src/components/DateRangePickerInput.jsx

@@ -21,7 +21,7 @@ import {
   ICON_BEFORE_POSITION,
   ICON_AFTER_POSITION,
   OPEN_DOWN,
-} from '../../constants';
+} from '../constants';
 
 const propTypes = forbidExtraProps({
   ...withStylesPropTypes,

src/components/DateRangePickerInputController.jsx

@@ -19,7 +19,7 @@ import toLocalizedDateString from '../utils/toLocalizedDateString';
 import isInclusivelyAfterDay from '../utils/isInclusivelyAfterDay';
 import isBeforeDay from '../utils/isBeforeDay';
 
-import { START_DATE, END_DATE, ICON_BEFORE_POSITION, OPEN_DOWN } from '../../constants';
+import { START_DATE, END_DATE, ICON_BEFORE_POSITION, OPEN_DOWN } from '../constants';
 
 const propTypes = forbidExtraProps({
   startDate: momentPropTypes.momentObj,

src/components/DayPicker.jsx

@@ -32,7 +32,7 @@ import {
   VERTICAL_ORIENTATION,
   VERTICAL_SCROLLABLE,
   DAY_SIZE,
-} from '../../constants';
+} from '../constants';
 
 const MONTH_PADDING = 23;
 const DAY_PICKER_PADDING = 9;

src/components/DayPickerNavigation.jsx

@@ -15,7 +15,7 @@ import ScrollableOrientationShape from '../shapes/ScrollableOrientationShape';
 import {
   HORIZONTAL_ORIENTATION,
   VERTICAL_SCROLLABLE,
-} from '../../constants';
+} from '../constants';
 
 const propTypes = forbidExtraProps({
   ...withStylesPropTypes,

src/components/DayPickerRangeController.jsx

@@ -31,7 +31,7 @@ import {
   HORIZONTAL_ORIENTATION,
   VERTICAL_SCROLLABLE,
   DAY_SIZE,
-} from '../../constants';
+} from '../constants';
 
 import DayPicker from './DayPicker';
 

src/components/DayPickerSingleDateController.jsx

@@ -25,7 +25,7 @@ import {
   HORIZONTAL_ORIENTATION,
   VERTICAL_SCROLLABLE,
   DAY_SIZE,
-} from '../../constants';
+} from '../constants';
 
 import DayPicker from './DayPicker';
 import OutsideClickHandler from './OutsideClickHandler';

src/components/SingleDatePicker.jsx

@@ -30,7 +30,7 @@ import {
   OPEN_UP,
   DAY_SIZE,
   ICON_BEFORE_POSITION,
-} from '../../constants';
+} from '../constants';
 
 const propTypes = forbidExtraProps({
   ...withStylesPropTypes,

src/components/SingleDatePickerInput.jsx

@@ -13,7 +13,7 @@ import CloseButton from './CloseButton';
 import CalendarIcon from './CalendarIcon';
 
 import openDirectionShape from '../shapes/OpenDirectionShape';
-import { ICON_BEFORE_POSITION, ICON_AFTER_POSITION, OPEN_DOWN } from '../../constants';
+import { ICON_BEFORE_POSITION, ICON_AFTER_POSITION, OPEN_DOWN } from '../constants';
 
 const propTypes = forbidExtraProps({
   ...withStylesPropTypes,

src/constants.js

@@ -0,0 +1,23 @@
+export const DISPLAY_FORMAT = 'L';
+export const ISO_FORMAT = 'YYYY-MM-DD';
+export const ISO_MONTH_FORMAT = 'YYYY-MM';
+
+export const START_DATE = 'startDate';
+export const END_DATE = 'endDate';
+
+export const HORIZONTAL_ORIENTATION = 'horizontal';
+export const VERTICAL_ORIENTATION = 'vertical';
+export const VERTICAL_SCROLLABLE = 'verticalScrollable';
+
+export const ICON_BEFORE_POSITION = 'before';
+export const ICON_AFTER_POSITION = 'after';
+
+export const ANCHOR_LEFT = 'left';
+export const ANCHOR_RIGHT = 'right';
+
+export const OPEN_DOWN = 'down';
+export const OPEN_UP = 'up';
+
+export const DAY_SIZE = 39;
+export const BLOCKED_MODIFIER = 'blocked';
+export const WEEKDAYS = [0, 1, 2, 3, 4, 5, 6];

src/index.js

@@ -0,0 +1,20 @@
+export { default as CalendarDay } from './components/CalendarDay';
+export { default as CalendarMonth } from './components/CalendarMonth';
+export { default as CalendarMonthGrid } from './components/CalendarMonthGrid';
+export { default as DateRangePicker } from './components/DateRangePicker';
+export { default as DateRangePickerInput } from './components/DateRangePickerInput';
+export { default as DateRangePickerInputController } from './components/DateRangePickerInputController';
+export { default as DateRangePickerShape } from './shapes/DateRangePickerShape';
+export { default as DayPicker } from './components/DayPicker';
+export { default as DayPickerRangeController } from './components/DayPickerRangeController';
+export { default as DayPickerSingleDateController } from './components/DayPickerSingleDateController';
+export { default as SingleDatePicker } from './components/SingleDatePicker';
+export { default as SingleDatePickerInput } from './components/SingleDatePickerInput';
+export { default as SingleDatePickerShape } from './shapes/SingleDatePickerShape';
+export { default as isInclusivelyAfterDay } from './utils/isInclusivelyAfterDay';
+export { default as isInclusivelyBeforeDay } from './utils/isInclusivelyBeforeDay';
+export { default as isNextDay } from './utils/isNextDay';
+export { default as isSameDay } from './utils/isSameDay';
+export { default as toISODateString } from './utils/toISODateString';
+export { default as toLocalizedDateString } from './utils/toLocalizedDateString';
+export { default as toMomentObject } from './utils/toMomentObject';

src/initialize.js

@@ -0,0 +1,3 @@
+import registerCSSInterfaceWithDefaultTheme from './utils/registerCSSInterfaceWithDefaultTheme';
+
+registerCSSInterfaceWithDefaultTheme();

src/shapes/AnchorDirectionShape.js

@@ -3,6 +3,6 @@ import PropTypes from 'prop-types';
 import {
   ANCHOR_LEFT,
   ANCHOR_RIGHT,
-} from '../../constants';
+} from '../constants';
 
 export default PropTypes.oneOf([ANCHOR_LEFT, ANCHOR_RIGHT]);

src/shapes/DayOfWeekShape.js

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types';
 
-import { WEEKDAYS } from '../../constants';
+import { WEEKDAYS } from '../constants';
 
 export default PropTypes.oneOf(WEEKDAYS);

src/shapes/FocusedInputShape.js

@@ -3,6 +3,6 @@ import PropTypes from 'prop-types';
 import {
   START_DATE,
   END_DATE,
-} from '../../constants';
+} from '../constants';
 
 export default PropTypes.oneOf([START_DATE, END_DATE]);

src/shapes/IconPositionShape.js

@@ -3,6 +3,6 @@ import PropTypes from 'prop-types';
 import {
   ICON_BEFORE_POSITION,
   ICON_AFTER_POSITION,
-} from '../../constants';
+} from '../constants';
 
 export default PropTypes.oneOf([ICON_BEFORE_POSITION, ICON_AFTER_POSITION]);

src/shapes/OpenDirectionShape.js

@@ -3,6 +3,6 @@ import PropTypes from 'prop-types';
 import {
   OPEN_DOWN,
   OPEN_UP,
-} from '../../constants';
+} from '../constants';
 
 export default PropTypes.oneOf([OPEN_DOWN, OPEN_UP]);

src/shapes/OrientationShape.js

@@ -3,6 +3,6 @@ import PropTypes from 'prop-types';
 import {
   HORIZONTAL_ORIENTATION,
   VERTICAL_ORIENTATION,
-} from '../../constants';
+} from '../constants';
 
 export default PropTypes.oneOf([HORIZONTAL_ORIENTATION, VERTICAL_ORIENTATION]);

src/shapes/ScrollableOrientationShape.js

@@ -4,7 +4,7 @@ import {
   HORIZONTAL_ORIENTATION,
   VERTICAL_ORIENTATION,
   VERTICAL_SCROLLABLE,
-} from '../../constants';
+} from '../constants';
 
 export default PropTypes.oneOf([
   HORIZONTAL_ORIENTATION,

src/utils/getCalendarMonthWeeks.js

@@ -1,6 +1,6 @@
 import moment from 'moment';
 
-import { WEEKDAYS } from '../../constants';
+import { WEEKDAYS } from '../constants';
 
 export default function getCalendarMonthWeeks(
   month,

src/utils/getResponsiveContainerStyles.js

@@ -1,4 +1,4 @@
-import { ANCHOR_LEFT } from '../../constants';
+import { ANCHOR_LEFT } from '../constants';
 
 export default function getResponsiveContainerStyles(
   anchorDirection,

src/utils/toISODateString.js

@@ -2,7 +2,7 @@ import moment from 'moment';
 
 import toMomentObject from './toMomentObject';
 
-import { ISO_FORMAT } from '../../constants';
+import { ISO_FORMAT } from '../constants';
 
 export default function toISODateString(date, currentFormat) {
   const dateObj = moment.isMoment(date) ? date : toMomentObject(date, currentFormat);

src/utils/toISOMonthString.js

@@ -2,7 +2,7 @@ import moment from 'moment';
 
 import toMomentObject from './toMomentObject';
 
-import { ISO_MONTH_FORMAT } from '../../constants';
+import { ISO_MONTH_FORMAT } from '../constants';
 
 export default function toISOMonthString(date, currentFormat) {
   const dateObj = moment.isMoment(date) ? date : toMomentObject(date, currentFormat);

src/utils/toLocalizedDateString.js

@@ -2,7 +2,7 @@ import moment from 'moment';
 
 import toMomentObject from './toMomentObject';
 
-import { DISPLAY_FORMAT } from '../../constants';
+import { DISPLAY_FORMAT } from '../constants';
 
 export default function toLocalizedDateString(date, currentFormat) {
   const dateObj = moment.isMoment(date) ? date : toMomentObject(date, currentFormat);

src/utils/toMomentObject.js

@@ -1,6 +1,6 @@
 import moment from 'moment';
 
-import { DISPLAY_FORMAT, ISO_FORMAT } from '../../constants';
+import { DISPLAY_FORMAT, ISO_FORMAT } from '../constants';
 
 export default function toMomentObject(dateString, customFormat) {
   const dateFormats = customFormat ?

test/components/CalendarDay_spec.jsx

@@ -4,7 +4,7 @@ import sinon from 'sinon-sandbox';
 import { shallow } from 'enzyme';
 import moment from 'moment';
 
-import { BLOCKED_MODIFIER } from '../../constants';
+import { BLOCKED_MODIFIER } from '../../src/constants';
 import CalendarDay, { PureCalendarDay } from '../../src/components/CalendarDay';
 
 describe('CalendarDay', () => {

test/components/DateRangePickerInputController_spec.jsx

@@ -14,7 +14,7 @@ import isSameDay from '../../src/utils/isSameDay';
 import {
   START_DATE,
   END_DATE,
-} from '../../constants';
+} from '../../src/constants';
 
 // Set to noon to mimic how days in the picker are configured internally
 const today = moment().startOf('day').hours(12);

test/components/DateRangePicker_spec.jsx

@@ -13,7 +13,7 @@ import DayPickerRangeController from '../../src/components/DayPickerRangeControl
 import {
   HORIZONTAL_ORIENTATION,
   START_DATE,
-} from '../../constants';
+} from '../../src/constants';
 
 const requiredProps = {
   onDatesChange: () => {},

test/components/DayPickerNavigation_spec.jsx

@@ -6,7 +6,7 @@ import { shallow } from 'enzyme';
 import DayPickerNavigation from '../../src/components/DayPickerNavigation';
 import {
   VERTICAL_SCROLLABLE,
-} from '../../constants';
+} from '../../src/constants';
 
 describe('DayPickerNavigation', () => {
   describe('#render', () => {