@elliemae/ds-date-picker 3.0.0-next.2 → 3.0.0-next.6

package/dist/cjs/DSDatePicker.js

@@ -0,0 +1,248 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __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 DSDatePicker_exports = {};
+__export(DSDatePicker_exports, {
+  DSDatePicker: () => DSDatePicker,
+  DSDatePickerController: () => import_DatePickerController.DSDatePickerController,
+  DatePickerDay: () => import_components.DatePickerDay,
+  DatePickerDropdown: () => import_components.DatePickerDropdown,
+  DatePickerHeader: () => import_components.DatePickerHeader,
+  DatePickerNavigation: () => import_components.DatePickerNavigation,
+  DatePickerPicker: () => import_components.DatePickerPicker,
+  DatePickerRange: () => import_components.DatePickerRange,
+  DatePickerRangeHeader: () => import_components.DatePickerRangeHeader,
+  DatePickerSingleDate: () => import_components.DatePickerSingleDate,
+  DatePickerWithSchema: () => DatePickerWithSchema,
+  Picker: () => import_DatePickerPicker.Picker,
+  SingleRangeDateSwitcher: () => import_components.SingleRangeDateSwitcher,
+  default: () => DSDatePicker_default,
+  renderMonthElement: () => import_components.renderMonthElement
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_initialize = require("react-dates/initialize");
+var import_ds_classnames = require("@elliemae/ds-classnames");
+var import_moment = __toESM(require("moment"));
+var import_defaultPhrases = require("./defaultPhrases");
+var import_components = require("./components");
+var import_DSDatePickerImpl = require("./components/DSDatePickerImpl");
+var import_DatePickerController = require("./components/DatePickerController/DatePickerController");
+var import_DatePickerPicker = require("./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 = (0, import_moment.default)(),
+  firstDayOfWeek = 0,
+  keepOpenOnDateSelect = false,
+  hideKeyboardShortcutsPanel = true,
+  onChange = () => null,
+  onDateChange = void 0,
+  onPrevMonthClick = () => null,
+  onNextMonthClick = () => null,
+  onClose = () => null,
+  onFocus = () => null,
+  onBlur = () => null,
+  phrases = import_defaultPhrases.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 } = (0, import_ds_classnames.convertPropToCssClassName)("datepicker", className, {
+    hasError,
+    readOnly,
+    disabled,
+    id
+  });
+  const safeDate = date || value;
+  return /* @__PURE__ */ import_react.default.createElement("div", __spreadProps(__spreadValues({
+    className: cssClassName
+  }, containerProps), {
+    style: { minWidth: "140px" }
+  }), /* @__PURE__ */ import_react.default.createElement(import_DSDatePickerImpl.DSDatePickerImpl, {
+    appendToBody,
+    autoClear,
+    date: safeDate,
+    disabled,
+    displayFormat,
+    displayFormatDay,
+    enableOutsideDays,
+    firstDayOfWeek,
+    hideKeyboardShortcutsPanel,
+    initialVisibleMonth: () => initialVisibleMonth ? (0, import_moment.default)(initialVisibleMonth) : (0, import_moment.default)(safeDate),
+    isDayBlocked,
+    isDayHighlighted,
+    isOutsideRange: isOutsideRange === true || isOutsideRange === false ? () => isOutsideRange : isOutsideRange,
+    keepOpenOnDateSelect,
+    numberOfMonths,
+    onBlur,
+    onClose,
+    onChange,
+    onDateChange: (...args) => {
+      if (onDateChange)
+        onDateChange(...args);
+    },
+    onFocus,
+    onNextMonthClick,
+    onPrevMonthClick,
+    openDirection,
+    phrases,
+    placeholder,
+    readOnly,
+    required,
+    screenReaderInputMessage,
+    transitionDuration,
+    value: safeDate,
+    verticalSpacing,
+    tabIndex,
+    zIndex,
+    pickerProps,
+    calendarProps,
+    focusCurrentDate
+  }));
+};
+const datePickerProps = {
+  containerProps: import_react_desc.PropTypes.shape({}).description("Set of Properties attached to the main container"),
+  id: import_react_desc.PropTypes.string.description("components id"),
+  appendToBody: import_react_desc.PropTypes.bool.description("append component to body or not").defaultValue(true),
+  className: import_react_desc.PropTypes.string.description("html class attribute"),
+  date: import_react_desc.PropTypes.instanceOf(Date, import_moment.default).description("selected date").defaultValue(void 0),
+  value: import_react_desc.PropTypes.instanceOf(Date, import_moment.default).description("value"),
+  placeholder: import_react_desc.PropTypes.string.description("input placeholder value"),
+  autoClear: import_react_desc.PropTypes.bool.description("autoclears the input onblur if the date is not completely set").defaultValue(false),
+  disabled: import_react_desc.PropTypes.bool.description("disable component or not").defaultValue(false),
+  required: import_react_desc.PropTypes.bool.description("value is required or not").defaultValue(false),
+  readOnly: import_react_desc.PropTypes.bool.description("is read only or not").defaultValue(false),
+  hasError: import_react_desc.PropTypes.bool.description("set error state").defaultValue(false),
+  screenReaderInputMessage: import_react_desc.PropTypes.string.description("message to anounce by screen reader").defaultValue("select date"),
+  enableOutsideDays: import_react_desc.PropTypes.bool.description("enable days oustide month or not").defaultValue(true),
+  initialVisibleMonth: import_react_desc.PropTypes.instanceOf(Date, import_moment.default).description("initial month to display"),
+  firstDayOfWeek: import_react_desc.PropTypes.number.description("first day of week").defaultValue(0),
+  keepOpenOnDateSelect: import_react_desc.PropTypes.bool.description("keep picker open when a date is selected").defaultValue(false),
+  hideKeyboardShortcutsPanel: import_react_desc.PropTypes.bool.description("hide keyabord shortcut panel or not").defaultValue(true),
+  onChange: import_react_desc.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: import_react_desc.PropTypes.func.description("function executed when date changes. This doesnt trigger with invalid dates. It returns a moment object"),
+  onPrevMonthClick: import_react_desc.PropTypes.func.description("function executed when clicking on prev month button"),
+  onNextMonthClick: import_react_desc.PropTypes.func.description("function executed when clicking on next month button"),
+  onBlur: import_react_desc.PropTypes.func.description("function executed when component loses focus"),
+  onClose: import_react_desc.PropTypes.func.description("function executed when component closes"),
+  onFocus: import_react_desc.PropTypes.func.description("function executed when component gains focus"),
+  phrases: import_react_desc.PropTypes.shape({
+    calendarLabel: import_react_desc.PropTypes.string,
+    closeDatePicker: import_react_desc.PropTypes.string,
+    clearDates: import_react_desc.PropTypes.string,
+    focusStartDate: import_react_desc.PropTypes.string,
+    jumpToPrevMonth: import_react_desc.PropTypes.string,
+    jumpToNextMonth: import_react_desc.PropTypes.string,
+    keyboardShortcuts: import_react_desc.PropTypes.string,
+    showKeyboardShortcutsPanel: import_react_desc.PropTypes.string,
+    hideKeyboardShortcutsPanel: import_react_desc.PropTypes.string,
+    openThisPanel: import_react_desc.PropTypes.string,
+    enterKey: import_react_desc.PropTypes.string,
+    leftArrowRightArrow: import_react_desc.PropTypes.string,
+    upArrowDownArrow: import_react_desc.PropTypes.string,
+    pageUpPageDown: import_react_desc.PropTypes.string,
+    homeEnd: import_react_desc.PropTypes.string,
+    escape: import_react_desc.PropTypes.string,
+    questionMark: import_react_desc.PropTypes.string,
+    selectFocusedDate: import_react_desc.PropTypes.string,
+    moveFocusByOneDay: import_react_desc.PropTypes.string,
+    moveFocusByOneWeek: import_react_desc.PropTypes.string,
+    moveFocusByOneMonth: import_react_desc.PropTypes.string,
+    moveFocustoStartAndEndOfWeek: import_react_desc.PropTypes.string,
+    returnFocusToInput: import_react_desc.PropTypes.string,
+    keyboardNavigationInstructions: import_react_desc.PropTypes.string,
+    chooseAvailableStartDate: import_react_desc.PropTypes.func,
+    chooseAvailableEndDate: import_react_desc.PropTypes.func,
+    dateIsUnavailable: import_react_desc.PropTypes.func,
+    dateIsSelected: import_react_desc.PropTypes.func
+  }).description("react-dates phrases").defaultValue(import_defaultPhrases.SingleDatePickerPhrases),
+  displayFormat: import_react_desc.PropTypes.string.description("display format").defaultValue("L"),
+  displayFormatDay: import_react_desc.PropTypes.string.description("display format day").defaultValue("D"),
+  transitionDuration: import_react_desc.PropTypes.number.description("transition duration").defaultValue(0),
+  verticalSpacing: import_react_desc.PropTypes.number.description("vertical spacing"),
+  isDayBlocked: import_react_desc.PropTypes.func.description("function that returns each day and disables desired dates"),
+  isOutsideRange: import_react_desc.PropTypes.func.description("function that returns each day and disables outisde range dates"),
+  isDayHighlighted: import_react_desc.PropTypes.func.description("function that returns each day and higlights desired dates"),
+  numberOfMonths: import_react_desc.PropTypes.number.description("amount of months"),
+  openDirection: import_react_desc.PropTypes.string.description("open direction of the popup").defaultValue("down"),
+  tabIndex: import_react_desc.PropTypes.number.description("overrides tab index of the element"),
+  zIndex: import_react_desc.PropTypes.string.description("overrides z-index of the element"),
+  pickerProps: import_react_desc.PropTypes.shape(import_DatePickerPicker.PickerPropsTypes).description("props to be passed to the picker container"),
+  calendarProps: import_react_desc.PropTypes.shape({ tabIndex: import_react_desc.PropTypes.number }).description("props to be passes to the calendar container"),
+  focusCurrentDate: import_react_desc.PropTypes.bool.description("Wheter to focus current date on calendar").defaultValue(false)
+};
+DSDatePicker.propTypes = datePickerProps;
+const DatePickerWithSchema = (0, import_react_desc.describe)(DSDatePicker);
+DatePickerWithSchema.propTypes = datePickerProps;
+var DSDatePicker_default = DSDatePicker;
+module.exports = __toCommonJS(DSDatePicker_exports);
+//# sourceMappingURL=DSDatePicker.js.map

package/dist/cjs/DSDatePicker.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/DSDatePicker.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport 'react-dates/initialize';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport moment from 'moment';\nimport { SingleDatePickerPhrases } from './defaultPhrases';\nimport {\n  DatePickerNavigation,\n  DatePickerDay,\n  DatePickerPicker,\n  DatePickerDropdown,\n  DatePickerSingleDate,\n  DatePickerHeader,\n  DatePickerRange,\n  DatePickerRangeHeader,\n  SingleRangeDateSwitcher,\n  renderMonthElement,\n} from './components';\nimport { DSDatePickerImpl } from './components/DSDatePickerImpl';\nimport { DSDatePickerController } from './components/DatePickerController/DatePickerController';\nimport { PickerPropsTypes, Picker } from './components/DatePickerPicker/DatePickerPicker';\n\ninterface DSDatePickerPropsType {\n  containerProps: {};\n  id: string;\n  appendToBody: boolean;\n  className: string;\n  date: any;\n  value: any;\n  placeholder: string;\n  disabled: boolean;\n  required: boolean;\n  readOnly: boolean;\n  hasError: boolean;\n  screenReaderInputMessage: boolean;\n  enableOutsideDays: boolean;\n  initialVisibleMonth: moment.Moment;\n  firstDayOfWeek: number;\n  keepOpenOnDateSelect: boolean;\n  hideKeyboardShortcutsPanel: boolean;\n  onChange: () => void;\n  onDateChange: undefined | (() => void);\n  onPrevMonthClick: () => void;\n  onNextMonthClick: () => void;\n  onClose: () => void;\n  onFocus: () => void;\n  onBlur: () => void;\n  phrases: SingleDatePickerPhrases;\n  displayFormat: boolean;\n  displayFormatDay: boolean;\n  transitionDuration: number;\n  verticalSpacing: number;\n  isDayBlocked: () => boolean;\n  isOutsideRange: () => boolean;\n  isDayHighlighted: () => boolean;\n  numberOfMonths: number;\n  openDirection: boolean;\n  tabIndex: boolean;\n  zIndex: boolean;\n  pickerProps: {};\n  calendarProps: {};\n  autoClear: boolean;\n  focusCurrentDate: boolean;\n}\ntype DSDatePickerType = React.ComponentType<DSDatePickerPropsType>;\n\nconst DSDatePicker: DSDatePickerType = ({\n  containerProps = {},\n  id = '',\n  appendToBody = true,\n  className = '',\n  date,\n  value,\n  placeholder = '',\n  disabled = false,\n  required = false,\n  readOnly = false,\n  hasError = false,\n  screenReaderInputMessage = 'Select date',\n  enableOutsideDays = true,\n  initialVisibleMonth = moment(),\n  firstDayOfWeek = 0,\n  keepOpenOnDateSelect = false,\n  hideKeyboardShortcutsPanel = true,\n  onChange = () => null,\n  onDateChange = undefined,\n  onPrevMonthClick = () => null,\n  onNextMonthClick = () => null,\n  onClose = () => null,\n  onFocus = () => null,\n  onBlur = () => null,\n  phrases = SingleDatePickerPhrases,\n  displayFormat = 'L',\n  displayFormatDay = 'D',\n  transitionDuration = 0,\n  verticalSpacing = 0,\n  isDayBlocked = () => false,\n  isOutsideRange = () => false,\n  isDayHighlighted = () => false,\n  numberOfMonths = 1,\n  openDirection = 'down',\n  tabIndex = '',\n  zIndex = 1,\n  pickerProps = {},\n  calendarProps = {},\n  autoClear = false,\n  focusCurrentDate = false,\n}) => {\n  const { cssClassName } = convertPropToCssClassName('datepicker', className, {\n    hasError,\n    readOnly,\n    disabled,\n    id,\n  });\n  const safeDate = date || value;\n  return (\n    <div className={cssClassName} {...containerProps} style={{ minWidth: '140px' }}>\n      <DSDatePickerImpl\n        appendToBody={appendToBody}\n        autoClear={autoClear}\n        date={safeDate}\n        disabled={disabled}\n        displayFormat={displayFormat}\n        displayFormatDay={displayFormatDay}\n        enableOutsideDays={enableOutsideDays}\n        firstDayOfWeek={firstDayOfWeek}\n        hideKeyboardShortcutsPanel={hideKeyboardShortcutsPanel}\n        initialVisibleMonth={() => (initialVisibleMonth ? moment(initialVisibleMonth) : moment(safeDate))}\n        isDayBlocked={isDayBlocked}\n        isDayHighlighted={isDayHighlighted}\n        isOutsideRange={isOutsideRange === true || isOutsideRange === false ? () => isOutsideRange : isOutsideRange}\n        keepOpenOnDateSelect={keepOpenOnDateSelect}\n        numberOfMonths={numberOfMonths}\n        onBlur={onBlur}\n        onClose={onClose}\n        onChange={onChange}\n        onDateChange={(...args) => {\n          if (onDateChange) onDateChange(...args);\n        }}\n        onFocus={onFocus}\n        onNextMonthClick={onNextMonthClick}\n        onPrevMonthClick={onPrevMonthClick}\n        openDirection={openDirection}\n        phrases={phrases}\n        placeholder={placeholder}\n        readOnly={readOnly}\n        required={required}\n        screenReaderInputMessage={screenReaderInputMessage}\n        transitionDuration={transitionDuration}\n        value={safeDate}\n        verticalSpacing={verticalSpacing}\n        tabIndex={tabIndex}\n        zIndex={zIndex}\n        pickerProps={pickerProps}\n        calendarProps={calendarProps}\n        focusCurrentDate={focusCurrentDate}\n      />\n    </div>\n  );\n};\n\nconst datePickerProps = {\n  containerProps: PropTypes.shape({}).description('Set of Properties attached to the main container'),\n  id: PropTypes.string.description('components id'),\n  appendToBody: PropTypes.bool.description('append component to body or not').defaultValue(true),\n  className: PropTypes.string.description('html class attribute'),\n  date: PropTypes.instanceOf(Date, moment).description('selected date').defaultValue(undefined),\n  value: PropTypes.instanceOf(Date, moment).description('value'),\n  placeholder: PropTypes.string.description('input placeholder value'),\n  autoClear: PropTypes.bool\n    .description('autoclears the input onblur if the date is not completely set')\n    .defaultValue(false),\n  disabled: PropTypes.bool.description('disable component or not').defaultValue(false),\n  required: PropTypes.bool.description('value is required or not').defaultValue(false),\n  readOnly: PropTypes.bool.description('is read only or not').defaultValue(false),\n  hasError: PropTypes.bool.description('set error state').defaultValue(false),\n  screenReaderInputMessage: PropTypes.string\n    .description('message to anounce by screen reader')\n    .defaultValue('select date'),\n  enableOutsideDays: PropTypes.bool.description('enable days oustide month or not').defaultValue(true),\n  initialVisibleMonth: PropTypes.instanceOf(Date, moment).description('initial month to display'),\n  firstDayOfWeek: PropTypes.number.description('first day of week').defaultValue(0),\n  keepOpenOnDateSelect: PropTypes.bool.description('keep picker open when a date is selected').defaultValue(false),\n  hideKeyboardShortcutsPanel: PropTypes.bool.description('hide keyabord shortcut panel or not').defaultValue(true),\n  onChange: PropTypes.func.description(\n    `\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    `,\n  ),\n  onDateChange: PropTypes.func.description(\n    'function executed when date changes. This doesnt trigger with invalid dates. It returns a moment object',\n  ),\n  onPrevMonthClick: PropTypes.func.description('function executed when clicking on prev month button'),\n  onNextMonthClick: PropTypes.func.description('function executed when clicking on next month button'),\n  onBlur: PropTypes.func.description('function executed when component loses focus'),\n  onClose: PropTypes.func.description('function executed when component closes'),\n  onFocus: PropTypes.func.description('function executed when component gains focus'),\n  phrases: PropTypes.shape({\n    calendarLabel: PropTypes.string,\n    closeDatePicker: PropTypes.string,\n    clearDates: PropTypes.string,\n    focusStartDate: PropTypes.string,\n    jumpToPrevMonth: PropTypes.string,\n    jumpToNextMonth: PropTypes.string,\n    keyboardShortcuts: PropTypes.string,\n    showKeyboardShortcutsPanel: PropTypes.string,\n    hideKeyboardShortcutsPanel: PropTypes.string,\n    openThisPanel: PropTypes.string,\n    enterKey: PropTypes.string,\n    leftArrowRightArrow: PropTypes.string,\n    upArrowDownArrow: PropTypes.string,\n    pageUpPageDown: PropTypes.string,\n    homeEnd: PropTypes.string,\n    escape: PropTypes.string,\n    questionMark: PropTypes.string,\n    selectFocusedDate: PropTypes.string,\n    moveFocusByOneDay: PropTypes.string,\n    moveFocusByOneWeek: PropTypes.string,\n    moveFocusByOneMonth: PropTypes.string,\n    moveFocustoStartAndEndOfWeek: PropTypes.string,\n    returnFocusToInput: PropTypes.string,\n    keyboardNavigationInstructions: PropTypes.string,\n    chooseAvailableStartDate: PropTypes.func,\n    chooseAvailableEndDate: PropTypes.func,\n    dateIsUnavailable: PropTypes.func,\n    dateIsSelected: PropTypes.func,\n  })\n    .description('react-dates phrases')\n    .defaultValue(SingleDatePickerPhrases),\n  displayFormat: PropTypes.string.description('display format').defaultValue('L'),\n  displayFormatDay: PropTypes.string.description('display format day').defaultValue('D'),\n  transitionDuration: PropTypes.number.description('transition duration').defaultValue(0),\n  verticalSpacing: PropTypes.number.description('vertical spacing'),\n  isDayBlocked: PropTypes.func.description('function that returns each day and disables desired dates'),\n  isOutsideRange: PropTypes.func.description('function that returns each day and disables outisde range dates'),\n  isDayHighlighted: PropTypes.func.description('function that returns each day and higlights desired dates'),\n  numberOfMonths: PropTypes.number.description('amount of months'),\n  openDirection: PropTypes.string.description('open direction of the popup').defaultValue('down'),\n  tabIndex: PropTypes.number.description('overrides tab index of the element'),\n  zIndex: PropTypes.string.description('overrides z-index of the element'),\n  pickerProps: PropTypes.shape(PickerPropsTypes).description('props to be passed to the picker container'),\n  calendarProps: PropTypes.shape({ tabIndex: PropTypes.number }).description(\n    'props to be passes to the calendar container',\n  ),\n  focusCurrentDate: PropTypes.bool.description('Wheter to focus current date on calendar').defaultValue(false),\n};\n\nDSDatePicker.propTypes = datePickerProps;\n\nconst DatePickerWithSchema = describe(DSDatePicker);\nDatePickerWithSchema.propTypes = datePickerProps;\n\nexport {\n  DatePickerNavigation,\n  DatePickerDay,\n  DatePickerPicker,\n  DSDatePickerController,\n  DatePickerDropdown,\n  DatePickerSingleDate,\n  DatePickerHeader,\n  DatePickerRange,\n  DatePickerRangeHeader,\n  SingleRangeDateSwitcher,\n  Picker,\n  renderMonthElement,\n  DatePickerWithSchema,\n};\n\nexport { DSDatePicker };\nexport default DSDatePicker;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/cjs/components/DSDatePickerImpl.js

@@ -0,0 +1,274 @@
+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 DSDatePickerImpl_exports = {};
+__export(DSDatePickerImpl_exports, {
+  DSDatePickerImpl: () => DSDatePickerImpl,
+  default: () => DSDatePickerImpl
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_moment = __toESM(require("moment"));
+var import_ds_form = require("@elliemae/ds-form");
+var import_DatePickerController = require("./DatePickerController/DatePickerController");
+var import_DatePickerDropdown = require("./DatePickerDropdown");
+const FORMAT = "MMDDYYYY";
+class DSDatePickerImpl extends import_react.default.Component {
+  constructor(props) {
+    super(props);
+    this.onClickPicker = () => {
+      this.setState({ inputFocused: true });
+    };
+    this.getSafeValue = () => {
+      const { value, date, defaultValue } = this.props;
+      const { selectedDate } = this.state;
+      if (value) {
+        return (0, import_moment.default)(value, FORMAT, true);
+      }
+      if (date) {
+        return (0, import_moment.default)(date, FORMAT, true);
+      }
+      if (defaultValue) {
+        return (0, import_moment.default)(defaultValue, FORMAT, true);
+      }
+      if (selectedDate) {
+        return selectedDate;
+      }
+      return null;
+    };
+    this.getSafeInputValue = () => {
+      const safeValue = this.getSafeValue();
+      if (safeValue && safeValue.isValid()) {
+        return safeValue.format(FORMAT);
+      }
+      const { dataInput } = this.state;
+      return dataInput;
+    };
+    this.isControlled = () => {
+      const { value, date } = this.props;
+      return Boolean(value) || Boolean(date);
+    };
+    this.handleDateChange = (date, event) => {
+      const { readOnly, onDateChange, keepOpenOnDateSelect, onChange, onBlur } = this.props;
+      if (!readOnly) {
+        if (!this.isControlled()) {
+          this.setState({ dataInput: date.format(FORMAT), selectedDate: date });
+        }
+        onChange(date.format(FORMAT), date);
+        onDateChange(date);
+        if (!keepOpenOnDateSelect || event.key === "Enter") {
+          this.setState({ inputFocused: false });
+          onBlur(date.format(FORMAT), date);
+        }
+      }
+    };
+    this.handleInputChange = (dataInput, newDate) => {
+      const { onChange } = this.props;
+      const newState = {
+        dataInput,
+        selectedDate: newDate
+      };
+      this.setState(() => newState);
+      onChange(dataInput, newDate);
+    };
+    this.handleChange = (newDate) => {
+      if (!newDate)
+        return;
+      const { onDateChange } = this.props;
+      const momentValue = (0, import_moment.default)(newDate, FORMAT, true);
+      if (!momentValue.isValid())
+        return;
+      this.setState({ selectedDate: momentValue });
+      onDateChange(momentValue);
+    };
+    this.handleFocus = ({ focused }) => {
+      this.setState({ inputFocused: focused });
+    };
+    this.handleCalendarClose = () => {
+      const { onClose } = this.props;
+      this.setState({ inputFocused: false });
+      this.handleOnBlur();
+      onClose();
+    };
+    this.handleClickEscape = () => {
+      const { onClose } = this.props;
+      this.setState({ inputFocused: false });
+      this.handleOnBlur();
+      onClose();
+    };
+    this.handleOnBlur = () => {
+      setTimeout(() => {
+        const { onBlur, autoClear } = this.props;
+        const { dataInput, selectedDate } = this.state;
+        if ((0, import_moment.default)(selectedDate, FORMAT, true).isValid()) {
+          onBlur(dataInput, selectedDate);
+        } else {
+          if (autoClear) {
+            this.setState({ dataInput: void 0 });
+          }
+          onBlur(dataInput, null);
+        }
+      });
+    };
+    this.handleInputFocus = (dataInput) => {
+      const { onFocus } = this.props;
+      onFocus(dataInput);
+    };
+    this.state = {
+      pickerRef: import_react.default.createRef(),
+      dataInput: "",
+      selectedDate: null,
+      inputFocused: false
+    };
+  }
+  static getDerivedStateFromProps(nextProps, prevState) {
+    const { dataInput: prevVal, selectedDate: prevDate } = prevState || {};
+    const { value: nextVal, date: nextDate } = nextProps;
+    const isPrevValMoment = prevVal instanceof import_moment.default;
+    const isPrevDateMoment = prevDate instanceof import_moment.default;
+    const prevValAsString = isPrevValMoment ? prevVal.format(FORMAT) : prevVal;
+    if (nextVal == null && nextDate == null) {
+      return {
+        dataInput: "",
+        selectedDate: null
+      };
+    }
+    if (prevValAsString?.length < 8) {
+      return null;
+    }
+    const prevDateAsString = isPrevDateMoment ? prevDate.format(FORMAT) : prevDate;
+    const isNextValMoment = nextVal instanceof import_moment.default;
+    const isNextDateMoment = nextDate instanceof import_moment.default;
+    const nextValAsString = isNextValMoment ? nextVal.format(FORMAT) : nextVal;
+    const nextValAsMoment = isNextValMoment ? nextVal : (0, import_moment.default)(nextVal);
+    const nextDateAsString = isNextDateMoment ? nextDate.format(FORMAT) : nextDate;
+    const nextDateAsMoment = isNextDateMoment ? nextDate : (0, import_moment.default)(nextDate);
+    const hasValChanged = nextValAsString !== prevValAsString;
+    const hasDateChanged = nextDateAsString !== prevDateAsString;
+    const newState = {};
+    let skipStateChange = true;
+    if (hasDateChanged) {
+      skipStateChange = false;
+      newState.dataInput = nextDateAsString;
+      newState.selectedDate = nextDateAsMoment;
+    }
+    if (hasValChanged) {
+      skipStateChange = false;
+      newState.dataInput = nextValAsString;
+      newState.selectedDate = nextValAsMoment;
+    }
+    if (skipStateChange)
+      return null;
+    return newState;
+  }
+  render() {
+    const { inputFocused } = this.state;
+    const {
+      disabled,
+      numberOfMonths,
+      readOnly,
+      enableOutsideDays,
+      transitionDuration,
+      firstDayOfWeek,
+      keepOpenOnDateSelect,
+      hideKeyboardShortcutsPanel,
+      onPrevMonthClick,
+      onNextMonthClick,
+      onClose,
+      phrases,
+      placeholder,
+      displayFormatDay,
+      isDayBlocked,
+      isOutsideRange,
+      isDayHighlighted,
+      tabIndex,
+      zIndex,
+      pickerProps,
+      calendarProps,
+      focusCurrentDate
+    } = this.props;
+    const safedate = this.getSafeValue();
+    const safeInputValue = this.getSafeInputValue();
+    const hasSelectedDate = !!safedate;
+    return /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSInputGroup, {
+      rightAddon: /* @__PURE__ */ import_react.default.createElement(import_DatePickerDropdown.DatePickerDropdown, {
+        pickerRef: this.state.pickerRef,
+        disabled,
+        isOpen: inputFocused,
+        menu: /* @__PURE__ */ import_react.default.createElement("div", {
+          style: { minHeight: "310px", zIndex: 1 },
+          className: hasSelectedDate ? "has-selected-date" : "without-selected-date",
+          "data-testid": "date-picker-portal-wrapper"
+        }, /* @__PURE__ */ import_react.default.createElement(import_DatePickerController.DSDatePickerController, {
+          date: safedate,
+          displayFormatDay,
+          enableOutsideDays,
+          firstDayOfWeek,
+          hideKeyboardShortcutsPanel,
+          isDayBlocked,
+          isDayHighlighted,
+          isOutsideRange,
+          keepOpenOnDateSelect,
+          numberOfMonths,
+          onClickEscape: this.handleClickEscape,
+          onClose: (...args) => {
+            if (this.state.pickerRef.current)
+              this.state.pickerRef.current.focus();
+            onClose(...args);
+            this.setState({ inputFocused: false });
+          },
+          onDateChange: this.handleDateChange,
+          onFocusChange: this.handleFocus,
+          onNextMonthClick,
+          onOutsideClick: this.handleCalendarClose,
+          onPrevMonthClick,
+          phrases,
+          transitionDuration,
+          calendarProps,
+          focusCurrentDate
+        })),
+        onClick: this.onClickPicker,
+        readOnly,
+        zIndex,
+        pickerProps
+      })
+    }, /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSDateInputV2, {
+      "data-testid": "datepicker-input",
+      "aria-label": placeholder || "Date Picker Input",
+      disabled,
+      onBlur: this.handleOnBlur,
+      onChange: this.handleInputChange,
+      onDateChange: this.handleChange,
+      onFocus: this.handleInputFocus,
+      placeholder,
+      tabIndex,
+      value: safeInputValue
+    }));
+  }
+}
+module.exports = __toCommonJS(DSDatePickerImpl_exports);
+//# sourceMappingURL=DSDatePickerImpl.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/DSDatePickerImpl.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-statements */\n/* eslint-disable complexity */\n/* eslint-disable no-underscore-dangle */\n/* eslint-disable react/state-in-constructor */\n/* eslint-disable no-restricted-globals */\n/* eslint-disable react/prop-types */\n/* eslint-disable max-lines */\nimport React from 'react';\nimport moment from 'moment';\nimport { DSInputGroup, DSDateInputV2 } from '@elliemae/ds-form';\nimport { DSDatePickerController } from './DatePickerController/DatePickerController';\nimport { DatePickerDropdown } from './DatePickerDropdown';\n\nconst FORMAT = 'MMDDYYYY';\nexport default class DSDatePickerImpl extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      pickerRef: React.createRef(),\n      dataInput: '',\n      selectedDate: null,\n      inputFocused: false,\n    };\n  }\n\n  static getDerivedStateFromProps(nextProps, prevState) {\n    const { dataInput: prevVal, selectedDate: prevDate } = prevState || {};\n    const { value: nextVal, date: nextDate } = nextProps;\n\n    const isPrevValMoment = prevVal instanceof moment;\n    const isPrevDateMoment = prevDate instanceof moment;\n    const prevValAsString = isPrevValMoment ? prevVal.format(FORMAT) : prevVal;\n\n    // if users wants to clear, we use '==' to catch both undefined AND null\n    if (nextVal == null && nextDate == null) {\n      return {\n        dataInput: '',\n        selectedDate: null,\n      };\n    }\n\n    // when val is an incomplete state, we don't want to mess with the state\n    //  it's incomplete when length is not the full mmddyyyy (length === 8)\n    if (prevValAsString?.length < 8) {\n      return null;\n    }\n\n    const prevDateAsString = isPrevDateMoment ? prevDate.format(FORMAT) : prevDate;\n\n    const isNextValMoment = nextVal instanceof moment;\n    const isNextDateMoment = nextDate instanceof moment;\n    const nextValAsString = isNextValMoment ? nextVal.format(FORMAT) : nextVal;\n    const nextValAsMoment = isNextValMoment ? nextVal : moment(nextVal);\n    const nextDateAsString = isNextDateMoment ? nextDate.format(FORMAT) : nextDate;\n    const nextDateAsMoment = isNextDateMoment ? nextDate : moment(nextDate);\n\n    const hasValChanged = nextValAsString !== prevValAsString;\n    const hasDateChanged = nextDateAsString !== prevDateAsString;\n\n    const newState = {};\n    let skipStateChange = true;\n\n    // value has priority over date, if both date and value change we take date\n    // as such, order of condition is meaningful\n    if (hasDateChanged) {\n      skipStateChange = false;\n      newState.dataInput = nextDateAsString;\n      newState.selectedDate = nextDateAsMoment;\n    }\n\n    if (hasValChanged) {\n      skipStateChange = false;\n      newState.dataInput = nextValAsString;\n      newState.selectedDate = nextValAsMoment;\n    }\n\n    if (skipStateChange) return null;\n    return newState;\n  }\n\n  onClickPicker = () => {\n    this.setState({ inputFocused: true });\n  };\n\n  getSafeValue = () => {\n    const { value, date, defaultValue } = this.props;\n    const { selectedDate } = this.state;\n    if (value) {\n      return moment(value, FORMAT, true);\n    }\n    if (date) {\n      return moment(date, FORMAT, true);\n    }\n    if (defaultValue) {\n      return moment(defaultValue, FORMAT, true);\n    }\n    if (selectedDate) {\n      return selectedDate;\n    }\n    return null;\n  };\n\n  getSafeInputValue = () => {\n    const safeValue = this.getSafeValue();\n    if (safeValue && safeValue.isValid()) {\n      return safeValue.format(FORMAT);\n    }\n    const { dataInput } = this.state;\n    return dataInput;\n  };\n\n  isControlled = () => {\n    const { value, date } = this.props;\n    return Boolean(value) || Boolean(date);\n  };\n\n  handleDateChange = (date, event) => {\n    const { readOnly, onDateChange, keepOpenOnDateSelect, onChange, onBlur } = this.props;\n\n    if (!readOnly) {\n      if (!this.isControlled()) {\n        this.setState({ dataInput: date.format(FORMAT), selectedDate: date });\n      }\n      onChange(date.format(FORMAT), date);\n      onDateChange(date);\n      if (!keepOpenOnDateSelect || event.key === 'Enter') {\n        this.setState({ inputFocused: false });\n        onBlur(date.format(FORMAT), date);\n      }\n    }\n  };\n\n  handleInputChange = (dataInput, newDate) => {\n    const { onChange } = this.props;\n    const newState = {\n      dataInput,\n      selectedDate: newDate,\n    };\n    this.setState(() => newState);\n    onChange(dataInput, newDate);\n  };\n\n  handleChange = (newDate) => {\n    if (!newDate) return;\n    const { onDateChange } = this.props;\n    const momentValue = moment(newDate, FORMAT, true);\n    if (!momentValue.isValid()) return;\n    this.setState({ selectedDate: momentValue });\n\n    onDateChange(momentValue);\n  };\n\n  handleFocus = ({ focused }) => {\n    this.setState({ inputFocused: focused });\n  };\n\n  handleCalendarClose = () => {\n    const { onClose } = this.props;\n\n    this.setState({ inputFocused: false });\n    this.handleOnBlur();\n    onClose();\n  };\n\n  handleClickEscape = () => {\n    const { onClose } = this.props;\n\n    this.setState({ inputFocused: false });\n    this.handleOnBlur();\n    onClose();\n  };\n\n  handleOnBlur = () => {\n    setTimeout(() => {\n      const { onBlur, autoClear } = this.props;\n      const { dataInput, selectedDate } = this.state;\n\n      if (moment(selectedDate, FORMAT, true).isValid()) {\n        onBlur(dataInput, selectedDate);\n      } else {\n        if (autoClear) {\n          this.setState({ dataInput: undefined });\n        }\n        onBlur(dataInput, null);\n      }\n    });\n  };\n\n  handleInputFocus = (dataInput) => {\n    const { onFocus } = this.props;\n    onFocus(dataInput);\n  };\n\n  render() {\n    const { inputFocused } = this.state;\n    const {\n      disabled,\n      numberOfMonths,\n      readOnly,\n      enableOutsideDays,\n      transitionDuration,\n      firstDayOfWeek,\n      keepOpenOnDateSelect,\n      hideKeyboardShortcutsPanel,\n      onPrevMonthClick,\n      onNextMonthClick,\n      onClose,\n      phrases,\n      placeholder,\n      displayFormatDay,\n      isDayBlocked,\n      isOutsideRange,\n      isDayHighlighted,\n      tabIndex,\n      zIndex,\n      pickerProps,\n      calendarProps,\n      focusCurrentDate,\n    } = this.props;\n    const safedate = this.getSafeValue();\n    const safeInputValue = this.getSafeInputValue();\n    const hasSelectedDate = !!safedate;\n    return (\n      <DSInputGroup\n        rightAddon={\n          <DatePickerDropdown\n            pickerRef={this.state.pickerRef}\n            disabled={disabled}\n            isOpen={inputFocused}\n            menu={\n              <div\n                style={{ minHeight: '310px', zIndex: 1 }}\n                className={hasSelectedDate ? 'has-selected-date' : 'without-selected-date'}\n                data-testid=\"date-picker-portal-wrapper\"\n              >\n                <DSDatePickerController\n                  date={safedate}\n                  displayFormatDay={displayFormatDay}\n                  enableOutsideDays={enableOutsideDays}\n                  firstDayOfWeek={firstDayOfWeek}\n                  hideKeyboardShortcutsPanel={hideKeyboardShortcutsPanel}\n                  isDayBlocked={isDayBlocked}\n                  isDayHighlighted={isDayHighlighted}\n                  isOutsideRange={isOutsideRange}\n                  keepOpenOnDateSelect={keepOpenOnDateSelect}\n                  numberOfMonths={numberOfMonths}\n                  onClickEscape={this.handleClickEscape}\n                  onClose={(...args) => {\n                    if (this.state.pickerRef.current) this.state.pickerRef.current.focus();\n                    onClose(...args);\n                    this.setState({ inputFocused: false });\n                  }}\n                  onDateChange={this.handleDateChange}\n                  onFocusChange={this.handleFocus}\n                  onNextMonthClick={onNextMonthClick}\n                  onOutsideClick={this.handleCalendarClose}\n                  onPrevMonthClick={onPrevMonthClick}\n                  phrases={phrases}\n                  transitionDuration={transitionDuration}\n                  calendarProps={calendarProps}\n                  focusCurrentDate={focusCurrentDate}\n                />\n              </div>\n            }\n            onClick={this.onClickPicker}\n            readOnly={readOnly}\n            zIndex={zIndex}\n            pickerProps={pickerProps}\n          />\n        }\n      >\n        <DSDateInputV2\n          data-testid=\"datepicker-input\"\n          aria-label={placeholder || 'Date Picker Input'}\n          disabled={disabled}\n          onBlur={this.handleOnBlur}\n          onChange={this.handleInputChange}\n          onDateChange={this.handleChange}\n          onFocus={this.handleInputFocus}\n          placeholder={placeholder}\n          tabIndex={tabIndex}\n          value={safeInputValue}\n        />\n      </DSInputGroup>\n    );\n  }\n}\n\nexport { DSDatePickerImpl };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}