@elliemae/ds-date-range-picker 2.2.0-alpha.1 → 2.2.0-alpha.2

package/esm/components/DatePickerRangeHeader/DatePickerRangeHeader.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/DatePickerRangeHeader/DatePickerRangeHeader.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-unused-expressions */\n/* eslint-disable no-console */\nimport React, { useState, useEffect } from 'react';\nimport moment from 'moment';\nimport DSInputMask, { DSInputGroup, MASK_TYPES, MASK_PIPES } from '@elliemae/ds-form';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst blockname = 'date-range-picker';\nconst Header = aggregatedClasses('div')(blockname, 'header');\n\nconst formatDate = (date) => {\n  if (date) {\n    return date.format('MMDDYYYY');\n  }\n};\n\nconst DatePickerRangeHeader = ({\n  placeholderStart = 'Start Date',\n  placeholderEnd = 'End Date',\n  onStartInputChange = () => null,\n  onEndInputChange = () => null,\n  selectedStartDate,\n  selectedEndDate,\n}) => {\n  const [startValue, setStartValue] = useState(selectedStartDate ? formatDate(selectedStartDate) : '');\n  const [endValue, setEndValue] = useState(selectedEndDate ? formatDate(selectedEndDate) : '');\n\n  useEffect(() => {\n    const startDate = formatDate(selectedStartDate);\n    const endDate = formatDate(selectedEndDate);\n    startDate !== startValue && setStartValue(startDate);\n    endDate !== endValue && setEndValue(endDate);\n  }, [selectedStartDate, selectedEndDate]);\n\n  const handleOnChangeStart = (e) => {\n    const newStartValue = e.target.value;\n    setStartValue(newStartValue);\n  };\n\n  const handleOnChangeEnd = (e) => {\n    const newEndValue = e.target.value;\n    setEndValue(newEndValue);\n  };\n\n  const handleOnBlurStart = (e) => {\n    const newStartValue = e.target.value;\n    onStartInputChange(moment(newStartValue));\n  };\n\n  const handleOnBlurEnd = (e) => {\n    const newEndValue = e.target.value;\n    onEndInputChange(moment(newEndValue));\n  };\n\n  const handleOnKeyDownStart = (e) => {\n    if (e.key === 'Enter') {\n      const newValue = e.target.value;\n      onStartInputChange(moment(newValue));\n      e.target.blur();\n    }\n  };\n\n  const handleOnKeyDownEnd = (e) => {\n    if (e.key === 'Enter') {\n      const newValue = e.target.value;\n      onEndInputChange(moment(newValue));\n      e.target.blur();\n    }\n  };\n\n  return (\n    <Header>\n      <DSInputGroup>\n        <DSInputMask\n          aria-label={placeholderStart || 'Date Picker Input Mask'}\n          mask={MASK_TYPES.DATE}\n          onBlur={handleOnBlurStart}\n          onChange={handleOnChangeStart}\n          onKeyDown={handleOnKeyDownStart}\n          pipe={MASK_PIPES.AUTO_CORRECT_DATE}\n          placeholder={placeholderStart}\n          value={startValue}\n        />\n        <DSInputMask\n          aria-label={placeholderEnd || 'Date Picker Input Mask'}\n          mask={MASK_TYPES.DATE}\n          onBlur={handleOnBlurEnd}\n          onChange={handleOnChangeEnd}\n          onKeyDown={handleOnKeyDownEnd}\n          pipe={MASK_PIPES.AUTO_CORRECT_DATE}\n          placeholder={placeholderEnd}\n          value={endValue}\n        />\n      </DSInputGroup>\n    </Header>\n  );\n};\n\nexport default DatePickerRangeHeader;\n"],
+  "mappings": "AAAA;ACEA;AACA;AACA;AACA;AAEA,MAAM,YAAY;AAClB,MAAM,SAAS,kBAAkB,OAAO,WAAW;AAEnD,MAAM,aAAa,CAAC,SAAS;AAC3B,MAAI,MAAM;AACR,WAAO,KAAK,OAAO;AAAA;AAAA;AAIvB,MAAM,wBAAwB,CAAC;AAAA,EAC7B,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,qBAAqB,MAAM;AAAA,EAC3B,mBAAmB,MAAM;AAAA,EACzB;AAAA,EACA;AAAA,MACI;AACJ,QAAM,CAAC,YAAY,iBAAiB,SAAS,oBAAoB,WAAW,qBAAqB;AACjG,QAAM,CAAC,UAAU,eAAe,SAAS,kBAAkB,WAAW,mBAAmB;AAEzF,YAAU,MAAM;AACd,UAAM,YAAY,WAAW;AAC7B,UAAM,UAAU,WAAW;AAC3B,kBAAc,cAAc,cAAc;AAC1C,gBAAY,YAAY,YAAY;AAAA,KACnC,CAAC,mBAAmB;AAEvB,QAAM,sBAAsB,CAAC,MAAM;AACjC,UAAM,gBAAgB,EAAE,OAAO;AAC/B,kBAAc;AAAA;AAGhB,QAAM,oBAAoB,CAAC,MAAM;AAC/B,UAAM,cAAc,EAAE,OAAO;AAC7B,gBAAY;AAAA;AAGd,QAAM,oBAAoB,CAAC,MAAM;AAC/B,UAAM,gBAAgB,EAAE,OAAO;AAC/B,uBAAmB,OAAO;AAAA;AAG5B,QAAM,kBAAkB,CAAC,MAAM;AAC7B,UAAM,cAAc,EAAE,OAAO;AAC7B,qBAAiB,OAAO;AAAA;AAG1B,QAAM,uBAAuB,CAAC,MAAM;AAClC,QAAI,EAAE,QAAQ,SAAS;AACrB,YAAM,WAAW,EAAE,OAAO;AAC1B,yBAAmB,OAAO;AAC1B,QAAE,OAAO;AAAA;AAAA;AAIb,QAAM,qBAAqB,CAAC,MAAM;AAChC,QAAI,EAAE,QAAQ,SAAS;AACrB,YAAM,WAAW,EAAE,OAAO;AAC1B,uBAAiB,OAAO;AACxB,QAAE,OAAO;AAAA;AAAA;AAIb,SACE,qCAAC,QAAD,MACE,qCAAC,cAAD,MACE,qCAAC,aAAD;AAAA,IACE,cAAY,oBAAoB;AAAA,IAChC,MAAM,WAAW;AAAA,IACjB,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,WAAW;AAAA,IACX,MAAM,WAAW;AAAA,IACjB,aAAa;AAAA,IACb,OAAO;AAAA,MAET,qCAAC,aAAD;AAAA,IACE,cAAY,kBAAkB;AAAA,IAC9B,MAAM,WAAW;AAAA,IACjB,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,WAAW;AAAA,IACX,MAAM,WAAW;AAAA,IACjB,aAAa;AAAA,IACb,OAAO;AAAA;AAAA;AAOjB,IAAO,gCAAQ;",
+  "names": []
+}

package/esm/components/DayPickerRangeController.js

@@ -1,73 +1,50 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import { useRef, useEffect } from 'react';
-import { DayPickerRangeController as DayPickerRangeController$1 } from 'react-dates';
-import { DatePickerNavigation, DatePickerDay, renderMonthElement } from '@elliemae/ds-date-picker';
-import { ChevronLeft } from '@elliemae/ds-icons';
-import { convertPropToCssClassName } from '@elliemae/ds-classnames';
-import { jsx } from 'react/jsx-runtime';
-
-const _excluded = ["endDate", "startDate", "displayFormatDay", "focusedInput", "enableOutsideDays", "onDatesChange", "onFocusChange", "onOutsideClick", "isDayBlocked", "isDayHighlighted", "isOutsideRange", "onNextMonthClick", "onPrevMonthClick"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const {
-  classNameElement,
-  classNameBlock
-} = convertPropToCssClassName('datepicker-range');
-
-const DayPickerRangeController = _ref => {
-  let {
-    endDate = undefined,
-    startDate = undefined,
-    displayFormatDay = 'D',
-    focusedInput = undefined,
-    enableOutsideDays = false,
-    onDatesChange = () => null,
-    onFocusChange = () => null,
-    onOutsideClick = () => null,
-    isDayBlocked = () => null,
-    isDayHighlighted = () => null,
-    isOutsideRange = () => null,
-    onNextMonthClick = () => null,
-    onPrevMonthClick = () => null
-  } = _ref,
-      otherProps = _objectWithoutProperties(_ref, _excluded);
-
+import * as React from "react";
+import React2, { useRef, useEffect } from "react";
+import PropTypes from "prop-types";
+import moment from "moment";
+import { DayPickerRangeController as RDRangeController } from "react-dates";
+import { DatePickerDay, DatePickerNavigation, renderMonthElement } from "@elliemae/ds-date-picker";
+import { ChevronLeft } from "@elliemae/ds-icons";
+import { convertPropToCssClassName } from "@elliemae/ds-classnames";
+const { classNameElement, classNameBlock } = convertPropToCssClassName("datepicker-range");
+const DayPickerRangeController = ({
+  endDate = void 0,
+  startDate = void 0,
+  displayFormatDay = "D",
+  focusedInput = void 0,
+  enableOutsideDays = false,
+  onDatesChange = () => null,
+  onFocusChange = () => null,
+  onOutsideClick = () => null,
+  isDayBlocked = () => null,
+  isDayHighlighted = () => null,
+  isOutsideRange = () => null,
+  onNextMonthClick = () => null,
+  onPrevMonthClick = () => null,
+  ...otherProps
+}) => {
   const datePickerRef = useRef();
   useEffect(() => {
     const handleMouseUp = () => {
       const focusedElement = document.activeElement;
       focusedElement.blur();
     };
-
-    const handleKeyDown = event => {
-      const [firstDay, ...restOfDays] = document.getElementsByClassName('CalendarMonthGrid_month__horizontal')[1].getElementsByClassName('CalendarDay');
+    const handleKeyDown = (event) => {
+      const [firstDay, ...restOfDays] = document.getElementsByClassName("CalendarMonthGrid_month__horizontal")[1].getElementsByClassName("CalendarDay");
       const [lastDay] = restOfDays.slice(-1);
       const focusedElement = document.activeElement;
-      const [prev, next] = document.getElementsByClassName('DayPickerNavigation_button');
-
+      const [prev, next] = document.getElementsByClassName("DayPickerNavigation_button");
       switch (event.key) {
-        case 'Home':
+        case "Home":
           event.stopPropagation();
           firstDay.focus();
           break;
-
-        case 'End':
+        case "End":
           event.stopPropagation();
           lastDay.focus();
           break;
-
-        case 'Enter':
-        case ' ':
+        case "Enter":
+        case " ":
           if (focusedElement === prev) {
             event.stopPropagation();
             setTimeout(() => {
@@ -76,64 +53,80 @@ const DayPickerRangeController = _ref => {
           } else if (focusedElement === next) {
             event.stopPropagation();
             setTimeout(() => {
-              next === null || next === void 0 ? void 0 : next.focus();
+              next?.focus();
             }, 240);
           }
-
           break;
-
-        case 'Tab':
+        case "Tab":
           if (firstDay === focusedElement || restOfDays.includes(focusedElement)) {
             event.preventDefault();
             prev.focus();
           }
-
+          break;
+        default:
           break;
       }
     };
-
-    datePickerRef.current.addEventListener('mouseup', handleMouseUp, false);
-    datePickerRef.current.addEventListener('keydown', handleKeyDown, false);
+    datePickerRef.current.addEventListener("mouseup", handleMouseUp, false);
+    datePickerRef.current.addEventListener("keydown", handleKeyDown, false);
     return () => {
       if (datePickerRef.current) {
-        datePickerRef.current.removeEventListener('mouseup', handleMouseUp, false);
-        datePickerRef.current.removeEventListener('keydown', handleKeyDown, false);
+        datePickerRef.current.removeEventListener("mouseup", handleMouseUp, false);
+        datePickerRef.current.removeEventListener("keydown", handleKeyDown, false);
       }
     };
   }, []);
-  return /*#__PURE__*/jsx("div", {
+  return /* @__PURE__ */ React2.createElement("div", {
     ref: datePickerRef,
-    className: classNameBlock('wrapper-day-picker-single-date-controller'),
-    "data-testid": otherProps['data-testid'] || 'date-range-picker-controller',
-    children: /*#__PURE__*/jsx(DayPickerRangeController$1, _objectSpread(_objectSpread({}, otherProps), {}, {
-      isDayBlocked: isDayBlocked,
-      isDayHighlighted: isDayHighlighted,
-      isOutsideRange: isOutsideRange,
-      enableOutsideDays: enableOutsideDays,
-      endDate: endDate,
-      focused: true,
-      focusedInput: focusedInput,
-      hideKeyboardShortcutsPanel: true,
-      navNext: /*#__PURE__*/_jsx(DatePickerNavigation, {
-        className: classNameElement('navigation-next')
-      }),
-      navPrev: /*#__PURE__*/_jsx(DatePickerNavigation, {
-        className: classNameElement('navigation-prev'),
-        icon: ChevronLeft
-      }),
-      onDatesChange: onDatesChange,
-      onFocusChange: onFocusChange,
-      onOutsideClick: onOutsideClick,
-      onNextMonthClick: onNextMonthClick,
-      onPrevMonthClick: onPrevMonthClick,
-      renderDayContents: date => /*#__PURE__*/_jsx(DatePickerDay, {
-        className: classNameElement('day-contents'),
-        date: date.format(displayFormatDay)
-      }),
-      renderMonthElement: renderMonthElement,
-      startDate: startDate
-    }))
-  });
+    className: classNameBlock("wrapper-day-picker-single-date-controller"),
+    "data-testid": otherProps["data-testid"] || "date-range-picker-controller"
+  }, /* @__PURE__ */ React2.createElement(RDRangeController, {
+    ...otherProps,
+    isDayBlocked,
+    isDayHighlighted,
+    isOutsideRange,
+    enableOutsideDays,
+    endDate,
+    focused: true,
+    focusedInput,
+    hideKeyboardShortcutsPanel: true,
+    navNext: /* @__PURE__ */ React2.createElement(DatePickerNavigation, {
+      className: classNameElement("navigation-next")
+    }),
+    navPrev: /* @__PURE__ */ React2.createElement(DatePickerNavigation, {
+      className: classNameElement("navigation-prev"),
+      icon: ChevronLeft
+    }),
+    onDatesChange,
+    onFocusChange,
+    onOutsideClick,
+    onNextMonthClick,
+    onPrevMonthClick,
+    renderDayContents: (date) => /* @__PURE__ */ React2.createElement(DatePickerDay, {
+      className: classNameElement("day-contents"),
+      date: date.format(displayFormatDay)
+    }),
+    renderMonthElement,
+    startDate
+  }));
+};
+DayPickerRangeController.propTypes = {
+  endDate: PropTypes.instanceOf(Date, moment),
+  startDate: PropTypes.instanceOf(Date, moment),
+  displayFormatDay: PropTypes.string,
+  focusedInput: PropTypes.bool,
+  onDatesChange: PropTypes.func,
+  onFocusChange: PropTypes.func,
+  onOutsideClick: PropTypes.func,
+  onNextMonthClick: PropTypes.func,
+  onPrevMonthClick: PropTypes.func,
+  enableOutsideDays: PropTypes.bool,
+  isDayBlocked: PropTypes.func,
+  isDayHighlighted: PropTypes.func,
+  isOutsideRange: PropTypes.func
+};
+var DayPickerRangeController_default = DayPickerRangeController;
+export {
+  DayPickerRangeController_default as default
 };
-
-export { DayPickerRangeController as default };
+//# sourceMappingURL=DayPickerRangeController.js.map

package/esm/components/DayPickerRangeController.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/DayPickerRangeController.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable import/no-unresolved */\n/* eslint-disable max-lines */\nimport React, { useRef, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport { DayPickerRangeController as RDRangeController } from 'react-dates';\nimport { DatePickerDay, DatePickerNavigation, renderMonthElement } from '@elliemae/ds-date-picker';\nimport { ChevronLeft } from '@elliemae/ds-icons';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\n\nconst { classNameElement, classNameBlock } = convertPropToCssClassName('datepicker-range');\n\nconst DayPickerRangeController = ({\n  endDate = undefined,\n  startDate = undefined,\n  displayFormatDay = 'D',\n  focusedInput = undefined,\n  enableOutsideDays = false,\n  onDatesChange = () => null,\n  onFocusChange = () => null,\n  onOutsideClick = () => null,\n  isDayBlocked = () => null,\n  isDayHighlighted = () => null,\n  isOutsideRange = () => null,\n  onNextMonthClick = () => null,\n  onPrevMonthClick = () => null,\n  ...otherProps\n}) => {\n  const datePickerRef = useRef();\n\n  useEffect(() => {\n    const handleMouseUp = () => {\n      const focusedElement = document.activeElement;\n\n      focusedElement.blur();\n    };\n    const handleKeyDown = (event) => {\n      const [firstDay, ...restOfDays] = document\n        .getElementsByClassName('CalendarMonthGrid_month__horizontal')[1]\n        .getElementsByClassName('CalendarDay');\n      const [lastDay] = restOfDays.slice(-1);\n      const focusedElement = document.activeElement;\n      const [prev, next] = document.getElementsByClassName('DayPickerNavigation_button');\n\n      switch (event.key) {\n        case 'Home':\n          event.stopPropagation();\n          firstDay.focus();\n          break;\n        case 'End':\n          event.stopPropagation();\n          lastDay.focus();\n          break;\n        case 'Enter':\n        case ' ':\n          if (focusedElement === prev) {\n            event.stopPropagation();\n            setTimeout(() => {\n              prev.focus();\n            }, 240);\n          } else if (focusedElement === next) {\n            event.stopPropagation();\n            setTimeout(() => {\n              next?.focus();\n            }, 240);\n          }\n          break;\n        case 'Tab':\n          if (firstDay === focusedElement || restOfDays.includes(focusedElement)) {\n            event.preventDefault();\n            prev.focus();\n          }\n          break;\n        default:\n          break;\n      }\n    };\n\n    datePickerRef.current.addEventListener('mouseup', handleMouseUp, false);\n\n    datePickerRef.current.addEventListener('keydown', handleKeyDown, false);\n\n    return () => {\n      if (datePickerRef.current) {\n        datePickerRef.current.removeEventListener('mouseup', handleMouseUp, false);\n\n        datePickerRef.current.removeEventListener('keydown', handleKeyDown, false);\n      }\n    };\n  }, []);\n\n  return (\n    <div\n      ref={datePickerRef}\n      className={classNameBlock('wrapper-day-picker-single-date-controller')}\n      data-testid={otherProps['data-testid'] || 'date-range-picker-controller'}\n    >\n      <RDRangeController\n        {...otherProps}\n        isDayBlocked={isDayBlocked}\n        isDayHighlighted={isDayHighlighted}\n        isOutsideRange={isOutsideRange}\n        enableOutsideDays={enableOutsideDays}\n        endDate={endDate}\n        focused\n        focusedInput={focusedInput}\n        hideKeyboardShortcutsPanel\n        navNext={<DatePickerNavigation className={classNameElement('navigation-next')} />}\n        navPrev={<DatePickerNavigation className={classNameElement('navigation-prev')} icon={ChevronLeft} />}\n        onDatesChange={onDatesChange}\n        onFocusChange={onFocusChange}\n        onOutsideClick={onOutsideClick}\n        onNextMonthClick={onNextMonthClick}\n        onPrevMonthClick={onPrevMonthClick}\n        renderDayContents={(date) => (\n          <DatePickerDay className={classNameElement('day-contents')} date={date.format(displayFormatDay)} />\n        )}\n        renderMonthElement={renderMonthElement}\n        startDate={startDate}\n      />\n    </div>\n  );\n};\n\nDayPickerRangeController.propTypes = {\n  endDate: PropTypes.instanceOf(Date, moment),\n  startDate: PropTypes.instanceOf(Date, moment),\n  displayFormatDay: PropTypes.string,\n  focusedInput: PropTypes.bool,\n  onDatesChange: PropTypes.func,\n  onFocusChange: PropTypes.func,\n  onOutsideClick: PropTypes.func,\n  onNextMonthClick: PropTypes.func,\n  onPrevMonthClick: PropTypes.func,\n  enableOutsideDays: PropTypes.bool,\n  isDayBlocked: PropTypes.func,\n  isDayHighlighted: PropTypes.func,\n  isOutsideRange: PropTypes.func,\n};\n\nexport default DayPickerRangeController;\n"],
+  "mappings": "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",
+  "names": []
+}

package/esm/index.js

@@ -1,3 +1,7 @@
-export { DateRangePickerWithSchema, default } from './DSDateRangePicker.js';
-export { default as DayPickerRangeController } from './components/DayPickerRangeController.js';
-export { END_DATE, START_DATE } from './components/DSDateRangePickerImpl.js';
+import * as React from "react";
+import { default as default2 } from "./DSDateRangePicker";
+export * from "./DSDateRangePicker";
+export {
+  default2 as default
+};
+//# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { default } from './DSDateRangePicker';\nexport * from './DSDateRangePicker';\n"],
+  "mappings": "AAAA;ACAA;AACA;",
+  "names": []
+}

package/esm/isMaxDiffSafe.js

@@ -1,15 +1,17 @@
-/* eslint-disable max-params */
-const MAX_YEARS_DIFF = 150; // https://jira.elliemae.io/browse/PUI-4145
-
+import * as React from "react";
+const MAX_YEARS_DIFF = 150;
 const isMaxDiffSafe = (startDate, endDate, prevStart, prevEnd) => {
   try {
-    const diff = Math.abs(endDate.diff(startDate, 'years'));
-    const diffStart = Math.abs(startDate.diff(prevStart, 'years'));
-    const diffEnd = Math.abs(endDate.diff(prevEnd, 'years'));
+    const diff = Math.abs(endDate.diff(startDate, "years"));
+    const diffStart = Math.abs(startDate.diff(prevStart, "years"));
+    const diffEnd = Math.abs(endDate.diff(prevEnd, "years"));
     return diff < MAX_YEARS_DIFF && diffStart < MAX_YEARS_DIFF && diffEnd < MAX_YEARS_DIFF;
   } catch (error) {
     return true;
   }
 };
-
-export { MAX_YEARS_DIFF, isMaxDiffSafe };
+export {
+  MAX_YEARS_DIFF,
+  isMaxDiffSafe
+};
+//# sourceMappingURL=isMaxDiffSafe.js.map

package/esm/isMaxDiffSafe.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/isMaxDiffSafe.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-params */\nexport const MAX_YEARS_DIFF = 150;\n// https://jira.elliemae.io/browse/PUI-4145\nexport const isMaxDiffSafe = (startDate, endDate, prevStart, prevEnd) => {\n  try {\n    const diff = Math.abs(endDate.diff(startDate, 'years'));\n    const diffStart = Math.abs(startDate.diff(prevStart, 'years'));\n    const diffEnd = Math.abs(endDate.diff(prevEnd, 'years'));\n    return (\n      diff < MAX_YEARS_DIFF &&\n      diffStart < MAX_YEARS_DIFF &&\n      diffEnd < MAX_YEARS_DIFF\n    );\n  } catch (error) {\n    return true;\n  }\n};\n"],
+  "mappings": "AAAA;ACCO,MAAM,iBAAiB;AAEvB,MAAM,gBAAgB,CAAC,WAAW,SAAS,WAAW,YAAY;AACvE,MAAI;AACF,UAAM,OAAO,KAAK,IAAI,QAAQ,KAAK,WAAW;AAC9C,UAAM,YAAY,KAAK,IAAI,UAAU,KAAK,WAAW;AACrD,UAAM,UAAU,KAAK,IAAI,QAAQ,KAAK,SAAS;AAC/C,WACE,OAAO,kBACP,YAAY,kBACZ,UAAU;AAAA,WAEL,OAAP;AACA,WAAO;AAAA;AAAA;",
+  "names": []
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-date-range-picker",
-  "version": "2.2.0-alpha.1",
+  "version": "2.2.0-alpha.2",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Date Range Picker",
   "module": "./esm/index.js",
@@ -56,11 +56,11 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-classnames": "2.2.0-alpha.1",
-    "@elliemae/ds-date-picker": "2.2.0-alpha.1",
-    "@elliemae/ds-form": "2.2.0-alpha.1",
-    "@elliemae/ds-icons": "2.2.0-alpha.1",
-    "@elliemae/ds-popper": "2.2.0-alpha.1",
+    "@elliemae/ds-classnames": "2.2.0-alpha.2",
+    "@elliemae/ds-date-picker": "2.2.0-alpha.2",
+    "@elliemae/ds-form": "2.2.0-alpha.2",
+    "@elliemae/ds-icons": "2.2.0-alpha.2",
+    "@elliemae/ds-popper": "2.2.0-alpha.2",
     "moment": "~2.29.1",
     "prop-types": "~15.7.2",
     "react-dates": "~21.8.0",