@elliemae/ds-date-picker 3.4.3-rc.0 → 3.4.4-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/DSDatePicker.js +59 -49
- package/dist/cjs/DSDatePicker.js.map +2 -2
- package/dist/cjs/components/DSDatePickerImpl.js +51 -45
- package/dist/cjs/components/DSDatePickerImpl.js.map +2 -2
- package/dist/cjs/components/DatePickerController/DatePickerController.js +56 -48
- package/dist/cjs/components/DatePickerController/DatePickerController.js.map +2 -2
- package/dist/cjs/components/DatePickerDay/DatePickerDay.js +13 -8
- package/dist/cjs/components/DatePickerDay/DatePickerDay.js.map +2 -2
- package/dist/cjs/components/DatePickerDropdown.js +16 -11
- package/dist/cjs/components/DatePickerDropdown.js.map +2 -2
- package/dist/cjs/components/DatePickerHeader/DatePickerHeader.js +16 -8
- package/dist/cjs/components/DatePickerHeader/DatePickerHeader.js.map +2 -2
- package/dist/cjs/components/DatePickerNavigation/DatePickerNavigation.js +14 -10
- package/dist/cjs/components/DatePickerNavigation/DatePickerNavigation.js.map +2 -2
- package/dist/cjs/components/DatePickerPicker/DatePickerPicker.js +7 -4
- package/dist/cjs/components/DatePickerPicker/DatePickerPicker.js.map +1 -1
- package/dist/cjs/components/DatePickerRange/DatePickerRange.js +42 -32
- package/dist/cjs/components/DatePickerRange/DatePickerRange.js.map +2 -2
- package/dist/cjs/components/DatePickerRangeHeader/DatePickerRangeHeader.js +28 -17
- package/dist/cjs/components/DatePickerRangeHeader/DatePickerRangeHeader.js.map +2 -2
- package/dist/cjs/components/DatePickerRenderMonth/DatePickerRenderMonth.js +40 -23
- package/dist/cjs/components/DatePickerRenderMonth/DatePickerRenderMonth.js.map +1 -1
- package/dist/cjs/components/DatePickerSingleDate/DatePickerSingleDate.js +40 -31
- package/dist/cjs/components/DatePickerSingleDate/DatePickerSingleDate.js.map +2 -2
- package/dist/cjs/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js +19 -12
- package/dist/cjs/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js.map +1 -1
- package/dist/cjs/components/index.js +4 -1
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/cjs/defaultPhrases.js +4 -1
- package/dist/cjs/defaultPhrases.js.map +1 -1
- package/dist/cjs/index.js +4 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/DSDatePicker.js +55 -48
- package/dist/esm/DSDatePicker.js.map +1 -1
- package/dist/esm/components/DSDatePickerImpl.js +47 -44
- package/dist/esm/components/DSDatePickerImpl.js.map +2 -2
- package/dist/esm/components/DatePickerController/DatePickerController.js +52 -47
- package/dist/esm/components/DatePickerController/DatePickerController.js.map +2 -2
- package/dist/esm/components/DatePickerDay/DatePickerDay.js +9 -7
- package/dist/esm/components/DatePickerDay/DatePickerDay.js.map +1 -1
- package/dist/esm/components/DatePickerDropdown.js +12 -10
- package/dist/esm/components/DatePickerDropdown.js.map +1 -1
- package/dist/esm/components/DatePickerHeader/DatePickerHeader.js +12 -7
- package/dist/esm/components/DatePickerHeader/DatePickerHeader.js.map +1 -1
- package/dist/esm/components/DatePickerNavigation/DatePickerNavigation.js +10 -9
- package/dist/esm/components/DatePickerNavigation/DatePickerNavigation.js.map +1 -1
- package/dist/esm/components/DatePickerPicker/DatePickerPicker.js +3 -3
- package/dist/esm/components/DatePickerPicker/DatePickerPicker.js.map +1 -1
- package/dist/esm/components/DatePickerRange/DatePickerRange.js +38 -31
- package/dist/esm/components/DatePickerRange/DatePickerRange.js.map +1 -1
- package/dist/esm/components/DatePickerRangeHeader/DatePickerRangeHeader.js +24 -16
- package/dist/esm/components/DatePickerRangeHeader/DatePickerRangeHeader.js.map +1 -1
- package/dist/esm/components/DatePickerRenderMonth/DatePickerRenderMonth.js +36 -22
- package/dist/esm/components/DatePickerRenderMonth/DatePickerRenderMonth.js.map +1 -1
- package/dist/esm/components/DatePickerSingleDate/DatePickerSingleDate.js +36 -30
- package/dist/esm/components/DatePickerSingleDate/DatePickerSingleDate.js.map +1 -1
- package/dist/esm/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js +15 -11
- package/dist/esm/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js.map +1 -1
- package/dist/esm/components/index.js.map +2 -2
- package/dist/esm/defaultPhrases.js.map +1 -1
- package/dist/esm/index.js.map +2 -2
- package/package.json +11 -11
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../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": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAEA,sBAAsD;AACtD,qBAAqB;AAEd,MAAM,qBAAqB,CAAC,EAAE,OAAO,aAAa,MACvD,6CAAC;AAAA,EAAK,QAAO;AAAA,EAAO,MAAM,CAAC,QAAQ,GAAG,MAAM;AAAA,EAAG,YAAW;AAAA,EAAW,IAAG;AAAA,EACtE;AAAA,gDAAC;AAAA,MACC,sDAAC;AAAA,QACC,MAAK;AAAA,QACL,UAAS;AAAA,QACT,eAAY;AAAA,QACZ,SAAS,MAAM,aAAa,OAAO,MAAM,KAAK,IAAI,CAAC;AAAA,QAEnD,sDAAC;AAAA,UAAkB,OAAO;AAAA,UAAM,QAAQ;AAAA,SAAM;AAAA,OAChD;AAAA,KACF;AAAA,IACA,4CAAC;AAAA,MAAK,eAAY;AAAA,MAChB,sDAAC;AAAA,QAAQ,gBAAM,OAAO,WAAW;AAAA,OAAE;AAAA,KACrC;AAAA,IACA,4CAAC;AAAA,MACC,sDAAC;AAAA,QACC,MAAK;AAAA,QACL,UAAS;AAAA,QACT,eAAY;AAAA,QACZ,SAAS,MAAM,aAAa,OAAO,MAAM,KAAK,IAAI,CAAC;AAAA,QAEnD,sDAAC;AAAA,UAAmB,OAAO;AAAA,UAAM,QAAQ;AAAA,SAAM;AAAA,OACjD;AAAA,KACF;AAAA;AAAA,CACF;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var DatePickerSingleDate_exports = {};
|
|
23
26
|
__export(DatePickerSingleDate_exports, {
|
|
@@ -26,7 +29,8 @@ __export(DatePickerSingleDate_exports, {
|
|
|
26
29
|
});
|
|
27
30
|
module.exports = __toCommonJS(DatePickerSingleDate_exports);
|
|
28
31
|
var React = __toESM(require("react"));
|
|
29
|
-
var
|
|
32
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
33
|
+
var import_react = require("react");
|
|
30
34
|
var import_react_dates = require("react-dates");
|
|
31
35
|
var import_moment = __toESM(require("moment"));
|
|
32
36
|
var import_ds_classnames = require("@elliemae/ds-classnames");
|
|
@@ -56,35 +60,40 @@ const DatePickerSingleDate = ({
|
|
|
56
60
|
setSelectedDate(newDate);
|
|
57
61
|
setTimeout(() => onChange(newDate), 500);
|
|
58
62
|
};
|
|
59
|
-
return /* @__PURE__ */
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
63
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrapper, {
|
|
64
|
+
children: [
|
|
65
|
+
showHeader && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DatePickerHeader.DatePickerHeader, {
|
|
66
|
+
onInputChange: handleDateChange,
|
|
67
|
+
selectedDate,
|
|
68
|
+
updateKeyDate
|
|
69
|
+
}),
|
|
70
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
|
|
71
|
+
ref: datePickerRef,
|
|
72
|
+
className: classNameBlock("wrapper-day-picker-single-date-controller"),
|
|
73
|
+
"data-testid": rest["data-testid"] || "date-picker-single-date",
|
|
74
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_dates.DayPickerSingleDateController, {
|
|
75
|
+
date: selectedDate,
|
|
76
|
+
enableOutsideDays,
|
|
77
|
+
focused: true,
|
|
78
|
+
hideKeyboardShortcutsPanel: true,
|
|
79
|
+
isDayHighlighted,
|
|
80
|
+
keepOpenOnDateSelect: true,
|
|
81
|
+
navNext: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DatePickerNavigation.DatePickerNavigation, {
|
|
82
|
+
className: classNameElement("navigation-next")
|
|
83
|
+
}),
|
|
84
|
+
navPrev: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DatePickerNavigation.DatePickerNavigation, {
|
|
85
|
+
className: classNameElement("navigation-prev"),
|
|
86
|
+
icon: import_ds_icons.ChevronLeft
|
|
87
|
+
}),
|
|
88
|
+
onDateChange: handleDateChange,
|
|
89
|
+
renderDayContents: (givenDate) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DatePickerDay.DatePickerDay, {
|
|
90
|
+
className: classNameElement("day-contents"),
|
|
91
|
+
date: givenDate.format(displayFormatDay)
|
|
92
|
+
})
|
|
93
|
+
}, key)
|
|
94
|
+
})
|
|
95
|
+
]
|
|
96
|
+
});
|
|
88
97
|
};
|
|
89
98
|
var DatePickerSingleDate_default = DatePickerSingleDate;
|
|
90
99
|
//# 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": "
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAGA,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;AAAA,IACE;AAAA,oBACC,4CAAC;AAAA,QAAiB,eAAe;AAAA,QAAkB;AAAA,QAA4B;AAAA,OAA8B;AAAA,MAE/G,4CAAC;AAAA,QACC,KAAK;AAAA,QACL,WAAW,eAAe,2CAA2C;AAAA,QACrE,eAAa,KAAK,kBAAkB;AAAA,QAEpC,sDAAC;AAAA,UAEC,MAAM;AAAA,UACN;AAAA,UACA,SAAO;AAAA,UACP,4BAA0B;AAAA,UAC1B;AAAA,UACA,sBAAoB;AAAA,UACpB,SAAS,4CAAC;AAAA,YAAqB,WAAW,iBAAiB,iBAAiB;AAAA,WAAG;AAAA,UAC/E,SAAS,4CAAC;AAAA,YAAqB,WAAW,iBAAiB,iBAAiB;AAAA,YAAG,MAAM;AAAA,WAAa;AAAA,UAClG,cAAc;AAAA,UACd,mBAAmB,CAAC,cAClB,4CAAC;AAAA,YAAc,WAAW,iBAAiB,cAAc;AAAA,YAAG,MAAM,UAAU,OAAO,gBAAgB;AAAA,WAAG;AAAA,WAXnG,GAaP;AAAA,OACF;AAAA;AAAA,GACF;AAEJ;AAGA,IAAO,+BAAQ;",
|
|
6
|
+
"names": ["moment"]
|
|
7
7
|
}
|
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var SingleRangeDateSwitcher_exports = {};
|
|
23
26
|
__export(SingleRangeDateSwitcher_exports, {
|
|
@@ -26,7 +29,7 @@ __export(SingleRangeDateSwitcher_exports, {
|
|
|
26
29
|
});
|
|
27
30
|
module.exports = __toCommonJS(SingleRangeDateSwitcher_exports);
|
|
28
31
|
var React = __toESM(require("react"));
|
|
29
|
-
var
|
|
32
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
30
33
|
var import_ds_form = require("@elliemae/ds-form");
|
|
31
34
|
var import_ds_classnames = require("@elliemae/ds-classnames");
|
|
32
35
|
var import_DatePickerRangeHeader = require("../DatePickerRangeHeader/DatePickerRangeHeader");
|
|
@@ -47,12 +50,12 @@ const SingleRangeDateSwitcher = ({
|
|
|
47
50
|
updateKeyDate,
|
|
48
51
|
focusedInput
|
|
49
52
|
}) => {
|
|
50
|
-
const SingleDateInput = /* @__PURE__ */
|
|
53
|
+
const SingleDateInput = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DatePickerHeader.DatePickerHeader, {
|
|
51
54
|
onInputChange: onSingleInputChange,
|
|
52
55
|
selectedDate: selectedSingleDate,
|
|
53
56
|
updateKeyDate
|
|
54
57
|
});
|
|
55
|
-
const DateRangeInput = /* @__PURE__ */
|
|
58
|
+
const DateRangeInput = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DatePickerRangeHeader.DatePickerRangeHeader, {
|
|
56
59
|
focusedInput,
|
|
57
60
|
onFocusChange,
|
|
58
61
|
onEndInputChange,
|
|
@@ -61,14 +64,18 @@ const SingleRangeDateSwitcher = ({
|
|
|
61
64
|
selectedStartDate,
|
|
62
65
|
handleDatesChange
|
|
63
66
|
});
|
|
64
|
-
return /* @__PURE__ */
|
|
65
|
-
"data-testid": "date-switch-header"
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
67
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Header, {
|
|
68
|
+
"data-testid": "date-switch-header",
|
|
69
|
+
children: [
|
|
70
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.DSCheckbox, {
|
|
71
|
+
checked: isDateRange,
|
|
72
|
+
className: "switch-header__checkbox",
|
|
73
|
+
labelText: "Range",
|
|
74
|
+
onChange: setIsDateRange
|
|
75
|
+
}),
|
|
76
|
+
isDateRange ? DateRangeInput : SingleDateInput
|
|
77
|
+
]
|
|
78
|
+
});
|
|
72
79
|
};
|
|
73
80
|
var SingleRangeDateSwitcher_default = SingleRangeDateSwitcher;
|
|
74
81
|
//# 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": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAEA,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,4CAAC;AAAA,IACC,eAAe;AAAA,IACf,cAAc;AAAA,IACd;AAAA,GACF;AAEF,QAAM,iBACJ,4CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,GACF;AAGF,SACE,6CAAC;AAAA,IAAO,eAAY;AAAA,IAClB;AAAA,kDAAC;AAAA,QACC,SAAS;AAAA,QACT,WAAU;AAAA,QACV,WAAU;AAAA,QACV,UAAU;AAAA,OACZ;AAAA,MACC,cAAc,iBAAiB;AAAA;AAAA,GAClC;AAEJ;AAGA,IAAO,kCAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var components_exports = {};
|
|
23
26
|
__export(components_exports, {
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["export { default as DatePickerNavigation } from './DatePickerNavigation/DatePickerNavigation';\nexport { default as DatePickerDay } from './DatePickerDay/DatePickerDay';\nexport { default as DatePickerPicker } from './DatePickerPicker/DatePickerPicker';\nexport { default as DatePickerDropdown } from './DatePickerDropdown';\nexport { default as DatePickerSingleDate } from './DatePickerSingleDate/DatePickerSingleDate';\nexport { default as DatePickerHeader } from './DatePickerHeader/DatePickerHeader';\nexport { default as DatePickerRange } from './DatePickerRange/DatePickerRange';\nexport { default as DatePickerRangeHeader } from './DatePickerRangeHeader/DatePickerRangeHeader';\nexport { default as SingleRangeDateSwitcher } from './SingleRangeDateSwitcher/SingleRangeDateSwitcher';\nexport { renderMonthElement } from './DatePickerRenderMonth/DatePickerRenderMonth';\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,kCAAgD;AAChD,2BAAyC;AACzC,8BAA4C;AAC5C,gCAA8C;AAC9C,kCAAgD;AAChD,8BAA4C;AAC5C,6BAA2C;AAC3C,mCAAiD;AACjD,qCAAmD;AACnD,mCAAmC;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var defaultPhrases_exports = {};
|
|
23
26
|
__export(defaultPhrases_exports, {
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/defaultPhrases.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["const calendarLabel = 'Calendar';\nconst roleDescription = 'datepicker';\nconst closeDatePicker = 'Close';\nconst focusStartDate =\n 'Interact with the calendar and add the check-in date for your trip.';\nconst clearDate = 'Clear Date';\nconst clearDates = 'Clear Dates';\nconst jumpToPrevMonth = 'Move backward to switch to the previous month.';\nconst jumpToNextMonth = 'Move forward to switch to the next month.';\nconst keyboardShortcuts = 'Keyboard Shortcuts';\nconst showKeyboardShortcutsPanel = 'Open the keyboard shortcuts panel.';\nconst hideKeyboardShortcutsPanel = 'Close the shortcuts panel.';\nconst openThisPanel = 'Open this panel.';\nconst enterKey = 'Enter key';\nconst leftArrowRightArrow = 'Right and left arrow keys';\nconst upArrowDownArrow = 'up and down arrow keys';\nconst pageUpPageDown = 'page up and page down keys';\nconst homeEnd = 'Home and end keys';\nconst escape = 'Escape key';\nconst questionMark = 'Question mark';\nconst selectFocusedDate = 'Select the date in focus.';\nconst moveFocusByOneDay =\n 'Move backward (left) and forward (right) by one day.';\nconst moveFocusByOneWeek = 'Move backward (up) and forward (down) by one week.';\nconst moveFocusByOneMonth = 'Switch months.';\nconst moveFocustoStartAndEndOfWeek = 'Go to the first or last day of a week.';\nconst returnFocusToInput = 'Return to the date input field.';\nconst keyboardForwardNavigationInstructions =\n 'Navigate forward to interact with the calendar and select a date. Press the question mark key to get the keyboard shortcuts for changing dates.';\nconst keyboardBackwardNavigationInstructions =\n 'Navigate backward to interact with the calendar and select a date. Press the question mark key to get the keyboard shortcuts for changing dates.';\n\nconst chooseAvailableStartDate = ({ date }) =>\n `Choose ${date} as your check-in date. It\u2019s available.`;\nconst chooseAvailableEndDate = ({ date }) =>\n `Choose ${date} as your check-out date. It\u2019s available.`;\nconst chooseAvailableDate = ({ date }) => date;\nconst dateIsUnavailable = ({ date }) => `Not available. ${date}`;\nconst dateIsSelected = ({ date }) => `Selected. ${date}`;\nconst dateIsSelectedAsStartDate = ({ date }) =>\n `Selected as start date. ${date}`;\nconst dateIsSelectedAsEndDate = ({ date }) => `Selected as end date. ${date}`;\n\nexport default {\n calendarLabel,\n roleDescription,\n closeDatePicker,\n focusStartDate,\n clearDate,\n clearDates,\n jumpToPrevMonth,\n jumpToNextMonth,\n keyboardShortcuts,\n showKeyboardShortcutsPanel,\n hideKeyboardShortcutsPanel,\n openThisPanel,\n enterKey,\n leftArrowRightArrow,\n upArrowDownArrow,\n pageUpPageDown,\n homeEnd,\n escape,\n questionMark,\n selectFocusedDate,\n moveFocusByOneDay,\n moveFocusByOneWeek,\n moveFocusByOneMonth,\n moveFocustoStartAndEndOfWeek,\n returnFocusToInput,\n keyboardForwardNavigationInstructions,\n keyboardBackwardNavigationInstructions,\n\n chooseAvailableStartDate,\n chooseAvailableEndDate,\n dateIsUnavailable,\n dateIsSelected,\n dateIsSelectedAsStartDate,\n dateIsSelectedAsEndDate,\n};\n\nexport const DateRangePickerPhrases = {\n calendarLabel,\n roleDescription,\n closeDatePicker,\n clearDates,\n focusStartDate,\n jumpToPrevMonth,\n jumpToNextMonth,\n keyboardShortcuts,\n showKeyboardShortcutsPanel,\n hideKeyboardShortcutsPanel,\n openThisPanel,\n enterKey,\n leftArrowRightArrow,\n upArrowDownArrow,\n pageUpPageDown,\n homeEnd,\n escape,\n questionMark,\n selectFocusedDate,\n moveFocusByOneDay,\n moveFocusByOneWeek,\n moveFocusByOneMonth,\n moveFocustoStartAndEndOfWeek,\n returnFocusToInput,\n keyboardForwardNavigationInstructions,\n keyboardBackwardNavigationInstructions,\n chooseAvailableStartDate,\n chooseAvailableEndDate,\n dateIsUnavailable,\n dateIsSelected,\n dateIsSelectedAsStartDate,\n dateIsSelectedAsEndDate,\n};\n\nexport const DateRangePickerInputPhrases = {\n focusStartDate,\n clearDates,\n keyboardForwardNavigationInstructions,\n keyboardBackwardNavigationInstructions,\n};\n\nexport const SingleDatePickerPhrases = {\n calendarLabel,\n roleDescription,\n closeDatePicker,\n clearDate,\n jumpToPrevMonth,\n jumpToNextMonth,\n keyboardShortcuts,\n showKeyboardShortcutsPanel,\n hideKeyboardShortcutsPanel,\n openThisPanel,\n enterKey,\n leftArrowRightArrow,\n upArrowDownArrow,\n pageUpPageDown,\n homeEnd,\n escape,\n questionMark,\n selectFocusedDate,\n moveFocusByOneDay,\n moveFocusByOneWeek,\n moveFocusByOneMonth,\n moveFocustoStartAndEndOfWeek,\n returnFocusToInput,\n keyboardForwardNavigationInstructions,\n keyboardBackwardNavigationInstructions,\n chooseAvailableDate,\n dateIsUnavailable,\n dateIsSelected,\n};\n\nexport const SingleDatePickerInputPhrases = {\n clearDate,\n keyboardForwardNavigationInstructions,\n keyboardBackwardNavigationInstructions,\n};\n\nexport const DayPickerPhrases = {\n calendarLabel,\n roleDescription,\n jumpToPrevMonth,\n jumpToNextMonth,\n keyboardShortcuts,\n showKeyboardShortcutsPanel,\n hideKeyboardShortcutsPanel,\n openThisPanel,\n enterKey,\n leftArrowRightArrow,\n upArrowDownArrow,\n pageUpPageDown,\n homeEnd,\n escape,\n questionMark,\n selectFocusedDate,\n moveFocusByOneDay,\n moveFocusByOneWeek,\n moveFocusByOneMonth,\n moveFocustoStartAndEndOfWeek,\n returnFocusToInput,\n chooseAvailableStartDate,\n chooseAvailableEndDate,\n chooseAvailableDate,\n dateIsUnavailable,\n dateIsSelected,\n dateIsSelectedAsStartDate,\n dateIsSelectedAsEndDate,\n};\n\nexport const DayPickerKeyboardShortcutsPhrases = {\n keyboardShortcuts,\n showKeyboardShortcutsPanel,\n hideKeyboardShortcutsPanel,\n openThisPanel,\n enterKey,\n leftArrowRightArrow,\n upArrowDownArrow,\n pageUpPageDown,\n homeEnd,\n escape,\n questionMark,\n selectFocusedDate,\n moveFocusByOneDay,\n moveFocusByOneWeek,\n moveFocusByOneMonth,\n moveFocustoStartAndEndOfWeek,\n returnFocusToInput,\n};\n\nexport const DayPickerNavigationPhrases = {\n jumpToPrevMonth,\n jumpToNextMonth,\n};\n\nexport const CalendarDayPhrases = {\n chooseAvailableDate,\n dateIsUnavailable,\n dateIsSelected,\n dateIsSelectedAsStartDate,\n dateIsSelectedAsEndDate,\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/cjs/index.js
CHANGED
|
@@ -18,7 +18,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
20
|
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
21
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
22
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
23
|
+
mod
|
|
24
|
+
));
|
|
22
25
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
23
26
|
var src_exports = {};
|
|
24
27
|
__export(src_exports, {
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["export { default } from './DSDatePicker';\nexport * from './DSDatePicker';\nexport { SingleDatePickerPhrases } from './defaultPhrases';\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAAwB;AACxB,wBAAc,2BADd;AAEA,4BAAwC;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/DSDatePicker.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
3
|
import { PropTypes, describe } from "@elliemae/ds-utilities";
|
|
4
4
|
import "react-dates/initialize";
|
|
5
5
|
import { convertPropToCssClassName } from "@elliemae/ds-classnames";
|
|
@@ -69,51 +69,52 @@ const DSDatePicker = ({
|
|
|
69
69
|
id
|
|
70
70
|
});
|
|
71
71
|
const safeDate = date || value;
|
|
72
|
-
return /* @__PURE__ */
|
|
72
|
+
return /* @__PURE__ */ jsx("div", {
|
|
73
73
|
className: cssClassName,
|
|
74
74
|
...containerProps,
|
|
75
|
-
style: { minWidth: "140px" }
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
75
|
+
style: { minWidth: "140px" },
|
|
76
|
+
children: /* @__PURE__ */ jsx(DSDatePickerImpl, {
|
|
77
|
+
appendToBody,
|
|
78
|
+
autoClear,
|
|
79
|
+
date: safeDate,
|
|
80
|
+
disabled,
|
|
81
|
+
displayFormat,
|
|
82
|
+
displayFormatDay,
|
|
83
|
+
enableOutsideDays,
|
|
84
|
+
firstDayOfWeek,
|
|
85
|
+
hideKeyboardShortcutsPanel,
|
|
86
|
+
initialVisibleMonth: () => initialVisibleMonth ? moment(initialVisibleMonth) : moment(safeDate),
|
|
87
|
+
isDayBlocked,
|
|
88
|
+
isDayHighlighted,
|
|
89
|
+
isOutsideRange: isOutsideRange === true || isOutsideRange === false ? () => isOutsideRange : isOutsideRange,
|
|
90
|
+
keepOpenOnDateSelect,
|
|
91
|
+
numberOfMonths,
|
|
92
|
+
onBlur,
|
|
93
|
+
onClose,
|
|
94
|
+
onChange,
|
|
95
|
+
onDateChange: (...args) => {
|
|
96
|
+
if (onDateChange)
|
|
97
|
+
onDateChange(...args);
|
|
98
|
+
},
|
|
99
|
+
onFocus,
|
|
100
|
+
onNextMonthClick,
|
|
101
|
+
onPrevMonthClick,
|
|
102
|
+
openDirection,
|
|
103
|
+
phrases,
|
|
104
|
+
placeholder,
|
|
105
|
+
readOnly,
|
|
106
|
+
required,
|
|
107
|
+
screenReaderInputMessage,
|
|
108
|
+
transitionDuration,
|
|
109
|
+
value: safeDate,
|
|
110
|
+
verticalSpacing,
|
|
111
|
+
tabIndex,
|
|
112
|
+
zIndex,
|
|
113
|
+
pickerProps,
|
|
114
|
+
calendarProps,
|
|
115
|
+
focusCurrentDate
|
|
116
|
+
})
|
|
117
|
+
});
|
|
117
118
|
};
|
|
118
119
|
const datePickerProps = {
|
|
119
120
|
containerProps: PropTypes.shape({}).description("Set of Properties attached to the main container"),
|
|
@@ -134,11 +135,15 @@ const datePickerProps = {
|
|
|
134
135
|
firstDayOfWeek: PropTypes.number.description("first day of week").defaultValue(0),
|
|
135
136
|
keepOpenOnDateSelect: PropTypes.bool.description("keep picker open when a date is selected").defaultValue(false),
|
|
136
137
|
hideKeyboardShortcutsPanel: PropTypes.bool.description("hide keyabord shortcut panel or not").defaultValue(true),
|
|
137
|
-
onChange: PropTypes.func.description(
|
|
138
|
+
onChange: PropTypes.func.description(
|
|
139
|
+
`
|
|
138
140
|
function executed when input changes. This could trigger with invalid dates. It returns a string and a moment
|
|
139
141
|
if the date is valid.
|
|
140
|
-
`
|
|
141
|
-
|
|
142
|
+
`
|
|
143
|
+
),
|
|
144
|
+
onDateChange: PropTypes.func.description(
|
|
145
|
+
"function executed when date changes. This doesnt trigger with invalid dates. It returns a moment object"
|
|
146
|
+
),
|
|
142
147
|
onPrevMonthClick: PropTypes.func.description("function executed when clicking on prev month button"),
|
|
143
148
|
onNextMonthClick: PropTypes.func.description("function executed when clicking on next month button"),
|
|
144
149
|
onBlur: PropTypes.func.description("function executed when component loses focus"),
|
|
@@ -186,7 +191,9 @@ const datePickerProps = {
|
|
|
186
191
|
tabIndex: PropTypes.number.description("overrides tab index of the element"),
|
|
187
192
|
zIndex: PropTypes.string.description("overrides z-index of the element"),
|
|
188
193
|
pickerProps: PropTypes.shape(PickerPropsTypes).description("props to be passed to the picker container"),
|
|
189
|
-
calendarProps: PropTypes.shape({ tabIndex: PropTypes.number }).description(
|
|
194
|
+
calendarProps: PropTypes.shape({ tabIndex: PropTypes.number }).description(
|
|
195
|
+
"props to be passes to the calendar container"
|
|
196
|
+
),
|
|
190
197
|
focusCurrentDate: PropTypes.bool.description("Wheter to focus current date on calendar").defaultValue(false)
|
|
191
198
|
};
|
|
192
199
|
DSDatePicker.propTypes = datePickerProps;
|
|
@@ -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;
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
3
|
import React2 from "react";
|
|
3
4
|
import moment from "moment";
|
|
4
5
|
import { DSInputGroup, DSDateInputV2 } from "@elliemae/ds-form";
|
|
@@ -182,60 +183,62 @@ class DSDatePickerImpl extends React2.Component {
|
|
|
182
183
|
const safedate = this.getSafeValue();
|
|
183
184
|
const safeInputValue = this.getSafeInputValue();
|
|
184
185
|
const hasSelectedDate = !!safedate;
|
|
185
|
-
return /* @__PURE__ */
|
|
186
|
-
rightAddon: /* @__PURE__ */
|
|
186
|
+
return /* @__PURE__ */ jsx(DSInputGroup, {
|
|
187
|
+
rightAddon: /* @__PURE__ */ jsx(DatePickerDropdown, {
|
|
187
188
|
pickerRef: this.state.pickerRef,
|
|
188
189
|
disabled,
|
|
189
190
|
isOpen: inputFocused,
|
|
190
|
-
menu: /* @__PURE__ */
|
|
191
|
+
menu: /* @__PURE__ */ jsx("div", {
|
|
191
192
|
style: { minHeight: "310px", zIndex: 1 },
|
|
192
193
|
className: hasSelectedDate ? "has-selected-date" : "without-selected-date",
|
|
193
|
-
"data-testid": "date-picker-portal-wrapper"
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
194
|
+
"data-testid": "date-picker-portal-wrapper",
|
|
195
|
+
children: /* @__PURE__ */ jsx(DSDatePickerController, {
|
|
196
|
+
date: safedate,
|
|
197
|
+
displayFormatDay,
|
|
198
|
+
enableOutsideDays,
|
|
199
|
+
firstDayOfWeek,
|
|
200
|
+
hideKeyboardShortcutsPanel,
|
|
201
|
+
isDayBlocked,
|
|
202
|
+
isDayHighlighted,
|
|
203
|
+
isOutsideRange,
|
|
204
|
+
keepOpenOnDateSelect,
|
|
205
|
+
numberOfMonths,
|
|
206
|
+
onClickEscape: this.handleClickEscape,
|
|
207
|
+
onClose: (...args) => {
|
|
208
|
+
if (this.state.pickerRef.current)
|
|
209
|
+
this.state.pickerRef.current.focus();
|
|
210
|
+
onClose(...args);
|
|
211
|
+
this.setState({ inputFocused: false });
|
|
212
|
+
},
|
|
213
|
+
onDateChange: this.handleDateChange,
|
|
214
|
+
onFocusChange: this.handleFocus,
|
|
215
|
+
onNextMonthClick,
|
|
216
|
+
onOutsideClick: this.handleCalendarClose,
|
|
217
|
+
onPrevMonthClick,
|
|
218
|
+
phrases,
|
|
219
|
+
transitionDuration,
|
|
220
|
+
calendarProps,
|
|
221
|
+
focusCurrentDate
|
|
222
|
+
})
|
|
223
|
+
}),
|
|
222
224
|
onClick: this.onClickPicker,
|
|
223
225
|
readOnly,
|
|
224
226
|
zIndex,
|
|
225
227
|
pickerProps
|
|
228
|
+
}),
|
|
229
|
+
children: /* @__PURE__ */ jsx(DSDateInputV2, {
|
|
230
|
+
"data-testid": "datepicker-input",
|
|
231
|
+
"aria-label": placeholder || "Date Picker Input",
|
|
232
|
+
disabled,
|
|
233
|
+
onBlur: this.handleOnBlur,
|
|
234
|
+
onChange: this.handleInputChange,
|
|
235
|
+
onDateChange: this.handleChange,
|
|
236
|
+
onFocus: this.handleInputFocus,
|
|
237
|
+
placeholder,
|
|
238
|
+
tabIndex,
|
|
239
|
+
value: safeInputValue
|
|
226
240
|
})
|
|
227
|
-
}
|
|
228
|
-
"data-testid": "datepicker-input",
|
|
229
|
-
"aria-label": placeholder || "Date Picker Input",
|
|
230
|
-
disabled,
|
|
231
|
-
onBlur: this.handleOnBlur,
|
|
232
|
-
onChange: this.handleInputChange,
|
|
233
|
-
onDateChange: this.handleChange,
|
|
234
|
-
onFocus: this.handleInputFocus,
|
|
235
|
-
placeholder,
|
|
236
|
-
tabIndex,
|
|
237
|
-
value: safeInputValue
|
|
238
|
-
}));
|
|
241
|
+
});
|
|
239
242
|
}
|
|
240
243
|
}
|
|
241
244
|
export {
|