@planningcenter/tapestry-react 2.10.0-rc.8 → 2.10.0

package/dist/cjs/DataTable/utils/getParsedColumns.js

@@ -0,0 +1,158 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Box = _interopRequireDefault(require("../../Box"));
+
+var _Tooltip = _interopRequireDefault(require("../../Tooltip"));
+
+var _useCollapsibleRows = require("../hooks/useCollapsibleRows");
+
+var _Icon = _interopRequireDefault(require("../../Icon"));
+
+var buttonStyles = {
+  appearance: 'none',
+  display: 'flex',
+  alignSelf: 'center',
+  alignItems: 'center',
+  justifyContent: 'center',
+  padding: 1,
+  margin: 0,
+  border: 'none',
+  borderRadius: 3,
+  backgroundColor: 'hsla(0, 0%, 0%, 0)',
+  fill: 'foreground',
+  cursor: 'pointer',
+  ' &:focus ': {
+    outline: 0
+  },
+  ' &:hover ': {
+    backgroundColor: 'highlight'
+  }
+};
+
+function CollapseHeader(_ref) {
+  var accessibility = _ref.accessibility;
+  var callbacks = (0, _useCollapsibleRows.useCollapsibleRowsStore)(function (state) {
+    return state.callbacks;
+  });
+  var anySubRowsOpen = (0, _useCollapsibleRows.useAnySubRowsOpen)();
+  var tooltipTitle = accessibility.toggleAllSubRowsTooltipTitle(anySubRowsOpen);
+  return /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
+    title: tooltipTitle,
+    placement: "bottom-start"
+  }, /*#__PURE__*/_react["default"].createElement(_Box["default"], {
+    as: "button",
+    display: "flex",
+    "aria-label": tooltipTitle,
+    css: buttonStyles,
+    onClick: function onClick(event) {
+      event.preventDefault();
+      callbacks.toggleAllSubRows();
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+    name: "general.downCaret",
+    size: "sm",
+    style: {
+      transform: anySubRowsOpen ? undefined : 'rotate(-90deg)',
+      transition: 'transform 180ms ease'
+    }
+  })));
+}
+
+function CollapseCell(_ref2) {
+  var rowIndex = _ref2.rowIndex;
+  var callbacks = (0, _useCollapsibleRows.useCollapsibleRowsStore)(function (state) {
+    return state.callbacks;
+  });
+  var isSubRowOpen = (0, _useCollapsibleRows.useSubRowOpen)(rowIndex);
+  return /*#__PURE__*/_react["default"].createElement(_Box["default"], {
+    as: "button",
+    css: buttonStyles,
+    onClick: function onClick(event) {
+      event.preventDefault();
+      callbacks.toggleSubRowAtIndex(rowIndex);
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+    name: "general.downCaret",
+    size: "sm",
+    style: {
+      transform: isSubRowOpen ? undefined : 'rotate(-90deg)',
+      transition: 'transform 180ms ease'
+    }
+  }));
+}
+
+function getParsedColumns(_ref3) {
+  var accessibility = _ref3.accessibility,
+      columns = _ref3.columns,
+      hasSubRows = _ref3.hasSubRows,
+      hiddenColumnIds = _ref3.hiddenColumnIds,
+      draggable = _ref3.draggable;
+  var nextColumns = columns.filter(function (column) {
+    return column !== null && column !== false && column !== undefined && (column.alwaysVisible || hiddenColumnIds.indexOf(column.id) === -1);
+  });
+
+  if (hasSubRows) {
+    nextColumns.unshift({
+      header: /*#__PURE__*/_react["default"].createElement(CollapseHeader, {
+        accessibility: accessibility
+      }),
+      cell: function cell(_, _ref4) {
+        var rowIndex = _ref4.rowIndex;
+        return /*#__PURE__*/_react["default"].createElement(CollapseCell, {
+          rowIndex: rowIndex
+        });
+      },
+      subCell: null,
+      width: 32,
+      css: {
+        paddingLeft: draggable ? 0 : undefined,
+        '@media print': {
+          display: 'none !important'
+        }
+      }
+    });
+  }
+
+  if (draggable) {
+    nextColumns.unshift({
+      cell: function cell(_, _ref5) {
+        var _dragHandleProps = _ref5._dragHandleProps;
+        return /*#__PURE__*/_react["default"].createElement(_Box["default"], (0, _extends2["default"])({
+          css: buttonStyles,
+          onClick: function onClick(event) {
+            return event.preventDefault();
+          }
+        }, _dragHandleProps), /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+          name: "general.dragHandle",
+          size: "sm",
+          color: "foregroundTertiary",
+          style: {
+            cursor: 'grab'
+          }
+        }));
+      },
+      subCell: null,
+      width: 32,
+      css: {
+        paddingRight: hasSubRows ? 0 : undefined,
+        '@media print': {
+          display: 'none !important'
+        }
+      }
+    });
+  }
+
+  return nextColumns;
+}
+
+var _default = getParsedColumns;
+exports["default"] = _default;

package/dist/cjs/DataTable/utils/getRowLinkProps.js

@@ -0,0 +1,16 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+function getRowLinkProps(_ref) {
+  var getRowLink = _ref.getRowLink,
+      data = _ref.data,
+      isSubRow = _ref.isSubRow;
+  return getRowLink ? {
+    href: getRowLink(data, isSubRow)
+  } : {};
+}
+
+var _default = getRowLinkProps;
+exports["default"] = _default;

package/dist/cjs/DataTable/utils/index.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.variants = exports.getRowLinkProps = exports.getParsedColumns = exports.getCell = void 0;
+
+var _getCell = _interopRequireDefault(require("./getCell"));
+
+exports.getCell = _getCell["default"];
+
+var _getParsedColumns = _interopRequireDefault(require("./getParsedColumns"));
+
+exports.getParsedColumns = _getParsedColumns["default"];
+
+var _getRowLinkProps = _interopRequireDefault(require("./getRowLinkProps"));
+
+exports.getRowLinkProps = _getRowLinkProps["default"];
+
+var _variants = require("./variants");
+
+exports.variants = _variants.variants;

package/dist/cjs/DataTable/utils/variants.js

@@ -0,0 +1,176 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.variants = exports.defaultVariant = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var scrollStyles = {
+  overflowX: 'auto',
+  scrollbarWidth: 'none',
+  msOverflowStyle: 'none',
+  '@media print': {
+    position: 'relative',
+    overflowX: 'visible'
+  },
+  '::-webkit-scrollbar': {
+    width: 0,
+    height: 0
+  }
+};
+var defaultVariant = {
+  header: _objectSpread({
+    backgroundColor: 'surfaceSecondary',
+    borderBottomColor: 'separatorTertiary',
+    borderBottomStyle: 'solid',
+    borderBottomWidth: 1,
+    position: 'sticky',
+    top: 0,
+    zIndex: 10
+  }, scrollStyles),
+  headerRow: {
+    display: 'flex',
+    minHeight: '48px',
+    backgroundColor: 'inherit'
+  },
+  headerCell: function headerCell(_ref) {
+    var isSortable = _ref.isSortable;
+    return {
+      boxSizing: 'content-box',
+      display: 'flex',
+      alignItems: 'center',
+      flexGrow: 0,
+      flexShrink: 0,
+      flexBasis: 'auto',
+      padding: '0 16px',
+      backgroundColor: 'inherit',
+      cursor: isSortable ? 'pointer' : 'default',
+      outline: 0
+    };
+  },
+  footer: _objectSpread({
+    backgroundColor: 'surfaceSecondary',
+    borderTopColor: 'separatorTertiary',
+    borderTopStyle: 'solid',
+    borderTopWidth: 1
+  }, scrollStyles),
+  footerRow: {
+    display: 'flex',
+    backgroundColor: 'inherit'
+  },
+  footerCell: {
+    boxSizing: 'content-box',
+    display: 'flex',
+    alignItems: 'center',
+    flexGrow: 0,
+    flexShrink: 0,
+    flexBasis: 'auto',
+    padding: '0 16px',
+    whiteSpace: 'nowrap',
+    backgroundColor: 'inherit',
+    fontSize: 14
+  },
+  body: {
+    overflowX: 'auto',
+    WebkitOverflowScrolling: 'touch',
+    '@media print': {
+      overflowX: 'visible'
+    }
+  },
+  bodyRow: function bodyRow(_ref2) {
+    var firstRow = _ref2.firstRow,
+        isLink = _ref2.isLink;
+    return {
+      display: 'flex',
+      minHeight: '64px',
+      color: 'inherit',
+      backgroundColor: 'surface',
+      borderTopColor: firstRow ? undefined : 'separatorTertiary',
+      borderTopStyle: firstRow ? undefined : 'solid',
+      borderTopWidth: firstRow ? undefined : 1,
+      cursor: isLink ? 'pointer' : undefined,
+      '&:focus': {
+        outline: 'none'
+      },
+      '&:hover': isLink ? {
+        backgroundColor: 'linkBackground'
+      } : undefined
+    };
+  },
+  bodyCell: {
+    boxSizing: 'content-box',
+    display: 'flex',
+    alignItems: 'center',
+    flexGrow: 0,
+    flexShrink: 0,
+    flexBasis: 'auto',
+    padding: '0 16px',
+    whiteSpace: 'nowrap',
+    backgroundColor: 'inherit',
+    fontSize: 14
+  },
+  bodySubRow: function bodySubRow(_ref3) {
+    var isLink = _ref3.isLink;
+    return {
+      display: 'flex',
+      minHeight: '44px',
+      color: 'inherit',
+      borderTopColor: 'separatorTertiary',
+      borderTopStyle: 'solid',
+      borderTopWidth: 1,
+      backgroundColor: 'surfaceSecondary',
+      cursor: isLink ? 'pointer' : undefined,
+      '&:focus': {
+        outline: 'none'
+      },
+      '&:hover': isLink ? {
+        backgroundColor: 'linkBackground'
+      } : {}
+    };
+  },
+  bodySubCell: function bodySubCell(_ref4) {
+    var firstRow = _ref4.firstRow,
+        lastCell = _ref4.lastCell,
+        rowIndex = _ref4.rowIndex,
+        columnIndex = _ref4.columnIndex,
+        columnWidth = _ref4.columnWidth;
+    return {
+      boxSizing: 'content-box',
+      display: 'flex',
+      flexGrow: 0,
+      flexShrink: 0,
+      flexBasis: 'auto',
+      width: columnWidth + 'px',
+      padding: '12px 16px',
+      backgroundColor: 'inherit',
+      fontSize: 14
+    };
+  }
+};
+exports.defaultVariant = defaultVariant;
+var variants = {
+  condensed: {
+    headerCell: {
+      padding: '0 8px'
+    },
+    bodyRow: {
+      minHeight: '40px'
+    },
+    bodyCell: {
+      padding: '0 8px'
+    },
+    bodySubRow: {
+      minHeight: '28px'
+    },
+    bodySubCell: {
+      padding: '4px 8px'
+    }
+  }
+};
+exports.variants = variants;

package/dist/cjs/DateField/DateField.js

@@ -0,0 +1,182 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Card = _interopRequireDefault(require("../Card"));
+
+var _Calendar = _interopRequireDefault(require("../Calendar"));
+
+var _FocusGroup = _interopRequireDefault(require("../FocusGroup"));
+
+var _Icon = _interopRequireDefault(require("../Icon"));
+
+var _Input = _interopRequireDefault(require("../Input/Input"));
+
+var _Popover = _interopRequireDefault(require("../Popover"));
+
+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,
+      _ref$defaultOpen = _ref.defaultOpen,
+      defaultOpen = _ref$defaultOpen === void 0 ? false : _ref$defaultOpen,
+      keepInView = _ref.keepInView,
+      _ref$lockScrollWhileO = _ref.lockScrollWhileOpen,
+      lockScrollWhileOpen = _ref$lockScrollWhileO === void 0 ? true : _ref$lockScrollWhileO,
+      minDate = _ref.minDate,
+      maxDate = _ref.maxDate,
+      onChange = _ref.onChange,
+      placement = _ref.placement,
+      value = _ref.value,
+      props = (0, _objectWithoutPropertiesLoose2["default"])(_ref, ["formatValue", "defaultOpen", "keepInView", "lockScrollWhileOpen", "minDate", "maxDate", "onChange", "placement", "value"]);
+
+  var _useThemeProps = (0, _system.useThemeProps)('dateField', props),
+      calendarProps = _useThemeProps.calendarProps,
+      color = _useThemeProps.color,
+      popoverProps = _useThemeProps.popoverProps,
+      sizes = _useThemeProps.sizes,
+      sizeThickness = _useThemeProps.thickness,
+      trackColor = _useThemeProps.trackColor,
+      restProps = (0, _objectWithoutPropertiesLoose2["default"])(_useThemeProps, ["calendarProps", "color", "popoverProps", "sizes", "thickness", "trackColor"]);
+
+  var _useState = (0, _react.useState)(defaultOpen),
+      isPopoverOpen = _useState[0],
+      setIsPopoverOpen = _useState[1];
+
+  var id = (0, _utils.generateId)('datefield');
+  var popover = (0, _react.useRef)(null);
+  var inputWrapper = (0, _react.useRef)(null);
+  var focusInput = (0, _react.useCallback)(function () {
+    var input = inputWrapper.current.querySelector('input');
+
+    if (input.focus) {
+      input.focus();
+    }
+  }, []);
+  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,
+    closeCalendar: closePopover,
+    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: handleOnBlur
+  }, function (_ref2) {
+    var requestBlur = _ref2.requestBlur,
+        setRef = _ref2.setRef;
+    return /*#__PURE__*/_react["default"].createElement(_Popover["default"], (0, _extends2["default"])({}, popoverProps, {
+      ref: function ref(component) {
+        popover.current = component;
+      },
+      as: _Card["default"],
+      elevation: 2,
+      innerRef: function innerRef(node) {
+        popover.current = node;
+        setRef(id + "-popover")(node);
+      },
+      keepInView: keepInView,
+      lockScrollWhileOpen: lockScrollWhileOpen,
+      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);
+        },
+        onBlur: requestBlur,
+        onFocus: openPopover,
+        onChange: handleInputOnChange,
+        onKeyDown: navigateCalendarWithArrowKeys,
+        value: formattedDate,
+        renderRight: /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+          name: "general.calendar",
+          color: "foregroundTertiary",
+          onClick: openPopover
+        })
+      }, inputColors, restProps))
+    }), /*#__PURE__*/_react["default"].createElement(_Calendar["default"], (0, _extends2["default"])({
+      size: "sm"
+    }, calendarProps, {
+      date: value,
+      selected: value,
+      minDate: minDate,
+      maxDate: maxDate,
+      onDateSelect: handleDateSelectedFromCalendar,
+      onDateChange: handleNavigationChangeFromCalendar
+    })));
+  });
+}
+
+var _default = DateField;
+exports["default"] = _default;

package/dist/cjs/DateField/index.js

@@ -0,0 +1,11 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _DateField = _interopRequireDefault(require("./DateField"));
+
+var _default = _DateField["default"];
+exports["default"] = _default;

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);
+};