@planningcenter/tapestry-react 2.7.0 → 2.8.1

package/dist/cjs/Button/Button.js

@@ -179,21 +179,18 @@ function Button(_ref) {
 
   if (disabled) {
     buttonProps.opacity = 0.65;
+    buttonProps['aria-disabled'] = true;
+    buttonProps.cursor = 'not-allowed';
 
-    if (buttonProps.type === "button" || buttonProps.type === "reset") {
-      buttonProps.disabled = true;
-    } else if (buttonProps.type === "submit") {
-      buttonProps['aria-disabled'] = true;
-      buttonProps.cursor = 'not-allowed';
-
-      buttonProps.onClick = function (event) {
-        return event.preventDefault();
-      };
+    buttonProps.onClick = function (event) {
+      return event.preventDefault();
+    };
 
-      buttonProps.onKeyDown = function (event) {
-        return event.preventDefault();
-      };
-    }
+    buttonProps.onKeyDown = function (event) {
+      if (event.key === 'Enter' || event.key === ' ') {
+        event.preventDefault();
+      }
+    };
   } // don't apply hover/active styles or events when disabled or spinner is present
 
 

package/dist/cjs/Button/Button.test.js

@@ -24,60 +24,92 @@ it("should render as <button> with type=\"submit\"", function () {
   var button = container.querySelector('button');
   expect(button.getAttribute('type')).toEqual('submit');
 });
-it("should render \"disabled\" attribute, if <button> is disabled", function () {
+it("if \"disabled\" prop is provided, set \"aria-disabled\" attribute", function () {
   var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Button.Button, {
     disabled: true
   })),
       container = _render3.container;
 
   var button = container.querySelector('button');
-  expect(button.getAttribute("aria-disabled")).toEqual(null);
-  expect(button.disabled).toBe(true);
+  expect(button.getAttribute("aria-disabled")).toEqual("true");
+  expect(button.disabled).toBe(false);
 });
-it("should render \"aria-disabled\" attribute, if <button type=\"submit\"> is disabled", function () {
+it("if \"disabled\" prop is provided, prevent \"Click\" event from firing", function () {
   var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Button.Button, {
-    type: "submit",
     disabled: true
   })),
       container = _render4.container;
 
   var button = container.querySelector('button');
-  expect(button.getAttribute("aria-disabled")).toEqual("true");
-  expect(button.disabled).toBe(false);
+
+  var clickEvent = _react2.createEvent.click(button);
+
+  (0, _react2.fireEvent)(button, clickEvent);
+  expect(clickEvent.defaultPrevented).toBe(true);
+});
+it("if \"disabled\" prop is provided, prevent keyDown \"Enter\" event from firing", function () {
+  var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Button.Button, {
+    disabled: true
+  })),
+      container = _render5.container;
+
+  var button = container.querySelector('button');
+
+  var keyDownEvent = _react2.createEvent.keyDown(button, {
+    key: 'Enter'
+  });
+
+  (0, _react2.fireEvent)(button, keyDownEvent);
+  expect(keyDownEvent.defaultPrevented).toBe(true);
+});
+it("if \"disabled\" prop is provided, prevent keyDown \"Space\" event from firing", function () {
+  var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Button.Button, {
+    disabled: true
+  })),
+      container = _render6.container;
+
+  var button = container.querySelector('button');
+
+  var keyDownEvent = _react2.createEvent.keyDown(button, {
+    key: ' '
+  });
+
+  (0, _react2.fireEvent)(button, keyDownEvent);
+  expect(keyDownEvent.defaultPrevented).toBe(true);
 });
 it("should render title", function () {
   var title = 'Hello';
 
-  var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Button.Button, {
+  var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Button.Button, {
     title: title
   })),
-      getByText = _render5.getByText;
+      getByText = _render7.getByText;
 
   getByText(title);
 });
 it("should render <a> without a type if \"to\" is provided", function () {
-  var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Button.Button, {
+  var _render8 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Button.Button, {
     to: "#"
   })),
-      container = _render6.container;
+      container = _render8.container;
 
   var button = container.querySelector('a');
   expect(button.getAttribute('type')).toBeNull();
 });
 it("should render <a> without a type if \"href\" is provided", function () {
-  var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Button.Button, {
+  var _render9 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Button.Button, {
     href: "#"
   })),
-      container = _render7.container;
+      container = _render9.container;
 
   var button = container.querySelector('a');
   expect(button.getAttribute('type')).toBeNull();
 });
 it("should render <a> with \"href\" if \"to\" is specifed", function () {
-  var _render8 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Button.Button, {
+  var _render10 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Button.Button, {
     to: "#"
   })),
-      container = _render8.container;
+      container = _render10.container;
 
   var button = container.querySelector('a');
   expect(button.getAttribute('href')).toEqual('#');
@@ -85,12 +117,12 @@ it("should render <a> with \"href\" if \"to\" is specifed", function () {
 it("should render href and external link values", function () {
   var title = 'Hello';
 
-  var _render9 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Button.Button, {
+  var _render11 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Button.Button, {
     external: true,
     title: title,
     to: "https://www.planningcenter.com"
   })),
-      getByText = _render9.getByText;
+      getByText = _render11.getByText;
 
   var button = getByText(title);
   expect(button.getAttribute('href')).toEqual('https://www.planningcenter.com');
@@ -100,18 +132,18 @@ it("should render href and external link values", function () {
 it("should call onClick when clicked or Enter or Space key is pressed", function () {
   var onClick = jest.fn();
 
-  var _render10 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Button.Button, {
+  var _render12 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Button.Button, {
     onClick: onClick
   })),
-      container = _render10.container;
+      container = _render12.container;
 
   _react2.fireEvent.click(container.firstChild);
 
   expect(onClick).toHaveBeenCalledTimes(1);
 });
 it("should not call onClick when Enter or Space key is pressed and onClick isn't present", function () {
-  var _render11 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Button.Button, null)),
-      container = _render11.container;
+  var _render13 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Button.Button, null)),
+      container = _render13.container;
 
   _react2.fireEvent.keyDown(container.firstChild, {
     key: 'Enter'

package/dist/cjs/Calendar/Calendar.js

@@ -167,35 +167,37 @@ var Calendar = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, calendarRef)
     axis: "horizontal",
     spacing: 0.5
   }, /*#__PURE__*/_react["default"].createElement(_Box["default"], {
-    as: "button",
     "aria-label": isMonthsView ? 'Choose dates' : 'Choose month',
-    padding: 0.25,
-    fontSize: headerFontSize,
-    lineHeight: 3,
-    radius: 3,
-    cursor: "pointer",
+    as: "button",
     backgroundColor: hover ? 'highlight' : 'transparent',
+    cursor: "pointer",
+    fontSize: headerFontSize,
     hover: {
       backgroundColor: 'highlightSecondary'
     },
+    lineHeight: 3,
     onClick: function onClick() {
       setCurrentView(isMonthsView ? 'calendar' : 'months');
-    }
-  }, (0, _dateFns.format)(currentDate, 'MMMM')), /*#__PURE__*/_react["default"].createElement(_Box["default"], {
-    as: "button",
-    "aria-label": isYearsView ? 'Choose dates' : 'Choose year',
+    },
     padding: 0.25,
-    fontSize: headerFontSize,
-    lineHeight: 3,
     radius: 3,
-    cursor: "pointer",
+    tabIndex: -1
+  }, (0, _dateFns.format)(currentDate, 'MMMM')), /*#__PURE__*/_react["default"].createElement(_Box["default"], {
+    "aria-label": isYearsView ? 'Choose dates' : 'Choose year',
+    as: "button",
     backgroundColor: hover ? 'highlight' : 'transparent',
+    cursor: "pointer",
+    fontSize: headerFontSize,
     hover: {
       backgroundColor: 'highlightSecondary'
     },
+    lineHeight: 3,
     onClick: function onClick() {
       setCurrentView(isYearsView ? 'calendar' : 'years');
-    }
+    },
+    padding: 0.25,
+    radius: 3,
+    tabIndex: -1
   }, currentYear)), /*#__PURE__*/_react["default"].createElement(_Group["default"], {
     marginRight: 0.5,
     childProps: {
@@ -203,35 +205,38 @@ var Calendar = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, calendarRef)
       size: buttonSize
     }
   }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    title: "Previous month",
+    disabled: isYearsView ? currentYear <= minYear : (0, _dateFns.isSameMonth)(currentDate, minDate),
     icon: {
       name: 'general.leftChevron',
-      size: "xxs"
+      size: 'xxs'
     },
-    disabled: isYearsView ? currentYear <= minYear : (0, _dateFns.isSameMonth)(currentDate, minDate),
     onClick: function onClick() {
       return navigateCalendar(-1);
-    }
-  }), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    tooltip: {
-      title: 'Today'
     },
+    tabIndex: -1,
+    title: "Previous month"
+  }), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
     icon: {
       name: 'tapestry.radio1'
     },
     onClick: function onClick() {
       return setDate(_utils.TODAY, true);
+    },
+    tabIndex: -1,
+    tooltip: {
+      title: 'Today'
     }
   }), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    title: "Next month",
+    disabled: isYearsView ? currentYear >= maxYear : (0, _dateFns.isSameMonth)(currentDate, maxDate),
     icon: {
       name: 'general.rightChevron',
-      size: "xxs"
+      size: 'xxs'
     },
-    disabled: isYearsView ? currentYear >= maxYear : (0, _dateFns.isSameMonth)(currentDate, maxDate),
     onClick: function onClick() {
       return navigateCalendar(1);
-    }
+    },
+    tabIndex: -1,
+    title: "Next month"
   }))), isMonthsView && /*#__PURE__*/_react["default"].createElement(_StackView["default"], {
     axis: "horizontal",
     width: cellSize * 7,

package/dist/cjs/Combobox/ComboboxInput.js

@@ -17,6 +17,8 @@ var _Input = _interopRequireDefault(require("../Input"));
 
 var _ItemListContext = _interopRequireDefault(require("../ItemList/ItemListContext"));
 
+var _ItemList = require("../ItemList");
+
 var _system = require("../system");
 
 function ComboboxInput(props, ref) {
@@ -56,13 +58,11 @@ function ComboboxInput(props, ref) {
     };
   });
   var itemList = (0, _react.useContext)(_ItemListContext["default"]);
-  var highlightedItemId = itemList.highlightedItemId,
-      id = itemList.id;
   (0, _react.useEffect)(function () {
     setTimeout(function () {
       itemList.setHighlightedIndex(0);
     });
-  }, [itemList.items]);
+  }, [itemList]);
   var handleKeyDown = (0, _react.useCallback)(function (e) {
     if (e.key === 'ArrowUp') {
       e.preventDefault();
@@ -90,45 +90,49 @@ function ComboboxInput(props, ref) {
     if (onClose && e.key === 'Tab') {
       onClose();
     }
-  });
+  }, [itemList, onClose, onKeyDown]);
   var handleDocumentKeyDown = (0, _react.useCallback)(function (e) {
     if (onClear && e.key === 'Escape') {
       onClear();
     }
+  }, [onClear]);
+  return /*#__PURE__*/_react["default"].createElement(_ItemList.ItemListController, null, function (itemList) {
+    var highlightedItemId = itemList.highlightedItemId,
+        id = itemList.id;
+    return /*#__PURE__*/_react["default"].createElement(_Input["default"].InputBox, (0, _extends2["default"])({
+      innerRef: innerRef,
+      size: size,
+      disabled: disabled,
+      isLoading: isLoading,
+      onClear: onClear
+    }, restProps, {
+      grow: 1
+    }), /*#__PURE__*/_react["default"].createElement(_Input["default"].InputField, {
+      innerRef: function innerRef(node) {
+        inputNode.current = node;
+      },
+      grow: 1,
+      role: "combobox",
+      autoComplete: "off",
+      "aria-autocomplete": "list",
+      "aria-controls": id,
+      "aria-expanded": isOpen,
+      "aria-activedescendant": highlightedItemId,
+      autoFocus: autoFocus,
+      type: type,
+      name: name,
+      disabled: disabled,
+      readOnly: readOnly,
+      placeholder: placeholder,
+      defaultValue: defaultValue,
+      value: value,
+      onChange: onChange,
+      onFocus: onFocus,
+      onBlur: onBlur,
+      onKeyDown: handleKeyDown,
+      onKeyUp: onKeyUp
+    }));
   });
-  return /*#__PURE__*/_react["default"].createElement(_Input["default"].InputBox, (0, _extends2["default"])({
-    innerRef: innerRef,
-    size: size,
-    disabled: disabled,
-    isLoading: isLoading,
-    onClear: onClear
-  }, restProps, {
-    grow: 1
-  }), /*#__PURE__*/_react["default"].createElement(_Input["default"].InputField, {
-    innerRef: function innerRef(node) {
-      inputNode.current = node;
-    },
-    grow: 1,
-    role: "combobox",
-    autoComplete: "off",
-    "aria-autocomplete": "list",
-    "aria-controls": id,
-    "aria-expanded": isOpen,
-    "aria-activedescendant": highlightedItemId,
-    autoFocus: autoFocus,
-    type: type,
-    name: name,
-    disabled: disabled,
-    readOnly: readOnly,
-    placeholder: placeholder,
-    defaultValue: defaultValue,
-    value: value,
-    onChange: onChange,
-    onFocus: onFocus,
-    onBlur: onBlur,
-    onKeyDown: handleKeyDown,
-    onKeyUp: onKeyUp
-  }));
 }
 
 ComboboxInput = /*#__PURE__*/(0, _react.forwardRef)(ComboboxInput);

package/dist/cjs/DateField/DateField.js

@@ -13,8 +13,6 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _dateFns = require("date-fns");
-
 var _Card = _interopRequireDefault(require("../Card"));
 
 var _Calendar = _interopRequireDefault(require("../Calendar"));
@@ -31,6 +29,10 @@ var _utils = require("../utils");
 
 var _system = require("../system");
 
+var _useArrowKeysToNavigateCalendar = require("./useArrowKeysToNavigateCalendar");
+
+var _useEditableDate2 = require("./useEditableDate");
+
 function DateField(_ref) {
   var _ref$formatValue = _ref.formatValue,
       formatValue = _ref$formatValue === void 0 ? 'MMMM dd, yyyy' : _ref$formatValue,
@@ -55,8 +57,6 @@ function DateField(_ref) {
       trackColor = _useThemeProps.trackColor,
       restProps = (0, _objectWithoutPropertiesLoose2["default"])(_useThemeProps, ["calendarProps", "color", "popoverProps", "sizes", "thickness", "trackColor"]);
 
-  var canClosePopover = true;
-
   var _useState = (0, _react.useState)(defaultOpen),
       isPopoverOpen = _useState[0],
       setIsPopoverOpen = _useState[1];
@@ -64,36 +64,70 @@ function DateField(_ref) {
   var id = (0, _utils.generateId)('datefield');
   var popover = (0, _react.useRef)(null);
   var inputWrapper = (0, _react.useRef)(null);
-  var openPopover = (0, _react.useCallback)(function () {
-    setIsPopoverOpen(true);
-  });
-  var closePopover = (0, _react.useCallback)(function () {
-    if (canClosePopover) {
-      setIsPopoverOpen(false);
-    }
-  });
-  var togglePopover = (0, _react.useCallback)(function () {
-    if (isPopoverOpen) {
-      closePopover();
-    } else {
-      openPopover();
-    }
-  });
-  var handleDateSelect = (0, _react.useCallback)(function (date) {
+  var focusInput = (0, _react.useCallback)(function () {
     var input = inputWrapper.current.querySelector('input');
 
     if (input.focus) {
       input.focus();
     }
-
-    if (onChange) {
-      onChange(date);
-    }
-
+  }, []);
+  var openPopover = (0, _react.useCallback)(function () {
+    setIsPopoverOpen(true);
+  }, []);
+  var closePopover = (0, _react.useCallback)(function () {
+    setIsPopoverOpen(false);
+  }, []);
+  var dateValidator = (0, _react.useCallback)(function (date) {
+    if (!date) return false;
+    if (minDate && date < minDate) return false;
+    if (maxDate && date > maxDate) return false;
+    return true;
+  }, [minDate, maxDate]);
+
+  var _useEditableDate = (0, _useEditableDate2.useEditableDate)({
+    date: value,
+    dateFormat: formatValue,
+    dateValidator: dateValidator,
+    onChange: onChange
+  }),
+      formattedDate = _useEditableDate.formattedDate,
+      setDate = _useEditableDate.setDate,
+      clearKeyBuffer = _useEditableDate.clearKeyBuffer,
+      invalidKeyBuffer = _useEditableDate.invalidKeyBuffer;
+
+  var handleDateSelectedFromCalendar = (0, _react.useCallback)(function (date) {
+    focusInput();
+    setDate(date);
     closePopover();
+  }, [focusInput, setDate, closePopover]);
+  var handleNavigationChangeFromCalendar = (0, _react.useCallback)(function (date) {
+    setDate(date);
+  }, [setDate]);
+  var navigateCalendarWithArrowKeys = (0, _useArrowKeysToNavigateCalendar.useArrowKeysToNavigateCalendar)({
+    date: value,
+    calendarIsOpen: isPopoverOpen,
+    openCalendar: openPopover,
+    onChange: setDate
   });
+  var handleInputOnChange = (0, _react.useCallback)(function (event) {
+    setDate(event.currentTarget.value);
+  }, [setDate]);
+  var handleOnBlur = (0, _react.useCallback)(function () {
+    clearKeyBuffer();
+    closePopover();
+  }, [clearKeyBuffer, closePopover]);
+  var inputColors = (0, _react.useMemo)(function () {
+    if (invalidKeyBuffer) {
+      return {
+        color: 'error-darker',
+        backgroundColor: 'error-lighter'
+      };
+    } else {
+      return {};
+    }
+  }, [invalidKeyBuffer]);
   return /*#__PURE__*/_react["default"].createElement(_FocusGroup["default"], {
-    onBlur: closePopover
+    onBlur: handleOnBlur
   }, function (_ref2) {
     var requestBlur = _ref2.requestBlur,
         setRef = _ref2.setRef;
@@ -101,47 +135,44 @@ function DateField(_ref) {
       ref: function ref(component) {
         popover.current = component;
       },
+      as: _Card["default"],
+      elevation: 2,
       innerRef: function innerRef(node) {
         popover.current = node;
         setRef(id + "-popover")(node);
       },
-      as: _Card["default"],
-      tabIndex: -1,
-      elevation: 2,
-      onBlur: requestBlur,
       keepInView: keepInView,
       lockScrollWhileOpen: lockScrollWhileOpen,
-      placement: placement,
-      open: isPopoverOpen,
+      onBlur: requestBlur,
       onRequestClose: closePopover,
+      open: isPopoverOpen,
+      placement: placement,
+      tabIndex: -1,
       anchorElement: /*#__PURE__*/_react["default"].createElement(_Input["default"], (0, _extends2["default"])({
         innerRef: function innerRef(node) {
           inputWrapper.current = node;
           setRef(id + "-input")(node);
         },
-        readOnly: true,
-        value: value ? (0, _dateFns.format)(value, formatValue) : '',
+        onBlur: requestBlur,
+        onFocus: openPopover,
+        onChange: handleInputOnChange,
+        onKeyDown: navigateCalendarWithArrowKeys,
+        value: formattedDate,
         renderRight: /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
           name: "general.calendar",
-          color: "foregroundTertiary"
-        }),
-        onClick: togglePopover,
-        onBlur: requestBlur,
-        onKeyDown: function onKeyDown(event) {
-          if (event.key === ' ') {
-            event.preventDefault();
-            togglePopover();
-          }
-        }
-      }, restProps))
+          color: "foregroundTertiary",
+          onClick: openPopover
+        })
+      }, inputColors, restProps))
     }), /*#__PURE__*/_react["default"].createElement(_Calendar["default"], (0, _extends2["default"])({
       size: "sm"
     }, calendarProps, {
-      initialDate: value,
+      date: value,
       selected: value,
       minDate: minDate,
       maxDate: maxDate,
-      onDateSelect: handleDateSelect
+      onDateSelect: handleDateSelectedFromCalendar,
+      onDateChange: handleNavigationChangeFromCalendar
     })));
   });
 }

package/dist/cjs/DateField/parse.js

@@ -0,0 +1,106 @@
+"use strict";
+
+exports.__esModule = true;
+exports.parseMonth = exports.isValidDate = exports.parseDate = void 0;
+var monthDayYearFormat = /^(0?[1-9]|1[0-2]|(?:(?:jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)[a-z]*))(?:-|\/|\s)(0?[1-9]|[1-2][0-9]|3[0-1])(?:-|\/|,\s)(\d{4})$/i;
+var dayMonthYearFormat = /^(0?[1-9]|[1-2][0-9]|3[0-1])(?:-|\/|\s)(0?[1-9]|1[0-2]|(?:(?:jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)[a-z]*))(?:-|\/|,\s)(\d{4})$/i;
+var yearMonthDayFormat = /^(\d{4})[-/](0?[1-9]|1[0-2])[-/](0?[1-9]|[1-2][0-9]|3[0-1])$/;
+
+var parseDate = function parseDate(_ref) {
+  var date = _ref.date,
+      format = _ref.format;
+
+  try {
+    var _parseDateIntoObject = parseDateIntoObject(date, format),
+        year = _parseDateIntoObject.year,
+        month = _parseDateIntoObject.month,
+        day = _parseDateIntoObject.day;
+
+    return new Date(year, month - 1, day);
+  } catch (e) {
+    return null;
+  }
+};
+
+exports.parseDate = parseDate;
+
+var isValidDate = function isValidDate(date) {
+  return monthDayYearFormat.test(date) || yearMonthDayFormat.test(date);
+};
+
+exports.isValidDate = isValidDate;
+
+var parseMonth = function parseMonth(monthString) {
+  var months = {
+    jan: 1,
+    feb: 2,
+    mar: 3,
+    apr: 4,
+    may: 5,
+    jun: 6,
+    jul: 7,
+    aug: 8,
+    sep: 9,
+    oct: 10,
+    nov: 11,
+    dec: 12
+  };
+  var normalizedString = monthString.toLowerCase().replace(/^0/, '').slice(0, 3);
+
+  if (/^\d+$/.test(normalizedString)) {
+    var month = parseInt(normalizedString, 10);
+
+    if (month >= 1 && month <= 12) {
+      return month;
+    }
+  } else if (normalizedString in months) {
+    return months[normalizedString];
+  }
+
+  throw new Error("Invalid month string: " + monthString);
+};
+
+exports.parseMonth = parseMonth;
+
+var parseDateIntoObject = function parseDateIntoObject(date, format) {
+  if (format != null && format.match(/d.*M/) && dayMonthYearFormat.test(date)) {
+    var _dayMonthYearFormat$e = dayMonthYearFormat.exec(date),
+        day = _dayMonthYearFormat$e[1],
+        month = _dayMonthYearFormat$e[2],
+        year = _dayMonthYearFormat$e[3];
+
+    return {
+      year: parseInt(year, 10),
+      month: parseMonth(month),
+      day: parseInt(day, 10)
+    };
+  }
+
+  if (monthDayYearFormat.test(date)) {
+    var _monthDayYearFormat$e = monthDayYearFormat.exec(date),
+        _month = _monthDayYearFormat$e[1],
+        _day = _monthDayYearFormat$e[2],
+        _year = _monthDayYearFormat$e[3];
+
+    return {
+      year: parseInt(_year, 10),
+      month: parseMonth(_month),
+      day: parseInt(_day, 10)
+    };
+  }
+
+  if (yearMonthDayFormat.test(date)) {
+    var _yearMonthDayFormat$e = yearMonthDayFormat.exec(date),
+        _year2 = _yearMonthDayFormat$e[1],
+        _month2 = _yearMonthDayFormat$e[2],
+        _day2 = _yearMonthDayFormat$e[3];
+
+    return {
+      year: parseInt(_year2, 10),
+      month: parseMonth(_month2),
+      day: parseInt(_day2, 10)
+    };
+  }
+
+  throw new Error("Invalid date: " + date);
+};