@elliemae/ds-date-picker 3.0.0-alpha.0 → 3.0.0-alpha.1
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 +21 -4
- package/dist/cjs/DSDatePicker.js.map +1 -1
- package/dist/cjs/components/DatePickerController/DatePickerController.js +17 -4
- package/dist/cjs/components/DatePickerController/DatePickerController.js.map +1 -1
- package/dist/cjs/components/DatePickerDropdown.js +21 -4
- package/dist/cjs/components/DatePickerDropdown.js.map +1 -1
- package/dist/cjs/components/DatePickerPicker/DatePickerPicker.js +54 -27
- package/dist/cjs/components/DatePickerPicker/DatePickerPicker.js.map +1 -1
- package/dist/cjs/components/DatePickerRange/DatePickerRange.js +19 -3
- package/dist/cjs/components/DatePickerRange/DatePickerRange.js.map +1 -1
- package/dist/cjs/components/DatePickerSingleDate/DatePickerSingleDate.js +30 -9
- package/dist/cjs/components/DatePickerSingleDate/DatePickerSingleDate.js.map +1 -1
- package/dist/esm/DSDatePicker.js +23 -4
- package/dist/esm/DSDatePicker.js.map +1 -1
- package/dist/esm/components/DatePickerController/DatePickerController.js +19 -4
- package/dist/esm/components/DatePickerController/DatePickerController.js.map +1 -1
- package/dist/esm/components/DatePickerDropdown.js +23 -4
- package/dist/esm/components/DatePickerDropdown.js.map +1 -1
- package/dist/esm/components/DatePickerPicker/DatePickerPicker.js +55 -27
- package/dist/esm/components/DatePickerPicker/DatePickerPicker.js.map +1 -1
- package/dist/esm/components/DatePickerRange/DatePickerRange.js +21 -3
- package/dist/esm/components/DatePickerRange/DatePickerRange.js.map +1 -1
- package/dist/esm/components/DatePickerSingleDate/DatePickerSingleDate.js +31 -9
- package/dist/esm/components/DatePickerSingleDate/DatePickerSingleDate.js.map +1 -1
- package/package.json +10 -9
- package/dist/types/components/DSDatePickerImpl.d.ts +0 -21
- package/dist/types/components/DatePickerController/DatePickerController.d.ts +0 -80
- package/dist/types/components/DatePickerDay/DatePickerDay.d.ts +0 -14
- package/dist/types/components/DatePickerDropdown.d.ts +0 -42
- package/dist/types/components/DatePickerHeader/DatePickerHeader.d.ts +0 -16
- package/dist/types/components/DatePickerNavigation/DatePickerNavigation.d.ts +0 -20
- package/dist/types/components/DatePickerPicker/DatePickerPicker.d.ts +0 -49
- package/dist/types/components/DatePickerRange/DatePickerRange.d.ts +0 -10
- package/dist/types/components/DatePickerRangeHeader/DatePickerRangeHeader.d.ts +0 -24
- package/dist/types/components/DatePickerRangeHeader/tests/DatePickerRangeHeader.test.d.ts +0 -1
- package/dist/types/components/DatePickerRenderMonth/DatePickerRenderMonth.d.ts +0 -5
- package/dist/types/components/DatePickerSingleDate/DatePickerSingleDate.d.ts +0 -12
- package/dist/types/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.d.ts +0 -17
- package/dist/types/components/index.d.ts +0 -10
- package/dist/types/components/tests/DatePickerHeader.test.d.ts +0 -1
- package/dist/types/components/tests/DatePickerRange.test.d.ts +0 -1
- package/dist/types/components/tests/DatePickerRangeHeader.test.d.ts +0 -1
- package/dist/types/components/tests/DatePickerSelectedDate.test.d.ts +0 -1
- package/dist/types/components/tests/DatePickerSingleDate.test.d.ts +0 -1
- package/dist/types/components/tests/SingleRangeDateSwitcher.test.d.ts +0 -1
- package/dist/types/defaultPhrases.d.ts +0 -225
- package/dist/types/index.d.ts +0 -3
|
@@ -1,3 +1,19 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
3
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
4
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
5
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
6
|
+
var __spreadValues = (a, b) => {
|
|
7
|
+
for (var prop in b || (b = {}))
|
|
8
|
+
if (__hasOwnProp.call(b, prop))
|
|
9
|
+
__defNormalProp(a, prop, b[prop]);
|
|
10
|
+
if (__getOwnPropSymbols)
|
|
11
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
12
|
+
if (__propIsEnum.call(b, prop))
|
|
13
|
+
__defNormalProp(a, prop, b[prop]);
|
|
14
|
+
}
|
|
15
|
+
return a;
|
|
16
|
+
};
|
|
1
17
|
import * as React from "react";
|
|
2
18
|
import React2 from "react";
|
|
3
19
|
import { debounce } from "lodash";
|
|
@@ -143,13 +159,12 @@ class DSDatePickerController extends React2.Component {
|
|
|
143
159
|
const { datePicker, firstFocusableItem } = this.state;
|
|
144
160
|
const safedate = this.getSafeValue();
|
|
145
161
|
const safeinitialMonth = safedate && safedate.isValid() ? () => safedate : () => initialVisibleMonth;
|
|
146
|
-
return /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement("div", {
|
|
162
|
+
return /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement("div", __spreadValues({
|
|
147
163
|
onBlur: this.insideBlur,
|
|
148
164
|
ref: datePicker,
|
|
149
165
|
className: classNameBlock("wrapper-day-picker-single-date-controller"),
|
|
150
|
-
"data-testid": "calendar-wrapper"
|
|
151
|
-
|
|
152
|
-
}, /* @__PURE__ */ React2.createElement(DayPickerSingleDateController, {
|
|
166
|
+
"data-testid": "calendar-wrapper"
|
|
167
|
+
}, calendarProps), /* @__PURE__ */ React2.createElement(DayPickerSingleDateController, {
|
|
153
168
|
key,
|
|
154
169
|
date: safedate,
|
|
155
170
|
enableOutsideDays,
|
|
@@ -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": "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
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,3 +1,22 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __defProps = Object.defineProperties;
|
|
3
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
4
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
7
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
8
|
+
var __spreadValues = (a, b) => {
|
|
9
|
+
for (var prop in b || (b = {}))
|
|
10
|
+
if (__hasOwnProp.call(b, prop))
|
|
11
|
+
__defNormalProp(a, prop, b[prop]);
|
|
12
|
+
if (__getOwnPropSymbols)
|
|
13
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
14
|
+
if (__propIsEnum.call(b, prop))
|
|
15
|
+
__defNormalProp(a, prop, b[prop]);
|
|
16
|
+
}
|
|
17
|
+
return a;
|
|
18
|
+
};
|
|
19
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
1
20
|
import * as React from "react";
|
|
2
21
|
import React2 from "react";
|
|
3
22
|
import PropTypes from "prop-types";
|
|
@@ -27,14 +46,14 @@ function DatePickerDropdown({
|
|
|
27
46
|
}
|
|
28
47
|
},
|
|
29
48
|
showArrow: false,
|
|
30
|
-
triggerComponent: /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement(DatePickerPicker, {
|
|
31
|
-
innerRef: pickerRef
|
|
32
|
-
|
|
49
|
+
triggerComponent: /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement(DatePickerPicker, __spreadProps(__spreadValues({
|
|
50
|
+
innerRef: pickerRef
|
|
51
|
+
}, pickerProps), {
|
|
33
52
|
className: classNameElement("picker"),
|
|
34
53
|
disabled,
|
|
35
54
|
onClick,
|
|
36
55
|
readOnly
|
|
37
|
-
})),
|
|
56
|
+
}))),
|
|
38
57
|
zIndex
|
|
39
58
|
});
|
|
40
59
|
}
|
|
@@ -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;ACAA;AACA;AACA;AACA;AACA;AACA,MAAM,EAAE,qBAAqB,0BAA0B;AAEvD,MAAM,OAAO,MAAM;AACnB,4BAA4B;AAAA,EAC1B,WAAW;AAAA,EACX;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AAAA,GACC;AACD,SACE,qCAAC,UAAD;AAAA,IACE,kBAAkB;AAAA,IAClB;AAAA,IACA,WAAW;AAAA,MACT,iBAAiB;AAAA,QACf,SAAS;AAAA,QACT,SAAS;AAAA,QACT,mBAAmB;AAAA;AAAA;AAAA,IAGvB,WAAW;AAAA,IACX,kBACE,qCAAC,OAAD,MACE,qCAAC,kBAAD;AAAA,MACE,UAAU;AAAA,
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AACA;AACA,MAAM,EAAE,qBAAqB,0BAA0B;AAEvD,MAAM,OAAO,MAAM;AACnB,4BAA4B;AAAA,EAC1B,WAAW;AAAA,EACX;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AAAA,GACC;AACD,SACE,qCAAC,UAAD;AAAA,IACE,kBAAkB;AAAA,IAClB;AAAA,IACA,WAAW;AAAA,MACT,iBAAiB;AAAA,QACf,SAAS;AAAA,QACT,SAAS;AAAA,QACT,mBAAmB;AAAA;AAAA;AAAA,IAGvB,WAAW;AAAA,IACX,kBACE,qCAAC,OAAD,MACE,qCAAC,kBAAD;AAAA,MACE,UAAU;AAAA,OACN,cAFN;AAAA,MAGE,WAAW,iBAAiB;AAAA,MAC5B;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAIN;AAAA;AAAA;AAKN,mBAAmB,YAAY;AAAA,EAC7B,WAAW,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,MAAM,EAAE,SAAS,UAAU;AAAA,EACrF,UAAU,UAAU;AAAA,EACpB,UAAU,UAAU;AAAA,EACpB,SAAS,UAAU;AAAA,EACnB,QAAQ,UAAU;AAAA,EAClB,MAAM,UAAU;AAAA,EAChB,QAAQ,UAAU;AAAA,EAClB,aAAa,UAAU,MAAM;AAAA;AAI/B,IAAO,6BAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,3 +1,18 @@
|
|
|
1
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
2
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
3
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
4
|
+
var __objRest = (source, exclude) => {
|
|
5
|
+
var target = {};
|
|
6
|
+
for (var prop in source)
|
|
7
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
8
|
+
target[prop] = source[prop];
|
|
9
|
+
if (source != null && __getOwnPropSymbols)
|
|
10
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
11
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
12
|
+
target[prop] = source[prop];
|
|
13
|
+
}
|
|
14
|
+
return target;
|
|
15
|
+
};
|
|
1
16
|
import * as React from "react";
|
|
2
17
|
import React2 from "react";
|
|
3
18
|
import PropTypes from "prop-types";
|
|
@@ -5,33 +20,46 @@ import { DSIconColors, DSIconSizes } from "@elliemae/ds-icon";
|
|
|
5
20
|
import { DatePicker } from "@elliemae/ds-icons";
|
|
6
21
|
import { DSButton, buttonTypes } from "@elliemae/ds-button";
|
|
7
22
|
import { iconSizes } from "@elliemae/ds-shared/prop-types";
|
|
8
|
-
const Picker = ({
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
23
|
+
const Picker = (_a) => {
|
|
24
|
+
var _b = _a, {
|
|
25
|
+
className = "date-picker-icon",
|
|
26
|
+
disabled = false,
|
|
27
|
+
icon = /* @__PURE__ */ React2.createElement(DatePicker, null),
|
|
28
|
+
size = DSIconSizes.M,
|
|
29
|
+
buttonActionType = "secondary",
|
|
30
|
+
onClick = () => null,
|
|
31
|
+
onBlur = () => null,
|
|
32
|
+
readOnly = false,
|
|
33
|
+
tabIndex = 0,
|
|
34
|
+
innerRef
|
|
35
|
+
} = _b, rest = __objRest(_b, [
|
|
36
|
+
"className",
|
|
37
|
+
"disabled",
|
|
38
|
+
"icon",
|
|
39
|
+
"size",
|
|
40
|
+
"buttonActionType",
|
|
41
|
+
"onClick",
|
|
42
|
+
"onBlur",
|
|
43
|
+
"readOnly",
|
|
44
|
+
"tabIndex",
|
|
45
|
+
"innerRef"
|
|
46
|
+
]);
|
|
47
|
+
return /* @__PURE__ */ React2.createElement(DSButton, {
|
|
48
|
+
innerRef,
|
|
49
|
+
"aria-label": rest["aria-label"] || "Date Picker Button",
|
|
50
|
+
buttonType: buttonActionType,
|
|
51
|
+
className,
|
|
52
|
+
color: !disabled ? DSIconColors.PRIMARY : DSIconColors.NEUTRAL,
|
|
53
|
+
disabled,
|
|
54
|
+
icon,
|
|
55
|
+
onBlur,
|
|
56
|
+
onClick,
|
|
57
|
+
readOnly,
|
|
58
|
+
size,
|
|
59
|
+
tabIndex,
|
|
60
|
+
"data-testid": "btn-date-picker"
|
|
61
|
+
});
|
|
62
|
+
};
|
|
35
63
|
const PickerPropsTypes = {
|
|
36
64
|
innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]),
|
|
37
65
|
className: PropTypes.string,
|
|
@@ -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 'prop-types';\nimport { DSIconColors, DSIconSizes } from '@elliemae/ds-icon';\nimport { DatePicker } from '@elliemae/ds-icons';\nimport { DSButton, buttonTypes } from '@elliemae/ds-button';\nimport { iconSizes } from '@elliemae/ds-shared/prop-types';\n\nexport const Picker = ({\n className = 'date-picker-icon',\n disabled = false,\n icon = <DatePicker />,\n size = DSIconSizes.M,\n buttonActionType = 'secondary',\n onClick = () => null,\n onBlur = () => null,\n readOnly = false,\n tabIndex = 0,\n innerRef,\n ...rest\n}) => (\n <DSButton\n innerRef={innerRef}\n aria-label={rest['aria-label'] || 'Date Picker Button'}\n buttonType={buttonActionType}\n className={className}\n color={!disabled ? DSIconColors.PRIMARY : DSIconColors.NEUTRAL}\n disabled={disabled}\n icon={icon}\n onBlur={onBlur}\n onClick={onClick}\n readOnly={readOnly}\n size={size}\n tabIndex={tabIndex}\n data-testid=\"btn-date-picker\"\n />\n);\n\nexport const PickerPropsTypes = {\n innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]),\n className: PropTypes.string,\n disabled: PropTypes.bool,\n icon: PropTypes.element,\n size: PropTypes.oneOf(iconSizes),\n buttonActionType: PropTypes.oneOf(buttonTypes),\n onClick: PropTypes.func,\n onFocus: PropTypes.func,\n onBlur: PropTypes.func,\n readOnly: PropTypes.bool,\n tabIndex: PropTypes.number,\n};\n\nPicker.propTypes = PickerPropsTypes;\n\nexport { Picker as DatePickerPicker };\nexport default Picker;\n"],
|
|
5
|
-
"mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEO,MAAM,SAAS,CAAC;AAAA,
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEO,MAAM,SAAS,CAAC,OAYpB;AAZoB,eACrB;AAAA,gBAAY;AAAA,IACZ,WAAW;AAAA,IACX,OAAO,qCAAC,YAAD;AAAA,IACP,OAAO,YAAY;AAAA,IACnB,mBAAmB;AAAA,IACnB,UAAU,MAAM;AAAA,IAChB,SAAS,MAAM;AAAA,IACf,WAAW;AAAA,IACX,WAAW;AAAA,IACX;AAAA,MAVqB,IAWlB,iBAXkB,IAWlB;AAAA,IAVH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,8CAAC,UAAD;AAAA,IACE;AAAA,IACA,cAAY,KAAK,iBAAiB;AAAA,IAClC,YAAY;AAAA,IACZ;AAAA,IACA,OAAO,CAAC,WAAW,aAAa,UAAU,aAAa;AAAA,IACvD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAY;AAAA;AAAA;AAIT,MAAM,mBAAmB;AAAA,EAC9B,UAAU,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,MAAM,EAAE,SAAS,UAAU;AAAA,EACpF,WAAW,UAAU;AAAA,EACrB,UAAU,UAAU;AAAA,EACpB,MAAM,UAAU;AAAA,EAChB,MAAM,UAAU,MAAM;AAAA,EACtB,kBAAkB,UAAU,MAAM;AAAA,EAClC,SAAS,UAAU;AAAA,EACnB,SAAS,UAAU;AAAA,EACnB,QAAQ,UAAU;AAAA,EAClB,UAAU,UAAU;AAAA,EACpB,UAAU,UAAU;AAAA;AAGtB,OAAO,YAAY;AAGnB,IAAO,2BAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,3 +1,22 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __defProps = Object.defineProperties;
|
|
3
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
4
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
7
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
8
|
+
var __spreadValues = (a, b) => {
|
|
9
|
+
for (var prop in b || (b = {}))
|
|
10
|
+
if (__hasOwnProp.call(b, prop))
|
|
11
|
+
__defNormalProp(a, prop, b[prop]);
|
|
12
|
+
if (__getOwnPropSymbols)
|
|
13
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
14
|
+
if (__propIsEnum.call(b, prop))
|
|
15
|
+
__defNormalProp(a, prop, b[prop]);
|
|
16
|
+
}
|
|
17
|
+
return a;
|
|
18
|
+
};
|
|
19
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
1
20
|
import * as React from "react";
|
|
2
21
|
import React2, { useState, useRef } from "react";
|
|
3
22
|
import { DayPickerRangeController } from "react-dates";
|
|
@@ -50,8 +69,7 @@ const DatePickerRangeDate = ({ dateStart, dateEnd, displayFormatDay = "D", showH
|
|
|
50
69
|
}), /* @__PURE__ */ React2.createElement("div", {
|
|
51
70
|
ref: datePickerRef,
|
|
52
71
|
className: classNameBlock("wrapper-day-picker-single-date-controller")
|
|
53
|
-
}, /* @__PURE__ */ React2.createElement(DayPickerRangeController, {
|
|
54
|
-
...otherProps,
|
|
72
|
+
}, /* @__PURE__ */ React2.createElement(DayPickerRangeController, __spreadProps(__spreadValues({}, otherProps), {
|
|
55
73
|
enableOutsideDays: true,
|
|
56
74
|
endDate: safeEndDate,
|
|
57
75
|
focused: true,
|
|
@@ -71,7 +89,7 @@ const DatePickerRangeDate = ({ dateStart, dateEnd, displayFormatDay = "D", showH
|
|
|
71
89
|
date: date.format(displayFormatDay)
|
|
72
90
|
}),
|
|
73
91
|
startDate: safeStartDate
|
|
74
|
-
})));
|
|
92
|
+
}))));
|
|
75
93
|
};
|
|
76
94
|
var DatePickerRange_default = DatePickerRangeDate;
|
|
77
95
|
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;ACEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,YAAY;AAClB,MAAM,UAAU,kBAAkB,OAAO,WAAW;AAEpD,MAAM,EAAE,kBAAkB,mBAAmB,0BAA0B;AAEvE,MAAM,aAAa;AACnB,MAAM,WAAW;AAEjB,MAAM,sBAAsB,CAAC,EAAE,WAAW,SAAS,mBAAmB,KAAK,aAAa,MAAM,iBAAiB;AAC7G,QAAM,CAAC,mBAAmB,wBAAwB,SAAS;AAC3D,QAAM,CAAC,iBAAiB,sBAAsB,SAAS;AACvD,QAAM,CAAC,cAAc,mBAAmB,SAAS;AACjD,QAAM,gBAAgB;AAEtB,QAAM,oBAAoB,MAAM;AAC9B,oBAAgB,iBAAiB,aAAa,WAAW;AAAA;AAG3D,QAAM,oBAAoB,CAAC,EAAE,WAAW,cAAc;AACpD,yBAAqB;AACrB,uBAAmB;AAAA;AAGrB,QAAM,yBAAyB,CAAC,YAAY;AAC1C,yBAAqB;AAAA;AAGvB,QAAM,uBAAuB,CAAC,YAAY;AACxC,uBAAmB;AAAA;AAGrB,QAAM,wBAAwB,MAAM;AAClC,QAAI,mBAAmB;AACrB,aAAO,OAAO;AAAA;AAAA;AAIlB,QAAM,sBAAsB,MAAM;AAChC,QAAI,iBAAiB;AACnB,aAAO,OAAO;AAAA;AAAA;AAIlB,QAAM,gBAAgB;AACtB,QAAM,cAAc;AAEpB,SACE,qCAAC,SAAD,MACG,cACC,qCAAC,uBAAD;AAAA,IACE,kBAAkB;AAAA,IAClB,oBAAoB;AAAA,IACpB,iBAAiB;AAAA,IACjB,mBAAmB;AAAA,MAGvB,qCAAC,OAAD;AAAA,IAAK,KAAK;AAAA,IAAe,WAAW,eAAe;AAAA,KACjD,qCAAC,0BAAD
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,YAAY;AAClB,MAAM,UAAU,kBAAkB,OAAO,WAAW;AAEpD,MAAM,EAAE,kBAAkB,mBAAmB,0BAA0B;AAEvE,MAAM,aAAa;AACnB,MAAM,WAAW;AAEjB,MAAM,sBAAsB,CAAC,EAAE,WAAW,SAAS,mBAAmB,KAAK,aAAa,MAAM,iBAAiB;AAC7G,QAAM,CAAC,mBAAmB,wBAAwB,SAAS;AAC3D,QAAM,CAAC,iBAAiB,sBAAsB,SAAS;AACvD,QAAM,CAAC,cAAc,mBAAmB,SAAS;AACjD,QAAM,gBAAgB;AAEtB,QAAM,oBAAoB,MAAM;AAC9B,oBAAgB,iBAAiB,aAAa,WAAW;AAAA;AAG3D,QAAM,oBAAoB,CAAC,EAAE,WAAW,cAAc;AACpD,yBAAqB;AACrB,uBAAmB;AAAA;AAGrB,QAAM,yBAAyB,CAAC,YAAY;AAC1C,yBAAqB;AAAA;AAGvB,QAAM,uBAAuB,CAAC,YAAY;AACxC,uBAAmB;AAAA;AAGrB,QAAM,wBAAwB,MAAM;AAClC,QAAI,mBAAmB;AACrB,aAAO,OAAO;AAAA;AAAA;AAIlB,QAAM,sBAAsB,MAAM;AAChC,QAAI,iBAAiB;AACnB,aAAO,OAAO;AAAA;AAAA;AAIlB,QAAM,gBAAgB;AACtB,QAAM,cAAc;AAEpB,SACE,qCAAC,SAAD,MACG,cACC,qCAAC,uBAAD;AAAA,IACE,kBAAkB;AAAA,IAClB,oBAAoB;AAAA,IACpB,iBAAiB;AAAA,IACjB,mBAAmB;AAAA,MAGvB,qCAAC,OAAD;AAAA,IAAK,KAAK;AAAA,IAAe,WAAW,eAAe;AAAA,KACjD,qCAAC,0BAAD,iCACM,aADN;AAAA,IAEE,mBAAiB;AAAA,IACjB,SAAS;AAAA,IACT,SAAO;AAAA,IACP;AAAA,IACA,4BAA0B;AAAA,IAC1B,SAAS,qCAAC,sBAAD;AAAA,MAAsB,WAAW,iBAAiB;AAAA;AAAA,IAC3D,SAAS,qCAAC,sBAAD;AAAA,MAAsB,WAAW,iBAAiB;AAAA,MAAoB,MAAM;AAAA;AAAA,IACrF,eAAe;AAAA,IACf,eAAe;AAAA,IACf,mBAAmB,CAAC,SAClB,qCAAC,eAAD;AAAA,MAAe,WAAW,iBAAiB;AAAA,MAAiB,MAAM,KAAK,OAAO;AAAA;AAAA,IAEhF,WAAW;AAAA;AAAA;AAQrB,IAAO,0BAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,3 +1,18 @@
|
|
|
1
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
2
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
3
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
4
|
+
var __objRest = (source, exclude) => {
|
|
5
|
+
var target = {};
|
|
6
|
+
for (var prop in source)
|
|
7
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
8
|
+
target[prop] = source[prop];
|
|
9
|
+
if (source != null && __getOwnPropSymbols)
|
|
10
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
11
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
12
|
+
target[prop] = source[prop];
|
|
13
|
+
}
|
|
14
|
+
return target;
|
|
15
|
+
};
|
|
1
16
|
import * as React from "react";
|
|
2
17
|
import React2, { useState, useRef } from "react";
|
|
3
18
|
import { DayPickerSingleDateController } from "react-dates";
|
|
@@ -10,15 +25,22 @@ import { DatePickerHeader } from "../DatePickerHeader/DatePickerHeader";
|
|
|
10
25
|
const blockname = "single-date";
|
|
11
26
|
const Wrapper = aggregatedClasses("div")(blockname, "wrapper");
|
|
12
27
|
const { classNameElement, classNameBlock } = convertPropToCssClassName("datepicker");
|
|
13
|
-
const DatePickerSingleDate = ({
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
}
|
|
28
|
+
const DatePickerSingleDate = (_a) => {
|
|
29
|
+
var _b = _a, {
|
|
30
|
+
date,
|
|
31
|
+
displayFormatDay = "D",
|
|
32
|
+
isDayHighlighted = () => false,
|
|
33
|
+
enableOutsideDays = true,
|
|
34
|
+
showHeader = true,
|
|
35
|
+
onChange = () => null
|
|
36
|
+
} = _b, rest = __objRest(_b, [
|
|
37
|
+
"date",
|
|
38
|
+
"displayFormatDay",
|
|
39
|
+
"isDayHighlighted",
|
|
40
|
+
"enableOutsideDays",
|
|
41
|
+
"showHeader",
|
|
42
|
+
"onChange"
|
|
43
|
+
]);
|
|
22
44
|
const [selectedDate, setSelectedDate] = useState(date);
|
|
23
45
|
const [key, setKey] = useState(moment());
|
|
24
46
|
const datePickerRef = useRef();
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/DatePickerSingleDate/DatePickerSingleDate.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable import/no-unresolved */\n/* eslint-disable react/prop-types */\n/* eslint-disable no-console */\nimport React, { useState, useRef } from 'react';\nimport { DayPickerSingleDateController } 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 { DatePickerHeader } from '../DatePickerHeader/DatePickerHeader';\n\nconst blockname = 'single-date';\nconst Wrapper = aggregatedClasses('div')(blockname, 'wrapper');\n\nconst { classNameElement, classNameBlock } = convertPropToCssClassName('datepicker');\n\nconst DatePickerSingleDate = ({\n date,\n displayFormatDay = 'D',\n isDayHighlighted = () => false,\n enableOutsideDays = true,\n showHeader = true,\n onChange = () => null,\n ...rest\n}) => {\n const [selectedDate, setSelectedDate] = useState(date);\n const [key, setKey] = useState(moment());\n const datePickerRef = useRef();\n\n const updateKeyDate = (newDate) => {\n setKey(newDate);\n };\n\n const handleDateChange = (newDate) => {\n setSelectedDate(newDate);\n setTimeout(() => onChange(newDate), 500);\n };\n\n return (\n <Wrapper>\n {showHeader && (\n <DatePickerHeader onInputChange={handleDateChange} selectedDate={selectedDate} updateKeyDate={updateKeyDate} />\n )}\n <div\n ref={datePickerRef}\n className={classNameBlock('wrapper-day-picker-single-date-controller')}\n data-testid={rest['data-testid'] || 'date-picker-single-date'}\n >\n <DayPickerSingleDateController\n key={key}\n date={selectedDate}\n enableOutsideDays={enableOutsideDays}\n focused\n hideKeyboardShortcutsPanel\n isDayHighlighted={isDayHighlighted}\n keepOpenOnDateSelect\n navNext={<DatePickerNavigation className={classNameElement('navigation-next')} />}\n navPrev={<DatePickerNavigation className={classNameElement('navigation-prev')} icon={ChevronLeft} />}\n onDateChange={handleDateChange}\n renderDayContents={(givenDate) => (\n <DatePickerDay className={classNameElement('day-contents')} date={givenDate.format(displayFormatDay)} />\n )}\n />\n </div>\n </Wrapper>\n );\n};\n\nexport { DatePickerSingleDate };\nexport default DatePickerSingleDate;\n"],
|
|
5
|
-
"mappings": "AAAA;ACGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,YAAY;AAClB,MAAM,UAAU,kBAAkB,OAAO,WAAW;AAEpD,MAAM,EAAE,kBAAkB,mBAAmB,0BAA0B;AAEvE,MAAM,uBAAuB,CAAC;
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;AAAA;ACGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,YAAY;AAClB,MAAM,UAAU,kBAAkB,OAAO,WAAW;AAEpD,MAAM,EAAE,kBAAkB,mBAAmB,0BAA0B;AAEvE,MAAM,uBAAuB,CAAC,OAQxB;AARwB,eAC5B;AAAA;AAAA,IACA,mBAAmB;AAAA,IACnB,mBAAmB,MAAM;AAAA,IACzB,oBAAoB;AAAA,IACpB,aAAa;AAAA,IACb,WAAW,MAAM;AAAA,MANW,IAOzB,iBAPyB,IAOzB;AAAA,IANH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,CAAC,cAAc,mBAAmB,SAAS;AACjD,QAAM,CAAC,KAAK,UAAU,SAAS;AAC/B,QAAM,gBAAgB;AAEtB,QAAM,gBAAgB,CAAC,YAAY;AACjC,WAAO;AAAA;AAGT,QAAM,mBAAmB,CAAC,YAAY;AACpC,oBAAgB;AAChB,eAAW,MAAM,SAAS,UAAU;AAAA;AAGtC,SACE,qCAAC,SAAD,MACG,cACC,qCAAC,kBAAD;AAAA,IAAkB,eAAe;AAAA,IAAkB;AAAA,IAA4B;AAAA,MAEjF,qCAAC,OAAD;AAAA,IACE,KAAK;AAAA,IACL,WAAW,eAAe;AAAA,IAC1B,eAAa,KAAK,kBAAkB;AAAA,KAEpC,qCAAC,+BAAD;AAAA,IACE;AAAA,IACA,MAAM;AAAA,IACN;AAAA,IACA,SAAO;AAAA,IACP,4BAA0B;AAAA,IAC1B;AAAA,IACA,sBAAoB;AAAA,IACpB,SAAS,qCAAC,sBAAD;AAAA,MAAsB,WAAW,iBAAiB;AAAA;AAAA,IAC3D,SAAS,qCAAC,sBAAD;AAAA,MAAsB,WAAW,iBAAiB;AAAA,MAAoB,MAAM;AAAA;AAAA,IACrF,cAAc;AAAA,IACd,mBAAmB,CAAC,cAClB,qCAAC,eAAD;AAAA,MAAe,WAAW,iBAAiB;AAAA,MAAiB,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAS/F,IAAO,+BAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-date-picker",
|
|
3
|
-
"version": "3.0.0-alpha.
|
|
3
|
+
"version": "3.0.0-alpha.1",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Date Picker",
|
|
6
6
|
"files": [
|
|
@@ -95,14 +95,14 @@
|
|
|
95
95
|
"indent": 4
|
|
96
96
|
},
|
|
97
97
|
"dependencies": {
|
|
98
|
-
"@elliemae/ds-button": "3.0.0-alpha.
|
|
99
|
-
"@elliemae/ds-classnames": "3.0.0-alpha.
|
|
100
|
-
"@elliemae/ds-form": "3.0.0-alpha.
|
|
101
|
-
"@elliemae/ds-grid": "3.0.0-alpha.
|
|
102
|
-
"@elliemae/ds-icons": "3.0.0-alpha.
|
|
103
|
-
"@elliemae/ds-popper": "3.0.0-alpha.
|
|
104
|
-
"@elliemae/ds-shared": "3.0.0-alpha.
|
|
105
|
-
"@elliemae/ds-system": "3.0.0-alpha.
|
|
98
|
+
"@elliemae/ds-button": "3.0.0-alpha.1",
|
|
99
|
+
"@elliemae/ds-classnames": "3.0.0-alpha.1",
|
|
100
|
+
"@elliemae/ds-form": "3.0.0-alpha.1",
|
|
101
|
+
"@elliemae/ds-grid": "3.0.0-alpha.1",
|
|
102
|
+
"@elliemae/ds-icons": "3.0.0-alpha.1",
|
|
103
|
+
"@elliemae/ds-popper": "3.0.0-alpha.1",
|
|
104
|
+
"@elliemae/ds-shared": "3.0.0-alpha.1",
|
|
105
|
+
"@elliemae/ds-system": "3.0.0-alpha.1",
|
|
106
106
|
"moment": "~2.29.1",
|
|
107
107
|
"prop-types": "~15.7.2",
|
|
108
108
|
"react-dates": "~21.8.0",
|
|
@@ -125,6 +125,7 @@
|
|
|
125
125
|
"dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
|
|
126
126
|
"test": "node ../../scripts/testing/test.mjs",
|
|
127
127
|
"lint": "node ../../scripts/lint.mjs",
|
|
128
|
+
"dts": "node ../../scripts/dts.mjs",
|
|
128
129
|
"build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
|
|
129
130
|
}
|
|
130
131
|
}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export default class DSDatePickerImpl extends React.Component {
|
|
3
|
-
constructor(props: any);
|
|
4
|
-
static getDerivedStateFromProps(nextProps: any, prevState: any): {} | null;
|
|
5
|
-
onClickPicker: () => void;
|
|
6
|
-
getSafeValue: () => any;
|
|
7
|
-
getSafeInputValue: () => any;
|
|
8
|
-
isControlled: () => boolean;
|
|
9
|
-
handleDateChange: (date: any, event: any) => void;
|
|
10
|
-
handleInputChange: (dataInput: any, newDate: any) => void;
|
|
11
|
-
handleChange: (newDate: any) => void;
|
|
12
|
-
handleFocus: ({ focused }: {
|
|
13
|
-
focused: any;
|
|
14
|
-
}) => void;
|
|
15
|
-
handleCalendarClose: () => void;
|
|
16
|
-
handleClickEscape: () => void;
|
|
17
|
-
handleOnBlur: () => void;
|
|
18
|
-
handleInputFocus: (dataInput: any) => void;
|
|
19
|
-
render(): JSX.Element;
|
|
20
|
-
}
|
|
21
|
-
export { DSDatePickerImpl };
|
|
@@ -1,80 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import moment from 'moment';
|
|
3
|
-
import 'react-dates/initialize';
|
|
4
|
-
interface DSDatePickerControllerStateType {
|
|
5
|
-
selectedDate: any;
|
|
6
|
-
firstFocusableItem: React.RefObject<HTMLElement>;
|
|
7
|
-
datePicker: React.RefObject<HTMLElement>;
|
|
8
|
-
}
|
|
9
|
-
export default class DSDatePickerController extends React.Component<any, DSDatePickerControllerStateType> {
|
|
10
|
-
static defaultProps: {
|
|
11
|
-
date: string;
|
|
12
|
-
value: string;
|
|
13
|
-
enableOutsideDays: boolean;
|
|
14
|
-
initialVisibleMonth: moment.Moment;
|
|
15
|
-
firstDayOfWeek: number;
|
|
16
|
-
keepOpenOnDateSelect: boolean;
|
|
17
|
-
hideKeyboardShortcutsPanel: boolean;
|
|
18
|
-
onPrevMonthClick: () => null;
|
|
19
|
-
onNextMonthClick: () => null;
|
|
20
|
-
onClose: () => null;
|
|
21
|
-
onChange: () => null;
|
|
22
|
-
onClickEscape: () => null;
|
|
23
|
-
onDateChange: () => null;
|
|
24
|
-
phrases: {
|
|
25
|
-
calendarLabel: string;
|
|
26
|
-
roleDescription: string;
|
|
27
|
-
closeDatePicker: string;
|
|
28
|
-
clearDate: string;
|
|
29
|
-
jumpToPrevMonth: string;
|
|
30
|
-
jumpToNextMonth: string;
|
|
31
|
-
keyboardShortcuts: string;
|
|
32
|
-
showKeyboardShortcutsPanel: string;
|
|
33
|
-
hideKeyboardShortcutsPanel: string;
|
|
34
|
-
openThisPanel: string;
|
|
35
|
-
enterKey: string;
|
|
36
|
-
leftArrowRightArrow: string;
|
|
37
|
-
upArrowDownArrow: string;
|
|
38
|
-
pageUpPageDown: string;
|
|
39
|
-
homeEnd: string;
|
|
40
|
-
escape: string;
|
|
41
|
-
questionMark: string;
|
|
42
|
-
selectFocusedDate: string;
|
|
43
|
-
moveFocusByOneDay: string;
|
|
44
|
-
moveFocusByOneWeek: string;
|
|
45
|
-
moveFocusByOneMonth: string;
|
|
46
|
-
moveFocustoStartAndEndOfWeek: string;
|
|
47
|
-
returnFocusToInput: string;
|
|
48
|
-
keyboardForwardNavigationInstructions: string;
|
|
49
|
-
keyboardBackwardNavigationInstructions: string;
|
|
50
|
-
chooseAvailableDate: ({ date }: {
|
|
51
|
-
date: any;
|
|
52
|
-
}) => any;
|
|
53
|
-
dateIsUnavailable: ({ date }: {
|
|
54
|
-
date: any;
|
|
55
|
-
}) => string;
|
|
56
|
-
dateIsSelected: ({ date }: {
|
|
57
|
-
date: any;
|
|
58
|
-
}) => string;
|
|
59
|
-
};
|
|
60
|
-
displayFormatDay: string;
|
|
61
|
-
transitionDuration: number;
|
|
62
|
-
isDayBlocked: () => boolean;
|
|
63
|
-
isOutsideRange: () => boolean;
|
|
64
|
-
isDayHighlighted: () => boolean;
|
|
65
|
-
numberOfMonths: number;
|
|
66
|
-
};
|
|
67
|
-
constructor(props: any);
|
|
68
|
-
componentDidMount(): void;
|
|
69
|
-
componentWillUnmount(): void;
|
|
70
|
-
handleMouseUp: () => void;
|
|
71
|
-
handleKeyDown: (event: any) => void;
|
|
72
|
-
getSafeValue: () => moment.Moment | null;
|
|
73
|
-
isControlled: () => boolean;
|
|
74
|
-
handleDateChange: (date: any) => void;
|
|
75
|
-
handleChange: (dataInput: any) => void;
|
|
76
|
-
handleNavClick: (date: any, nav: any) => void;
|
|
77
|
-
insideBlur: (event: any) => void;
|
|
78
|
-
render(): JSX.Element;
|
|
79
|
-
}
|
|
80
|
-
export { DSDatePickerController };
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
|
-
declare const Day: {
|
|
4
|
-
({ className, date }: {
|
|
5
|
-
className?: string | undefined;
|
|
6
|
-
date?: string | undefined;
|
|
7
|
-
}): JSX.Element;
|
|
8
|
-
propTypes: {
|
|
9
|
-
className: PropTypes.Requireable<string>;
|
|
10
|
-
date: PropTypes.Requireable<string | number>;
|
|
11
|
-
};
|
|
12
|
-
};
|
|
13
|
-
export { Day as DatePickerDay };
|
|
14
|
-
export default Day;
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
|
-
declare function DatePickerDropdown({ disabled, readOnly, onClick, isOpen, menu, zIndex, pickerProps, pickerRef, }: {
|
|
4
|
-
disabled?: boolean | undefined;
|
|
5
|
-
readOnly: any;
|
|
6
|
-
onClick?: (() => null) | undefined;
|
|
7
|
-
isOpen: any;
|
|
8
|
-
menu: any;
|
|
9
|
-
zIndex?: number | undefined;
|
|
10
|
-
pickerProps: any;
|
|
11
|
-
pickerRef: any;
|
|
12
|
-
}): JSX.Element;
|
|
13
|
-
declare namespace DatePickerDropdown {
|
|
14
|
-
var propTypes: {
|
|
15
|
-
pickerRef: PropTypes.Requireable<((...args: any[]) => any) | PropTypes.InferProps<{
|
|
16
|
-
current: PropTypes.Requireable<any>;
|
|
17
|
-
}>>;
|
|
18
|
-
disabled: PropTypes.Requireable<boolean>;
|
|
19
|
-
readOnly: PropTypes.Requireable<boolean>;
|
|
20
|
-
onClick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
21
|
-
isOpen: PropTypes.Requireable<boolean>;
|
|
22
|
-
menu: PropTypes.Requireable<PropTypes.ReactElementLike>;
|
|
23
|
-
zIndex: PropTypes.Requireable<number>;
|
|
24
|
-
pickerProps: PropTypes.Requireable<PropTypes.InferProps<{
|
|
25
|
-
innerRef: PropTypes.Requireable<((...args: any[]) => any) | PropTypes.InferProps<{
|
|
26
|
-
current: PropTypes.Requireable<any>;
|
|
27
|
-
}>>;
|
|
28
|
-
className: PropTypes.Requireable<string>;
|
|
29
|
-
disabled: PropTypes.Requireable<boolean>;
|
|
30
|
-
icon: PropTypes.Requireable<PropTypes.ReactElementLike>;
|
|
31
|
-
size: PropTypes.Requireable<unknown>;
|
|
32
|
-
buttonActionType: PropTypes.Requireable<"link" | "text" | "secondary" | "primary">;
|
|
33
|
-
onClick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
34
|
-
onFocus: PropTypes.Requireable<(...args: any[]) => any>;
|
|
35
|
-
onBlur: PropTypes.Requireable<(...args: any[]) => any>;
|
|
36
|
-
readOnly: PropTypes.Requireable<boolean>;
|
|
37
|
-
tabIndex: PropTypes.Requireable<number>;
|
|
38
|
-
}>>;
|
|
39
|
-
};
|
|
40
|
-
}
|
|
41
|
-
export { DatePickerDropdown };
|
|
42
|
-
export default DatePickerDropdown;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
|
-
declare const DatePickerHeader: {
|
|
4
|
-
({ onInputChange, selectedDate, updateKeyDate }: {
|
|
5
|
-
onInputChange?: (() => null) | undefined;
|
|
6
|
-
selectedDate: any;
|
|
7
|
-
updateKeyDate: any;
|
|
8
|
-
}): JSX.Element;
|
|
9
|
-
propTypes: {
|
|
10
|
-
onInputChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
11
|
-
selectedDate: PropTypes.Requireable<any>;
|
|
12
|
-
updateKeyDate: PropTypes.Requireable<any>;
|
|
13
|
-
};
|
|
14
|
-
};
|
|
15
|
-
export { DatePickerHeader };
|
|
16
|
-
export default DatePickerHeader;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
|
-
declare const Navigation: {
|
|
4
|
-
({ className, icon: Icon, color, size, innerRef, }: {
|
|
5
|
-
className?: string | undefined;
|
|
6
|
-
icon?: ((rest: any) => JSX.Element) | undefined;
|
|
7
|
-
color?: string[] | undefined;
|
|
8
|
-
size?: string | undefined;
|
|
9
|
-
innerRef: any;
|
|
10
|
-
}): JSX.Element;
|
|
11
|
-
propTypes: {
|
|
12
|
-
className: string;
|
|
13
|
-
icon: PropTypes.Requireable<PropTypes.ReactElementLike>;
|
|
14
|
-
color: PropTypes.Requireable<unknown>;
|
|
15
|
-
size: PropTypes.Requireable<unknown>;
|
|
16
|
-
innerRef: PropTypes.Requireable<any>;
|
|
17
|
-
};
|
|
18
|
-
};
|
|
19
|
-
export { Navigation as DatePickerNavigation };
|
|
20
|
-
export default Navigation;
|