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

package/cjs/index.js

@@ -1,38 +1,35 @@
-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, {
-  SingleDatePickerPhrases: () => import_defaultPhrases.SingleDatePickerPhrases,
-  default: () => import_DSDatePicker.default
-});
-var React = __toESM(require("react"));
-var import_DSDatePicker = require("./DSDatePicker");
-__reExport(src_exports, require("./DSDatePicker"));
-var import_defaultPhrases = require("./defaultPhrases");
-module.exports = __toCommonJS(src_exports);
-//# sourceMappingURL=index.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var DSDatePicker = require('./DSDatePicker.js');
+var defaultPhrases = require('./defaultPhrases.js');
+var DatePickerNavigation = require('./components/DatePickerNavigation/DatePickerNavigation.js');
+var DatePickerDay = require('./components/DatePickerDay/DatePickerDay.js');
+var DatePickerPicker = require('./components/DatePickerPicker/DatePickerPicker.js');
+var DatePickerController = require('./components/DatePickerController/DatePickerController.js');
+var DatePickerDropdown = require('./components/DatePickerDropdown.js');
+var DatePickerSingleDate = require('./components/DatePickerSingleDate/DatePickerSingleDate.js');
+var DatePickerHeader = require('./components/DatePickerHeader/DatePickerHeader.js');
+var DatePickerRange = require('./components/DatePickerRange/DatePickerRange.js');
+var DatePickerRangeHeader = require('./components/DatePickerRangeHeader/DatePickerRangeHeader.js');
+var SingleRangeDateSwitcher = require('./components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js');
+var DatePickerRenderMonth = require('./components/DatePickerRenderMonth/DatePickerRenderMonth.js');
+
+
+
+exports.DatePickerWithSchema = DSDatePicker.DatePickerWithSchema;
+exports["default"] = DSDatePicker["default"];
+exports.SingleDatePickerPhrases = defaultPhrases.SingleDatePickerPhrases;
+exports.DatePickerNavigation = DatePickerNavigation;
+exports.DatePickerDay = DatePickerDay;
+exports.DatePickerPicker = DatePickerPicker.Picker;
+exports.Picker = DatePickerPicker.Picker;
+exports.DSDatePickerController = DatePickerController;
+exports.DatePickerDropdown = DatePickerDropdown;
+exports.DatePickerSingleDate = DatePickerSingleDate;
+exports.DatePickerHeader = DatePickerHeader;
+exports.DatePickerRange = DatePickerRange;
+exports.DatePickerRangeHeader = DatePickerRangeHeader;
+exports.SingleRangeDateSwitcher = SingleRangeDateSwitcher;
+exports.renderMonthElement = DatePickerRenderMonth.renderMonthElement;

package/esm/DSDatePicker.js

@@ -1,149 +1,163 @@
-import * as React from "react";
-import React2 from "react";
-import { PropTypes, describe } from "react-desc";
-import "react-dates/initialize";
-import { convertPropToCssClassName } from "@elliemae/ds-classnames";
-import moment from "moment";
-import { SingleDatePickerPhrases } from "./defaultPhrases";
-import {
-  DatePickerNavigation,
-  DatePickerDay,
-  DatePickerPicker,
-  DatePickerDropdown,
-  DatePickerSingleDate,
-  DatePickerHeader,
-  DatePickerRange,
-  DatePickerRangeHeader,
-  SingleRangeDateSwitcher,
-  renderMonthElement
-} from "./components";
-import { DSDatePickerImpl } from "./components/DSDatePickerImpl";
-import { DSDatePickerController } from "./components/DatePickerController/DatePickerController";
-import { PickerPropsTypes, Picker } from "./components/DatePickerPicker/DatePickerPicker";
-const DSDatePicker = ({
-  containerProps = {},
-  id = "",
-  appendToBody = true,
-  className = "",
-  date,
-  value,
-  placeholder = "",
-  disabled = false,
-  required = false,
-  readOnly = false,
-  hasError = false,
-  screenReaderInputMessage = "Select date",
-  enableOutsideDays = true,
-  initialVisibleMonth = moment(),
-  firstDayOfWeek = 0,
-  keepOpenOnDateSelect = false,
-  hideKeyboardShortcutsPanel = true,
-  onChange = () => null,
-  onDateChange = void 0,
-  onPrevMonthClick = () => null,
-  onNextMonthClick = () => null,
-  onClose = () => null,
-  onFocus = () => null,
-  onBlur = () => null,
-  phrases = SingleDatePickerPhrases,
-  displayFormat = "L",
-  displayFormatDay = "D",
-  transitionDuration = 0,
-  verticalSpacing = 0,
-  isDayBlocked = () => false,
-  isOutsideRange = () => false,
-  isDayHighlighted = () => false,
-  numberOfMonths = 1,
-  openDirection = "down",
-  tabIndex = "",
-  zIndex = 1,
-  pickerProps = {},
-  calendarProps = {},
-  autoClear = false,
-  focusCurrentDate = false
-}) => {
-  const { cssClassName } = convertPropToCssClassName("datepicker", className, {
+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 'react';
+import { PropTypes, describe } from 'react-desc';
+import 'react-dates/initialize';
+import { convertPropToCssClassName } from '@elliemae/ds-classnames';
+import moment from 'moment';
+import { SingleDatePickerPhrases } from './defaultPhrases.js';
+export { default as DatePickerNavigation } from './components/DatePickerNavigation/DatePickerNavigation.js';
+export { default as DatePickerDay } from './components/DatePickerDay/DatePickerDay.js';
+import { PickerPropsTypes } from './components/DatePickerPicker/DatePickerPicker.js';
+export { Picker as DatePickerPicker, Picker } from './components/DatePickerPicker/DatePickerPicker.js';
+export { default as DatePickerDropdown } from './components/DatePickerDropdown.js';
+export { default as DatePickerSingleDate } from './components/DatePickerSingleDate/DatePickerSingleDate.js';
+export { default as DatePickerHeader } from './components/DatePickerHeader/DatePickerHeader.js';
+export { default as DatePickerRange } from './components/DatePickerRange/DatePickerRange.js';
+export { default as DatePickerRangeHeader } from './components/DatePickerRangeHeader/DatePickerRangeHeader.js';
+export { default as SingleRangeDateSwitcher } from './components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js';
+export { renderMonthElement } from './components/DatePickerRenderMonth/DatePickerRenderMonth.js';
+import DSdatePickerImpl from './components/DSDatePickerImpl.js';
+export { default as DSDatePickerController } from './components/DatePickerController/DatePickerController.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 DSDatePicker = _ref => {
+  let {
+    containerProps = {},
+    id = '',
+    appendToBody = true,
+    className = '',
+    date,
+    value,
+    placeholder = '',
+    disabled = false,
+    required = false,
+    readOnly = false,
+    hasError = false,
+    screenReaderInputMessage = 'Select date',
+    enableOutsideDays = true,
+    initialVisibleMonth = moment(),
+    firstDayOfWeek = 0,
+    keepOpenOnDateSelect = false,
+    hideKeyboardShortcutsPanel = true,
+    onChange = () => null,
+    onDateChange = undefined,
+    onPrevMonthClick = () => null,
+    onNextMonthClick = () => null,
+    onClose = () => null,
+    onFocus = () => null,
+    onBlur = () => null,
+    phrases = SingleDatePickerPhrases,
+    displayFormat = 'L',
+    displayFormatDay = 'D',
+    transitionDuration = 0,
+    verticalSpacing = 0,
+    isDayBlocked = () => false,
+    isOutsideRange = () => false,
+    isDayHighlighted = () => false,
+    numberOfMonths = 1,
+    openDirection = 'down',
+    tabIndex = '',
+    zIndex = 1,
+    pickerProps = {},
+    calendarProps = {},
+    autoClear = false,
+    focusCurrentDate = false
+  } = _ref;
+  const {
+    cssClassName
+  } = convertPropToCssClassName('datepicker', className, {
     hasError,
     readOnly,
     disabled,
     id
   });
   const safeDate = date || value;
-  return /* @__PURE__ */ React2.createElement("div", {
-    className: cssClassName,
-    ...containerProps,
-    style: { minWidth: "140px" }
-  }, /* @__PURE__ */ React2.createElement(DSDatePickerImpl, {
-    appendToBody,
-    autoClear,
-    date: safeDate,
-    disabled,
-    displayFormat,
-    displayFormatDay,
-    enableOutsideDays,
-    firstDayOfWeek,
-    hideKeyboardShortcutsPanel,
-    initialVisibleMonth: () => initialVisibleMonth ? moment(initialVisibleMonth) : moment(safeDate),
-    isDayBlocked,
-    isDayHighlighted,
-    isOutsideRange: isOutsideRange === true || isOutsideRange === false ? () => isOutsideRange : isOutsideRange,
-    keepOpenOnDateSelect,
-    numberOfMonths,
-    onBlur,
-    onClose,
-    onChange,
-    onDateChange: (...args) => {
-      if (onDateChange)
-        onDateChange(...args);
+  return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({
+    className: cssClassName
+  }, containerProps), {}, {
+    style: {
+      minWidth: '140px'
     },
-    onFocus,
-    onNextMonthClick,
-    onPrevMonthClick,
-    openDirection,
-    phrases,
-    placeholder,
-    readOnly,
-    required,
-    screenReaderInputMessage,
-    transitionDuration,
-    value: safeDate,
-    verticalSpacing,
-    tabIndex,
-    zIndex,
-    pickerProps,
-    calendarProps,
-    focusCurrentDate
+    children: /*#__PURE__*/_jsx(DSdatePickerImpl, {
+      appendToBody: appendToBody,
+      autoClear: autoClear,
+      date: safeDate,
+      disabled: disabled,
+      displayFormat: displayFormat,
+      displayFormatDay: displayFormatDay,
+      enableOutsideDays: enableOutsideDays,
+      firstDayOfWeek: firstDayOfWeek,
+      hideKeyboardShortcutsPanel: hideKeyboardShortcutsPanel,
+      initialVisibleMonth: () => initialVisibleMonth ? moment(initialVisibleMonth) : moment(safeDate),
+      isDayBlocked: isDayBlocked,
+      isDayHighlighted: isDayHighlighted,
+      isOutsideRange: isOutsideRange === true || isOutsideRange === false ? () => isOutsideRange : isOutsideRange,
+      keepOpenOnDateSelect: keepOpenOnDateSelect,
+      numberOfMonths: numberOfMonths,
+      onBlur: onBlur,
+      onClose: onClose,
+      onChange: onChange,
+      onDateChange: function () {
+        if (onDateChange) onDateChange(...arguments);
+      },
+      onFocus: onFocus,
+      onNextMonthClick: onNextMonthClick,
+      onPrevMonthClick: onPrevMonthClick,
+      openDirection: openDirection,
+      phrases: phrases,
+      placeholder: placeholder,
+      readOnly: readOnly,
+      required: required,
+      screenReaderInputMessage: screenReaderInputMessage,
+      transitionDuration: transitionDuration,
+      value: safeDate,
+      verticalSpacing: verticalSpacing,
+      tabIndex: tabIndex,
+      zIndex: zIndex,
+      pickerProps: pickerProps,
+      calendarProps: calendarProps,
+      focusCurrentDate: focusCurrentDate
+    })
   }));
 };
+
 const datePickerProps = {
-  containerProps: PropTypes.shape({}).description("Set of Properties attached to the main container"),
-  id: PropTypes.string.description("components id"),
-  appendToBody: PropTypes.bool.description("append component to body or not").defaultValue(true),
-  className: PropTypes.string.description("html class attribute"),
-  date: PropTypes.instanceOf(Date, moment).description("selected date").defaultValue(void 0),
-  value: PropTypes.instanceOf(Date, moment).description("value"),
-  placeholder: PropTypes.string.description("input placeholder value"),
-  autoClear: PropTypes.bool.description("autoclears the input onblur if the date is not completely set").defaultValue(false),
-  disabled: PropTypes.bool.description("disable component or not").defaultValue(false),
-  required: PropTypes.bool.description("value is required or not").defaultValue(false),
-  readOnly: PropTypes.bool.description("is read only or not").defaultValue(false),
-  hasError: PropTypes.bool.description("set error state").defaultValue(false),
-  screenReaderInputMessage: PropTypes.string.description("message to anounce by screen reader").defaultValue("select date"),
-  enableOutsideDays: PropTypes.bool.description("enable days oustide month or not").defaultValue(true),
-  initialVisibleMonth: PropTypes.instanceOf(Date, moment).description("initial month to display"),
-  firstDayOfWeek: PropTypes.number.description("first day of week").defaultValue(0),
-  keepOpenOnDateSelect: PropTypes.bool.description("keep picker open when a date is selected").defaultValue(false),
-  hideKeyboardShortcutsPanel: PropTypes.bool.description("hide keyabord shortcut panel or not").defaultValue(true),
-  onChange: PropTypes.func.description(`
-      function executed when input changes. This could trigger with invalid dates. It returns a string and a moment
-      if the date is valid.
-    `),
-  onDateChange: PropTypes.func.description("function executed when date changes. This doesnt trigger with invalid dates. It returns a moment object"),
-  onPrevMonthClick: PropTypes.func.description("function executed when clicking on prev month button"),
-  onNextMonthClick: PropTypes.func.description("function executed when clicking on next month button"),
-  onBlur: PropTypes.func.description("function executed when component loses focus"),
-  onClose: PropTypes.func.description("function executed when component closes"),
-  onFocus: PropTypes.func.description("function executed when component gains focus"),
+  containerProps: PropTypes.shape({}).description('Set of Properties attached to the main container'),
+  id: PropTypes.string.description('components id'),
+  appendToBody: PropTypes.bool.description('append component to body or not').defaultValue(true),
+  className: PropTypes.string.description('html class attribute'),
+  date: PropTypes.instanceOf(Date, moment).description('selected date').defaultValue(undefined),
+  value: PropTypes.instanceOf(Date, moment).description('value'),
+  placeholder: PropTypes.string.description('input placeholder value'),
+  autoClear: PropTypes.bool.description('autoclears the input onblur if the date is not completely set').defaultValue(false),
+  disabled: PropTypes.bool.description('disable component or not').defaultValue(false),
+  required: PropTypes.bool.description('value is required or not').defaultValue(false),
+  readOnly: PropTypes.bool.description('is read only or not').defaultValue(false),
+  hasError: PropTypes.bool.description('set error state').defaultValue(false),
+  screenReaderInputMessage: PropTypes.string.description('message to anounce by screen reader').defaultValue('select date'),
+  enableOutsideDays: PropTypes.bool.description('enable days oustide month or not').defaultValue(true),
+  initialVisibleMonth: PropTypes.instanceOf(Date, moment).description('initial month to display'),
+  firstDayOfWeek: PropTypes.number.description('first day of week').defaultValue(0),
+  keepOpenOnDateSelect: PropTypes.bool.description('keep picker open when a date is selected').defaultValue(false),
+  hideKeyboardShortcutsPanel: PropTypes.bool.description('hide keyabord shortcut panel or not').defaultValue(true),
+  onChange: PropTypes.func.description("\n      function executed when input changes. This could trigger with invalid dates. It returns a string and a moment\n      if the date is valid.\n    "),
+  onDateChange: PropTypes.func.description('function executed when date changes. This doesnt trigger with invalid dates. It returns a moment object'),
+  onPrevMonthClick: PropTypes.func.description('function executed when clicking on prev month button'),
+  onNextMonthClick: PropTypes.func.description('function executed when clicking on next month button'),
+  onBlur: PropTypes.func.description('function executed when component loses focus'),
+  onClose: PropTypes.func.description('function executed when component closes'),
+  onFocus: PropTypes.func.description('function executed when component gains focus'),
   phrases: PropTypes.shape({
     calendarLabel: PropTypes.string,
     closeDatePicker: PropTypes.string,
@@ -173,41 +187,25 @@ const datePickerProps = {
     chooseAvailableEndDate: PropTypes.func,
     dateIsUnavailable: PropTypes.func,
     dateIsSelected: PropTypes.func
-  }).description("react-dates phrases").defaultValue(SingleDatePickerPhrases),
-  displayFormat: PropTypes.string.description("display format").defaultValue("L"),
-  displayFormatDay: PropTypes.string.description("display format day").defaultValue("D"),
-  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"),
-  numberOfMonths: PropTypes.number.description("amount of months"),
-  openDirection: PropTypes.string.description("open direction of the popup").defaultValue("down"),
-  tabIndex: PropTypes.number.description("overrides tab index of the element"),
-  zIndex: PropTypes.string.description("overrides z-index of the element"),
-  pickerProps: PropTypes.shape(PickerPropsTypes).description("props to be passed to the picker container"),
-  calendarProps: PropTypes.shape({ tabIndex: PropTypes.number }).description("props to be passes to the calendar container"),
-  focusCurrentDate: PropTypes.bool.description("Wheter to focus current date on calendar").defaultValue(false)
+  }).description('react-dates phrases').defaultValue(SingleDatePickerPhrases),
+  displayFormat: PropTypes.string.description('display format').defaultValue('L'),
+  displayFormatDay: PropTypes.string.description('display format day').defaultValue('D'),
+  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'),
+  numberOfMonths: PropTypes.number.description('amount of months'),
+  openDirection: PropTypes.string.description('open direction of the popup').defaultValue('down'),
+  tabIndex: PropTypes.number.description('overrides tab index of the element'),
+  zIndex: PropTypes.string.description('overrides z-index of the element'),
+  pickerProps: PropTypes.shape(PickerPropsTypes).description('props to be passed to the picker container'),
+  calendarProps: PropTypes.shape({
+    tabIndex: PropTypes.number
+  }).description('props to be passes to the calendar container'),
+  focusCurrentDate: PropTypes.bool.description('Wheter to focus current date on calendar').defaultValue(false)
 };
-DSDatePicker.propTypes = datePickerProps;
 const DatePickerWithSchema = describe(DSDatePicker);
 DatePickerWithSchema.propTypes = datePickerProps;
-var DSDatePicker_default = DSDatePicker;
-export {
-  DSDatePicker,
-  DSDatePickerController,
-  DatePickerDay,
-  DatePickerDropdown,
-  DatePickerHeader,
-  DatePickerNavigation,
-  DatePickerPicker,
-  DatePickerRange,
-  DatePickerRangeHeader,
-  DatePickerSingleDate,
-  DatePickerWithSchema,
-  Picker,
-  SingleRangeDateSwitcher,
-  DSDatePicker_default as default,
-  renderMonthElement
-};
-//# sourceMappingURL=DSDatePicker.js.map
+
+export { DatePickerWithSchema, DSDatePicker as default };