@elliemae/ds-date-picker 3.4.2 → 3.4.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/DSDatePicker.js +59 -49
- package/dist/cjs/DSDatePicker.js.map +2 -2
- package/dist/cjs/components/DSDatePickerImpl.js +51 -45
- package/dist/cjs/components/DSDatePickerImpl.js.map +2 -2
- package/dist/cjs/components/DatePickerController/DatePickerController.js +56 -48
- package/dist/cjs/components/DatePickerController/DatePickerController.js.map +2 -2
- package/dist/cjs/components/DatePickerDay/DatePickerDay.js +13 -8
- package/dist/cjs/components/DatePickerDay/DatePickerDay.js.map +2 -2
- package/dist/cjs/components/DatePickerDropdown.js +16 -11
- package/dist/cjs/components/DatePickerDropdown.js.map +2 -2
- package/dist/cjs/components/DatePickerHeader/DatePickerHeader.js +16 -8
- package/dist/cjs/components/DatePickerHeader/DatePickerHeader.js.map +2 -2
- package/dist/cjs/components/DatePickerNavigation/DatePickerNavigation.js +14 -10
- package/dist/cjs/components/DatePickerNavigation/DatePickerNavigation.js.map +2 -2
- package/dist/cjs/components/DatePickerPicker/DatePickerPicker.js +7 -4
- package/dist/cjs/components/DatePickerPicker/DatePickerPicker.js.map +1 -1
- package/dist/cjs/components/DatePickerRange/DatePickerRange.js +42 -32
- package/dist/cjs/components/DatePickerRange/DatePickerRange.js.map +2 -2
- package/dist/cjs/components/DatePickerRangeHeader/DatePickerRangeHeader.js +28 -17
- package/dist/cjs/components/DatePickerRangeHeader/DatePickerRangeHeader.js.map +2 -2
- package/dist/cjs/components/DatePickerRenderMonth/DatePickerRenderMonth.js +40 -23
- package/dist/cjs/components/DatePickerRenderMonth/DatePickerRenderMonth.js.map +1 -1
- package/dist/cjs/components/DatePickerSingleDate/DatePickerSingleDate.js +40 -31
- package/dist/cjs/components/DatePickerSingleDate/DatePickerSingleDate.js.map +2 -2
- package/dist/cjs/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js +19 -12
- package/dist/cjs/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js.map +1 -1
- package/dist/cjs/components/index.js +4 -1
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/cjs/defaultPhrases.js +4 -1
- package/dist/cjs/defaultPhrases.js.map +1 -1
- package/dist/cjs/index.js +4 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/DSDatePicker.js +55 -48
- package/dist/esm/DSDatePicker.js.map +1 -1
- package/dist/esm/components/DSDatePickerImpl.js +47 -44
- package/dist/esm/components/DSDatePickerImpl.js.map +2 -2
- package/dist/esm/components/DatePickerController/DatePickerController.js +52 -47
- package/dist/esm/components/DatePickerController/DatePickerController.js.map +2 -2
- package/dist/esm/components/DatePickerDay/DatePickerDay.js +9 -7
- package/dist/esm/components/DatePickerDay/DatePickerDay.js.map +1 -1
- package/dist/esm/components/DatePickerDropdown.js +12 -10
- package/dist/esm/components/DatePickerDropdown.js.map +1 -1
- package/dist/esm/components/DatePickerHeader/DatePickerHeader.js +12 -7
- package/dist/esm/components/DatePickerHeader/DatePickerHeader.js.map +1 -1
- package/dist/esm/components/DatePickerNavigation/DatePickerNavigation.js +10 -9
- package/dist/esm/components/DatePickerNavigation/DatePickerNavigation.js.map +1 -1
- package/dist/esm/components/DatePickerPicker/DatePickerPicker.js +3 -3
- package/dist/esm/components/DatePickerPicker/DatePickerPicker.js.map +1 -1
- package/dist/esm/components/DatePickerRange/DatePickerRange.js +38 -31
- package/dist/esm/components/DatePickerRange/DatePickerRange.js.map +1 -1
- package/dist/esm/components/DatePickerRangeHeader/DatePickerRangeHeader.js +24 -16
- package/dist/esm/components/DatePickerRangeHeader/DatePickerRangeHeader.js.map +1 -1
- package/dist/esm/components/DatePickerRenderMonth/DatePickerRenderMonth.js +36 -22
- package/dist/esm/components/DatePickerRenderMonth/DatePickerRenderMonth.js.map +1 -1
- package/dist/esm/components/DatePickerSingleDate/DatePickerSingleDate.js +36 -30
- package/dist/esm/components/DatePickerSingleDate/DatePickerSingleDate.js.map +1 -1
- package/dist/esm/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js +15 -11
- package/dist/esm/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js.map +1 -1
- package/dist/esm/components/index.js.map +2 -2
- package/dist/esm/defaultPhrases.js.map +1 -1
- package/dist/esm/index.js.map +2 -2
- package/package.json +11 -11
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/DSDatePickerImpl.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
|
|
5
|
-
"mappings": "AAAA;
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["React"]
|
|
7
7
|
}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
3
|
import React2 from "react";
|
|
3
4
|
import { debounce } from "lodash";
|
|
4
5
|
import PropTypes from "prop-types";
|
|
@@ -14,7 +15,9 @@ import { DatePickerDay } from "../DatePickerDay/DatePickerDay";
|
|
|
14
15
|
const { classNameElement, classNameBlock } = convertPropToCssClassName("datepicker-range");
|
|
15
16
|
const focusElementOnOpen = debounce((datePickerDom, firstFocusableItemDom, focusCurrentDate) => {
|
|
16
17
|
if (datePickerDom) {
|
|
17
|
-
const currentDay = Array.from(datePickerDom?.getElementsByClassName("CalendarDay__today")).filter(
|
|
18
|
+
const currentDay = Array.from(datePickerDom?.getElementsByClassName("CalendarDay__today")).filter(
|
|
19
|
+
(el) => !el.className.includes("CalendarDay__outside")
|
|
20
|
+
)[0];
|
|
18
21
|
const [calendarDaySelected] = datePickerDom?.getElementsByClassName("CalendarDay__selected");
|
|
19
22
|
if (calendarDaySelected) {
|
|
20
23
|
calendarDaySelected?.focus?.();
|
|
@@ -143,52 +146,54 @@ class DSDatePickerController extends React2.Component {
|
|
|
143
146
|
const { datePicker, firstFocusableItem } = this.state;
|
|
144
147
|
const safedate = this.getSafeValue();
|
|
145
148
|
const safeinitialMonth = safedate && safedate.isValid() ? () => safedate : () => initialVisibleMonth;
|
|
146
|
-
return /* @__PURE__ */
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
149
|
+
return /* @__PURE__ */ jsx("div", {
|
|
150
|
+
children: /* @__PURE__ */ jsx("div", {
|
|
151
|
+
onBlur: this.insideBlur,
|
|
152
|
+
ref: datePicker,
|
|
153
|
+
className: classNameBlock("wrapper-day-picker-single-date-controller"),
|
|
154
|
+
"data-testid": "calendar-wrapper",
|
|
155
|
+
...calendarProps,
|
|
156
|
+
children: /* @__PURE__ */ jsx(DayPickerSingleDateController, {
|
|
157
|
+
date: safedate,
|
|
158
|
+
enableOutsideDays,
|
|
159
|
+
firstDayOfWeek,
|
|
160
|
+
focused: true,
|
|
161
|
+
hideKeyboardShortcutsPanel,
|
|
162
|
+
initialVisibleMonth: safeinitialMonth,
|
|
163
|
+
isDayBlocked,
|
|
164
|
+
isDayHighlighted,
|
|
165
|
+
isOutsideRange,
|
|
166
|
+
keepOpenOnDateSelect,
|
|
167
|
+
navNext: /* @__PURE__ */ jsx(DatePickerNavigation, {
|
|
168
|
+
className: classNameElement("navigation-next")
|
|
169
|
+
}),
|
|
170
|
+
navPrev: /* @__PURE__ */ jsx(DatePickerNavigation, {
|
|
171
|
+
className: classNameElement("navigation-prev"),
|
|
172
|
+
icon: ChevronLeft,
|
|
173
|
+
innerRef: firstFocusableItem
|
|
174
|
+
}),
|
|
175
|
+
renderMonthElement,
|
|
176
|
+
numberOfMonths,
|
|
177
|
+
onClose,
|
|
178
|
+
onDateChange: this.handleDateChange,
|
|
179
|
+
onNextMonthClick: this.handleNavClick("next"),
|
|
180
|
+
onOutsideClick,
|
|
181
|
+
onPrevMonthClick: this.handleNavClick("prev"),
|
|
182
|
+
phrases,
|
|
183
|
+
renderDayContents: (date) => /* @__PURE__ */ jsx(DatePickerDay, {
|
|
184
|
+
className: classNameElement("day-contents"),
|
|
185
|
+
date: date.format(displayFormatDay)
|
|
186
|
+
}),
|
|
187
|
+
transitionDuration,
|
|
188
|
+
onTab: (e) => {
|
|
189
|
+
if (e.target.classList.contains("CalendarDay")) {
|
|
190
|
+
e.preventDefault();
|
|
191
|
+
onClose();
|
|
192
|
+
}
|
|
193
|
+
}
|
|
194
|
+
}, key)
|
|
195
|
+
})
|
|
196
|
+
});
|
|
192
197
|
}
|
|
193
198
|
}
|
|
194
199
|
DSDatePickerController.defaultProps = {
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/DatePickerController/DatePickerController.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\n/* eslint-disable max-lines */\nimport React from 'react';\nimport { debounce } from 'lodash';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport 'react-dates/initialize';\nimport { DayPickerSingleDateController } from 'react-dates';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { ChevronLeft } from '@elliemae/ds-icons';\nimport { SingleDatePickerPhrases } from '../../defaultPhrases';\nimport { renderMonthElement } from '../DatePickerRenderMonth/DatePickerRenderMonth';\nimport { DatePickerNavigation } from '../DatePickerNavigation/DatePickerNavigation';\nimport { DatePickerDay } from '../DatePickerDay/DatePickerDay';\n\ninterface DSDatePickerControllerStateType {\n selectedDate: any;\n firstFocusableItem: React.RefObject<HTMLElement>;\n datePicker: React.RefObject<HTMLElement>;\n}\n\nconst { classNameElement, classNameBlock } = convertPropToCssClassName('datepicker-range');\n\nconst focusElementOnOpen = debounce((datePickerDom, firstFocusableItemDom, focusCurrentDate) => {\n if (datePickerDom) {\n const currentDay = Array.from(datePickerDom?.getElementsByClassName('CalendarDay__today')).filter(\n (el) => !el.className.includes('CalendarDay__outside'),\n )[0];\n const [calendarDaySelected] = datePickerDom?.getElementsByClassName('CalendarDay__selected');\n if (calendarDaySelected) {\n calendarDaySelected?.focus?.();\n } else if (focusCurrentDate && !calendarDaySelected) currentDay.focus();\n else {\n const navButton = firstFocusableItemDom?.closest('.DayPickerNavigation_button>div');\n navButton?.focus?.();\n }\n }\n}, 100);\n\nexport default class DSDatePickerController extends React.Component<any, DSDatePickerControllerStateType> {\n // eslint-disable-next-line react/static-property-placement\n static defaultProps = {\n date: '',\n value: '',\n enableOutsideDays: false,\n initialVisibleMonth: moment(),\n firstDayOfWeek: 0,\n keepOpenOnDateSelect: true,\n hideKeyboardShortcutsPanel: true,\n onPrevMonthClick: () => null,\n onNextMonthClick: () => null,\n onClose: () => null,\n onChange: () => null,\n onClickEscape: () => null,\n onDateChange: () => 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 };\n\n constructor(props) {\n super(props);\n this.state = {\n selectedDate: null,\n firstFocusableItem: React.createRef(),\n datePicker: React.createRef(),\n };\n }\n\n componentDidMount() {\n const { datePicker, firstFocusableItem } = this.state;\n datePicker.current.addEventListener('mouseup', this.handleMouseUp, false);\n document.addEventListener('keydown', this.handleKeyDown, false);\n setTimeout(() => {\n focusElementOnOpen(datePicker?.current, firstFocusableItem?.current, this.props.focusCurrentDate);\n }, 400);\n }\n\n componentWillUnmount() {\n const { datePicker } = this.state;\n datePicker.current.removeEventListener('mouseup', this.handleMouseUp, false);\n document.removeEventListener('keydown', this.handleKeyDown, false);\n }\n\n handleMouseUp = () => {\n const focusedElement = document.activeElement;\n\n focusedElement?.blur?.();\n };\n\n handleKeyDown = (event) => {\n const [firstDay, ...restOfDays] = document\n .getElementsByClassName('CalendarMonthGrid_month__horizontal')[1]\n .getElementsByClassName('CalendarDay');\n const [lastDay] = restOfDays.slice(-1);\n const { onClickEscape } = this.props;\n\n switch (event.key) {\n case 'Home':\n firstDay.focus();\n break;\n case 'End':\n lastDay.focus();\n break;\n case 'Escape':\n onClickEscape();\n break;\n default:\n break;\n }\n };\n\n getSafeValue = () => {\n const { value, date, defaultValue } = this.props;\n const { selectedDate } = this.state;\n\n if (value) return moment(value);\n if (date) return moment(date);\n if (defaultValue) return moment(defaultValue);\n if (selectedDate) return moment(selectedDate);\n\n return null;\n };\n\n isControlled = () => {\n const { value, date } = this.props;\n return Boolean(value) || Boolean(date);\n };\n\n handleDateChange = (date) => {\n const { readOnly, onDateChange, onChange } = this.props;\n if (!readOnly) {\n if (!this.isControlled()) {\n this.setState({ selectedDate: date });\n }\n onDateChange(date);\n onChange(date);\n }\n };\n\n handleChange = (dataInput) => {\n const { onDateChange, onChange } = this.props;\n const momentvalue = moment(dataInput.target.value);\n this.setState({ selectedDate: momentvalue });\n onDateChange(momentvalue);\n onChange(momentvalue);\n };\n\n handleNavClick = (date, nav) => {\n const [prev, next] = document.getElementsByClassName('DayPickerNavigation_button');\n const { onPrevMonthClick, onNextMonthClick } = this.props;\n\n if (nav === 'prev') {\n prev?.focus?.();\n onPrevMonthClick(date);\n } else {\n next?.focus?.();\n onNextMonthClick(date);\n }\n };\n\n insideBlur = (event) => {\n const { datePicker } = this.state;\n if (!datePicker.current.contains(event.currentTarget)) {\n this.props.onClose();\n }\n };\n\n render() {\n const {\n numberOfMonths,\n enableOutsideDays,\n transitionDuration,\n initialVisibleMonth,\n firstDayOfWeek,\n keepOpenOnDateSelect,\n hideKeyboardShortcutsPanel,\n onClose,\n phrases,\n displayFormatDay,\n isDayBlocked,\n isOutsideRange,\n isDayHighlighted,\n onOutsideClick,\n key,\n calendarProps,\n } = this.props;\n const { datePicker, firstFocusableItem } = this.state;\n\n const safedate = this.getSafeValue();\n const safeinitialMonth = safedate && safedate.isValid() ? () => safedate : () => initialVisibleMonth;\n\n return (\n <div>\n <div\n onBlur={this.insideBlur}\n ref={datePicker}\n className={classNameBlock('wrapper-day-picker-single-date-controller')}\n data-testid=\"calendar-wrapper\"\n {...calendarProps}\n >\n <DayPickerSingleDateController\n key={key}\n date={safedate}\n enableOutsideDays={enableOutsideDays}\n firstDayOfWeek={firstDayOfWeek}\n focused\n hideKeyboardShortcutsPanel={hideKeyboardShortcutsPanel}\n initialVisibleMonth={safeinitialMonth}\n isDayBlocked={isDayBlocked}\n isDayHighlighted={isDayHighlighted}\n isOutsideRange={isOutsideRange}\n keepOpenOnDateSelect={keepOpenOnDateSelect}\n navNext={<DatePickerNavigation className={classNameElement('navigation-next')} />}\n navPrev={\n <DatePickerNavigation\n className={classNameElement('navigation-prev')}\n icon={ChevronLeft}\n innerRef={firstFocusableItem}\n />\n }\n renderMonthElement={renderMonthElement}\n numberOfMonths={numberOfMonths}\n onClose={onClose}\n onDateChange={this.handleDateChange}\n onNextMonthClick={this.handleNavClick('next')}\n onOutsideClick={onOutsideClick}\n onPrevMonthClick={this.handleNavClick('prev')}\n phrases={phrases}\n renderDayContents={(date) => (\n <DatePickerDay className={classNameElement('day-contents')} date={date.format(displayFormatDay)} />\n )}\n transitionDuration={transitionDuration}\n onTab={(e) => {\n if (e.target.classList.contains('CalendarDay')) {\n e.preventDefault();\n onClose();\n }\n }}\n />\n </div>\n </div>\n );\n }\n}\n\nDSDatePickerController.propTypes = {\n date: PropTypes.instanceOf(Date, moment),\n value: PropTypes.oneOf([PropTypes.instanceOf(Date), PropTypes.instanceOf(moment)]),\n enableOutsideDays: PropTypes.bool,\n initialVisibleMonth: PropTypes.instanceOf(Date, moment),\n firstDayOfWeek: PropTypes.number,\n keepOpenOnDateSelect: PropTypes.bool,\n hideKeyboardShortcutsPanel: PropTypes.bool,\n onPrevMonthClick: PropTypes.func,\n onNextMonthClick: PropTypes.func,\n onClose: PropTypes.func,\n onClickEscape: PropTypes.func,\n onChange: PropTypes.func,\n onDateChange: PropTypes.func,\n phrases: SingleDatePickerPhrases,\n // displayFormat: PropTypes.string,\n displayFormatDay: PropTypes.string,\n transitionDuration: PropTypes.number,\n // verticalSpacing: PropTypes.number,\n isDayBlocked: PropTypes.func,\n isOutsideRange: PropTypes.func,\n isDayHighlighted: PropTypes.func,\n numberOfMonths: PropTypes.number,\n};\n\nDSDatePickerController.defaultProps = {\n date: '',\n value: '',\n enableOutsideDays: false,\n initialVisibleMonth: moment(),\n firstDayOfWeek: 0,\n keepOpenOnDateSelect: true,\n hideKeyboardShortcutsPanel: true,\n onPrevMonthClick: () => null,\n onNextMonthClick: () => null,\n onClose: () => null,\n onClickEscape: () => null,\n onChange: () => null,\n onDateChange: () => null,\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 // displayFormat: 'L',\n displayFormatDay: 'D',\n transitionDuration: 0,\n // verticalSpacing: 0,\n isDayBlocked: () => false,\n isOutsideRange: () => false,\n isDayHighlighted: () => false,\n numberOfMonths: 1,\n};\n\nexport { DSDatePickerController };\n"],
|
|
5
|
-
"mappings": "AAAA;
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["React"]
|
|
7
7
|
}
|
|
@@ -1,13 +1,15 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
3
|
import PropTypes from "prop-types";
|
|
4
|
-
const Day = ({ className = "date-picker-content-day", date = "" }) => /* @__PURE__ */
|
|
4
|
+
const Day = ({ className = "date-picker-content-day", date = "" }) => /* @__PURE__ */ jsx("div", {
|
|
5
5
|
className,
|
|
6
|
-
"data-testid": `datepicker-day-${date}
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
6
|
+
"data-testid": `datepicker-day-${date}`,
|
|
7
|
+
children: /* @__PURE__ */ jsx("div", {
|
|
8
|
+
className: `${className}-half`,
|
|
9
|
+
"data-testid": "datepicker-day",
|
|
10
|
+
children: date
|
|
11
|
+
})
|
|
12
|
+
});
|
|
11
13
|
Day.propTypes = {
|
|
12
14
|
className: PropTypes.string,
|
|
13
15
|
date: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/DatePickerDay/DatePickerDay.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst Day = ({ className = 'date-picker-content-day', date = '' }) => (\n <div className={className} data-testid={`datepicker-day-${date}`}>\n <div className={`${className}-half`} data-testid=\"datepicker-day\">\n {date}\n </div>\n </div>\n);\nDay.propTypes = {\n className: PropTypes.string,\n date: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n};\n\nexport { Day as DatePickerDay };\nexport default Day;\n"],
|
|
5
|
-
"mappings": "AAAA;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,OAAO,eAAe;AAEtB,MAAM,MAAM,CAAC,EAAE,YAAY,2BAA2B,OAAO,GAAG,MAC9D,oBAAC;AAAA,EAAI;AAAA,EAAsB,eAAa,kBAAkB;AAAA,EACxD,8BAAC;AAAA,IAAI,WAAW,GAAG;AAAA,IAAkB,eAAY;AAAA,IAC9C;AAAA,GACH;AAAA,CACF;AAEF,IAAI,YAAY;AAAA,EACd,WAAW,UAAU;AAAA,EACrB,MAAM,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAChE;AAGA,IAAO,wBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
3
|
import PropTypes from "prop-types";
|
|
4
4
|
import { convertPropToCssClassName } from "@elliemae/ds-classnames";
|
|
5
5
|
import { DSPopper } from "@elliemae/ds-popper";
|
|
@@ -16,7 +16,7 @@ function DatePickerDropdown({
|
|
|
16
16
|
pickerProps,
|
|
17
17
|
pickerRef
|
|
18
18
|
}) {
|
|
19
|
-
return /* @__PURE__ */
|
|
19
|
+
return /* @__PURE__ */ jsx(DSPopper, {
|
|
20
20
|
contentComponent: menu,
|
|
21
21
|
isOpen,
|
|
22
22
|
modifiers: {
|
|
@@ -27,14 +27,16 @@ function DatePickerDropdown({
|
|
|
27
27
|
}
|
|
28
28
|
},
|
|
29
29
|
showArrow: false,
|
|
30
|
-
triggerComponent: /* @__PURE__ */
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
30
|
+
triggerComponent: /* @__PURE__ */ jsx("div", {
|
|
31
|
+
children: /* @__PURE__ */ jsx(DatePickerPicker, {
|
|
32
|
+
innerRef: pickerRef,
|
|
33
|
+
...pickerProps,
|
|
34
|
+
className: classNameElement("picker"),
|
|
35
|
+
disabled,
|
|
36
|
+
onClick,
|
|
37
|
+
readOnly
|
|
38
|
+
})
|
|
39
|
+
}),
|
|
38
40
|
zIndex
|
|
39
41
|
});
|
|
40
42
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/DatePickerDropdown.tsx"],
|
|
4
4
|
"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"],
|
|
5
|
-
"mappings": "AAAA;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,OAAO,eAAe;AACtB,SAAS,iCAAiC;AAC1C,SAAS,gBAAgB;AACzB,SAAS,kBAAkB,wBAAwB;AACnD,MAAM,EAAE,iBAAiB,IAAI,0BAA0B,kBAAkB;AAEzE,MAAM,OAAO,MAAM;AACnB,SAAS,mBAAmB;AAAA,EAC1B,WAAW;AAAA,EACX;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AACF,GAAG;AACD,SACE,oBAAC;AAAA,IACC,kBAAkB;AAAA,IAClB;AAAA,IACA,WAAW;AAAA,MACT,iBAAiB;AAAA,QACf,SAAS;AAAA,QACT,SAAS;AAAA,QACT,mBAAmB;AAAA,MACrB;AAAA,IACF;AAAA,IACA,WAAW;AAAA,IACX,kBACE,oBAAC;AAAA,MACC,8BAAC;AAAA,QACC,UAAU;AAAA,QACT,GAAG;AAAA,QACJ,WAAW,iBAAiB,QAAQ;AAAA,QACpC;AAAA,QACA;AAAA,QACA;AAAA,OACF;AAAA,KACF;AAAA,IAEF;AAAA,GACF;AAEJ;AAEA,mBAAmB,YAAY;AAAA,EAC7B,WAAW,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,MAAM,EAAE,SAAS,UAAU,IAAI,CAAC,CAAC,CAAC;AAAA,EAC5F,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,gBAAgB;AAC/C;AAGA,IAAO,6BAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
import { useState, useEffect } from "react";
|
|
3
4
|
import PropTypes from "prop-types";
|
|
4
5
|
import moment from "moment";
|
|
5
6
|
import { DSDateInputV2, DSInputGroup } from "@elliemae/ds-form";
|
|
@@ -25,12 +26,16 @@ const DatePickerHeader = ({ onInputChange = () => null, selectedDate, updateKeyD
|
|
|
25
26
|
updateKeyDate(momentValue);
|
|
26
27
|
}
|
|
27
28
|
};
|
|
28
|
-
return /* @__PURE__ */
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
29
|
+
return /* @__PURE__ */ jsx(Header, {
|
|
30
|
+
children: /* @__PURE__ */ jsx(DSInputGroup, {
|
|
31
|
+
children: /* @__PURE__ */ jsx(DSDateInputV2, {
|
|
32
|
+
onChange: handleOnChange,
|
|
33
|
+
onKeyDown: handleOnKeyDown,
|
|
34
|
+
value,
|
|
35
|
+
containerProps: { "data-testid": "start-date" }
|
|
36
|
+
})
|
|
37
|
+
})
|
|
38
|
+
});
|
|
34
39
|
};
|
|
35
40
|
DatePickerHeader.propTypes = {
|
|
36
41
|
onInputChange: PropTypes.func,
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/DatePickerHeader/DatePickerHeader.tsx"],
|
|
4
4
|
"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"],
|
|
5
|
-
"mappings": "AAAA;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAgB,UAAU,iBAAiB;AAC3C,OAAO,eAAe;AACtB,OAAO,YAAY;AACnB,SAAS,eAAe,oBAAoB;AAC5C,SAAS,yBAAyB;AAElC,MAAM,cAAc;AACpB,MAAM,YAAY;AAClB,MAAM,SAAS,kBAAkB,KAAK,EAAE,SAAS;AAEjD,MAAM,OAAO,CAAC,aAAa,OAAO,aAAa;AAE/C,MAAM,mBAAmB,CAAC,EAAE,gBAAgB,MAAM,MAAM,cAAc,cAAc,MAAM;AACxF,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,KAAK,cAAc,MAAM,IAAI,aAAa,OAAO,WAAW,IAAI,EAAE;AAErG,YAAU,MAAM;AACd,QAAI,KAAK,cAAc,MAAM,GAAG;AAC9B,eAAS,cAAc,OAAO,WAAW,CAAC;AAAA,IAC5C;AAAA,EACF,GAAG,CAAC,YAAY,CAAC;AAEjB,QAAM,iBAAiB,CAAC,YAAY;AAClC,aAAS,OAAO;AAAA,EAClB;AAEA,QAAM,kBAAkB,CAAC,MAAM;AAC7B,QAAI,EAAE,QAAQ,WAAW,MAAM,WAAW,YAAY,QAAQ;AAC5D,YAAM,cAAc,OAAO,OAAO,WAAW;AAC7C,oBAAc,WAAW;AACzB,oBAAc,WAAW;AAAA,IAC3B;AAAA,EACF;AAEA,SACE,oBAAC;AAAA,IACC,8BAAC;AAAA,MACC,8BAAC;AAAA,QACC,UAAU;AAAA,QACV,WAAW;AAAA,QACX;AAAA,QACA,gBAAgB,EAAE,eAAe,aAAa;AAAA,OAChD;AAAA,KACF;AAAA,GACF;AAEJ;AAEA,iBAAiB,YAAY;AAAA,EAC3B,eAAe,UAAU;AAAA,EACzB,cAAc,UAAU;AAAA,EACxB,eAAe,UAAU;AAC3B;AAGA,IAAO,2BAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
3
|
import PropTypes from "prop-types";
|
|
4
4
|
import { ChevronRight } from "@elliemae/ds-icons";
|
|
5
5
|
import { DSIconColors, DSIconSizes } from "@elliemae/ds-icon";
|
|
@@ -10,15 +10,16 @@ const Navigation = ({
|
|
|
10
10
|
color = DSIconColors.NEUTRAL,
|
|
11
11
|
size = DSIconSizes.S,
|
|
12
12
|
innerRef
|
|
13
|
-
}) => /* @__PURE__ */
|
|
13
|
+
}) => /* @__PURE__ */ jsx("div", {
|
|
14
14
|
tabIndex: 0,
|
|
15
|
-
"data-testid": "date-picker-nav"
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
})
|
|
15
|
+
"data-testid": "date-picker-nav",
|
|
16
|
+
children: /* @__PURE__ */ jsx(Icon, {
|
|
17
|
+
className,
|
|
18
|
+
color,
|
|
19
|
+
innerRef,
|
|
20
|
+
size
|
|
21
|
+
})
|
|
22
|
+
});
|
|
22
23
|
Navigation.propTypes = {
|
|
23
24
|
className: "date-picker-navigation",
|
|
24
25
|
icon: PropTypes.element,
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/DatePickerNavigation/DatePickerNavigation.tsx"],
|
|
4
4
|
"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 { iconSizes, iconColors } from '@elliemae/ds-shared';\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"],
|
|
5
|
-
"mappings": "AAAA;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,OAAO,eAAe;AACtB,SAAS,oBAAoB;AAC7B,SAAS,cAAc,mBAAmB;AAC1C,SAAS,WAAW,kBAAkB;AAEtC,MAAM,aAAa,CAAC;AAAA,EAClB,YAAY;AAAA,EACZ,MAAM,OAAO;AAAA,EACb,QAAQ,aAAa;AAAA,EACrB,OAAO,YAAY;AAAA,EACnB;AACF,MACE,oBAAC;AAAA,EAAI,UAAU;AAAA,EAAG,eAAY;AAAA,EAC5B,8BAAC;AAAA,IAAK;AAAA,IAAsB;AAAA,IAAc;AAAA,IAAoB;AAAA,GAAY;AAAA,CAC5E;AAEF,WAAW,YAAY;AAAA,EACrB,WAAW;AAAA,EACX,MAAM,UAAU;AAAA,EAChB,OAAO,UAAU,MAAM,UAAU;AAAA,EACjC,MAAM,UAAU,MAAM,SAAS;AAAA,EAC/B,UAAU,UAAU;AACtB;AAGA,IAAO,+BAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
3
|
import { PropTypes } from "@elliemae/ds-utilities";
|
|
4
4
|
import { DSIconColors, DSIconSizes } from "@elliemae/ds-icon";
|
|
5
5
|
import { DatePicker } from "@elliemae/ds-icons";
|
|
@@ -8,7 +8,7 @@ import { iconSizes } from "@elliemae/ds-shared";
|
|
|
8
8
|
const Picker = ({
|
|
9
9
|
className = "date-picker-icon",
|
|
10
10
|
disabled = false,
|
|
11
|
-
icon = /* @__PURE__ */
|
|
11
|
+
icon = /* @__PURE__ */ jsx(DatePicker, {}),
|
|
12
12
|
size = DSIconSizes.M,
|
|
13
13
|
buttonActionType = "secondary",
|
|
14
14
|
onClick = () => null,
|
|
@@ -17,7 +17,7 @@ const Picker = ({
|
|
|
17
17
|
tabIndex = 0,
|
|
18
18
|
innerRef,
|
|
19
19
|
...rest
|
|
20
|
-
}) => /* @__PURE__ */
|
|
20
|
+
}) => /* @__PURE__ */ jsx(DSButton, {
|
|
21
21
|
innerRef,
|
|
22
22
|
"aria-label": rest["aria-label"] || "Date Picker Button",
|
|
23
23
|
buttonType: buttonActionType,
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/DatePickerPicker/DatePickerPicker.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes } from '@elliemae/ds-utilities';\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';\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"],
|
|
5
|
-
"mappings": "AAAA;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,iBAAiB;AAC1B,SAAS,cAAc,mBAAmB;AAC1C,SAAS,kBAAkB;AAC3B,SAAS,UAAU,mBAAmB;AACtC,SAAS,iBAAiB;AAEnB,MAAM,SAAS,CAAC;AAAA,EACrB,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,OAAO,oBAAC,cAAW;AAAA,EACnB,OAAO,YAAY;AAAA,EACnB,mBAAmB;AAAA,EACnB,UAAU,MAAM;AAAA,EAChB,SAAS,MAAM;AAAA,EACf,WAAW;AAAA,EACX,WAAW;AAAA,EACX;AAAA,KACG;AACL,MACE,oBAAC;AAAA,EACC;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,CACd;AAGK,MAAM,mBAAmB;AAAA,EAC9B,UAAU,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,MAAM,EAAE,SAAS,UAAU,IAAI,CAAC,CAAC,CAAC;AAAA,EAC3F,WAAW,UAAU;AAAA,EACrB,UAAU,UAAU;AAAA,EACpB,MAAM,UAAU;AAAA,EAChB,MAAM,UAAU,MAAM,SAAS;AAAA,EAC/B,kBAAkB,UAAU,MAAM,WAAW;AAAA,EAC7C,SAAS,UAAU;AAAA,EACnB,SAAS,UAAU;AAAA,EACnB,QAAQ,UAAU;AAAA,EAClB,UAAU,UAAU;AAAA,EACpB,UAAU,UAAU;AACtB;AAEA,OAAO,YAAY;AAGnB,IAAO,2BAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import
|
|
2
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useState, useRef } from "react";
|
|
3
4
|
import { DayPickerRangeController } from "react-dates";
|
|
4
5
|
import moment from "moment";
|
|
5
6
|
import { aggregatedClasses, convertPropToCssClassName } from "@elliemae/ds-classnames";
|
|
@@ -42,36 +43,42 @@ const DatePickerRangeDate = ({ dateStart, dateEnd, displayFormatDay = "D", showH
|
|
|
42
43
|
};
|
|
43
44
|
const safeStartDate = getSafeDateStartValue();
|
|
44
45
|
const safeEndDate = getSafeDateEndValue();
|
|
45
|
-
return /* @__PURE__ */
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
46
|
+
return /* @__PURE__ */ jsxs(Wrapper, {
|
|
47
|
+
children: [
|
|
48
|
+
showHeader && /* @__PURE__ */ jsx(DatePickerRangeHeader, {
|
|
49
|
+
onEndInputChange: handleEndInputChange,
|
|
50
|
+
onStartInputChange: handleStartInputChange,
|
|
51
|
+
selectedEndDate: safeEndDate,
|
|
52
|
+
selectedStartDate: safeStartDate
|
|
53
|
+
}),
|
|
54
|
+
/* @__PURE__ */ jsx("div", {
|
|
55
|
+
ref: datePickerRef,
|
|
56
|
+
className: classNameBlock("wrapper-day-picker-single-date-controller"),
|
|
57
|
+
children: /* @__PURE__ */ jsx(DayPickerRangeController, {
|
|
58
|
+
...otherProps,
|
|
59
|
+
enableOutsideDays: true,
|
|
60
|
+
endDate: safeEndDate,
|
|
61
|
+
focused: true,
|
|
62
|
+
focusedInput,
|
|
63
|
+
hideKeyboardShortcutsPanel: true,
|
|
64
|
+
navNext: /* @__PURE__ */ jsx(DatePickerNavigation, {
|
|
65
|
+
className: classNameElement("navigation-next")
|
|
66
|
+
}),
|
|
67
|
+
navPrev: /* @__PURE__ */ jsx(DatePickerNavigation, {
|
|
68
|
+
className: classNameElement("navigation-prev"),
|
|
69
|
+
icon: ChevronLeft
|
|
70
|
+
}),
|
|
71
|
+
onDatesChange: handleDatesChange,
|
|
72
|
+
onFocusChange: handleFocusChange,
|
|
73
|
+
renderDayContents: (date) => /* @__PURE__ */ jsx(DatePickerDay, {
|
|
74
|
+
className: classNameElement("day-contents"),
|
|
75
|
+
date: date.format(displayFormatDay)
|
|
76
|
+
}),
|
|
77
|
+
startDate: safeStartDate
|
|
78
|
+
})
|
|
79
|
+
})
|
|
80
|
+
]
|
|
81
|
+
});
|
|
75
82
|
};
|
|
76
83
|
var DatePickerRange_default = DatePickerRangeDate;
|
|
77
84
|
export {
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/DatePickerRange/DatePickerRange.tsx"],
|
|
4
4
|
"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"],
|
|
5
|
-
"mappings": "AAAA;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB;AAEA,SAAgB,UAAU,cAAc;AACxC,SAAS,gCAAgC;AACzC,OAAO,YAAY;AACnB,SAAS,mBAAmB,iCAAiC;AAC7D,SAAS,mBAAmB;AAC5B,SAAS,qBAAqB;AAC9B,SAAS,4BAA4B;AACrC,SAAS,6BAA6B;AAEtC,MAAM,YAAY;AAClB,MAAM,UAAU,kBAAkB,KAAK,EAAE,WAAW,SAAS;AAE7D,MAAM,EAAE,kBAAkB,eAAe,IAAI,0BAA0B,YAAY;AAEnF,MAAM,aAAa;AACnB,MAAM,WAAW;AAEjB,MAAM,sBAAsB,CAAC,EAAE,WAAW,SAAS,mBAAmB,KAAK,aAAa,MAAM,WAAW,MAAM;AAC7G,QAAM,CAAC,mBAAmB,oBAAoB,IAAI,SAAS,SAAS;AACpE,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAS,OAAO;AAC9D,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,UAAU;AAC3D,QAAM,gBAAgB,OAAO;AAE7B,QAAM,oBAAoB,MAAM;AAC9B,oBAAgB,iBAAiB,aAAa,WAAW,UAAU;AAAA,EACrE;AAEA,QAAM,oBAAoB,CAAC,EAAE,WAAW,QAAQ,MAAM;AACpD,yBAAqB,SAAS;AAC9B,uBAAmB,OAAO;AAAA,EAC5B;AAEA,QAAM,yBAAyB,CAAC,YAAY;AAC1C,yBAAqB,OAAO;AAAA,EAC9B;AAEA,QAAM,uBAAuB,CAAC,YAAY;AACxC,uBAAmB,OAAO;AAAA,EAC5B;AAEA,QAAM,wBAAwB,MAAM;AAClC,QAAI,mBAAmB;AACrB,aAAO,OAAO,iBAAiB;AAAA,IACjC;AAAA,EACF;AAEA,QAAM,sBAAsB,MAAM;AAChC,QAAI,iBAAiB;AACnB,aAAO,OAAO,eAAe;AAAA,IAC/B;AAAA,EACF;AAEA,QAAM,gBAAgB,sBAAsB;AAC5C,QAAM,cAAc,oBAAoB;AAExC,SACE,qBAAC;AAAA,IACE;AAAA,oBACC,oBAAC;AAAA,QACC,kBAAkB;AAAA,QAClB,oBAAoB;AAAA,QACpB,iBAAiB;AAAA,QACjB,mBAAmB;AAAA,OACrB;AAAA,MAEF,oBAAC;AAAA,QAAI,KAAK;AAAA,QAAe,WAAW,eAAe,2CAA2C;AAAA,QAC5F,8BAAC;AAAA,UACE,GAAG;AAAA,UACJ,mBAAiB;AAAA,UACjB,SAAS;AAAA,UACT,SAAO;AAAA,UACP;AAAA,UACA,4BAA0B;AAAA,UAC1B,SAAS,oBAAC;AAAA,YAAqB,WAAW,iBAAiB,iBAAiB;AAAA,WAAG;AAAA,UAC/E,SAAS,oBAAC;AAAA,YAAqB,WAAW,iBAAiB,iBAAiB;AAAA,YAAG,MAAM;AAAA,WAAa;AAAA,UAClG,eAAe;AAAA,UACf,eAAe;AAAA,UACf,mBAAmB,CAAC,SAClB,oBAAC;AAAA,YAAc,WAAW,iBAAiB,cAAc;AAAA,YAAG,MAAM,KAAK,OAAO,gBAAgB;AAAA,WAAG;AAAA,UAEnG,WAAW;AAAA,SACb;AAAA,OACF;AAAA;AAAA,GACF;AAEJ;AAGA,IAAO,0BAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|