@elliemae/ds-date-picker 3.12.0-rc.2 → 3.12.0-rc.20
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 +5 -7
- package/dist/cjs/DSDatePicker.js.map +1 -1
- package/dist/cjs/components/DSDatePickerImpl.js +71 -56
- package/dist/cjs/components/DSDatePickerImpl.js.map +1 -1
- package/dist/cjs/components/DatePickerController/DatePickerController.js +45 -42
- package/dist/cjs/components/DatePickerController/DatePickerController.js.map +1 -1
- package/dist/cjs/components/DatePickerDay/DatePickerDay.js +1 -9
- package/dist/cjs/components/DatePickerDay/DatePickerDay.js.map +1 -1
- package/dist/cjs/components/DatePickerDropdown.js +27 -23
- package/dist/cjs/components/DatePickerDropdown.js.map +1 -1
- package/dist/cjs/components/DatePickerHeader/DatePickerHeader.js +9 -10
- package/dist/cjs/components/DatePickerHeader/DatePickerHeader.js.map +1 -1
- package/dist/cjs/components/DatePickerNavigation/DatePickerNavigation.js +1 -10
- package/dist/cjs/components/DatePickerNavigation/DatePickerNavigation.js.map +1 -1
- package/dist/cjs/components/DatePickerPicker/DatePickerPicker.js +18 -15
- package/dist/cjs/components/DatePickerPicker/DatePickerPicker.js.map +1 -1
- package/dist/cjs/components/DatePickerRange/DatePickerRange.js +24 -32
- package/dist/cjs/components/DatePickerRange/DatePickerRange.js.map +1 -1
- package/dist/cjs/components/DatePickerRangeHeader/DatePickerRangeHeader.js +24 -22
- package/dist/cjs/components/DatePickerRangeHeader/DatePickerRangeHeader.js.map +1 -1
- package/dist/cjs/components/DatePickerRenderMonth/DatePickerRenderMonth.js +23 -38
- package/dist/cjs/components/DatePickerRenderMonth/DatePickerRenderMonth.js.map +1 -1
- package/dist/cjs/components/DatePickerSingleDate/DatePickerSingleDate.js +24 -31
- package/dist/cjs/components/DatePickerSingleDate/DatePickerSingleDate.js.map +1 -1
- package/dist/cjs/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js +28 -22
- package/dist/cjs/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js.map +1 -1
- package/dist/esm/DSDatePicker.js +5 -7
- package/dist/esm/DSDatePicker.js.map +1 -1
- package/dist/esm/components/DSDatePickerImpl.js +71 -56
- package/dist/esm/components/DSDatePickerImpl.js.map +1 -1
- package/dist/esm/components/DatePickerController/DatePickerController.js +45 -42
- package/dist/esm/components/DatePickerController/DatePickerController.js.map +1 -1
- package/dist/esm/components/DatePickerDay/DatePickerDay.js +1 -9
- package/dist/esm/components/DatePickerDay/DatePickerDay.js.map +1 -1
- package/dist/esm/components/DatePickerDropdown.js +27 -23
- package/dist/esm/components/DatePickerDropdown.js.map +1 -1
- package/dist/esm/components/DatePickerHeader/DatePickerHeader.js +9 -10
- package/dist/esm/components/DatePickerHeader/DatePickerHeader.js.map +1 -1
- package/dist/esm/components/DatePickerNavigation/DatePickerNavigation.js +1 -10
- package/dist/esm/components/DatePickerNavigation/DatePickerNavigation.js.map +1 -1
- package/dist/esm/components/DatePickerPicker/DatePickerPicker.js +18 -15
- package/dist/esm/components/DatePickerPicker/DatePickerPicker.js.map +1 -1
- package/dist/esm/components/DatePickerRange/DatePickerRange.js +24 -32
- package/dist/esm/components/DatePickerRange/DatePickerRange.js.map +1 -1
- package/dist/esm/components/DatePickerRangeHeader/DatePickerRangeHeader.js +24 -22
- package/dist/esm/components/DatePickerRangeHeader/DatePickerRangeHeader.js.map +1 -1
- package/dist/esm/components/DatePickerRenderMonth/DatePickerRenderMonth.js +23 -38
- package/dist/esm/components/DatePickerRenderMonth/DatePickerRenderMonth.js.map +1 -1
- package/dist/esm/components/DatePickerSingleDate/DatePickerSingleDate.js +24 -31
- package/dist/esm/components/DatePickerSingleDate/DatePickerSingleDate.js.map +1 -1
- package/dist/esm/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js +28 -22
- package/dist/esm/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js.map +1 -1
- package/package.json +12 -12
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/DatePickerNavigation/DatePickerNavigation.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADcnB;AAbJ,wBAAsB;AACtB,sBAA6B;AAC7B,qBAA0C;AAC1C,uBAAsC;AAEtC,MAAM,aAAa,CAAC;AAAA,EAClB,YAAY;AAAA,EACZ,MAAM,OAAO;AAAA,EACb,QAAQ,4BAAa;AAAA,EACrB,OAAO,2BAAY;AAAA,EACnB;AACF,MACE,4CAAC
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADcnB;AAbJ,wBAAsB;AACtB,sBAA6B;AAC7B,qBAA0C;AAC1C,uBAAsC;AAEtC,MAAM,aAAa,CAAC;AAAA,EAClB,YAAY;AAAA,EACZ,MAAM,OAAO;AAAA,EACb,QAAQ,4BAAa;AAAA,EACrB,OAAO,2BAAY;AAAA,EACnB;AACF,MACE,4CAAC,SAAI,UAAU,GAAG,eAAY,mBAC5B,sDAAC,QAAK,WAAsB,OAAc,UAAoB,MAAY,GAC5E;AAEF,WAAW,YAAY;AAAA,EACrB,WAAW;AAAA,EACX,MAAM,kBAAAA,QAAU;AAAA,EAChB,OAAO,kBAAAA,QAAU,MAAM,2BAAU;AAAA,EACjC,MAAM,kBAAAA,QAAU,MAAM,0BAAS;AAAA,EAC/B,UAAU,kBAAAA,QAAU;AACtB;AAGA,IAAO,+BAAQ;",
|
|
6
6
|
"names": ["PropTypes"]
|
|
7
7
|
}
|
|
@@ -49,21 +49,24 @@ const Picker = ({
|
|
|
49
49
|
tabIndex = 0,
|
|
50
50
|
innerRef,
|
|
51
51
|
...rest
|
|
52
|
-
}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
52
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
53
|
+
import_ds_button.DSButton,
|
|
54
|
+
{
|
|
55
|
+
innerRef,
|
|
56
|
+
"aria-label": rest["aria-label"] || "Date Picker Button",
|
|
57
|
+
buttonType: buttonActionType,
|
|
58
|
+
className,
|
|
59
|
+
color: !disabled ? import_ds_icon.DSIconColors.PRIMARY : import_ds_icon.DSIconColors.NEUTRAL,
|
|
60
|
+
disabled,
|
|
61
|
+
icon,
|
|
62
|
+
onBlur,
|
|
63
|
+
onClick,
|
|
64
|
+
readOnly,
|
|
65
|
+
size,
|
|
66
|
+
tabIndex,
|
|
67
|
+
"data-testid": "btn-date-picker"
|
|
68
|
+
}
|
|
69
|
+
);
|
|
67
70
|
const PickerPropsTypes = {
|
|
68
71
|
innerRef: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.func, import_ds_utilities.PropTypes.shape({ current: import_ds_utilities.PropTypes.any })]),
|
|
69
72
|
className: import_ds_utilities.PropTypes.string,
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/DatePickerPicker/DatePickerPicker.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADUd;AATT,0BAA0B;AAC1B,qBAA0C;AAC1C,sBAA2B;AAC3B,uBAAsC;AACtC,uBAA0B;AAEnB,MAAM,SAAS,CAAC;AAAA,EACrB,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,OAAO,4CAAC,8BAAW;AAAA,EACnB,OAAO,2BAAY;AAAA,EACnB,mBAAmB;AAAA,EACnB,UAAU,MAAM;AAAA,EAChB,SAAS,MAAM;AAAA,EACf,WAAW;AAAA,EACX,WAAW;AAAA,EACX;AAAA,KACG;AACL,MACE,
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADUd;AATT,0BAA0B;AAC1B,qBAA0C;AAC1C,sBAA2B;AAC3B,uBAAsC;AACtC,uBAA0B;AAEnB,MAAM,SAAS,CAAC;AAAA,EACrB,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,OAAO,4CAAC,8BAAW;AAAA,EACnB,OAAO,2BAAY;AAAA,EACnB,mBAAmB;AAAA,EACnB,UAAU,MAAM;AAAA,EAChB,SAAS,MAAM;AAAA,EACf,WAAW;AAAA,EACX,WAAW;AAAA,EACX;AAAA,KACG;AACL,MACE;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,cAAY,KAAK,iBAAiB;AAAA,IAClC,YAAY;AAAA,IACZ;AAAA,IACA,OAAO,CAAC,WAAW,4BAAa,UAAU,4BAAa;AAAA,IACvD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAY;AAAA;AACd;AAGK,MAAM,mBAAmB;AAAA,EAC9B,UAAU,8BAAU,UAAU,CAAC,8BAAU,MAAM,8BAAU,MAAM,EAAE,SAAS,8BAAU,IAAI,CAAC,CAAC,CAAC;AAAA,EAC3F,WAAW,8BAAU;AAAA,EACrB,UAAU,8BAAU;AAAA,EACpB,MAAM,8BAAU;AAAA,EAChB,MAAM,8BAAU,MAAM,0BAAS;AAAA,EAC/B,kBAAkB,8BAAU,MAAM,4BAAW;AAAA,EAC7C,SAAS,8BAAU;AAAA,EACnB,SAAS,8BAAU;AAAA,EACnB,QAAQ,8BAAU;AAAA,EAClB,UAAU,8BAAU;AAAA,EACpB,UAAU,8BAAU;AACtB;AAEA,OAAO,YAAY;AAGnB,IAAO,2BAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -73,42 +73,34 @@ const DatePickerRangeDate = ({ dateStart, dateEnd, displayFormatDay = "D", showH
|
|
|
73
73
|
};
|
|
74
74
|
const safeStartDate = getSafeDateStartValue();
|
|
75
75
|
const safeEndDate = getSafeDateEndValue();
|
|
76
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrapper, {
|
|
77
|
-
|
|
78
|
-
|
|
76
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrapper, { children: [
|
|
77
|
+
showHeader && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
78
|
+
import_DatePickerRangeHeader.DatePickerRangeHeader,
|
|
79
|
+
{
|
|
79
80
|
onEndInputChange: handleEndInputChange,
|
|
80
81
|
onStartInputChange: handleStartInputChange,
|
|
81
82
|
selectedEndDate: safeEndDate,
|
|
82
83
|
selectedStartDate: safeStartDate
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
renderDayContents: (date) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DatePickerDay.DatePickerDay, {
|
|
104
|
-
className: classNameElement("day-contents"),
|
|
105
|
-
date: date.format(displayFormatDay)
|
|
106
|
-
}),
|
|
107
|
-
startDate: safeStartDate
|
|
108
|
-
})
|
|
109
|
-
})
|
|
110
|
-
]
|
|
111
|
-
});
|
|
84
|
+
}
|
|
85
|
+
),
|
|
86
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: datePickerRef, className: classNameBlock("wrapper-day-picker-single-date-controller"), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
87
|
+
import_react_dates.DayPickerRangeController,
|
|
88
|
+
{
|
|
89
|
+
...otherProps,
|
|
90
|
+
enableOutsideDays: true,
|
|
91
|
+
endDate: safeEndDate,
|
|
92
|
+
focused: true,
|
|
93
|
+
focusedInput,
|
|
94
|
+
hideKeyboardShortcutsPanel: true,
|
|
95
|
+
navNext: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DatePickerNavigation.DatePickerNavigation, { className: classNameElement("navigation-next") }),
|
|
96
|
+
navPrev: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DatePickerNavigation.DatePickerNavigation, { className: classNameElement("navigation-prev"), icon: import_ds_icons.ChevronLeft }),
|
|
97
|
+
onDatesChange: handleDatesChange,
|
|
98
|
+
onFocusChange: handleFocusChange,
|
|
99
|
+
renderDayContents: (date) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DatePickerDay.DatePickerDay, { className: classNameElement("day-contents"), date: date.format(displayFormatDay) }),
|
|
100
|
+
startDate: safeStartDate
|
|
101
|
+
}
|
|
102
|
+
) })
|
|
103
|
+
] });
|
|
112
104
|
};
|
|
113
105
|
var DatePickerRange_default = DatePickerRangeDate;
|
|
114
106
|
//# sourceMappingURL=DatePickerRange.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/DatePickerRange/DatePickerRange.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD0DnB;AAxDJ,mBAAwC;AACxC,yBAAyC;AACzC,oBAAmB;AACnB,2BAA6D;AAC7D,sBAA4B;AAC5B,2BAA8B;AAC9B,kCAAqC;AACrC,mCAAsC;AAEtC,MAAM,YAAY;AAClB,MAAM,cAAU,wCAAkB,KAAK,EAAE,WAAW,SAAS;AAE7D,MAAM,EAAE,kBAAkB,eAAe,QAAI,gDAA0B,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,QAAI,uBAAS,SAAS;AACpE,QAAM,CAAC,iBAAiB,kBAAkB,QAAI,uBAAS,OAAO;AAC9D,QAAM,CAAC,cAAc,eAAe,QAAI,uBAAS,UAAU;AAC3D,QAAM,oBAAgB,qBAAO;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,iBAAO,cAAAA,SAAO,iBAAiB;AAAA,IACjC;AAAA,EACF;AAEA,QAAM,sBAAsB,MAAM;AAChC,QAAI,iBAAiB;AACnB,iBAAO,cAAAA,SAAO,eAAe;AAAA,IAC/B;AAAA,EACF;AAEA,QAAM,gBAAgB,sBAAsB;AAC5C,QAAM,cAAc,oBAAoB;AAExC,SACE,6CAAC;AAAA,
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD0DnB;AAxDJ,mBAAwC;AACxC,yBAAyC;AACzC,oBAAmB;AACnB,2BAA6D;AAC7D,sBAA4B;AAC5B,2BAA8B;AAC9B,kCAAqC;AACrC,mCAAsC;AAEtC,MAAM,YAAY;AAClB,MAAM,cAAU,wCAAkB,KAAK,EAAE,WAAW,SAAS;AAE7D,MAAM,EAAE,kBAAkB,eAAe,QAAI,gDAA0B,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,QAAI,uBAAS,SAAS;AACpE,QAAM,CAAC,iBAAiB,kBAAkB,QAAI,uBAAS,OAAO;AAC9D,QAAM,CAAC,cAAc,eAAe,QAAI,uBAAS,UAAU;AAC3D,QAAM,oBAAgB,qBAAO;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,iBAAO,cAAAA,SAAO,iBAAiB;AAAA,IACjC;AAAA,EACF;AAEA,QAAM,sBAAsB,MAAM;AAChC,QAAI,iBAAiB;AACnB,iBAAO,cAAAA,SAAO,eAAe;AAAA,IAC/B;AAAA,EACF;AAEA,QAAM,gBAAgB,sBAAsB;AAC5C,QAAM,cAAc,oBAAoB;AAExC,SACE,6CAAC,WACE;AAAA,kBACC;AAAA,MAAC;AAAA;AAAA,QACC,kBAAkB;AAAA,QAClB,oBAAoB;AAAA,QACpB,iBAAiB;AAAA,QACjB,mBAAmB;AAAA;AAAA,IACrB;AAAA,IAEF,4CAAC,SAAI,KAAK,eAAe,WAAW,eAAe,2CAA2C,GAC5F;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,mBAAiB;AAAA,QACjB,SAAS;AAAA,QACT,SAAO;AAAA,QACP;AAAA,QACA,4BAA0B;AAAA,QAC1B,SAAS,4CAAC,oDAAqB,WAAW,iBAAiB,iBAAiB,GAAG;AAAA,QAC/E,SAAS,4CAAC,oDAAqB,WAAW,iBAAiB,iBAAiB,GAAG,MAAM,6BAAa;AAAA,QAClG,eAAe;AAAA,QACf,eAAe;AAAA,QACf,mBAAmB,CAAC,SAClB,4CAAC,sCAAc,WAAW,iBAAiB,cAAc,GAAG,MAAM,KAAK,OAAO,gBAAgB,GAAG;AAAA,QAEnG,WAAW;AAAA;AAAA,IACb,GACF;AAAA,KACF;AAEJ;AAGA,IAAO,0BAAQ;",
|
|
6
6
|
"names": ["moment"]
|
|
7
7
|
}
|
|
@@ -107,28 +107,30 @@ const DatePickerRangeHeader = ({
|
|
|
107
107
|
onEndInputChange(momentEnd);
|
|
108
108
|
}
|
|
109
109
|
};
|
|
110
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Header, {
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
110
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Header, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_form.DSInputGroup, { children: [
|
|
111
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
112
|
+
import_ds_form.DSDateInputV2,
|
|
113
|
+
{
|
|
114
|
+
containerProps: { "data-testid": "start-date" },
|
|
115
|
+
innerRef: startInputRef,
|
|
116
|
+
onChange: handleOnChangeStart,
|
|
117
|
+
onFocus: () => handleOnFocus("startDate"),
|
|
118
|
+
onKeyDown: handleOnKeyDownStart,
|
|
119
|
+
value: startValue
|
|
120
|
+
}
|
|
121
|
+
),
|
|
122
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
123
|
+
import_ds_form.DSDateInputV2,
|
|
124
|
+
{
|
|
125
|
+
containerProps: { "data-testid": "end-date" },
|
|
126
|
+
innerRef: endInputRef,
|
|
127
|
+
onChange: handleOnChangeEnd,
|
|
128
|
+
onFocus: () => handleOnFocus("endDate"),
|
|
129
|
+
onKeyDown: handleOnKeyDownEnd,
|
|
130
|
+
value: endValue
|
|
131
|
+
}
|
|
132
|
+
)
|
|
133
|
+
] }) });
|
|
132
134
|
};
|
|
133
135
|
DatePickerRangeHeader.propTypes = {
|
|
134
136
|
onStartInputChange: import_prop_types.default.func,
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/DatePickerRangeHeader/DatePickerRangeHeader.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable consistent-return */\n/* eslint-disable no-unused-expressions */\nimport React, { useState, useEffect, useRef } 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 blockname = 'date-range-picker';\n\nconst DATE_FORMAT = 'MMDDYYYY';\n\n// When year is greater than 999 it means the user finished writing\n// the year for the range, because they must type 4 numbers for the year\n// to be higher than 999\nconst MAGIC_NUMBER = 999;\n\nconst Header = aggregatedClasses('div')(blockname, 'header', ({ invalidDate }) => ({ invalidDate }));\n\nconst DatePickerRangeHeader = ({\n onStartInputChange = () => null,\n onEndInputChange = () => null,\n onFocusChange = () => null,\n selectedStartDate,\n selectedEndDate,\n handleDatesChange,\n autoJumpOnEdit = true,\n}) => {\n const [startValue, setStartValue] = useState(selectedStartDate);\n const [endValue, setEndValue] = useState(selectedEndDate);\n const startInputRef = useRef();\n const endInputRef = useRef();\n\n useEffect(() => {\n if (selectedStartDate) {\n setStartValue(selectedStartDate.format(DATE_FORMAT));\n }\n if (selectedEndDate) {\n setEndValue(selectedEndDate.format(DATE_FORMAT));\n }\n }, [selectedStartDate, selectedEndDate]);\n\n const isValidRangeDate = (start, end) => {\n let isValidRange = false;\n if (start && end) {\n const momentStart = moment(start, DATE_FORMAT);\n const momentEnd = moment(end, DATE_FORMAT);\n isValidRange = momentStart.isBefore(momentEnd);\n }\n return isValidRange;\n };\n\n const handleOnFocus = (inputType) => onFocusChange(inputType);\n\n const handleOnChangeStart = (newStartValue) => {\n const y = newStartValue.substring(4);\n const momentValue = moment(newStartValue, DATE_FORMAT);\n if (newStartValue && newStartValue.length === DATE_FORMAT.length) {\n onStartInputChange(momentValue);\n }\n\n setStartValue(newStartValue);\n if (autoJumpOnEdit && parseInt(y, 10) > MAGIC_NUMBER && endInputRef?.current?.firstChild?.focus) {\n endInputRef.current.firstChild.focus();\n }\n };\n\n const handleOnChangeEnd = (newEndValue) => {\n const momentValue = moment(newEndValue, DATE_FORMAT);\n if (isValidRangeDate(startValue, newEndValue) && newEndValue && newEndValue.length === DATE_FORMAT.length) {\n onEndInputChange(momentValue);\n }\n setEndValue(newEndValue);\n };\n\n const handleOnKeyDownStart = (e) => {\n const isValid = isValidRangeDate(startValue, endValue);\n const momentStart = moment(startValue, DATE_FORMAT);\n const momentEnd = moment(endValue, DATE_FORMAT);\n if (e.key === 'Enter' && startValue) {\n onStartInputChange(momentStart);\n if (isValid) handleDatesChange({ startDate: momentStart, endDate: momentEnd });\n }\n };\n\n const handleOnKeyDownEnd = (e) => {\n const isValid = isValidRangeDate(startValue, endValue);\n const momentStart = moment(startValue, DATE_FORMAT);\n const momentEnd = moment(endValue, DATE_FORMAT);\n if (e.key === 'Enter' && isValid) {\n handleDatesChange({ startDate: momentStart, endDate: momentEnd });\n onEndInputChange(momentEnd);\n }\n };\n\n return (\n <Header>\n <DSInputGroup>\n <DSDateInputV2\n containerProps={{ 'data-testid': 'start-date' }}\n innerRef={startInputRef}\n onChange={handleOnChangeStart}\n onFocus={() => handleOnFocus('startDate')}\n onKeyDown={handleOnKeyDownStart}\n value={startValue}\n />\n <DSDateInputV2\n containerProps={{ 'data-testid': 'end-date' }}\n innerRef={endInputRef}\n onChange={handleOnChangeEnd}\n onFocus={() => handleOnFocus('endDate')}\n onKeyDown={handleOnKeyDownEnd}\n value={endValue}\n />\n </DSInputGroup>\n </Header>\n );\n};\n\nDatePickerRangeHeader.propTypes = {\n onStartInputChange: PropTypes.func,\n onEndInputChange: PropTypes.func,\n onFocusChange: PropTypes.func,\n selectedStartDate: PropTypes.any,\n selectedEndDate: PropTypes.any,\n handleDatesChange: PropTypes.func,\n autoJumpOnEdit: PropTypes.bool,\n};\n\nexport { DatePickerRangeHeader };\nexport default DatePickerRangeHeader;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADkGjB;AA/FN,mBAAmD;AACnD,wBAAsB;AACtB,oBAAmB;AACnB,qBAA4C;AAC5C,2BAAkC;AAElC,MAAM,YAAY;AAElB,MAAM,cAAc;AAKpB,MAAM,eAAe;AAErB,MAAM,aAAS,wCAAkB,KAAK,EAAE,WAAW,UAAU,CAAC,EAAE,YAAY,OAAO,EAAE,YAAY,EAAE;AAEnG,MAAM,wBAAwB,CAAC;AAAA,EAC7B,qBAAqB,MAAM;AAAA,EAC3B,mBAAmB,MAAM;AAAA,EACzB,gBAAgB,MAAM;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AACnB,MAAM;AACJ,QAAM,CAAC,YAAY,aAAa,QAAI,uBAAS,iBAAiB;AAC9D,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,eAAe;AACxD,QAAM,oBAAgB,qBAAO;AAC7B,QAAM,kBAAc,qBAAO;AAE3B,8BAAU,MAAM;AACd,QAAI,mBAAmB;AACrB,oBAAc,kBAAkB,OAAO,WAAW,CAAC;AAAA,IACrD;AACA,QAAI,iBAAiB;AACnB,kBAAY,gBAAgB,OAAO,WAAW,CAAC;AAAA,IACjD;AAAA,EACF,GAAG,CAAC,mBAAmB,eAAe,CAAC;AAEvC,QAAM,mBAAmB,CAAC,OAAO,QAAQ;AACvC,QAAI,eAAe;AACnB,QAAI,SAAS,KAAK;AAChB,YAAM,kBAAc,cAAAA,SAAO,OAAO,WAAW;AAC7C,YAAM,gBAAY,cAAAA,SAAO,KAAK,WAAW;AACzC,qBAAe,YAAY,SAAS,SAAS;AAAA,IAC/C;AACA,WAAO;AAAA,EACT;AAEA,QAAM,gBAAgB,CAAC,cAAc,cAAc,SAAS;AAE5D,QAAM,sBAAsB,CAAC,kBAAkB;AAC7C,UAAM,IAAI,cAAc,UAAU,CAAC;AACnC,UAAM,kBAAc,cAAAA,SAAO,eAAe,WAAW;AACrD,QAAI,iBAAiB,cAAc,WAAW,YAAY,QAAQ;AAChE,yBAAmB,WAAW;AAAA,IAChC;AAEA,kBAAc,aAAa;AAC3B,QAAI,kBAAkB,SAAS,GAAG,EAAE,IAAI,gBAAgB,aAAa,SAAS,YAAY,OAAO;AAC/F,kBAAY,QAAQ,WAAW,MAAM;AAAA,IACvC;AAAA,EACF;AAEA,QAAM,oBAAoB,CAAC,gBAAgB;AACzC,UAAM,kBAAc,cAAAA,SAAO,aAAa,WAAW;AACnD,QAAI,iBAAiB,YAAY,WAAW,KAAK,eAAe,YAAY,WAAW,YAAY,QAAQ;AACzG,uBAAiB,WAAW;AAAA,IAC9B;AACA,gBAAY,WAAW;AAAA,EACzB;AAEA,QAAM,uBAAuB,CAAC,MAAM;AAClC,UAAM,UAAU,iBAAiB,YAAY,QAAQ;AACrD,UAAM,kBAAc,cAAAA,SAAO,YAAY,WAAW;AAClD,UAAM,gBAAY,cAAAA,SAAO,UAAU,WAAW;AAC9C,QAAI,EAAE,QAAQ,WAAW,YAAY;AACnC,yBAAmB,WAAW;AAC9B,UAAI;AAAS,0BAAkB,EAAE,WAAW,aAAa,SAAS,UAAU,CAAC;AAAA,IAC/E;AAAA,EACF;AAEA,QAAM,qBAAqB,CAAC,MAAM;AAChC,UAAM,UAAU,iBAAiB,YAAY,QAAQ;AACrD,UAAM,kBAAc,cAAAA,SAAO,YAAY,WAAW;AAClD,UAAM,gBAAY,cAAAA,SAAO,UAAU,WAAW;AAC9C,QAAI,EAAE,QAAQ,WAAW,SAAS;AAChC,wBAAkB,EAAE,WAAW,aAAa,SAAS,UAAU,CAAC;AAChE,uBAAiB,SAAS;AAAA,IAC5B;AAAA,EACF;AAEA,SACE,4CAAC
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["moment", "PropTypes"]
|
|
7
7
|
}
|
|
@@ -31,42 +31,27 @@ var React = __toESM(require("react"));
|
|
|
31
31
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
32
32
|
var import_ds_icons = require("@elliemae/ds-icons");
|
|
33
33
|
var import_ds_grid = require("@elliemae/ds-grid");
|
|
34
|
-
const renderMonthElement = ({ month, onYearSelect }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, {
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
}),
|
|
58
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
|
|
59
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
|
|
60
|
-
role: "button",
|
|
61
|
-
tabIndex: "0",
|
|
62
|
-
"data-testid": "date-picker-next-year-arrow",
|
|
63
|
-
onClick: () => onYearSelect(month, month.year() + 1),
|
|
64
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronDoubleRight, {
|
|
65
|
-
width: 13.6,
|
|
66
|
-
height: 13.6
|
|
67
|
-
})
|
|
68
|
-
})
|
|
69
|
-
})
|
|
70
|
-
]
|
|
71
|
-
});
|
|
34
|
+
const renderMonthElement = ({ month, onYearSelect }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, { height: "20px", cols: ["auto", 1, "auto"], alignItems: "flex-end", mr: "10px", children: [
|
|
35
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
36
|
+
"div",
|
|
37
|
+
{
|
|
38
|
+
role: "button",
|
|
39
|
+
tabIndex: "0",
|
|
40
|
+
"data-testid": "date-picker-prev-year-arrow",
|
|
41
|
+
onClick: () => onYearSelect(month, month.year() - 1),
|
|
42
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronDoubleLeft, { width: 13.6, height: 13.6 })
|
|
43
|
+
}
|
|
44
|
+
) }),
|
|
45
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, { "data-testid": "date-picker-header", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: month.format("MMMM YYYY") }) }),
|
|
46
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
47
|
+
"div",
|
|
48
|
+
{
|
|
49
|
+
role: "button",
|
|
50
|
+
tabIndex: "0",
|
|
51
|
+
"data-testid": "date-picker-next-year-arrow",
|
|
52
|
+
onClick: () => onYearSelect(month, month.year() + 1),
|
|
53
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronDoubleRight, { width: 13.6, height: 13.6 })
|
|
54
|
+
}
|
|
55
|
+
) })
|
|
56
|
+
] });
|
|
72
57
|
//# sourceMappingURL=DatePickerRenderMonth.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/DatePickerRenderMonth/DatePickerRenderMonth.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport React from 'react';\nimport { ChevronDoubleLeft, ChevronDoubleRight } from '@elliemae/ds-icons';\nimport { Grid } from '@elliemae/ds-grid';\n\nexport const renderMonthElement = ({ month, onYearSelect }) => (\n <Grid height=\"20px\" cols={['auto', 1, 'auto']} alignItems=\"flex-end\" mr=\"10px\">\n <div>\n <div\n role=\"button\"\n tabIndex=\"0\"\n data-testid=\"date-picker-prev-year-arrow\"\n onClick={() => onYearSelect(month, month.year() - 1)}\n >\n <ChevronDoubleLeft width={13.6} height={13.6} />\n </div>\n </div>\n <Grid data-testid=\"date-picker-header\">\n <strong>{month.format('MMMM YYYY')}</strong>\n </Grid>\n <div>\n <div\n role=\"button\"\n tabIndex=\"0\"\n data-testid=\"date-picker-next-year-arrow\"\n onClick={() => onYearSelect(month, month.year() + 1)}\n >\n <ChevronDoubleRight width={13.6} height={13.6} />\n </div>\n </div>\n </Grid>\n);\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADMrB;AAJF,sBAAsD;AACtD,qBAAqB;AAEd,MAAM,qBAAqB,CAAC,EAAE,OAAO,aAAa,MACvD,6CAAC
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADMrB;AAJF,sBAAsD;AACtD,qBAAqB;AAEd,MAAM,qBAAqB,CAAC,EAAE,OAAO,aAAa,MACvD,6CAAC,uBAAK,QAAO,QAAO,MAAM,CAAC,QAAQ,GAAG,MAAM,GAAG,YAAW,YAAW,IAAG,QACtE;AAAA,8CAAC,SACC;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,UAAS;AAAA,MACT,eAAY;AAAA,MACZ,SAAS,MAAM,aAAa,OAAO,MAAM,KAAK,IAAI,CAAC;AAAA,MAEnD,sDAAC,qCAAkB,OAAO,MAAM,QAAQ,MAAM;AAAA;AAAA,EAChD,GACF;AAAA,EACA,4CAAC,uBAAK,eAAY,sBAChB,sDAAC,YAAQ,gBAAM,OAAO,WAAW,GAAE,GACrC;AAAA,EACA,4CAAC,SACC;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,UAAS;AAAA,MACT,eAAY;AAAA,MACZ,SAAS,MAAM,aAAa,OAAO,MAAM,KAAK,IAAI,CAAC;AAAA,MAEnD,sDAAC,sCAAmB,OAAO,MAAM,QAAQ,MAAM;AAAA;AAAA,EACjD,GACF;AAAA,GACF;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -60,40 +60,33 @@ const DatePickerSingleDate = ({
|
|
|
60
60
|
setSelectedDate(newDate);
|
|
61
61
|
setTimeout(() => onChange(newDate), 500);
|
|
62
62
|
};
|
|
63
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrapper, {
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
updateKeyDate
|
|
69
|
-
}),
|
|
70
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
|
|
63
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrapper, { children: [
|
|
64
|
+
showHeader && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DatePickerHeader.DatePickerHeader, { onInputChange: handleDateChange, selectedDate, updateKeyDate }),
|
|
65
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
66
|
+
"div",
|
|
67
|
+
{
|
|
71
68
|
ref: datePickerRef,
|
|
72
69
|
className: classNameBlock("wrapper-day-picker-single-date-controller"),
|
|
73
70
|
"data-testid": rest["data-testid"] || "date-picker-single-date",
|
|
74
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
}, key)
|
|
94
|
-
})
|
|
95
|
-
]
|
|
96
|
-
});
|
|
71
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
72
|
+
import_react_dates.DayPickerSingleDateController,
|
|
73
|
+
{
|
|
74
|
+
date: selectedDate,
|
|
75
|
+
enableOutsideDays,
|
|
76
|
+
focused: true,
|
|
77
|
+
hideKeyboardShortcutsPanel: true,
|
|
78
|
+
isDayHighlighted,
|
|
79
|
+
keepOpenOnDateSelect: true,
|
|
80
|
+
navNext: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DatePickerNavigation.DatePickerNavigation, { className: classNameElement("navigation-next") }),
|
|
81
|
+
navPrev: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DatePickerNavigation.DatePickerNavigation, { className: classNameElement("navigation-prev"), icon: import_ds_icons.ChevronLeft }),
|
|
82
|
+
onDateChange: handleDateChange,
|
|
83
|
+
renderDayContents: (givenDate) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DatePickerDay.DatePickerDay, { className: classNameElement("day-contents"), date: givenDate.format(displayFormatDay) })
|
|
84
|
+
},
|
|
85
|
+
key
|
|
86
|
+
)
|
|
87
|
+
}
|
|
88
|
+
)
|
|
89
|
+
] });
|
|
97
90
|
};
|
|
98
91
|
var DatePickerSingleDate_default = DatePickerSingleDate;
|
|
99
92
|
//# sourceMappingURL=DatePickerSingleDate.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/DatePickerSingleDate/DatePickerSingleDate.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADwCnB;AArCJ,mBAAwC;AACxC,yBAA8C;AAC9C,oBAAmB;AACnB,2BAA6D;AAC7D,sBAA4B;AAC5B,2BAA8B;AAC9B,kCAAqC;AACrC,8BAAiC;AAEjC,MAAM,YAAY;AAClB,MAAM,cAAU,wCAAkB,KAAK,EAAE,WAAW,SAAS;AAE7D,MAAM,EAAE,kBAAkB,eAAe,QAAI,gDAA0B,YAAY;AAEnF,MAAM,uBAAuB,CAAC;AAAA,EAC5B;AAAA,EACA,mBAAmB;AAAA,EACnB,mBAAmB,MAAM;AAAA,EACzB,oBAAoB;AAAA,EACpB,aAAa;AAAA,EACb,WAAW,MAAM;AAAA,KACd;AACL,MAAM;AACJ,QAAM,CAAC,cAAc,eAAe,QAAI,uBAAS,IAAI;AACrD,QAAM,CAAC,KAAK,MAAM,QAAI,2BAAS,cAAAA,SAAO,CAAC;AACvC,QAAM,oBAAgB,qBAAO;AAE7B,QAAM,gBAAgB,CAAC,YAAY;AACjC,WAAO,OAAO;AAAA,EAChB;AAEA,QAAM,mBAAmB,CAAC,YAAY;AACpC,oBAAgB,OAAO;AACvB,eAAW,MAAM,SAAS,OAAO,GAAG,GAAG;AAAA,EACzC;AAEA,SACE,6CAAC
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADwCnB;AArCJ,mBAAwC;AACxC,yBAA8C;AAC9C,oBAAmB;AACnB,2BAA6D;AAC7D,sBAA4B;AAC5B,2BAA8B;AAC9B,kCAAqC;AACrC,8BAAiC;AAEjC,MAAM,YAAY;AAClB,MAAM,cAAU,wCAAkB,KAAK,EAAE,WAAW,SAAS;AAE7D,MAAM,EAAE,kBAAkB,eAAe,QAAI,gDAA0B,YAAY;AAEnF,MAAM,uBAAuB,CAAC;AAAA,EAC5B;AAAA,EACA,mBAAmB;AAAA,EACnB,mBAAmB,MAAM;AAAA,EACzB,oBAAoB;AAAA,EACpB,aAAa;AAAA,EACb,WAAW,MAAM;AAAA,KACd;AACL,MAAM;AACJ,QAAM,CAAC,cAAc,eAAe,QAAI,uBAAS,IAAI;AACrD,QAAM,CAAC,KAAK,MAAM,QAAI,2BAAS,cAAAA,SAAO,CAAC;AACvC,QAAM,oBAAgB,qBAAO;AAE7B,QAAM,gBAAgB,CAAC,YAAY;AACjC,WAAO,OAAO;AAAA,EAChB;AAEA,QAAM,mBAAmB,CAAC,YAAY;AACpC,oBAAgB,OAAO;AACvB,eAAW,MAAM,SAAS,OAAO,GAAG,GAAG;AAAA,EACzC;AAEA,SACE,6CAAC,WACE;AAAA,kBACC,4CAAC,4CAAiB,eAAe,kBAAkB,cAA4B,eAA8B;AAAA,IAE/G;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,WAAW,eAAe,2CAA2C;AAAA,QACrE,eAAa,KAAK,kBAAkB;AAAA,QAEpC;AAAA,UAAC;AAAA;AAAA,YAEC,MAAM;AAAA,YACN;AAAA,YACA,SAAO;AAAA,YACP,4BAA0B;AAAA,YAC1B;AAAA,YACA,sBAAoB;AAAA,YACpB,SAAS,4CAAC,oDAAqB,WAAW,iBAAiB,iBAAiB,GAAG;AAAA,YAC/E,SAAS,4CAAC,oDAAqB,WAAW,iBAAiB,iBAAiB,GAAG,MAAM,6BAAa;AAAA,YAClG,cAAc;AAAA,YACd,mBAAmB,CAAC,cAClB,4CAAC,sCAAc,WAAW,iBAAiB,cAAc,GAAG,MAAM,UAAU,OAAO,gBAAgB,GAAG;AAAA;AAAA,UAXnG;AAAA,QAaP;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAGA,IAAO,+BAAQ;",
|
|
6
6
|
"names": ["moment"]
|
|
7
7
|
}
|
|
@@ -50,32 +50,38 @@ const SingleRangeDateSwitcher = ({
|
|
|
50
50
|
updateKeyDate,
|
|
51
51
|
focusedInput
|
|
52
52
|
}) => {
|
|
53
|
-
const SingleDateInput = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
53
|
+
const SingleDateInput = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
54
|
+
import_DatePickerHeader.DatePickerHeader,
|
|
55
|
+
{
|
|
56
|
+
onInputChange: onSingleInputChange,
|
|
57
|
+
selectedDate: selectedSingleDate,
|
|
58
|
+
updateKeyDate
|
|
59
|
+
}
|
|
60
|
+
);
|
|
61
|
+
const DateRangeInput = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
62
|
+
import_DatePickerRangeHeader.DatePickerRangeHeader,
|
|
63
|
+
{
|
|
64
|
+
focusedInput,
|
|
65
|
+
onFocusChange,
|
|
66
|
+
onEndInputChange,
|
|
67
|
+
onStartInputChange,
|
|
68
|
+
selectedEndDate,
|
|
69
|
+
selectedStartDate,
|
|
70
|
+
handleDatesChange
|
|
71
|
+
}
|
|
72
|
+
);
|
|
73
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Header, { "data-testid": "date-switch-header", children: [
|
|
74
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
75
|
+
import_ds_form.DSCheckbox,
|
|
76
|
+
{
|
|
71
77
|
checked: isDateRange,
|
|
72
78
|
className: "switch-header__checkbox",
|
|
73
79
|
labelText: "Range",
|
|
74
80
|
onChange: setIsDateRange
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
});
|
|
81
|
+
}
|
|
82
|
+
),
|
|
83
|
+
isDateRange ? DateRangeInput : SingleDateInput
|
|
84
|
+
] });
|
|
79
85
|
};
|
|
80
86
|
var SingleRangeDateSwitcher_default = SingleRangeDateSwitcher;
|
|
81
87
|
//# sourceMappingURL=SingleRangeDateSwitcher.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { DSCheckbox } from '@elliemae/ds-form';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { DatePickerRangeHeader } from '../DatePickerRangeHeader/DatePickerRangeHeader';\nimport { DatePickerHeader } from '../DatePickerHeader/DatePickerHeader';\n\nconst blockname = 'date-switcher';\nconst Header = aggregatedClasses('div')(blockname, 'header');\n\nconst SingleRangeDateSwitcher = ({\n onStartInputChange,\n onEndInputChange,\n onSingleInputChange,\n onFocusChange,\n selectedStartDate,\n selectedEndDate,\n selectedSingleDate,\n isDateRange,\n setIsDateRange,\n handleDatesChange,\n updateKeyDate,\n focusedInput,\n}) => {\n const SingleDateInput = (\n <DatePickerHeader\n onInputChange={onSingleInputChange}\n selectedDate={selectedSingleDate}\n updateKeyDate={updateKeyDate}\n />\n );\n const DateRangeInput = (\n <DatePickerRangeHeader\n focusedInput={focusedInput}\n onFocusChange={onFocusChange}\n onEndInputChange={onEndInputChange}\n onStartInputChange={onStartInputChange}\n selectedEndDate={selectedEndDate}\n selectedStartDate={selectedStartDate}\n handleDatesChange={handleDatesChange}\n />\n );\n\n return (\n <Header data-testid=\"date-switch-header\">\n <DSCheckbox\n checked={isDateRange}\n className=\"switch-header__checkbox\"\n labelText=\"Range\"\n onChange={setIsDateRange}\n />\n {isDateRange ? DateRangeInput : SingleDateInput}\n </Header>\n );\n};\n\nexport { SingleRangeDateSwitcher };\nexport default SingleRangeDateSwitcher;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADyBnB;AAvBJ,qBAA2B;AAC3B,2BAAkC;AAClC,mCAAsC;AACtC,8BAAiC;AAEjC,MAAM,YAAY;AAClB,MAAM,aAAS,wCAAkB,KAAK,EAAE,WAAW,QAAQ;AAE3D,MAAM,0BAA0B,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,kBACJ,
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADyBnB;AAvBJ,qBAA2B;AAC3B,2BAAkC;AAClC,mCAAsC;AACtC,8BAAiC;AAEjC,MAAM,YAAY;AAClB,MAAM,aAAS,wCAAkB,KAAK,EAAE,WAAW,QAAQ;AAE3D,MAAM,0BAA0B,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,kBACJ;AAAA,IAAC;AAAA;AAAA,MACC,eAAe;AAAA,MACf,cAAc;AAAA,MACd;AAAA;AAAA,EACF;AAEF,QAAM,iBACJ;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAGF,SACE,6CAAC,UAAO,eAAY,sBAClB;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT,WAAU;AAAA,QACV,WAAU;AAAA,QACV,UAAU;AAAA;AAAA,IACZ;AAAA,IACC,cAAc,iBAAiB;AAAA,KAClC;AAEJ;AAGA,IAAO,kCAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/DSDatePicker.js
CHANGED
|
@@ -69,11 +69,9 @@ const DSDatePicker = ({
|
|
|
69
69
|
id
|
|
70
70
|
});
|
|
71
71
|
const safeDate = date || value;
|
|
72
|
-
return /* @__PURE__ */ jsx("div", {
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
style: { minWidth: "140px" },
|
|
76
|
-
children: /* @__PURE__ */ jsx(DSDatePickerImpl, {
|
|
72
|
+
return /* @__PURE__ */ jsx("div", { className: cssClassName, ...containerProps, style: { minWidth: "140px" }, children: /* @__PURE__ */ jsx(
|
|
73
|
+
DSDatePickerImpl,
|
|
74
|
+
{
|
|
77
75
|
appendToBody,
|
|
78
76
|
autoClear,
|
|
79
77
|
date: safeDate,
|
|
@@ -113,8 +111,8 @@ const DSDatePicker = ({
|
|
|
113
111
|
pickerProps,
|
|
114
112
|
calendarProps,
|
|
115
113
|
focusCurrentDate
|
|
116
|
-
}
|
|
117
|
-
});
|
|
114
|
+
}
|
|
115
|
+
) });
|
|
118
116
|
};
|
|
119
117
|
const datePickerProps = {
|
|
120
118
|
containerProps: PropTypes.shape({}).description("Set of Properties attached to the main container"),
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSDatePicker.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport 'react-dates/initialize';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport moment from 'moment';\nimport { SingleDatePickerPhrases } from './defaultPhrases';\nimport {\n DatePickerNavigation,\n DatePickerDay,\n DatePickerPicker,\n DatePickerDropdown,\n DatePickerSingleDate,\n DatePickerHeader,\n DatePickerRange,\n DatePickerRangeHeader,\n SingleRangeDateSwitcher,\n renderMonthElement,\n} from './components';\nimport { DSDatePickerImpl } from './components/DSDatePickerImpl';\nimport { DSDatePickerController } from './components/DatePickerController/DatePickerController';\nimport { PickerPropsTypes, Picker } from './components/DatePickerPicker/DatePickerPicker';\n\ninterface DSDatePickerPropsType {\n containerProps: {};\n id: string;\n appendToBody: boolean;\n className: string;\n date: any;\n value: any;\n placeholder: string;\n disabled: boolean;\n required: boolean;\n readOnly: boolean;\n hasError: boolean;\n screenReaderInputMessage: boolean;\n enableOutsideDays: boolean;\n initialVisibleMonth: moment.Moment;\n firstDayOfWeek: number;\n keepOpenOnDateSelect: boolean;\n hideKeyboardShortcutsPanel: boolean;\n onChange: () => void;\n onDateChange: undefined | (() => void);\n onPrevMonthClick: () => void;\n onNextMonthClick: () => void;\n onClose: () => void;\n onFocus: () => void;\n onBlur: () => void;\n phrases: SingleDatePickerPhrases;\n displayFormat: boolean;\n displayFormatDay: boolean;\n transitionDuration: number;\n verticalSpacing: number;\n isDayBlocked: () => boolean;\n isOutsideRange: () => boolean;\n isDayHighlighted: () => boolean;\n numberOfMonths: number;\n openDirection: boolean;\n tabIndex: boolean;\n zIndex: boolean;\n pickerProps: {};\n calendarProps: {};\n autoClear: boolean;\n focusCurrentDate: boolean;\n}\ntype DSDatePickerType = React.ComponentType<DSDatePickerPropsType>;\n\nconst DSDatePicker: DSDatePickerType = ({\n containerProps = {},\n id = '',\n appendToBody = true,\n className = '',\n date,\n value,\n placeholder = '',\n disabled = false,\n required = false,\n readOnly = false,\n hasError = false,\n screenReaderInputMessage = 'Select date',\n enableOutsideDays = true,\n initialVisibleMonth = moment(),\n firstDayOfWeek = 0,\n keepOpenOnDateSelect = false,\n hideKeyboardShortcutsPanel = true,\n onChange = () => null,\n onDateChange = undefined,\n onPrevMonthClick = () => null,\n onNextMonthClick = () => null,\n onClose = () => null,\n onFocus = () => null,\n onBlur = () => null,\n phrases = SingleDatePickerPhrases,\n displayFormat = 'L',\n displayFormatDay = 'D',\n transitionDuration = 0,\n verticalSpacing = 0,\n isDayBlocked = () => false,\n isOutsideRange = () => false,\n isDayHighlighted = () => false,\n numberOfMonths = 1,\n openDirection = 'down',\n tabIndex = '',\n zIndex = 1,\n pickerProps = {},\n calendarProps = {},\n autoClear = false,\n focusCurrentDate = false,\n}) => {\n const { cssClassName } = convertPropToCssClassName('datepicker', className, {\n hasError,\n readOnly,\n disabled,\n id,\n });\n const safeDate = date || value;\n return (\n <div className={cssClassName} {...containerProps} style={{ minWidth: '140px' }}>\n <DSDatePickerImpl\n appendToBody={appendToBody}\n autoClear={autoClear}\n date={safeDate}\n disabled={disabled}\n displayFormat={displayFormat}\n displayFormatDay={displayFormatDay}\n enableOutsideDays={enableOutsideDays}\n firstDayOfWeek={firstDayOfWeek}\n hideKeyboardShortcutsPanel={hideKeyboardShortcutsPanel}\n initialVisibleMonth={() => (initialVisibleMonth ? moment(initialVisibleMonth) : moment(safeDate))}\n isDayBlocked={isDayBlocked}\n isDayHighlighted={isDayHighlighted}\n isOutsideRange={isOutsideRange === true || isOutsideRange === false ? () => isOutsideRange : isOutsideRange}\n keepOpenOnDateSelect={keepOpenOnDateSelect}\n numberOfMonths={numberOfMonths}\n onBlur={onBlur}\n onClose={onClose}\n onChange={onChange}\n onDateChange={(...args) => {\n if (onDateChange) onDateChange(...args);\n }}\n onFocus={onFocus}\n onNextMonthClick={onNextMonthClick}\n onPrevMonthClick={onPrevMonthClick}\n openDirection={openDirection}\n phrases={phrases}\n placeholder={placeholder}\n readOnly={readOnly}\n required={required}\n screenReaderInputMessage={screenReaderInputMessage}\n transitionDuration={transitionDuration}\n value={safeDate}\n verticalSpacing={verticalSpacing}\n tabIndex={tabIndex}\n zIndex={zIndex}\n pickerProps={pickerProps}\n calendarProps={calendarProps}\n focusCurrentDate={focusCurrentDate}\n />\n </div>\n );\n};\n\nconst datePickerProps = {\n containerProps: PropTypes.shape({}).description('Set of Properties attached to the main container'),\n id: PropTypes.string.description('components id'),\n appendToBody: PropTypes.bool.description('append component to body or not').defaultValue(true),\n className: PropTypes.string.description('html class attribute'),\n date: PropTypes.instanceOf(Date, moment).description('selected date').defaultValue(undefined),\n value: PropTypes.instanceOf(Date, moment).description('value'),\n placeholder: PropTypes.string.description('input placeholder value'),\n autoClear: PropTypes.bool\n .description('autoclears the input onblur if the date is not completely set')\n .defaultValue(false),\n disabled: PropTypes.bool.description('disable component or not').defaultValue(false),\n required: PropTypes.bool.description('value is required or not').defaultValue(false),\n readOnly: PropTypes.bool.description('is read only or not').defaultValue(false),\n hasError: PropTypes.bool.description('set error state').defaultValue(false),\n screenReaderInputMessage: PropTypes.string\n .description('message to anounce by screen reader')\n .defaultValue('select date'),\n enableOutsideDays: PropTypes.bool.description('enable days oustide month or not').defaultValue(true),\n initialVisibleMonth: PropTypes.instanceOf(Date, moment).description('initial month to display'),\n firstDayOfWeek: PropTypes.number.description('first day of week').defaultValue(0),\n keepOpenOnDateSelect: PropTypes.bool.description('keep picker open when a date is selected').defaultValue(false),\n hideKeyboardShortcutsPanel: PropTypes.bool.description('hide keyabord shortcut panel or not').defaultValue(true),\n onChange: PropTypes.func.description(\n `\n function executed when input changes. This could trigger with invalid dates. It returns a string and a moment\n if the date is valid.\n `,\n ),\n onDateChange: PropTypes.func.description(\n 'function executed when date changes. This doesnt trigger with invalid dates. It returns a moment object',\n ),\n onPrevMonthClick: PropTypes.func.description('function executed when clicking on prev month button'),\n onNextMonthClick: PropTypes.func.description('function executed when clicking on next month button'),\n onBlur: PropTypes.func.description('function executed when component loses focus'),\n onClose: PropTypes.func.description('function executed when component closes'),\n onFocus: PropTypes.func.description('function executed when component gains focus'),\n phrases: PropTypes.shape({\n calendarLabel: PropTypes.string,\n closeDatePicker: PropTypes.string,\n clearDates: PropTypes.string,\n focusStartDate: PropTypes.string,\n jumpToPrevMonth: PropTypes.string,\n jumpToNextMonth: PropTypes.string,\n keyboardShortcuts: PropTypes.string,\n showKeyboardShortcutsPanel: PropTypes.string,\n hideKeyboardShortcutsPanel: PropTypes.string,\n openThisPanel: PropTypes.string,\n enterKey: PropTypes.string,\n leftArrowRightArrow: PropTypes.string,\n upArrowDownArrow: PropTypes.string,\n pageUpPageDown: PropTypes.string,\n homeEnd: PropTypes.string,\n escape: PropTypes.string,\n questionMark: PropTypes.string,\n selectFocusedDate: PropTypes.string,\n moveFocusByOneDay: PropTypes.string,\n moveFocusByOneWeek: PropTypes.string,\n moveFocusByOneMonth: PropTypes.string,\n moveFocustoStartAndEndOfWeek: PropTypes.string,\n returnFocusToInput: PropTypes.string,\n keyboardNavigationInstructions: PropTypes.string,\n chooseAvailableStartDate: PropTypes.func,\n chooseAvailableEndDate: PropTypes.func,\n dateIsUnavailable: PropTypes.func,\n dateIsSelected: PropTypes.func,\n })\n .description('react-dates phrases')\n .defaultValue(SingleDatePickerPhrases),\n displayFormat: PropTypes.string.description('display format').defaultValue('L'),\n displayFormatDay: PropTypes.string.description('display format day').defaultValue('D'),\n transitionDuration: PropTypes.number.description('transition duration').defaultValue(0),\n verticalSpacing: PropTypes.number.description('vertical spacing'),\n isDayBlocked: PropTypes.func.description('function that returns each day and disables desired dates'),\n isOutsideRange: PropTypes.func.description('function that returns each day and disables outisde range dates'),\n isDayHighlighted: PropTypes.func.description('function that returns each day and higlights desired dates'),\n numberOfMonths: PropTypes.number.description('amount of months'),\n openDirection: PropTypes.string.description('open direction of the popup').defaultValue('down'),\n tabIndex: PropTypes.number.description('overrides tab index of the element'),\n zIndex: PropTypes.string.description('overrides z-index of the element'),\n pickerProps: PropTypes.shape(PickerPropsTypes).description('props to be passed to the picker container'),\n calendarProps: PropTypes.shape({ tabIndex: PropTypes.number }).description(\n 'props to be passes to the calendar container',\n ),\n focusCurrentDate: PropTypes.bool.description('Wheter to focus current date on calendar').defaultValue(false),\n};\n\nDSDatePicker.propTypes = datePickerProps;\nDSDatePicker.displayName = 'DSDatePicker';\nconst DatePickerWithSchema = describe(DSDatePicker);\nDatePickerWithSchema.propTypes = datePickerProps;\n\nexport {\n DatePickerNavigation,\n DatePickerDay,\n DatePickerPicker,\n DSDatePickerController,\n DatePickerDropdown,\n DatePickerSingleDate,\n DatePickerHeader,\n DatePickerRange,\n DatePickerRangeHeader,\n SingleRangeDateSwitcher,\n Picker,\n renderMonthElement,\n DatePickerWithSchema,\n};\n\nexport { DSDatePicker };\nexport default DSDatePicker;\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACsHjB;AApHN,SAAS,WAAW,gBAAgB;AACpC,OAAO;AACP,SAAS,iCAAiC;AAC1C,OAAO,YAAY;AACnB,SAAS,+BAA+B;AACxC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,wBAAwB;AACjC,SAAS,8BAA8B;AACvC,SAAS,kBAAkB,cAAc;AA8CzC,MAAM,eAAiC,CAAC;AAAA,EACtC,iBAAiB,CAAC;AAAA,EAClB,KAAK;AAAA,EACL,eAAe;AAAA,EACf,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,2BAA2B;AAAA,EAC3B,oBAAoB;AAAA,EACpB,sBAAsB,OAAO;AAAA,EAC7B,iBAAiB;AAAA,EACjB,uBAAuB;AAAA,EACvB,6BAA6B;AAAA,EAC7B,WAAW,MAAM;AAAA,EACjB,eAAe;AAAA,EACf,mBAAmB,MAAM;AAAA,EACzB,mBAAmB,MAAM;AAAA,EACzB,UAAU,MAAM;AAAA,EAChB,UAAU,MAAM;AAAA,EAChB,SAAS,MAAM;AAAA,EACf,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,mBAAmB;AAAA,EACnB,qBAAqB;AAAA,EACrB,kBAAkB;AAAA,EAClB,eAAe,MAAM;AAAA,EACrB,iBAAiB,MAAM;AAAA,EACvB,mBAAmB,MAAM;AAAA,EACzB,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,WAAW;AAAA,EACX,SAAS;AAAA,EACT,cAAc,CAAC;AAAA,EACf,gBAAgB,CAAC;AAAA,EACjB,YAAY;AAAA,EACZ,mBAAmB;AACrB,MAAM;AACJ,QAAM,EAAE,aAAa,IAAI,0BAA0B,cAAc,WAAW;AAAA,IAC1E;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,WAAW,QAAQ;AACzB,SACE,oBAAC
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|