@elliemae/ds-date-picker 2.2.0-next.4 → 2.3.0-alpha.2

package/cjs/components/DatePickerPicker/DatePickerPicker.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/DatePickerPicker/DatePickerPicker.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { DSIconColors, DSIconSizes } from '@elliemae/ds-icon';\nimport { DatePicker } from '@elliemae/ds-icons';\nimport { DSButton, buttonTypes } from '@elliemae/ds-button';\nimport { iconSizes } from '@elliemae/ds-shared/prop-types';\n\nexport const Picker = ({\n  className = 'date-picker-icon',\n  disabled = false,\n  icon = <DatePicker />,\n  size = DSIconSizes.M,\n  buttonActionType = 'secondary',\n  onClick = () => null,\n  onBlur = () => null,\n  readOnly = false,\n  tabIndex = 0,\n  innerRef,\n  ...rest\n}) => (\n  <DSButton\n    innerRef={innerRef}\n    aria-label={rest['aria-label'] || 'Date Picker Button'}\n    buttonType={buttonActionType}\n    className={className}\n    color={!disabled ? DSIconColors.PRIMARY : DSIconColors.NEUTRAL}\n    disabled={disabled}\n    icon={icon}\n    onBlur={onBlur}\n    onClick={onClick}\n    readOnly={readOnly}\n    size={size}\n    tabIndex={tabIndex}\n    data-testid=\"btn-date-picker\"\n  />\n);\n\nexport const PickerPropsTypes = {\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]),\n  className: PropTypes.string,\n  disabled: PropTypes.bool,\n  icon: PropTypes.element,\n  size: PropTypes.oneOf(iconSizes),\n  buttonActionType: PropTypes.oneOf(buttonTypes),\n  onClick: PropTypes.func,\n  onFocus: PropTypes.func,\n  onBlur: PropTypes.func,\n  readOnly: PropTypes.bool,\n  tabIndex: PropTypes.number,\n};\n\nPicker.propTypes = PickerPropsTypes;\n\nexport { Picker as DatePickerPicker };\nexport default Picker;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAsB;AACtB,qBAA0C;AAC1C,sBAA2B;AAC3B,uBAAsC;AACtC,yBAA0B;AAEnB,MAAM,SAAS,CAAC;AAAA,EACrB,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,OAAO,mDAAC,4BAAD;AAAA,EACP,OAAO,2BAAY;AAAA,EACnB,mBAAmB;AAAA,EACnB,UAAU,MAAM;AAAA,EAChB,SAAS,MAAM;AAAA,EACf,WAAW;AAAA,EACX,WAAW;AAAA,EACX;AAAA,KACG;AAAA,MAEH,mDAAC,2BAAD;AAAA,EACE;AAAA,EACA,cAAY,KAAK,iBAAiB;AAAA,EAClC,YAAY;AAAA,EACZ;AAAA,EACA,OAAO,CAAC,WAAW,4BAAa,UAAU,4BAAa;AAAA,EACvD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAY;AAAA;AAIT,MAAM,mBAAmB;AAAA,EAC9B,UAAU,0BAAU,UAAU,CAAC,0BAAU,MAAM,0BAAU,MAAM,EAAE,SAAS,0BAAU;AAAA,EACpF,WAAW,0BAAU;AAAA,EACrB,UAAU,0BAAU;AAAA,EACpB,MAAM,0BAAU;AAAA,EAChB,MAAM,0BAAU,MAAM;AAAA,EACtB,kBAAkB,0BAAU,MAAM;AAAA,EAClC,SAAS,0BAAU;AAAA,EACnB,SAAS,0BAAU;AAAA,EACnB,QAAQ,0BAAU;AAAA,EAClB,UAAU,0BAAU;AAAA,EACpB,UAAU,0BAAU;AAAA;AAGtB,OAAO,YAAY;AAGnB,IAAO,2BAAQ;",
+  "names": []
+}

package/cjs/components/DatePickerRange/DatePickerRange.js

@@ -1,119 +1,110 @@
-'use strict';
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('core-js/modules/web.dom-collections.iterator.js');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var React = require('react');
-var reactDates = require('react-dates');
-var moment = require('moment');
-var dsClassnames = require('@elliemae/ds-classnames');
-var dsIcons = require('@elliemae/ds-icons');
-var DatePickerDay = require('../DatePickerDay/DatePickerDay.js');
-var DatePickerNavigation = require('../DatePickerNavigation/DatePickerNavigation.js');
-var DatePickerRangeHeader = require('../DatePickerRangeHeader/DatePickerRangeHeader.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
-
-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__default["default"](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 blockname = 'date-range';
-const Wrapper = dsClassnames.aggregatedClasses('div')(blockname, 'wrapper');
-const {
-  classNameElement,
-  classNameBlock
-} = dsClassnames.convertPropToCssClassName('datepicker');
-const START_DATE = 'startDate';
-const END_DATE = 'endDate';
-
-const DatePickerRangeDate = _ref => {
-  let {
-    dateStart,
-    dateEnd,
-    displayFormatDay = 'D',
-    showHeader = true,
-    otherProps
-  } = _ref;
-  const [selectedDateStart, setSelectedDateStart] = React.useState(dateStart);
-  const [selectedDateEnd, setSelectedDateEnd] = React.useState(dateEnd);
-  const [focusedInput, setFocusedInput] = React.useState(START_DATE);
-  const datePickerRef = React.useRef();
-
+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 DatePickerRange_exports = {};
+__export(DatePickerRange_exports, {
+  DatePickerRangeDate: () => DatePickerRangeDate,
+  default: () => DatePickerRange_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_dates = require("react-dates");
+var import_moment = __toESM(require("moment"));
+var import_ds_classnames = require("@elliemae/ds-classnames");
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_DatePickerDay = require("../DatePickerDay/DatePickerDay");
+var import_DatePickerNavigation = require("../DatePickerNavigation/DatePickerNavigation");
+var import_DatePickerRangeHeader = require("../DatePickerRangeHeader/DatePickerRangeHeader");
+const blockname = "date-range";
+const Wrapper = (0, import_ds_classnames.aggregatedClasses)("div")(blockname, "wrapper");
+const { classNameElement, classNameBlock } = (0, import_ds_classnames.convertPropToCssClassName)("datepicker");
+const START_DATE = "startDate";
+const END_DATE = "endDate";
+const DatePickerRangeDate = ({ dateStart, dateEnd, displayFormatDay = "D", showHeader = true, otherProps }) => {
+  const [selectedDateStart, setSelectedDateStart] = (0, import_react.useState)(dateStart);
+  const [selectedDateEnd, setSelectedDateEnd] = (0, import_react.useState)(dateEnd);
+  const [focusedInput, setFocusedInput] = (0, import_react.useState)(START_DATE);
+  const datePickerRef = (0, import_react.useRef)();
   const handleFocusChange = () => {
     setFocusedInput(focusedInput === START_DATE ? END_DATE : START_DATE);
   };
-
-  const handleDatesChange = _ref2 => {
-    let {
-      startDate,
-      endDate
-    } = _ref2;
+  const handleDatesChange = ({ startDate, endDate }) => {
     setSelectedDateStart(startDate);
     setSelectedDateEnd(endDate);
   };
-
-  const handleStartInputChange = newDate => {
+  const handleStartInputChange = (newDate) => {
     setSelectedDateStart(newDate);
   };
-
-  const handleEndInputChange = newDate => {
+  const handleEndInputChange = (newDate) => {
     setSelectedDateEnd(newDate);
   };
-
   const getSafeDateStartValue = () => {
     if (selectedDateStart) {
-      return moment__default["default"](selectedDateStart);
+      return (0, import_moment.default)(selectedDateStart);
     }
   };
-
   const getSafeDateEndValue = () => {
     if (selectedDateEnd) {
-      return moment__default["default"](selectedDateEnd);
+      return (0, import_moment.default)(selectedDateEnd);
     }
   };
-
   const safeStartDate = getSafeDateStartValue();
   const safeEndDate = getSafeDateEndValue();
-  return /*#__PURE__*/_jsx__default["default"](Wrapper, {}, void 0, showHeader && /*#__PURE__*/_jsx__default["default"](DatePickerRangeHeader, {
+  return /* @__PURE__ */ import_react.default.createElement(Wrapper, null, showHeader && /* @__PURE__ */ import_react.default.createElement(import_DatePickerRangeHeader.DatePickerRangeHeader, {
     onEndInputChange: handleEndInputChange,
     onStartInputChange: handleStartInputChange,
     selectedEndDate: safeEndDate,
     selectedStartDate: safeStartDate
-  }), /*#__PURE__*/jsxRuntime.jsx("div", {
+  }), /* @__PURE__ */ import_react.default.createElement("div", {
     ref: datePickerRef,
-    className: classNameBlock('wrapper-day-picker-single-date-controller'),
-    children: /*#__PURE__*/jsxRuntime.jsx(reactDates.DayPickerRangeController, _objectSpread(_objectSpread({}, otherProps), {}, {
-      enableOutsideDays: true,
-      endDate: safeEndDate,
-      focused: true,
-      focusedInput: focusedInput,
-      hideKeyboardShortcutsPanel: true,
-      navNext: /*#__PURE__*/_jsx__default["default"](DatePickerNavigation, {
-        className: classNameElement('navigation-next')
-      }),
-      navPrev: /*#__PURE__*/_jsx__default["default"](DatePickerNavigation, {
-        className: classNameElement('navigation-prev'),
-        icon: dsIcons.ChevronLeft
-      }),
-      onDatesChange: handleDatesChange,
-      onFocusChange: handleFocusChange,
-      renderDayContents: date => /*#__PURE__*/_jsx__default["default"](DatePickerDay, {
-        className: classNameElement('day-contents'),
-        date: date.format(displayFormatDay)
-      }),
-      startDate: safeStartDate
-    }))
-  }));
+    className: classNameBlock("wrapper-day-picker-single-date-controller")
+  }, /* @__PURE__ */ import_react.default.createElement(import_react_dates.DayPickerRangeController, {
+    ...otherProps,
+    enableOutsideDays: true,
+    endDate: safeEndDate,
+    focused: true,
+    focusedInput,
+    hideKeyboardShortcutsPanel: true,
+    navNext: /* @__PURE__ */ import_react.default.createElement(import_DatePickerNavigation.DatePickerNavigation, {
+      className: classNameElement("navigation-next")
+    }),
+    navPrev: /* @__PURE__ */ import_react.default.createElement(import_DatePickerNavigation.DatePickerNavigation, {
+      className: classNameElement("navigation-prev"),
+      icon: import_ds_icons.ChevronLeft
+    }),
+    onDatesChange: handleDatesChange,
+    onFocusChange: handleFocusChange,
+    renderDayContents: (date) => /* @__PURE__ */ import_react.default.createElement(import_DatePickerDay.DatePickerDay, {
+      className: classNameElement("day-contents"),
+      date: date.format(displayFormatDay)
+    }),
+    startDate: safeStartDate
+  })));
 };
-
-module.exports = DatePickerRangeDate;
+var DatePickerRange_default = DatePickerRangeDate;
+module.exports = __toCommonJS(DatePickerRange_exports);
+//# sourceMappingURL=DatePickerRange.js.map

package/cjs/components/DatePickerRange/DatePickerRange.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/DatePickerRange/DatePickerRange.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable react/prop-types */\n/* eslint-disable consistent-return */\nimport React, { useState, useRef } from 'react';\nimport { DayPickerRangeController } from 'react-dates';\nimport moment from 'moment';\nimport { aggregatedClasses, convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { ChevronLeft } from '@elliemae/ds-icons';\nimport { DatePickerDay } from '../DatePickerDay/DatePickerDay';\nimport { DatePickerNavigation } from '../DatePickerNavigation/DatePickerNavigation';\nimport { DatePickerRangeHeader } from '../DatePickerRangeHeader/DatePickerRangeHeader';\n\nconst blockname = 'date-range';\nconst Wrapper = aggregatedClasses('div')(blockname, 'wrapper');\n\nconst { classNameElement, classNameBlock } = convertPropToCssClassName('datepicker');\n\nconst START_DATE = 'startDate';\nconst END_DATE = 'endDate';\n\nconst DatePickerRangeDate = ({ dateStart, dateEnd, displayFormatDay = 'D', showHeader = true, otherProps }) => {\n  const [selectedDateStart, setSelectedDateStart] = useState(dateStart);\n  const [selectedDateEnd, setSelectedDateEnd] = useState(dateEnd);\n  const [focusedInput, setFocusedInput] = useState(START_DATE);\n  const datePickerRef = useRef();\n\n  const handleFocusChange = () => {\n    setFocusedInput(focusedInput === START_DATE ? END_DATE : START_DATE);\n  };\n\n  const handleDatesChange = ({ startDate, endDate }) => {\n    setSelectedDateStart(startDate);\n    setSelectedDateEnd(endDate);\n  };\n\n  const handleStartInputChange = (newDate) => {\n    setSelectedDateStart(newDate);\n  };\n\n  const handleEndInputChange = (newDate) => {\n    setSelectedDateEnd(newDate);\n  };\n\n  const getSafeDateStartValue = () => {\n    if (selectedDateStart) {\n      return moment(selectedDateStart);\n    }\n  };\n\n  const getSafeDateEndValue = () => {\n    if (selectedDateEnd) {\n      return moment(selectedDateEnd);\n    }\n  };\n\n  const safeStartDate = getSafeDateStartValue();\n  const safeEndDate = getSafeDateEndValue();\n\n  return (\n    <Wrapper>\n      {showHeader && (\n        <DatePickerRangeHeader\n          onEndInputChange={handleEndInputChange}\n          onStartInputChange={handleStartInputChange}\n          selectedEndDate={safeEndDate}\n          selectedStartDate={safeStartDate}\n        />\n      )}\n      <div ref={datePickerRef} className={classNameBlock('wrapper-day-picker-single-date-controller')}>\n        <DayPickerRangeController\n          {...otherProps}\n          enableOutsideDays\n          endDate={safeEndDate}\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={handleDatesChange}\n          onFocusChange={handleFocusChange}\n          renderDayContents={(date) => (\n            <DatePickerDay className={classNameElement('day-contents')} date={date.format(displayFormatDay)} />\n          )}\n          startDate={safeStartDate}\n        />\n      </div>\n    </Wrapper>\n  );\n};\n\nexport { DatePickerRangeDate };\nexport default DatePickerRangeDate;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAAwC;AACxC,yBAAyC;AACzC,oBAAmB;AACnB,2BAA6D;AAC7D,sBAA4B;AAC5B,2BAA8B;AAC9B,kCAAqC;AACrC,mCAAsC;AAEtC,MAAM,YAAY;AAClB,MAAM,UAAU,4CAAkB,OAAO,WAAW;AAEpD,MAAM,EAAE,kBAAkB,mBAAmB,oDAA0B;AAEvE,MAAM,aAAa;AACnB,MAAM,WAAW;AAEjB,MAAM,sBAAsB,CAAC,EAAE,WAAW,SAAS,mBAAmB,KAAK,aAAa,MAAM,iBAAiB;AAC7G,QAAM,CAAC,mBAAmB,wBAAwB,2BAAS;AAC3D,QAAM,CAAC,iBAAiB,sBAAsB,2BAAS;AACvD,QAAM,CAAC,cAAc,mBAAmB,2BAAS;AACjD,QAAM,gBAAgB;AAEtB,QAAM,oBAAoB,MAAM;AAC9B,oBAAgB,iBAAiB,aAAa,WAAW;AAAA;AAG3D,QAAM,oBAAoB,CAAC,EAAE,WAAW,cAAc;AACpD,yBAAqB;AACrB,uBAAmB;AAAA;AAGrB,QAAM,yBAAyB,CAAC,YAAY;AAC1C,yBAAqB;AAAA;AAGvB,QAAM,uBAAuB,CAAC,YAAY;AACxC,uBAAmB;AAAA;AAGrB,QAAM,wBAAwB,MAAM;AAClC,QAAI,mBAAmB;AACrB,aAAO,2BAAO;AAAA;AAAA;AAIlB,QAAM,sBAAsB,MAAM;AAChC,QAAI,iBAAiB;AACnB,aAAO,2BAAO;AAAA;AAAA;AAIlB,QAAM,gBAAgB;AACtB,QAAM,cAAc;AAEpB,SACE,mDAAC,SAAD,MACG,cACC,mDAAC,oDAAD;AAAA,IACE,kBAAkB;AAAA,IAClB,oBAAoB;AAAA,IACpB,iBAAiB;AAAA,IACjB,mBAAmB;AAAA,MAGvB,mDAAC,OAAD;AAAA,IAAK,KAAK;AAAA,IAAe,WAAW,eAAe;AAAA,KACjD,mDAAC,6CAAD;AAAA,OACM;AAAA,IACJ,mBAAiB;AAAA,IACjB,SAAS;AAAA,IACT,SAAO;AAAA,IACP;AAAA,IACA,4BAA0B;AAAA,IAC1B,SAAS,mDAAC,kDAAD;AAAA,MAAsB,WAAW,iBAAiB;AAAA;AAAA,IAC3D,SAAS,mDAAC,kDAAD;AAAA,MAAsB,WAAW,iBAAiB;AAAA,MAAoB,MAAM;AAAA;AAAA,IACrF,eAAe;AAAA,IACf,eAAe;AAAA,IACf,mBAAmB,CAAC,SAClB,mDAAC,oCAAD;AAAA,MAAe,WAAW,iBAAiB;AAAA,MAAiB,MAAM,KAAK,OAAO;AAAA;AAAA,IAEhF,WAAW;AAAA;AAAA;AAQrB,IAAO,0BAAQ;",
+  "names": []
+}

package/cjs/components/DatePickerRangeHeader/DatePickerRangeHeader.js

@@ -1,144 +1,138 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('core-js/modules/web.dom-collections.iterator.js');
-var React = require('react');
-var moment = require('moment');
-var dsForm = require('@elliemae/ds-form');
-var dsClassnames = require('@elliemae/ds-classnames');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
-
-const blockname = 'date-range-picker';
-const DATE_FORMAT = 'MMDDYYYY'; // When year is greater than 999 it means the user finished writing
-// the year for the range, because they must type 4 numbers for the year
-// to be higher than 999
-
-const MAGIC_NUMBER = 999;
-const Header = dsClassnames.aggregatedClasses('div')(blockname, 'header', _ref => {
-  let {
-    invalidDate
-  } = _ref;
-  return {
-    invalidDate
+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, {
+  DatePickerRangeHeader: () => DatePickerRangeHeader,
+  default: () => DatePickerRangeHeader_default
 });
-
-const DatePickerRangeHeader = _ref2 => {
-  let {
-    onStartInputChange = () => null,
-    onEndInputChange = () => null,
-    onFocusChange = () => null,
-    selectedStartDate,
-    selectedEndDate,
-    handleDatesChange,
-    autoJumpOnEdit = true
-  } = _ref2;
-  const [startValue, setStartValue] = React.useState(selectedStartDate);
-  const [endValue, setEndValue] = React.useState(selectedEndDate);
-  const startInputRef = React.useRef();
-  const endInputRef = React.useRef();
-  React.useEffect(() => {
+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_ds_form = require("@elliemae/ds-form");
+var import_ds_classnames = require("@elliemae/ds-classnames");
+const blockname = "date-range-picker";
+const DATE_FORMAT = "MMDDYYYY";
+const MAGIC_NUMBER = 999;
+const Header = (0, import_ds_classnames.aggregatedClasses)("div")(blockname, "header", ({ invalidDate }) => ({ invalidDate }));
+const DatePickerRangeHeader = ({
+  onStartInputChange = () => null,
+  onEndInputChange = () => null,
+  onFocusChange = () => null,
+  selectedStartDate,
+  selectedEndDate,
+  handleDatesChange,
+  autoJumpOnEdit = true
+}) => {
+  const [startValue, setStartValue] = (0, import_react.useState)(selectedStartDate);
+  const [endValue, setEndValue] = (0, import_react.useState)(selectedEndDate);
+  const startInputRef = (0, import_react.useRef)();
+  const endInputRef = (0, import_react.useRef)();
+  (0, import_react.useEffect)(() => {
     if (selectedStartDate) {
       setStartValue(selectedStartDate.format(DATE_FORMAT));
     }
-
     if (selectedEndDate) {
       setEndValue(selectedEndDate.format(DATE_FORMAT));
     }
   }, [selectedStartDate, selectedEndDate]);
-
   const isValidRangeDate = (start, end) => {
     let isValidRange = false;
-
     if (start && end) {
-      const momentStart = moment__default["default"](start, DATE_FORMAT);
-      const momentEnd = moment__default["default"](end, DATE_FORMAT);
+      const momentStart = (0, import_moment.default)(start, DATE_FORMAT);
+      const momentEnd = (0, import_moment.default)(end, DATE_FORMAT);
       isValidRange = momentStart.isBefore(momentEnd);
     }
-
     return isValidRange;
   };
-
-  const handleOnFocus = inputType => onFocusChange(inputType);
-
-  const handleOnChangeStart = newStartValue => {
-    var _endInputRef$current, _endInputRef$current$;
-
+  const handleOnFocus = (inputType) => onFocusChange(inputType);
+  const handleOnChangeStart = (newStartValue) => {
     const y = newStartValue.substring(4);
-    const momentValue = moment__default["default"](newStartValue, DATE_FORMAT);
-
+    const momentValue = (0, import_moment.default)(newStartValue, DATE_FORMAT);
     if (newStartValue && newStartValue.length === DATE_FORMAT.length) {
       onStartInputChange(momentValue);
     }
-
     setStartValue(newStartValue);
-
-    if (autoJumpOnEdit && parseInt(y, 10) > MAGIC_NUMBER && endInputRef !== null && endInputRef !== void 0 && (_endInputRef$current = endInputRef.current) !== null && _endInputRef$current !== void 0 && (_endInputRef$current$ = _endInputRef$current.firstChild) !== null && _endInputRef$current$ !== void 0 && _endInputRef$current$.focus) {
+    if (autoJumpOnEdit && parseInt(y, 10) > MAGIC_NUMBER && endInputRef?.current?.firstChild?.focus) {
       endInputRef.current.firstChild.focus();
     }
   };
-
-  const handleOnChangeEnd = newEndValue => {
-    const momentValue = moment__default["default"](newEndValue, DATE_FORMAT);
-
+  const handleOnChangeEnd = (newEndValue) => {
+    const momentValue = (0, import_moment.default)(newEndValue, DATE_FORMAT);
     if (isValidRangeDate(startValue, newEndValue) && newEndValue && newEndValue.length === DATE_FORMAT.length) {
       onEndInputChange(momentValue);
     }
-
     setEndValue(newEndValue);
   };
-
-  const handleOnKeyDownStart = e => {
+  const handleOnKeyDownStart = (e) => {
     const isValid = isValidRangeDate(startValue, endValue);
-    const momentStart = moment__default["default"](startValue, DATE_FORMAT);
-    const momentEnd = moment__default["default"](endValue, DATE_FORMAT);
-
-    if (e.key === 'Enter' && startValue) {
+    const momentStart = (0, import_moment.default)(startValue, DATE_FORMAT);
+    const momentEnd = (0, import_moment.default)(endValue, DATE_FORMAT);
+    if (e.key === "Enter" && startValue) {
       onStartInputChange(momentStart);
-      if (isValid) handleDatesChange({
-        startDate: momentStart,
-        endDate: momentEnd
-      });
+      if (isValid)
+        handleDatesChange({ startDate: momentStart, endDate: momentEnd });
     }
   };
-
-  const handleOnKeyDownEnd = e => {
+  const handleOnKeyDownEnd = (e) => {
     const isValid = isValidRangeDate(startValue, endValue);
-    const momentStart = moment__default["default"](startValue, DATE_FORMAT);
-    const momentEnd = moment__default["default"](endValue, DATE_FORMAT);
-
-    if (e.key === 'Enter' && isValid) {
-      handleDatesChange({
-        startDate: momentStart,
-        endDate: momentEnd
-      });
+    const momentStart = (0, import_moment.default)(startValue, DATE_FORMAT);
+    const momentEnd = (0, import_moment.default)(endValue, DATE_FORMAT);
+    if (e.key === "Enter" && isValid) {
+      handleDatesChange({ startDate: momentStart, endDate: momentEnd });
       onEndInputChange(momentEnd);
     }
   };
-
-  return /*#__PURE__*/_jsx__default["default"](Header, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSInputGroup, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSDateInputV2, {
-    containerProps: {
-      'data-testid': 'start-date'
-    },
+  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.DSDateInputV2, {
+    containerProps: { "data-testid": "start-date" },
     innerRef: startInputRef,
     onChange: handleOnChangeStart,
-    onFocus: () => handleOnFocus('startDate'),
+    onFocus: () => handleOnFocus("startDate"),
     onKeyDown: handleOnKeyDownStart,
     value: startValue
-  }), /*#__PURE__*/_jsx__default["default"](dsForm.DSDateInputV2, {
-    containerProps: {
-      'data-testid': 'end-date'
-    },
+  }), /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSDateInputV2, {
+    containerProps: { "data-testid": "end-date" },
     innerRef: endInputRef,
     onChange: handleOnChangeEnd,
-    onFocus: () => handleOnFocus('endDate'),
+    onFocus: () => handleOnFocus("endDate"),
     onKeyDown: handleOnKeyDownEnd,
     value: endValue
   })));
 };
-
-module.exports = DatePickerRangeHeader;
+DatePickerRangeHeader.propTypes = {
+  onStartInputChange: import_prop_types.default.func,
+  onEndInputChange: import_prop_types.default.func,
+  onFocusChange: import_prop_types.default.func,
+  selectedStartDate: import_prop_types.default.any,
+  selectedEndDate: import_prop_types.default.any,
+  handleDatesChange: import_prop_types.default.func,
+  autoJumpOnEdit: import_prop_types.default.bool
+};
+var DatePickerRangeHeader_default = DatePickerRangeHeader;
+module.exports = __toCommonJS(DatePickerRangeHeader_exports);
+//# sourceMappingURL=DatePickerRangeHeader.js.map

package/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 max-lines */\n/* eslint-disable consistent-return */\n/* eslint-disable no-unused-expressions */\nimport React, { useState, useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport { DSDateInputV2, DSInputGroup } from '@elliemae/ds-form';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst blockname = 'date-range-picker';\n\nconst DATE_FORMAT = 'MMDDYYYY';\n\n// When year is greater than 999 it means the user finished writing\n// the year for the range, because they must type 4 numbers for the year\n// to be higher than 999\nconst MAGIC_NUMBER = 999;\n\nconst Header = aggregatedClasses('div')(blockname, 'header', ({ invalidDate }) => ({ invalidDate }));\n\nconst DatePickerRangeHeader = ({\n  onStartInputChange = () => null,\n  onEndInputChange = () => null,\n  onFocusChange = () => null,\n  selectedStartDate,\n  selectedEndDate,\n  handleDatesChange,\n  autoJumpOnEdit = true,\n}) => {\n  const [startValue, setStartValue] = useState(selectedStartDate);\n  const [endValue, setEndValue] = useState(selectedEndDate);\n  const startInputRef = useRef();\n  const endInputRef = useRef();\n\n  useEffect(() => {\n    if (selectedStartDate) {\n      setStartValue(selectedStartDate.format(DATE_FORMAT));\n    }\n    if (selectedEndDate) {\n      setEndValue(selectedEndDate.format(DATE_FORMAT));\n    }\n  }, [selectedStartDate, selectedEndDate]);\n\n  const isValidRangeDate = (start, end) => {\n    let isValidRange = false;\n    if (start && end) {\n      const momentStart = moment(start, DATE_FORMAT);\n      const momentEnd = moment(end, DATE_FORMAT);\n      isValidRange = momentStart.isBefore(momentEnd);\n    }\n    return isValidRange;\n  };\n\n  const handleOnFocus = (inputType) => onFocusChange(inputType);\n\n  const handleOnChangeStart = (newStartValue) => {\n    const y = newStartValue.substring(4);\n    const momentValue = moment(newStartValue, DATE_FORMAT);\n    if (newStartValue && newStartValue.length === DATE_FORMAT.length) {\n      onStartInputChange(momentValue);\n    }\n\n    setStartValue(newStartValue);\n    if (autoJumpOnEdit && parseInt(y, 10) > MAGIC_NUMBER && endInputRef?.current?.firstChild?.focus) {\n      endInputRef.current.firstChild.focus();\n    }\n  };\n\n  const handleOnChangeEnd = (newEndValue) => {\n    const momentValue = moment(newEndValue, DATE_FORMAT);\n    if (isValidRangeDate(startValue, newEndValue) && newEndValue && newEndValue.length === DATE_FORMAT.length) {\n      onEndInputChange(momentValue);\n    }\n    setEndValue(newEndValue);\n  };\n\n  const handleOnKeyDownStart = (e) => {\n    const isValid = isValidRangeDate(startValue, endValue);\n    const momentStart = moment(startValue, DATE_FORMAT);\n    const momentEnd = moment(endValue, DATE_FORMAT);\n    if (e.key === 'Enter' && startValue) {\n      onStartInputChange(momentStart);\n      if (isValid) handleDatesChange({ startDate: momentStart, endDate: momentEnd });\n    }\n  };\n\n  const handleOnKeyDownEnd = (e) => {\n    const isValid = isValidRangeDate(startValue, endValue);\n    const momentStart = moment(startValue, DATE_FORMAT);\n    const momentEnd = moment(endValue, DATE_FORMAT);\n    if (e.key === 'Enter' && isValid) {\n      handleDatesChange({ startDate: momentStart, endDate: momentEnd });\n      onEndInputChange(momentEnd);\n    }\n  };\n\n  return (\n    <Header>\n      <DSInputGroup>\n        <DSDateInputV2\n          containerProps={{ 'data-testid': 'start-date' }}\n          innerRef={startInputRef}\n          onChange={handleOnChangeStart}\n          onFocus={() => handleOnFocus('startDate')}\n          onKeyDown={handleOnKeyDownStart}\n          value={startValue}\n        />\n        <DSDateInputV2\n          containerProps={{ 'data-testid': 'end-date' }}\n          innerRef={endInputRef}\n          onChange={handleOnChangeEnd}\n          onFocus={() => handleOnFocus('endDate')}\n          onKeyDown={handleOnKeyDownEnd}\n          value={endValue}\n        />\n      </DSInputGroup>\n    </Header>\n  );\n};\n\nDatePickerRangeHeader.propTypes = {\n  onStartInputChange: PropTypes.func,\n  onEndInputChange: PropTypes.func,\n  onFocusChange: PropTypes.func,\n  selectedStartDate: PropTypes.any,\n  selectedEndDate: PropTypes.any,\n  handleDatesChange: PropTypes.func,\n  autoJumpOnEdit: PropTypes.bool,\n};\n\nexport { DatePickerRangeHeader };\nexport default DatePickerRangeHeader;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}

package/cjs/components/DatePickerRenderMonth/DatePickerRenderMonth.js

@@ -1,46 +1,61 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var dsIcons = require('@elliemae/ds-icons');
-var dsGrid = require('@elliemae/ds-grid');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-var _ChevronDoubleLeft, _ChevronDoubleRight;
-const renderMonthElement = _ref => {
-  let {
-    month,
-    onYearSelect
-  } = _ref;
-  return /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
-    height: "20px",
-    cols: ['auto', 1, 'auto'],
-    alignItems: "flex-end",
-    mr: "10px"
-  }, void 0, /*#__PURE__*/_jsx__default["default"]("div", {}, void 0, /*#__PURE__*/_jsx__default["default"]("div", {
-    role: "button",
-    tabIndex: "0",
-    "data-testid": "date-picker-prev-year-arrow",
-    onClick: () => onYearSelect(month, month.year() - 1)
-  }, void 0, _ChevronDoubleLeft || (_ChevronDoubleLeft = /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronDoubleLeft, {
-    width: 13.6,
-    height: 13.6
-  })))), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
-    "data-testid": "date-picker-header"
-  }, void 0, /*#__PURE__*/_jsx__default["default"]("strong", {}, void 0, month.format('MMMM YYYY'))), /*#__PURE__*/_jsx__default["default"]("div", {}, void 0, /*#__PURE__*/_jsx__default["default"]("div", {
-    role: "button",
-    tabIndex: "0",
-    "data-testid": "date-picker-next-year-arrow",
-    onClick: () => onYearSelect(month, month.year() + 1)
-  }, void 0, _ChevronDoubleRight || (_ChevronDoubleRight = /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronDoubleRight, {
-    width: 13.6,
-    height: 13.6
-  })))));
+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 });
 };
-
-exports.renderMonthElement = renderMonthElement;
+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 DatePickerRenderMonth_exports = {};
+__export(DatePickerRenderMonth_exports, {
+  renderMonthElement: () => renderMonthElement
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_ds_grid = require("@elliemae/ds-grid");
+const renderMonthElement = ({ month, onYearSelect }) => /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+  height: "20px",
+  cols: ["auto", 1, "auto"],
+  alignItems: "flex-end",
+  mr: "10px"
+}, /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", {
+  role: "button",
+  tabIndex: "0",
+  "data-testid": "date-picker-prev-year-arrow",
+  onClick: () => onYearSelect(month, month.year() - 1)
+}, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ChevronDoubleLeft, {
+  width: 13.6,
+  height: 13.6
+}))), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+  "data-testid": "date-picker-header"
+}, /* @__PURE__ */ import_react.default.createElement("strong", null, month.format("MMMM YYYY"))), /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", {
+  role: "button",
+  tabIndex: "0",
+  "data-testid": "date-picker-next-year-arrow",
+  onClick: () => onYearSelect(month, month.year() + 1)
+}, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ChevronDoubleRight, {
+  width: 13.6,
+  height: 13.6
+}))));
+module.exports = __toCommonJS(DatePickerRenderMonth_exports);
+//# sourceMappingURL=DatePickerRenderMonth.js.map

package/cjs/components/DatePickerRenderMonth/DatePickerRenderMonth.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/DatePickerRenderMonth/DatePickerRenderMonth.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport React from 'react';\nimport { ChevronDoubleLeft, ChevronDoubleRight } from '@elliemae/ds-icons';\nimport { Grid } from '@elliemae/ds-grid';\n\nexport const renderMonthElement = ({ month, onYearSelect }) => (\n  <Grid height=\"20px\" cols={['auto', 1, 'auto']} alignItems=\"flex-end\" mr=\"10px\">\n    <div>\n      <div\n        role=\"button\"\n        tabIndex=\"0\"\n        data-testid=\"date-picker-prev-year-arrow\"\n        onClick={() => onYearSelect(month, month.year() - 1)}\n      >\n        <ChevronDoubleLeft width={13.6} height={13.6} />\n      </div>\n    </div>\n    <Grid data-testid=\"date-picker-header\">\n      <strong>{month.format('MMMM YYYY')}</strong>\n    </Grid>\n    <div>\n      <div\n        role=\"button\"\n        tabIndex=\"0\"\n        data-testid=\"date-picker-next-year-arrow\"\n        onClick={() => onYearSelect(month, month.year() + 1)}\n      >\n        <ChevronDoubleRight width={13.6} height={13.6} />\n      </div>\n    </div>\n  </Grid>\n);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,sBAAsD;AACtD,qBAAqB;AAEd,MAAM,qBAAqB,CAAC,EAAE,OAAO,mBAC1C,mDAAC,qBAAD;AAAA,EAAM,QAAO;AAAA,EAAO,MAAM,CAAC,QAAQ,GAAG;AAAA,EAAS,YAAW;AAAA,EAAW,IAAG;AAAA,GACtE,mDAAC,OAAD,MACE,mDAAC,OAAD;AAAA,EACE,MAAK;AAAA,EACL,UAAS;AAAA,EACT,eAAY;AAAA,EACZ,SAAS,MAAM,aAAa,OAAO,MAAM,SAAS;AAAA,GAElD,mDAAC,mCAAD;AAAA,EAAmB,OAAO;AAAA,EAAM,QAAQ;AAAA,MAG5C,mDAAC,qBAAD;AAAA,EAAM,eAAY;AAAA,GAChB,mDAAC,UAAD,MAAS,MAAM,OAAO,gBAExB,mDAAC,OAAD,MACE,mDAAC,OAAD;AAAA,EACE,MAAK;AAAA,EACL,UAAS;AAAA,EACT,eAAY;AAAA,EACZ,SAAS,MAAM,aAAa,OAAO,MAAM,SAAS;AAAA,GAElD,mDAAC,oCAAD;AAAA,EAAoB,OAAO;AAAA,EAAM,QAAQ;AAAA;",
+  "names": []
+}