@elliemae/ds-date-range-picker 2.3.1 → 3.0.0-alpha.3

package/dist/cjs/components/DatePickerRangeHeader/DatePickerRangeHeader.js

@@ -0,0 +1,112 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var DatePickerRangeHeader_exports = {};
+__export(DatePickerRangeHeader_exports, {
+  default: () => DatePickerRangeHeader_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_moment = __toESM(require("moment"));
+var import_ds_form = __toESM(require("@elliemae/ds-form"));
+var import_ds_classnames = require("@elliemae/ds-classnames");
+const blockname = "date-range-picker";
+const Header = (0, import_ds_classnames.aggregatedClasses)("div")(blockname, "header");
+const formatDate = (date) => {
+  if (date) {
+    return date.format("MMDDYYYY");
+  }
+};
+const DatePickerRangeHeader = ({
+  placeholderStart = "Start Date",
+  placeholderEnd = "End Date",
+  onStartInputChange = () => null,
+  onEndInputChange = () => null,
+  selectedStartDate,
+  selectedEndDate
+}) => {
+  const [startValue, setStartValue] = (0, import_react.useState)(selectedStartDate ? formatDate(selectedStartDate) : "");
+  const [endValue, setEndValue] = (0, import_react.useState)(selectedEndDate ? formatDate(selectedEndDate) : "");
+  (0, import_react.useEffect)(() => {
+    const startDate = formatDate(selectedStartDate);
+    const endDate = formatDate(selectedEndDate);
+    startDate !== startValue && setStartValue(startDate);
+    endDate !== endValue && setEndValue(endDate);
+  }, [selectedStartDate, selectedEndDate]);
+  const handleOnChangeStart = (e) => {
+    const newStartValue = e.target.value;
+    setStartValue(newStartValue);
+  };
+  const handleOnChangeEnd = (e) => {
+    const newEndValue = e.target.value;
+    setEndValue(newEndValue);
+  };
+  const handleOnBlurStart = (e) => {
+    const newStartValue = e.target.value;
+    onStartInputChange((0, import_moment.default)(newStartValue));
+  };
+  const handleOnBlurEnd = (e) => {
+    const newEndValue = e.target.value;
+    onEndInputChange((0, import_moment.default)(newEndValue));
+  };
+  const handleOnKeyDownStart = (e) => {
+    if (e.key === "Enter") {
+      const newValue = e.target.value;
+      onStartInputChange((0, import_moment.default)(newValue));
+      e.target.blur();
+    }
+  };
+  const handleOnKeyDownEnd = (e) => {
+    if (e.key === "Enter") {
+      const newValue = e.target.value;
+      onEndInputChange((0, import_moment.default)(newValue));
+      e.target.blur();
+    }
+  };
+  return /* @__PURE__ */ import_react.default.createElement(Header, null, /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSInputGroup, null, /* @__PURE__ */ import_react.default.createElement(import_ds_form.default, {
+    "aria-label": placeholderStart || "Date Picker Input Mask",
+    mask: import_ds_form.MASK_TYPES.DATE,
+    onBlur: handleOnBlurStart,
+    onChange: handleOnChangeStart,
+    onKeyDown: handleOnKeyDownStart,
+    pipe: import_ds_form.MASK_PIPES.AUTO_CORRECT_DATE,
+    placeholder: placeholderStart,
+    value: startValue
+  }), /* @__PURE__ */ import_react.default.createElement(import_ds_form.default, {
+    "aria-label": placeholderEnd || "Date Picker Input Mask",
+    mask: import_ds_form.MASK_TYPES.DATE,
+    onBlur: handleOnBlurEnd,
+    onChange: handleOnChangeEnd,
+    onKeyDown: handleOnKeyDownEnd,
+    pipe: import_ds_form.MASK_PIPES.AUTO_CORRECT_DATE,
+    placeholder: placeholderEnd,
+    value: endValue
+  })));
+};
+var DatePickerRangeHeader_default = DatePickerRangeHeader;
+module.exports = __toCommonJS(DatePickerRangeHeader_exports);
+//# sourceMappingURL=DatePickerRangeHeader.js.map

package/dist/cjs/components/DatePickerRangeHeader/DatePickerRangeHeader.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/DatePickerRangeHeader/DatePickerRangeHeader.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAA2C;AAC3C,oBAAmB;AACnB,qBAAkE;AAClE,2BAAkC;AAElC,MAAM,YAAY;AAClB,MAAM,SAAS,4CAAkB,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,2BAAS,oBAAoB,WAAW,qBAAqB;AACjG,QAAM,CAAC,UAAU,eAAe,2BAAS,kBAAkB,WAAW,mBAAmB;AAEzF,8BAAU,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,2BAAO;AAAA;AAG5B,QAAM,kBAAkB,CAAC,MAAM;AAC7B,UAAM,cAAc,EAAE,OAAO;AAC7B,qBAAiB,2BAAO;AAAA;AAG1B,QAAM,uBAAuB,CAAC,MAAM;AAClC,QAAI,EAAE,QAAQ,SAAS;AACrB,YAAM,WAAW,EAAE,OAAO;AAC1B,yBAAmB,2BAAO;AAC1B,QAAE,OAAO;AAAA;AAAA;AAIb,QAAM,qBAAqB,CAAC,MAAM;AAChC,QAAI,EAAE,QAAQ,SAAS;AACrB,YAAM,WAAW,EAAE,OAAO;AAC1B,uBAAiB,2BAAO;AACxB,QAAE,OAAO;AAAA;AAAA;AAIb,SACE,mDAAC,QAAD,MACE,mDAAC,6BAAD,MACE,mDAAC,wBAAD;AAAA,IACE,cAAY,oBAAoB;AAAA,IAChC,MAAM,0BAAW;AAAA,IACjB,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,WAAW;AAAA,IACX,MAAM,0BAAW;AAAA,IACjB,aAAa;AAAA,IACb,OAAO;AAAA,MAET,mDAAC,wBAAD;AAAA,IACE,cAAY,kBAAkB;AAAA,IAC9B,MAAM,0BAAW;AAAA,IACjB,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,WAAW;AAAA,IACX,MAAM,0BAAW;AAAA,IACjB,aAAa;AAAA,IACb,OAAO;AAAA;AAAA;AAOjB,IAAO,gCAAQ;",
+  "names": []
+}

package/dist/cjs/components/DayPickerRangeController.js

@@ -0,0 +1,203 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var DayPickerRangeController_exports = {};
+__export(DayPickerRangeController_exports, {
+  default: () => DayPickerRangeController_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_prop_types = __toESM(require("prop-types"));
+var import_moment = __toESM(require("moment"));
+var import_react_dates = require("react-dates");
+var import_ds_date_picker = require("@elliemae/ds-date-picker");
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_ds_classnames = require("@elliemae/ds-classnames");
+const { classNameElement, classNameBlock } = (0, import_ds_classnames.convertPropToCssClassName)("datepicker-range");
+const DayPickerRangeController = (_a) => {
+  var _b = _a, {
+    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
+  } = _b, otherProps = __objRest(_b, [
+    "endDate",
+    "startDate",
+    "displayFormatDay",
+    "focusedInput",
+    "enableOutsideDays",
+    "onDatesChange",
+    "onFocusChange",
+    "onOutsideClick",
+    "isDayBlocked",
+    "isDayHighlighted",
+    "isOutsideRange",
+    "onNextMonthClick",
+    "onPrevMonthClick"
+  ]);
+  const datePickerRef = (0, import_react.useRef)();
+  (0, import_react.useEffect)(() => {
+    const handleMouseUp = () => {
+      const focusedElement = document.activeElement;
+      focusedElement.blur();
+    };
+    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");
+      switch (event.key) {
+        case "Home":
+          event.stopPropagation();
+          firstDay.focus();
+          break;
+        case "End":
+          event.stopPropagation();
+          lastDay.focus();
+          break;
+        case "Enter":
+        case " ":
+          if (focusedElement === prev) {
+            event.stopPropagation();
+            setTimeout(() => {
+              prev.focus();
+            }, 240);
+          } else if (focusedElement === next) {
+            event.stopPropagation();
+            setTimeout(() => {
+              next?.focus();
+            }, 240);
+          }
+          break;
+        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);
+    return () => {
+      if (datePickerRef.current) {
+        datePickerRef.current.removeEventListener("mouseup", handleMouseUp, false);
+        datePickerRef.current.removeEventListener("keydown", handleKeyDown, false);
+      }
+    };
+  }, []);
+  return /* @__PURE__ */ import_react.default.createElement("div", {
+    ref: datePickerRef,
+    className: classNameBlock("wrapper-day-picker-single-date-controller"),
+    "data-testid": otherProps["data-testid"] || "date-range-picker-controller"
+  }, /* @__PURE__ */ import_react.default.createElement(import_react_dates.DayPickerRangeController, __spreadProps(__spreadValues({}, otherProps), {
+    isDayBlocked,
+    isDayHighlighted,
+    isOutsideRange,
+    enableOutsideDays,
+    endDate,
+    focused: true,
+    focusedInput,
+    hideKeyboardShortcutsPanel: true,
+    navNext: /* @__PURE__ */ import_react.default.createElement(import_ds_date_picker.DatePickerNavigation, {
+      className: classNameElement("navigation-next")
+    }),
+    navPrev: /* @__PURE__ */ import_react.default.createElement(import_ds_date_picker.DatePickerNavigation, {
+      className: classNameElement("navigation-prev"),
+      icon: import_ds_icons.ChevronLeft
+    }),
+    onDatesChange,
+    onFocusChange,
+    onOutsideClick,
+    onNextMonthClick,
+    onPrevMonthClick,
+    renderDayContents: (date) => /* @__PURE__ */ import_react.default.createElement(import_ds_date_picker.DatePickerDay, {
+      className: classNameElement("day-contents"),
+      date: date.format(displayFormatDay)
+    }),
+    renderMonthElement: import_ds_date_picker.renderMonthElement,
+    startDate
+  })));
+};
+DayPickerRangeController.propTypes = {
+  endDate: import_prop_types.default.instanceOf(Date, import_moment.default),
+  startDate: import_prop_types.default.instanceOf(Date, import_moment.default),
+  displayFormatDay: import_prop_types.default.string,
+  focusedInput: import_prop_types.default.bool,
+  onDatesChange: import_prop_types.default.func,
+  onFocusChange: import_prop_types.default.func,
+  onOutsideClick: import_prop_types.default.func,
+  onNextMonthClick: import_prop_types.default.func,
+  onPrevMonthClick: import_prop_types.default.func,
+  enableOutsideDays: import_prop_types.default.bool,
+  isDayBlocked: import_prop_types.default.func,
+  isDayHighlighted: import_prop_types.default.func,
+  isOutsideRange: import_prop_types.default.func
+};
+var DayPickerRangeController_default = DayPickerRangeController;
+module.exports = __toCommonJS(DayPickerRangeController_exports);
+//# sourceMappingURL=DayPickerRangeController.js.map

package/dist/cjs/components/DayPickerRangeController.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/DayPickerRangeController.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/cjs/index.js

@@ -0,0 +1,36 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var src_exports = {};
+__export(src_exports, {
+  default: () => import_DSDateRangePicker.default
+});
+var React = __toESM(require("react"));
+var import_DSDateRangePicker = __toESM(require("./DSDateRangePicker"));
+__reExport(src_exports, require("./DSDateRangePicker"));
+module.exports = __toCommonJS(src_exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

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

package/dist/cjs/isMaxDiffSafe.js

@@ -0,0 +1,46 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var isMaxDiffSafe_exports = {};
+__export(isMaxDiffSafe_exports, {
+  MAX_YEARS_DIFF: () => MAX_YEARS_DIFF,
+  isMaxDiffSafe: () => isMaxDiffSafe
+});
+var React = __toESM(require("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"));
+    return diff < MAX_YEARS_DIFF && diffStart < MAX_YEARS_DIFF && diffEnd < MAX_YEARS_DIFF;
+  } catch (error) {
+    return true;
+  }
+};
+module.exports = __toCommonJS(isMaxDiffSafe_exports);
+//# sourceMappingURL=isMaxDiffSafe.js.map

package/dist/cjs/isMaxDiffSafe.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/isMaxDiffSafe.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADChB,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/dist/esm/DSDateRangePicker.js

@@ -0,0 +1,202 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import * as React from "react";
+import React2 from "react";
+import { PropTypes, describe } from "react-desc";
+import { convertPropToCssClassName } from "@elliemae/ds-classnames";
+import moment from "moment";
+import "react-dates/initialize";
+import { DateRangePickerPhrases } from "react-dates/lib/defaultPhrases";
+import DayPickerRangeController from "./components/DayPickerRangeController";
+import DSDateRangePickerImpl, {
+  START_DATE,
+  END_DATE
+} from "./components/DSDateRangePickerImpl";
+const DSDateRangePicker = ({
+  containerProps = {},
+  className = "",
+  disabled = false,
+  required = false,
+  startDateRequired = false,
+  endDateRequired = false,
+  id,
+  hasError = false,
+  validationMessage = "",
+  readOnly = false,
+  screenReaderInputMessage = "Select date",
+  initialVisibleMonth = moment(),
+  firstDayOfWeek = 0,
+  keepOpenOnDateSelect = true,
+  reopenPickerOnClearDates = false,
+  hideKeyboardShortcutsPanel = true,
+  onPrevMonthClick = () => null,
+  onNextMonthClick = () => null,
+  onClose = () => null,
+  onOutsideClick = () => null,
+  transitionDuration = 0,
+  verticalSpacing = 0,
+  minimumNights = 0,
+  isDayBlocked = () => false,
+  isOutsideRange = () => false,
+  isDayHighlighted = () => false,
+  displayFormat = "L",
+  displayFormatDay = "D",
+  phrases = DateRangePickerPhrases,
+  startDate,
+  endDate,
+  startDateId = "startDateId",
+  endDateId = "endDateId",
+  labelFrom = "From",
+  labelTo = "To",
+  enableOutsideDays = true,
+  onChangeStartInput = () => null,
+  onChangeEndInput = () => null,
+  onDatesChange = () => null
+}) => {
+  const { cssClassName, prefixBlockName } = convertPropToCssClassName("datepicker", className, {
+    hasError,
+    readOnly,
+    disabled,
+    id
+  });
+  return /* @__PURE__ */ React2.createElement("div", __spreadProps(__spreadValues({}, containerProps), {
+    className: `${prefixBlockName}-range ${cssClassName} ${prefixBlockName}-range`
+  }), /* @__PURE__ */ React2.createElement(DSDateRangePickerImpl, {
+    appendToBody: true,
+    disabled,
+    displayFormat,
+    displayFormatDay,
+    enableOutsideDays,
+    endDate,
+    endDateId,
+    firstDayOfWeek,
+    hideKeyboardShortcutsPanel,
+    initialVisibleMonth: () => initialVisibleMonth ? moment(initialVisibleMonth) : moment(startDate),
+    isDayBlocked,
+    isDayHighlighted,
+    isOutsideRange: isOutsideRange === true || isOutsideRange === false ? () => isOutsideRange : isOutsideRange,
+    keepOpenOnDateSelect,
+    labelFrom,
+    labelTo,
+    minimumNights,
+    onDatesChange,
+    onChangeStartInput,
+    onChangeEndInput,
+    onClose,
+    onNextMonthClick,
+    onPrevMonthClick,
+    onOutsideClick,
+    phrases,
+    readOnly,
+    reopenPickerOnClearDates,
+    required,
+    startDateRequired,
+    endDateRequired,
+    screenReaderInputMessage,
+    startDate,
+    startDateId,
+    transitionDuration,
+    verticalSpacing,
+    hasError,
+    validationMessage
+  }));
+};
+const dateRangePickerProps = {
+  containerProps: PropTypes.shape({}).description("Set of Properties attached to the main container"),
+  className: PropTypes.string.description("html class attribute"),
+  disabled: PropTypes.bool.description("disable component or not").defaultValue(false),
+  required: PropTypes.bool.description("input is required or not").defaultValue(false),
+  startDateRequired: PropTypes.bool.description("start date is required or not").defaultValue(false),
+  endDateRequired: PropTypes.bool.description("end date is required or not").defaultValue(false),
+  id: PropTypes.string.description("components id"),
+  hasError: PropTypes.bool.description("set error state").defaultValue(false),
+  validationMessage: PropTypes.string.description("validation message"),
+  readOnly: PropTypes.bool.description("component is read only or not").description(false),
+  screenReaderInputMessage: PropTypes.string.description("message to be anounced by screen reader").defaultValue("select date"),
+  initialVisibleMonth: PropTypes.instanceOf(Date, moment).description("initial visible month"),
+  firstDayOfWeek: PropTypes.number.description("first day of week").defaultValue(0),
+  keepOpenOnDateSelect: PropTypes.bool.description("keep picker open when a date is selected").defaultValue(true),
+  reopenPickerOnClearDates: PropTypes.bool.description("reopen picker when clearing dates").defaultValue(false),
+  hideKeyboardShortcutsPanel: PropTypes.bool.description("hide keyabord shortcut panel or not"),
+  onPrevMonthClick: PropTypes.func.description("function executed when clicking on prev month button"),
+  onNextMonthClick: PropTypes.func.description("function executed when clicking on next month button"),
+  onClose: PropTypes.func.description("function executed when component closes"),
+  transitionDuration: PropTypes.number.description("transition duration").defaultValue(0),
+  verticalSpacing: PropTypes.number.description("vertical spacing"),
+  isDayBlocked: PropTypes.func.description("function that returns each day and disables desired dates"),
+  isOutsideRange: PropTypes.func.description("function that returns each day and disables outisde range dates"),
+  isDayHighlighted: PropTypes.func.description("function that returns each day and higlights desired dates"),
+  minimumNights: 0,
+  displayFormat: PropTypes.string.description("display format").defaultValue("L"),
+  displayFormatDay: PropTypes.string.description("display format day").defaultValue("D"),
+  phrases: PropTypes.shape({
+    calendarLabel: PropTypes.string,
+    closeDatePicker: PropTypes.string,
+    clearDates: PropTypes.string,
+    focusStartDate: PropTypes.string,
+    jumpToPrevMonth: PropTypes.string,
+    jumpToNextMonth: PropTypes.string,
+    keyboardShortcuts: PropTypes.string,
+    showKeyboardShortcutsPanel: PropTypes.string,
+    hideKeyboardShortcutsPanel: PropTypes.string,
+    openThisPanel: PropTypes.string,
+    enterKey: PropTypes.string,
+    leftArrowRightArrow: PropTypes.string,
+    upArrowDownArrow: PropTypes.string,
+    pageUpPageDown: PropTypes.string,
+    homeEnd: PropTypes.string,
+    escape: PropTypes.string,
+    questionMark: PropTypes.string,
+    selectFocusedDate: PropTypes.string,
+    moveFocusByOneDay: PropTypes.string,
+    moveFocusByOneWeek: PropTypes.string,
+    moveFocusByOneMonth: PropTypes.string,
+    moveFocustoStartAndEndOfWeek: PropTypes.string,
+    returnFocusToInput: PropTypes.string,
+    keyboardNavigationInstructions: PropTypes.string,
+    chooseAvailableStartDate: PropTypes.func,
+    chooseAvailableEndDate: PropTypes.func,
+    dateIsUnavailable: PropTypes.func,
+    dateIsSelected: PropTypes.func
+  }).description("react-dates phrases"),
+  startDate: PropTypes.instanceOf(Date, moment).description("start date value"),
+  endDate: PropTypes.instanceOf(Date, moment).description("end date value"),
+  startDateId: PropTypes.string.description("start date id"),
+  endDateId: PropTypes.string.description("end date id"),
+  labelFrom: PropTypes.string.description("label of start date input"),
+  labelTo: PropTypes.string.description("label of end date input"),
+  enableOutsideDays: PropTypes.bool.description("enable days outside current month").defaultValue("true"),
+  onDatesChange: PropTypes.func.description("function executed when dates change"),
+  onChangeStartInput: PropTypes.func.description("function executed when start date input changes"),
+  onChangeEndInput: PropTypes.func.description("function executed when end date input changes"),
+  onOutsideClick: PropTypes.func.description("function executed when clicking outside component")
+};
+DSDateRangePicker.propTypes = dateRangePickerProps;
+const DateRangePickerWithSchema = describe(DSDateRangePicker);
+DateRangePickerWithSchema.propTypes = dateRangePickerProps;
+var DSDateRangePicker_default = DSDateRangePicker;
+export {
+  DateRangePickerWithSchema,
+  DayPickerRangeController,
+  END_DATE,
+  START_DATE,
+  DSDateRangePicker_default as default
+};
+//# sourceMappingURL=DSDateRangePicker.js.map