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

package/esm/components/DatePickerDropdown.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/DatePickerDropdown.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { DSPopper } from '@elliemae/ds-popper';\nimport { DatePickerPicker, PickerPropsTypes } from './DatePickerPicker/DatePickerPicker';\nconst { classNameElement } = convertPropToCssClassName('datepicker-range');\n\nconst noop = () => null;\nfunction DatePickerDropdown({\n  disabled = false,\n  readOnly,\n  onClick = noop,\n  isOpen,\n  menu,\n  zIndex = 1,\n  pickerProps,\n  pickerRef,\n}) {\n  return (\n    <DSPopper\n      contentComponent={menu}\n      isOpen={isOpen}\n      modifiers={{\n        preventOverflow: {\n          enabled: true,\n          padding: 0,\n          boundariesElement: 'window',\n        },\n      }}\n      showArrow={false}\n      triggerComponent={\n        <div>\n          <DatePickerPicker\n            innerRef={pickerRef}\n            {...pickerProps}\n            className={classNameElement('picker')}\n            disabled={disabled}\n            onClick={onClick}\n            readOnly={readOnly}\n          />\n        </div>\n      }\n      zIndex={zIndex}\n    />\n  );\n}\n\nDatePickerDropdown.propTypes = {\n  pickerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]),\n  disabled: PropTypes.bool,\n  readOnly: PropTypes.bool,\n  onClick: PropTypes.func,\n  isOpen: PropTypes.bool,\n  menu: PropTypes.element,\n  zIndex: PropTypes.number,\n  pickerProps: PropTypes.shape(PickerPropsTypes),\n};\n\nexport { DatePickerDropdown };\nexport default DatePickerDropdown;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA,MAAM,EAAE,qBAAqB,0BAA0B;AAEvD,MAAM,OAAO,MAAM;AACnB,4BAA4B;AAAA,EAC1B,WAAW;AAAA,EACX;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AAAA,GACC;AACD,SACE,qCAAC,UAAD;AAAA,IACE,kBAAkB;AAAA,IAClB;AAAA,IACA,WAAW;AAAA,MACT,iBAAiB;AAAA,QACf,SAAS;AAAA,QACT,SAAS;AAAA,QACT,mBAAmB;AAAA;AAAA;AAAA,IAGvB,WAAW;AAAA,IACX,kBACE,qCAAC,OAAD,MACE,qCAAC,kBAAD;AAAA,MACE,UAAU;AAAA,SACN;AAAA,MACJ,WAAW,iBAAiB;AAAA,MAC5B;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAIN;AAAA;AAAA;AAKN,mBAAmB,YAAY;AAAA,EAC7B,WAAW,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,MAAM,EAAE,SAAS,UAAU;AAAA,EACrF,UAAU,UAAU;AAAA,EACpB,UAAU,UAAU;AAAA,EACpB,SAAS,UAAU;AAAA,EACnB,QAAQ,UAAU;AAAA,EAClB,MAAM,UAAU;AAAA,EAChB,QAAQ,UAAU;AAAA,EAClB,aAAa,UAAU,MAAM;AAAA;AAI/B,IAAO,6BAAQ;",
+  "names": []
+}

package/esm/components/DatePickerHeader/DatePickerHeader.js

@@ -1,49 +1,45 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import { useState, useEffect } from 'react';
-import moment from 'moment';
-import { DSInputGroup, DSDateInputV2 } from '@elliemae/ds-form';
-import { aggregatedClasses } from '@elliemae/ds-classnames';
-
-const DATE_FORMAT = 'MMDDYYYY';
-const blockname = 'date-picker-header';
-const Header = aggregatedClasses('div')(blockname);
-
-const isFn = variable => typeof variable === 'function';
-
-const DatePickerHeader = _ref => {
-  let {
-    onInputChange = () => null,
-    selectedDate,
-    updateKeyDate
-  } = _ref;
-  const [value, setValue] = useState(isFn(selectedDate === null || selectedDate === void 0 ? void 0 : selectedDate.format) ? selectedDate.format(DATE_FORMAT) : '');
+import * as React from "react";
+import React2, { useState, useEffect } from "react";
+import PropTypes from "prop-types";
+import moment from "moment";
+import { DSDateInputV2, DSInputGroup } from "@elliemae/ds-form";
+import { aggregatedClasses } from "@elliemae/ds-classnames";
+const DATE_FORMAT = "MMDDYYYY";
+const blockname = "date-picker-header";
+const Header = aggregatedClasses("div")(blockname);
+const isFn = (variable) => typeof variable === "function";
+const DatePickerHeader = ({ onInputChange = () => null, selectedDate, updateKeyDate }) => {
+  const [value, setValue] = useState(isFn(selectedDate?.format) ? selectedDate.format(DATE_FORMAT) : "");
   useEffect(() => {
-    if (isFn(selectedDate === null || selectedDate === void 0 ? void 0 : selectedDate.format)) {
-      setValue(selectedDate === null || selectedDate === void 0 ? void 0 : selectedDate.format(DATE_FORMAT));
+    if (isFn(selectedDate?.format)) {
+      setValue(selectedDate?.format(DATE_FORMAT));
     }
   }, [selectedDate]);
-
-  const handleOnChange = newDate => {
+  const handleOnChange = (newDate) => {
     setValue(newDate);
   };
-
-  const handleOnKeyDown = e => {
-    if (e.key === 'Enter' && value.length === DATE_FORMAT.length) {
+  const handleOnKeyDown = (e) => {
+    if (e.key === "Enter" && value.length === DATE_FORMAT.length) {
       const momentValue = moment(value, DATE_FORMAT);
       onInputChange(momentValue);
       updateKeyDate(momentValue);
     }
   };
-
-  return /*#__PURE__*/_jsx(Header, {}, void 0, /*#__PURE__*/_jsx(DSInputGroup, {}, void 0, /*#__PURE__*/_jsx(DSDateInputV2, {
+  return /* @__PURE__ */ React2.createElement(Header, null, /* @__PURE__ */ React2.createElement(DSInputGroup, null, /* @__PURE__ */ React2.createElement(DSDateInputV2, {
     onChange: handleOnChange,
     onKeyDown: handleOnKeyDown,
-    value: value,
-    containerProps: {
-      'data-testid': 'start-date'
-    }
+    value,
+    containerProps: { "data-testid": "start-date" }
   })));
 };
-
-export { DatePickerHeader as default };
+DatePickerHeader.propTypes = {
+  onInputChange: PropTypes.func,
+  selectedDate: PropTypes.any,
+  updateKeyDate: PropTypes.any
+};
+var DatePickerHeader_default = DatePickerHeader;
+export {
+  DatePickerHeader,
+  DatePickerHeader_default as default
+};
+//# sourceMappingURL=DatePickerHeader.js.map

package/esm/components/DatePickerHeader/DatePickerHeader.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/DatePickerHeader/DatePickerHeader.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-console */\nimport React, { useState, useEffect } 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 DATE_FORMAT = 'MMDDYYYY';\nconst blockname = 'date-picker-header';\nconst Header = aggregatedClasses('div')(blockname);\n\nconst isFn = (variable) => typeof variable === 'function';\n\nconst DatePickerHeader = ({ onInputChange = () => null, selectedDate, updateKeyDate }) => {\n  const [value, setValue] = useState(isFn(selectedDate?.format) ? selectedDate.format(DATE_FORMAT) : '');\n\n  useEffect(() => {\n    if (isFn(selectedDate?.format)) {\n      setValue(selectedDate?.format(DATE_FORMAT));\n    }\n  }, [selectedDate]);\n\n  const handleOnChange = (newDate) => {\n    setValue(newDate);\n  };\n\n  const handleOnKeyDown = (e) => {\n    if (e.key === 'Enter' && value.length === DATE_FORMAT.length) {\n      const momentValue = moment(value, DATE_FORMAT);\n      onInputChange(momentValue);\n      updateKeyDate(momentValue);\n    }\n  };\n\n  return (\n    <Header>\n      <DSInputGroup>\n        <DSDateInputV2\n          onChange={handleOnChange}\n          onKeyDown={handleOnKeyDown}\n          value={value}\n          containerProps={{ 'data-testid': 'start-date' }}\n        />\n      </DSInputGroup>\n    </Header>\n  );\n};\n\nDatePickerHeader.propTypes = {\n  onInputChange: PropTypes.func,\n  selectedDate: PropTypes.any,\n  updateKeyDate: PropTypes.any,\n};\n\nexport { DatePickerHeader };\nexport default DatePickerHeader;\n"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AAEA,MAAM,cAAc;AACpB,MAAM,YAAY;AAClB,MAAM,SAAS,kBAAkB,OAAO;AAExC,MAAM,OAAO,CAAC,aAAa,OAAO,aAAa;AAE/C,MAAM,mBAAmB,CAAC,EAAE,gBAAgB,MAAM,MAAM,cAAc,oBAAoB;AACxF,QAAM,CAAC,OAAO,YAAY,SAAS,KAAK,cAAc,UAAU,aAAa,OAAO,eAAe;AAEnG,YAAU,MAAM;AACd,QAAI,KAAK,cAAc,SAAS;AAC9B,eAAS,cAAc,OAAO;AAAA;AAAA,KAE/B,CAAC;AAEJ,QAAM,iBAAiB,CAAC,YAAY;AAClC,aAAS;AAAA;AAGX,QAAM,kBAAkB,CAAC,MAAM;AAC7B,QAAI,EAAE,QAAQ,WAAW,MAAM,WAAW,YAAY,QAAQ;AAC5D,YAAM,cAAc,OAAO,OAAO;AAClC,oBAAc;AACd,oBAAc;AAAA;AAAA;AAIlB,SACE,qCAAC,QAAD,MACE,qCAAC,cAAD,MACE,qCAAC,eAAD;AAAA,IACE,UAAU;AAAA,IACV,WAAW;AAAA,IACX;AAAA,IACA,gBAAgB,EAAE,eAAe;AAAA;AAAA;AAO3C,iBAAiB,YAAY;AAAA,EAC3B,eAAe,UAAU;AAAA,EACzB,cAAc,UAAU;AAAA,EACxB,eAAe,UAAU;AAAA;AAI3B,IAAO,2BAAQ;",
+  "names": []
+}

package/esm/components/DatePickerNavigation/DatePickerNavigation.js

@@ -1,25 +1,37 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import ChevronRight from '@elliemae/ds-icons/ChevronRight';
-import { DSIconColors, DSIconSizes } from '@elliemae/ds-basic/Icon';
-
-const Navigation = _ref => {
-  let {
-    className = 'date-picker-navigation',
-    icon: Icon = ChevronRight,
-    color = DSIconColors.NEUTRAL,
-    size = DSIconSizes.S,
-    innerRef
-  } = _ref;
-  return /*#__PURE__*/_jsx("div", {
-    tabIndex: 0,
-    "data-testid": "date-picker-nav"
-  }, void 0, /*#__PURE__*/_jsx(Icon, {
-    className: className,
-    color: color,
-    innerRef: innerRef,
-    size: size
-  }));
+import * as React from "react";
+import React2 from "react";
+import PropTypes from "prop-types";
+import { ChevronRight } from "@elliemae/ds-icons";
+import { DSIconColors, DSIconSizes } from "@elliemae/ds-icon";
+import {
+  iconSizes,
+  iconColors
+} from "@elliemae/ds-shared/prop-types";
+const Navigation = ({
+  className = "date-picker-navigation",
+  icon: Icon = ChevronRight,
+  color = DSIconColors.NEUTRAL,
+  size = DSIconSizes.S,
+  innerRef
+}) => /* @__PURE__ */ React2.createElement("div", {
+  tabIndex: 0,
+  "data-testid": "date-picker-nav"
+}, /* @__PURE__ */ React2.createElement(Icon, {
+  className,
+  color,
+  innerRef,
+  size
+}));
+Navigation.propTypes = {
+  className: "date-picker-navigation",
+  icon: PropTypes.element,
+  color: PropTypes.oneOf(iconColors),
+  size: PropTypes.oneOf(iconSizes),
+  innerRef: PropTypes.any
 };
-
-export { Navigation as default };
+var DatePickerNavigation_default = Navigation;
+export {
+  Navigation as DatePickerNavigation,
+  DatePickerNavigation_default as default
+};
+//# sourceMappingURL=DatePickerNavigation.js.map

package/esm/components/DatePickerNavigation/DatePickerNavigation.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/DatePickerNavigation/DatePickerNavigation.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport { ChevronRight } from '@elliemae/ds-icons';\nimport { DSIconColors, DSIconSizes } from '@elliemae/ds-icon';\nimport {\n  iconSizes,\n  iconColors,\n} from '@elliemae/ds-shared/prop-types';\n\nconst Navigation = ({\n  className = 'date-picker-navigation',\n  icon: Icon = ChevronRight,\n  color = DSIconColors.NEUTRAL,\n  size = DSIconSizes.S,\n  innerRef,\n}) => (\n  <div tabIndex={0} data-testid=\"date-picker-nav\">\n    <Icon className={className} color={color} innerRef={innerRef} size={size} />\n  </div>\n);\nNavigation.propTypes = {\n  className: 'date-picker-navigation',\n  icon: PropTypes.element,\n  color: PropTypes.oneOf(iconColors),\n  size: PropTypes.oneOf(iconSizes),\n  innerRef: PropTypes.any,\n};\n\nexport { Navigation as DatePickerNavigation };\nexport default Navigation;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAKA,MAAM,aAAa,CAAC;AAAA,EAClB,YAAY;AAAA,EACZ,MAAM,OAAO;AAAA,EACb,QAAQ,aAAa;AAAA,EACrB,OAAO,YAAY;AAAA,EACnB;AAAA,MAEA,qCAAC,OAAD;AAAA,EAAK,UAAU;AAAA,EAAG,eAAY;AAAA,GAC5B,qCAAC,MAAD;AAAA,EAAM;AAAA,EAAsB;AAAA,EAAc;AAAA,EAAoB;AAAA;AAGlE,WAAW,YAAY;AAAA,EACrB,WAAW;AAAA,EACX,MAAM,UAAU;AAAA,EAChB,OAAO,UAAU,MAAM;AAAA,EACvB,MAAM,UAAU,MAAM;AAAA,EACtB,UAAU,UAAU;AAAA;AAItB,IAAO,+BAAQ;",
+  "names": []
+}

package/esm/components/DatePickerPicker/DatePickerPicker.js

@@ -1,50 +1,39 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'react';
-import PropTypes from 'prop-types';
-import { DSIconSizes, DSIconColors } from '@elliemae/ds-basic/Icon';
-import DatePicker from '@elliemae/ds-icons/DatePicker';
-import DSButton, { buttonTypes } from '@elliemae/ds-button';
-import { iconSizes } from '@elliemae/ds-shared/prop-types';
-
-var _DatePicker;
-
-const _excluded = ["className", "disabled", "icon", "size", "buttonActionType", "onClick", "onBlur", "readOnly", "tabIndex", "innerRef"];
-const Picker = _ref => {
-  let {
-    className = 'date-picker-icon',
-    disabled = false,
-    icon = _DatePicker || (_DatePicker = /*#__PURE__*/_jsx(DatePicker, {})),
-    size = DSIconSizes.M,
-    buttonActionType = 'secondary',
-    onClick = () => null,
-    onBlur = () => null,
-    readOnly = false,
-    tabIndex = 0,
-    innerRef
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/_jsx(DSButton, {
-    innerRef: innerRef,
-    "aria-label": rest['aria-label'] || 'Date Picker Button',
-    buttonType: buttonActionType,
-    className: className,
-    color: !disabled ? DSIconColors.PRIMARY : DSIconColors.NEUTRAL,
-    disabled: disabled,
-    icon: icon,
-    onBlur: onBlur,
-    onClick: onClick,
-    readOnly: readOnly,
-    size: size,
-    tabIndex: tabIndex,
-    "data-testid": "btn-date-picker"
-  });
-};
+import * as React from "react";
+import React2 from "react";
+import PropTypes from "prop-types";
+import { DSIconColors, DSIconSizes } from "@elliemae/ds-icon";
+import { DatePicker } from "@elliemae/ds-icons";
+import { DSButton, buttonTypes } from "@elliemae/ds-button";
+import { iconSizes } from "@elliemae/ds-shared/prop-types";
+const Picker = ({
+  className = "date-picker-icon",
+  disabled = false,
+  icon = /* @__PURE__ */ React2.createElement(DatePicker, null),
+  size = DSIconSizes.M,
+  buttonActionType = "secondary",
+  onClick = () => null,
+  onBlur = () => null,
+  readOnly = false,
+  tabIndex = 0,
+  innerRef,
+  ...rest
+}) => /* @__PURE__ */ React2.createElement(DSButton, {
+  innerRef,
+  "aria-label": rest["aria-label"] || "Date Picker Button",
+  buttonType: buttonActionType,
+  className,
+  color: !disabled ? DSIconColors.PRIMARY : DSIconColors.NEUTRAL,
+  disabled,
+  icon,
+  onBlur,
+  onClick,
+  readOnly,
+  size,
+  tabIndex,
+  "data-testid": "btn-date-picker"
+});
 const PickerPropsTypes = {
-  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
-    current: PropTypes.any
-  })]),
+  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]),
   className: PropTypes.string,
   disabled: PropTypes.bool,
   icon: PropTypes.element,
@@ -56,5 +45,12 @@ const PickerPropsTypes = {
   readOnly: PropTypes.bool,
   tabIndex: PropTypes.number
 };
-
-export { Picker, PickerPropsTypes, Picker as default };
+Picker.propTypes = PickerPropsTypes;
+var DatePickerPicker_default = Picker;
+export {
+  Picker as DatePickerPicker,
+  Picker,
+  PickerPropsTypes,
+  DatePickerPicker_default as default
+};
+//# sourceMappingURL=DatePickerPicker.js.map

package/esm/components/DatePickerPicker/DatePickerPicker.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/DatePickerPicker/DatePickerPicker.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEO,MAAM,SAAS,CAAC;AAAA,EACrB,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,OAAO,qCAAC,YAAD;AAAA,EACP,OAAO,YAAY;AAAA,EACnB,mBAAmB;AAAA,EACnB,UAAU,MAAM;AAAA,EAChB,SAAS,MAAM;AAAA,EACf,WAAW;AAAA,EACX,WAAW;AAAA,EACX;AAAA,KACG;AAAA,MAEH,qCAAC,UAAD;AAAA,EACE;AAAA,EACA,cAAY,KAAK,iBAAiB;AAAA,EAClC,YAAY;AAAA,EACZ;AAAA,EACA,OAAO,CAAC,WAAW,aAAa,UAAU,aAAa;AAAA,EACvD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAY;AAAA;AAIT,MAAM,mBAAmB;AAAA,EAC9B,UAAU,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,MAAM,EAAE,SAAS,UAAU;AAAA,EACpF,WAAW,UAAU;AAAA,EACrB,UAAU,UAAU;AAAA,EACpB,MAAM,UAAU;AAAA,EAChB,MAAM,UAAU,MAAM;AAAA,EACtB,kBAAkB,UAAU,MAAM;AAAA,EAClC,SAAS,UAAU;AAAA,EACnB,SAAS,UAAU;AAAA,EACnB,QAAQ,UAAU;AAAA,EAClB,UAAU,UAAU;AAAA,EACpB,UAAU,UAAU;AAAA;AAGtB,OAAO,YAAY;AAGnB,IAAO,2BAAQ;",
+  "names": []
+}

package/esm/components/DatePickerRange/DatePickerRange.js

@@ -1,111 +1,81 @@
-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 _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import { useState, useRef } from 'react';
-import { DayPickerRangeController } from 'react-dates';
-import moment from 'moment';
-import { aggregatedClasses, convertPropToCssClassName } from '@elliemae/ds-classnames';
-import { ChevronLeft } from '@elliemae/ds-icons';
-import Day from '../DatePickerDay/DatePickerDay.js';
-import Navigation from '../DatePickerNavigation/DatePickerNavigation.js';
-import DatePickerRangeHeader from '../DatePickerRangeHeader/DatePickerRangeHeader.js';
-import { jsx } from 'react/jsx-runtime';
-
-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 blockname = 'date-range';
-const Wrapper = aggregatedClasses('div')(blockname, 'wrapper');
-const {
-  classNameElement,
-  classNameBlock
-} = convertPropToCssClassName('datepicker');
-const START_DATE = 'startDate';
-const END_DATE = 'endDate';
-
-const DatePickerRangeDate = _ref => {
-  let {
-    dateStart,
-    dateEnd,
-    displayFormatDay = 'D',
-    showHeader = true,
-    otherProps
-  } = _ref;
+import * as React from "react";
+import React2, { useState, useRef } from "react";
+import { DayPickerRangeController } from "react-dates";
+import moment from "moment";
+import { aggregatedClasses, convertPropToCssClassName } from "@elliemae/ds-classnames";
+import { ChevronLeft } from "@elliemae/ds-icons";
+import { DatePickerDay } from "../DatePickerDay/DatePickerDay";
+import { DatePickerNavigation } from "../DatePickerNavigation/DatePickerNavigation";
+import { DatePickerRangeHeader } from "../DatePickerRangeHeader/DatePickerRangeHeader";
+const blockname = "date-range";
+const Wrapper = aggregatedClasses("div")(blockname, "wrapper");
+const { classNameElement, classNameBlock } = convertPropToCssClassName("datepicker");
+const START_DATE = "startDate";
+const END_DATE = "endDate";
+const DatePickerRangeDate = ({ dateStart, dateEnd, displayFormatDay = "D", showHeader = true, otherProps }) => {
   const [selectedDateStart, setSelectedDateStart] = useState(dateStart);
   const [selectedDateEnd, setSelectedDateEnd] = useState(dateEnd);
   const [focusedInput, setFocusedInput] = useState(START_DATE);
   const datePickerRef = 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(selectedDateStart);
     }
   };
-
   const getSafeDateEndValue = () => {
     if (selectedDateEnd) {
       return moment(selectedDateEnd);
     }
   };
-
   const safeStartDate = getSafeDateStartValue();
   const safeEndDate = getSafeDateEndValue();
-  return /*#__PURE__*/_jsx(Wrapper, {}, void 0, showHeader && /*#__PURE__*/_jsx(DatePickerRangeHeader, {
+  return /* @__PURE__ */ React2.createElement(Wrapper, null, showHeader && /* @__PURE__ */ React2.createElement(DatePickerRangeHeader, {
     onEndInputChange: handleEndInputChange,
     onStartInputChange: handleStartInputChange,
     selectedEndDate: safeEndDate,
     selectedStartDate: safeStartDate
-  }), /*#__PURE__*/jsx("div", {
+  }), /* @__PURE__ */ React2.createElement("div", {
     ref: datePickerRef,
-    className: classNameBlock('wrapper-day-picker-single-date-controller'),
-    children: /*#__PURE__*/jsx(DayPickerRangeController, _objectSpread(_objectSpread({}, otherProps), {}, {
-      enableOutsideDays: true,
-      endDate: safeEndDate,
-      focused: true,
-      focusedInput: focusedInput,
-      hideKeyboardShortcutsPanel: true,
-      navNext: /*#__PURE__*/_jsx(Navigation, {
-        className: classNameElement('navigation-next')
-      }),
-      navPrev: /*#__PURE__*/_jsx(Navigation, {
-        className: classNameElement('navigation-prev'),
-        icon: ChevronLeft
-      }),
-      onDatesChange: handleDatesChange,
-      onFocusChange: handleFocusChange,
-      renderDayContents: date => /*#__PURE__*/_jsx(Day, {
-        className: classNameElement('day-contents'),
-        date: date.format(displayFormatDay)
-      }),
-      startDate: safeStartDate
-    }))
-  }));
+    className: classNameBlock("wrapper-day-picker-single-date-controller")
+  }, /* @__PURE__ */ React2.createElement(DayPickerRangeController, {
+    ...otherProps,
+    enableOutsideDays: true,
+    endDate: safeEndDate,
+    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: handleDatesChange,
+    onFocusChange: handleFocusChange,
+    renderDayContents: (date) => /* @__PURE__ */ React2.createElement(DatePickerDay, {
+      className: classNameElement("day-contents"),
+      date: date.format(displayFormatDay)
+    }),
+    startDate: safeStartDate
+  })));
 };
-
-export { DatePickerRangeDate as default };
+var DatePickerRange_default = DatePickerRangeDate;
+export {
+  DatePickerRangeDate,
+  DatePickerRange_default as default
+};
+//# sourceMappingURL=DatePickerRange.js.map

package/esm/components/DatePickerRange/DatePickerRange.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/DatePickerRange/DatePickerRange.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
+  "mappings": "AAAA;ACEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,YAAY;AAClB,MAAM,UAAU,kBAAkB,OAAO,WAAW;AAEpD,MAAM,EAAE,kBAAkB,mBAAmB,0BAA0B;AAEvE,MAAM,aAAa;AACnB,MAAM,WAAW;AAEjB,MAAM,sBAAsB,CAAC,EAAE,WAAW,SAAS,mBAAmB,KAAK,aAAa,MAAM,iBAAiB;AAC7G,QAAM,CAAC,mBAAmB,wBAAwB,SAAS;AAC3D,QAAM,CAAC,iBAAiB,sBAAsB,SAAS;AACvD,QAAM,CAAC,cAAc,mBAAmB,SAAS;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,OAAO;AAAA;AAAA;AAIlB,QAAM,sBAAsB,MAAM;AAChC,QAAI,iBAAiB;AACnB,aAAO,OAAO;AAAA;AAAA;AAIlB,QAAM,gBAAgB;AACtB,QAAM,cAAc;AAEpB,SACE,qCAAC,SAAD,MACG,cACC,qCAAC,uBAAD;AAAA,IACE,kBAAkB;AAAA,IAClB,oBAAoB;AAAA,IACpB,iBAAiB;AAAA,IACjB,mBAAmB;AAAA,MAGvB,qCAAC,OAAD;AAAA,IAAK,KAAK;AAAA,IAAe,WAAW,eAAe;AAAA,KACjD,qCAAC,0BAAD;AAAA,OACM;AAAA,IACJ,mBAAiB;AAAA,IACjB,SAAS;AAAA,IACT,SAAO;AAAA,IACP;AAAA,IACA,4BAA0B;AAAA,IAC1B,SAAS,qCAAC,sBAAD;AAAA,MAAsB,WAAW,iBAAiB;AAAA;AAAA,IAC3D,SAAS,qCAAC,sBAAD;AAAA,MAAsB,WAAW,iBAAiB;AAAA,MAAoB,MAAM;AAAA;AAAA,IACrF,eAAe;AAAA,IACf,eAAe;AAAA,IACf,mBAAmB,CAAC,SAClB,qCAAC,eAAD;AAAA,MAAe,WAAW,iBAAiB;AAAA,MAAiB,MAAM,KAAK,OAAO;AAAA;AAAA,IAEhF,WAAW;AAAA;AAAA;AAQrB,IAAO,0BAAQ;",
+  "names": []
+}