@elliemae/ds-date-range-picker 3.5.0-rc.9 → 3.6.0-next.0
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/DSDateRangePicker.js +43 -42
- package/dist/cjs/DSDateRangePicker.js.map +2 -2
- package/dist/cjs/components/DSDateRangePickerImpl.js +83 -67
- package/dist/cjs/components/DSDateRangePickerImpl.js.map +1 -1
- package/dist/cjs/components/DatePickerLabel/DatePickerLabel.js +7 -4
- package/dist/cjs/components/DatePickerLabel/DatePickerLabel.js.map +2 -2
- package/dist/cjs/components/DatePickerRangeHeader/DatePickerRangeHeader.js +28 -20
- package/dist/cjs/components/DatePickerRangeHeader/DatePickerRangeHeader.js.map +2 -2
- package/dist/cjs/components/DayPickerRangeController.js +34 -32
- package/dist/cjs/components/DayPickerRangeController.js.map +2 -2
- package/dist/esm/DSDateRangePicker.js +43 -42
- package/dist/esm/DSDateRangePicker.js.map +2 -2
- package/dist/esm/components/DSDateRangePickerImpl.js +83 -67
- package/dist/esm/components/DSDateRangePickerImpl.js.map +1 -1
- package/dist/esm/components/DatePickerLabel/DatePickerLabel.js +7 -4
- package/dist/esm/components/DatePickerLabel/DatePickerLabel.js.map +2 -2
- package/dist/esm/components/DatePickerRangeHeader/DatePickerRangeHeader.js +28 -20
- package/dist/esm/components/DatePickerRangeHeader/DatePickerRangeHeader.js.map +2 -2
- package/dist/esm/components/DayPickerRangeController.js +34 -32
- package/dist/esm/components/DayPickerRangeController.js.map +2 -2
- package/package.json +7 -7
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/DayPickerRangeController.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable import/no-unresolved */\n/* eslint-disable max-lines */\nimport React, { useRef, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport { DayPickerRangeController as RDRangeController } from 'react-dates';\nimport { DatePickerDay, DatePickerNavigation, renderMonthElement } from '@elliemae/ds-date-picker';\nimport { ChevronLeft } from '@elliemae/ds-icons';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\n\nconst { classNameElement, classNameBlock } = convertPropToCssClassName('datepicker-range');\n\nconst DayPickerRangeController = ({\n endDate = undefined,\n startDate = undefined,\n displayFormatDay = 'D',\n focusedInput = undefined,\n enableOutsideDays = false,\n onDatesChange = () => null,\n onFocusChange = () => null,\n onOutsideClick = () => null,\n isDayBlocked = () => null,\n isDayHighlighted = () => null,\n isOutsideRange = () => null,\n onNextMonthClick = () => null,\n onPrevMonthClick = () => null,\n ...otherProps\n}) => {\n const datePickerRef = useRef();\n\n useEffect(() => {\n const handleMouseUp = () => {\n const focusedElement = document.activeElement;\n\n focusedElement.blur();\n };\n const handleKeyDown = (event) => {\n const [firstDay, ...restOfDays] = document\n .getElementsByClassName('CalendarMonthGrid_month__horizontal')[1]\n .getElementsByClassName('CalendarDay');\n const [lastDay] = restOfDays.slice(-1);\n const focusedElement = document.activeElement;\n const [prev, next] = document.getElementsByClassName('DayPickerNavigation_button');\n\n switch (event.key) {\n case 'Home':\n event.stopPropagation();\n firstDay.focus();\n break;\n case 'End':\n event.stopPropagation();\n lastDay.focus();\n break;\n case 'Enter':\n case ' ':\n if (focusedElement === prev) {\n event.stopPropagation();\n setTimeout(() => {\n prev.focus();\n }, 240);\n } else if (focusedElement === next) {\n event.stopPropagation();\n setTimeout(() => {\n next?.focus();\n }, 240);\n }\n break;\n case 'Tab':\n if (firstDay === focusedElement || restOfDays.includes(focusedElement)) {\n event.preventDefault();\n prev.focus();\n }\n break;\n default:\n break;\n }\n };\n\n datePickerRef.current.addEventListener('mouseup', handleMouseUp, false);\n\n datePickerRef.current.addEventListener('keydown', handleKeyDown, false);\n\n return () => {\n if (datePickerRef.current) {\n datePickerRef.current.removeEventListener('mouseup', handleMouseUp, false);\n\n datePickerRef.current.removeEventListener('keydown', handleKeyDown, false);\n }\n };\n }, []);\n\n return (\n <div\n ref={datePickerRef}\n className={classNameBlock('wrapper-day-picker-single-date-controller')}\n data-testid={otherProps['data-testid'] || 'date-range-picker-controller'}\n >\n <RDRangeController\n {...otherProps}\n isDayBlocked={isDayBlocked}\n isDayHighlighted={isDayHighlighted}\n isOutsideRange={isOutsideRange}\n enableOutsideDays={enableOutsideDays}\n endDate={endDate}\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={onDatesChange}\n onFocusChange={onFocusChange}\n onOutsideClick={onOutsideClick}\n onNextMonthClick={onNextMonthClick}\n onPrevMonthClick={onPrevMonthClick}\n renderDayContents={(date) => (\n <DatePickerDay className={classNameElement('day-contents')} date={date.format(displayFormatDay)} />\n )}\n renderMonthElement={renderMonthElement}\n startDate={startDate}\n />\n </div>\n );\n};\n\nDayPickerRangeController.propTypes = {\n endDate: PropTypes.instanceOf(Date, moment),\n startDate: PropTypes.instanceOf(Date, moment),\n displayFormatDay: PropTypes.string,\n focusedInput: PropTypes.bool,\n onDatesChange: PropTypes.func,\n onFocusChange: PropTypes.func,\n onOutsideClick: PropTypes.func,\n onNextMonthClick: PropTypes.func,\n onPrevMonthClick: PropTypes.func,\n enableOutsideDays: PropTypes.bool,\n isDayBlocked: PropTypes.func,\n isDayHighlighted: PropTypes.func,\n isOutsideRange: PropTypes.func,\n};\n\nexport default DayPickerRangeController;\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;
|
|
6
|
-
"names": [
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-date-range-picker",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.6.0-next.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Date Range Picker",
|
|
6
6
|
"files": [
|
|
@@ -59,12 +59,12 @@
|
|
|
59
59
|
"indent": 4
|
|
60
60
|
},
|
|
61
61
|
"dependencies": {
|
|
62
|
-
"@elliemae/ds-classnames": "3.
|
|
63
|
-
"@elliemae/ds-date-picker": "3.
|
|
64
|
-
"@elliemae/ds-form": "3.
|
|
65
|
-
"@elliemae/ds-icons": "3.
|
|
66
|
-
"@elliemae/ds-popper": "3.
|
|
67
|
-
"@elliemae/ds-utilities": "3.
|
|
62
|
+
"@elliemae/ds-classnames": "3.6.0-next.0",
|
|
63
|
+
"@elliemae/ds-date-picker": "3.6.0-next.0",
|
|
64
|
+
"@elliemae/ds-form": "3.6.0-next.0",
|
|
65
|
+
"@elliemae/ds-icons": "3.6.0-next.0",
|
|
66
|
+
"@elliemae/ds-popper": "3.6.0-next.0",
|
|
67
|
+
"@elliemae/ds-utilities": "3.6.0-next.0",
|
|
68
68
|
"moment": "~2.29.3",
|
|
69
69
|
"prop-types": "~15.8.1",
|
|
70
70
|
"react-dates": "~21.8.0"
|