@elliemae/ds-date-picker 2.3.0-alpha.8 → 2.3.0-next.2
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/cjs/DSDatePicker.js +233 -0
- package/cjs/components/DSDatePickerImpl.js +354 -0
- package/cjs/components/DatePickerController/DatePickerController.js +360 -0
- package/cjs/components/DatePickerDay/DatePickerDay.js +24 -0
- package/cjs/components/DatePickerDropdown.js +65 -0
- package/cjs/components/DatePickerHeader/DatePickerHeader.js +56 -0
- package/cjs/components/DatePickerNavigation/DatePickerNavigation.js +32 -0
- package/cjs/components/DatePickerPicker/DatePickerPicker.js +74 -0
- package/cjs/components/DatePickerRange/DatePickerRange.js +119 -0
- package/cjs/components/DatePickerRangeHeader/DatePickerRangeHeader.js +144 -0
- package/cjs/components/DatePickerRenderMonth/DatePickerRenderMonth.js +46 -0
- package/cjs/components/DatePickerSingleDate/DatePickerSingleDate.js +85 -0
- package/cjs/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js +59 -0
- package/cjs/components/index.js +27 -0
- package/cjs/defaultPhrases.js +261 -0
- package/cjs/index.js +35 -0
- package/esm/DSDatePicker.js +211 -0
- package/esm/components/DSDatePickerImpl.js +346 -0
- package/esm/components/DatePickerController/DatePickerController.js +350 -0
- package/esm/components/DatePickerDay/DatePickerDay.js +18 -0
- package/esm/components/DatePickerDropdown.js +57 -0
- package/esm/components/DatePickerHeader/DatePickerHeader.js +49 -0
- package/esm/components/DatePickerNavigation/DatePickerNavigation.js +25 -0
- package/esm/components/DatePickerPicker/DatePickerPicker.js +60 -0
- package/esm/components/DatePickerRange/DatePickerRange.js +111 -0
- package/esm/components/DatePickerRangeHeader/DatePickerRangeHeader.js +137 -0
- package/esm/components/DatePickerRenderMonth/DatePickerRenderMonth.js +38 -0
- package/esm/components/DatePickerSingleDate/DatePickerSingleDate.js +77 -0
- package/esm/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js +53 -0
- package/esm/components/index.js +10 -0
- package/{dist/esm → esm}/defaultPhrases.js +80 -48
- package/esm/index.js +13 -0
- package/package.json +56 -58
- package/types/components/DSDatePickerImpl.d.ts +20 -0
- package/types/components/DatePickerController/DatePickerController.d.ts +80 -0
- package/types/components/DatePickerDay/DatePickerDay.d.ts +13 -0
- package/types/components/DatePickerDropdown.d.ts +41 -0
- package/types/components/DatePickerHeader/DatePickerHeader.d.ts +15 -0
- package/types/components/DatePickerNavigation/DatePickerNavigation.d.ts +19 -0
- package/types/components/DatePickerPicker/DatePickerPicker.d.ts +48 -0
- package/types/components/DatePickerRange/DatePickerRange.d.ts +9 -0
- package/types/components/DatePickerRangeHeader/DatePickerRangeHeader.d.ts +23 -0
- package/types/components/DatePickerRangeHeader/tests/DatePickerRangeHeader.test.d.ts +1 -0
- package/types/components/DatePickerRenderMonth/DatePickerRenderMonth.d.ts +5 -0
- package/types/components/DatePickerSingleDate/DatePickerSingleDate.d.ts +11 -0
- package/types/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.d.ts +16 -0
- package/types/components/index.d.ts +10 -0
- package/types/components/tests/DatePickerHeader.test.d.ts +1 -0
- package/types/components/tests/DatePickerRange.test.d.ts +1 -0
- package/types/components/tests/DatePickerRangeHeader.test.d.ts +1 -0
- package/types/components/tests/DatePickerSelectedDate.test.d.ts +1 -0
- package/types/components/tests/DatePickerSingleDate.test.d.ts +1 -0
- package/types/components/tests/SingleRangeDateSwitcher.test.d.ts +1 -0
- package/types/defaultPhrases.d.ts +225 -0
- package/types/index.d.ts +3 -0
- package/dist/cjs/DSDatePicker.js +0 -231
- package/dist/cjs/DSDatePicker.js.map +0 -7
- package/dist/cjs/components/DSDatePickerImpl.js +0 -274
- package/dist/cjs/components/DSDatePickerImpl.js.map +0 -7
- package/dist/cjs/components/DatePickerController/DatePickerController.js +0 -322
- package/dist/cjs/components/DatePickerController/DatePickerController.js.map +0 -7
- package/dist/cjs/components/DatePickerDay/DatePickerDay.js +0 -49
- package/dist/cjs/components/DatePickerDay/DatePickerDay.js.map +0 -7
- package/dist/cjs/components/DatePickerDropdown.js +0 -85
- package/dist/cjs/components/DatePickerDropdown.js.map +0 -7
- package/dist/cjs/components/DatePickerHeader/DatePickerHeader.js +0 -74
- package/dist/cjs/components/DatePickerHeader/DatePickerHeader.js.map +0 -7
- package/dist/cjs/components/DatePickerNavigation/DatePickerNavigation.js +0 -63
- package/dist/cjs/components/DatePickerNavigation/DatePickerNavigation.js.map +0 -7
- package/dist/cjs/components/DatePickerPicker/DatePickerPicker.js +0 -85
- package/dist/cjs/components/DatePickerPicker/DatePickerPicker.js.map +0 -7
- package/dist/cjs/components/DatePickerRange/DatePickerRange.js +0 -110
- package/dist/cjs/components/DatePickerRange/DatePickerRange.js.map +0 -7
- package/dist/cjs/components/DatePickerRangeHeader/DatePickerRangeHeader.js +0 -138
- package/dist/cjs/components/DatePickerRangeHeader/DatePickerRangeHeader.js.map +0 -7
- package/dist/cjs/components/DatePickerRenderMonth/DatePickerRenderMonth.js +0 -61
- package/dist/cjs/components/DatePickerRenderMonth/DatePickerRenderMonth.js.map +0 -7
- package/dist/cjs/components/DatePickerSingleDate/DatePickerSingleDate.js +0 -96
- package/dist/cjs/components/DatePickerSingleDate/DatePickerSingleDate.js.map +0 -7
- package/dist/cjs/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js +0 -80
- package/dist/cjs/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js.map +0 -7
- package/dist/cjs/components/index.js +0 -53
- package/dist/cjs/components/index.js.map +0 -7
- package/dist/cjs/defaultPhrases.js +0 -246
- package/dist/cjs/defaultPhrases.js.map +0 -7
- package/dist/cjs/index.js +0 -38
- package/dist/cjs/index.js.map +0 -7
- package/dist/esm/DSDatePicker.js +0 -213
- package/dist/esm/DSDatePicker.js.map +0 -7
- package/dist/esm/components/DSDatePickerImpl.js +0 -245
- package/dist/esm/components/DSDatePickerImpl.js.map +0 -7
- package/dist/esm/components/DatePickerController/DatePickerController.js +0 -293
- package/dist/esm/components/DatePickerController/DatePickerController.js.map +0 -7
- package/dist/esm/components/DatePickerDay/DatePickerDay.js +0 -20
- package/dist/esm/components/DatePickerDay/DatePickerDay.js.map +0 -7
- package/dist/esm/components/DatePickerDropdown.js +0 -56
- package/dist/esm/components/DatePickerDropdown.js.map +0 -7
- package/dist/esm/components/DatePickerHeader/DatePickerHeader.js +0 -45
- package/dist/esm/components/DatePickerHeader/DatePickerHeader.js.map +0 -7
- package/dist/esm/components/DatePickerNavigation/DatePickerNavigation.js +0 -37
- package/dist/esm/components/DatePickerNavigation/DatePickerNavigation.js.map +0 -7
- package/dist/esm/components/DatePickerPicker/DatePickerPicker.js +0 -56
- package/dist/esm/components/DatePickerPicker/DatePickerPicker.js.map +0 -7
- package/dist/esm/components/DatePickerRange/DatePickerRange.js +0 -81
- package/dist/esm/components/DatePickerRange/DatePickerRange.js.map +0 -7
- package/dist/esm/components/DatePickerRangeHeader/DatePickerRangeHeader.js +0 -109
- package/dist/esm/components/DatePickerRangeHeader/DatePickerRangeHeader.js.map +0 -7
- package/dist/esm/components/DatePickerRenderMonth/DatePickerRenderMonth.js +0 -32
- package/dist/esm/components/DatePickerRenderMonth/DatePickerRenderMonth.js.map +0 -7
- package/dist/esm/components/DatePickerSingleDate/DatePickerSingleDate.js +0 -67
- package/dist/esm/components/DatePickerSingleDate/DatePickerSingleDate.js.map +0 -7
- package/dist/esm/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js +0 -51
- package/dist/esm/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js.map +0 -7
- package/dist/esm/components/index.js +0 -24
- package/dist/esm/components/index.js.map +0 -7
- package/dist/esm/defaultPhrases.js.map +0 -7
- package/dist/esm/index.js +0 -9
- package/dist/esm/index.js.map +0 -7
|
@@ -1,138 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var DatePickerRangeHeader_exports = {};
|
|
29
|
-
__export(DatePickerRangeHeader_exports, {
|
|
30
|
-
DatePickerRangeHeader: () => DatePickerRangeHeader,
|
|
31
|
-
default: () => DatePickerRangeHeader_default
|
|
32
|
-
});
|
|
33
|
-
var React = __toESM(require("react"));
|
|
34
|
-
var import_react = __toESM(require("react"));
|
|
35
|
-
var import_prop_types = __toESM(require("prop-types"));
|
|
36
|
-
var import_moment = __toESM(require("moment"));
|
|
37
|
-
var import_ds_form = require("@elliemae/ds-form");
|
|
38
|
-
var import_ds_classnames = require("@elliemae/ds-classnames");
|
|
39
|
-
const blockname = "date-range-picker";
|
|
40
|
-
const DATE_FORMAT = "MMDDYYYY";
|
|
41
|
-
const MAGIC_NUMBER = 999;
|
|
42
|
-
const Header = (0, import_ds_classnames.aggregatedClasses)("div")(blockname, "header", ({ invalidDate }) => ({ invalidDate }));
|
|
43
|
-
const DatePickerRangeHeader = ({
|
|
44
|
-
onStartInputChange = () => null,
|
|
45
|
-
onEndInputChange = () => null,
|
|
46
|
-
onFocusChange = () => null,
|
|
47
|
-
selectedStartDate,
|
|
48
|
-
selectedEndDate,
|
|
49
|
-
handleDatesChange,
|
|
50
|
-
autoJumpOnEdit = true
|
|
51
|
-
}) => {
|
|
52
|
-
const [startValue, setStartValue] = (0, import_react.useState)(selectedStartDate);
|
|
53
|
-
const [endValue, setEndValue] = (0, import_react.useState)(selectedEndDate);
|
|
54
|
-
const startInputRef = (0, import_react.useRef)();
|
|
55
|
-
const endInputRef = (0, import_react.useRef)();
|
|
56
|
-
(0, import_react.useEffect)(() => {
|
|
57
|
-
if (selectedStartDate) {
|
|
58
|
-
setStartValue(selectedStartDate.format(DATE_FORMAT));
|
|
59
|
-
}
|
|
60
|
-
if (selectedEndDate) {
|
|
61
|
-
setEndValue(selectedEndDate.format(DATE_FORMAT));
|
|
62
|
-
}
|
|
63
|
-
}, [selectedStartDate, selectedEndDate]);
|
|
64
|
-
const isValidRangeDate = (start, end) => {
|
|
65
|
-
let isValidRange = false;
|
|
66
|
-
if (start && end) {
|
|
67
|
-
const momentStart = (0, import_moment.default)(start, DATE_FORMAT);
|
|
68
|
-
const momentEnd = (0, import_moment.default)(end, DATE_FORMAT);
|
|
69
|
-
isValidRange = momentStart.isBefore(momentEnd);
|
|
70
|
-
}
|
|
71
|
-
return isValidRange;
|
|
72
|
-
};
|
|
73
|
-
const handleOnFocus = (inputType) => onFocusChange(inputType);
|
|
74
|
-
const handleOnChangeStart = (newStartValue) => {
|
|
75
|
-
const y = newStartValue.substring(4);
|
|
76
|
-
const momentValue = (0, import_moment.default)(newStartValue, DATE_FORMAT);
|
|
77
|
-
if (newStartValue && newStartValue.length === DATE_FORMAT.length) {
|
|
78
|
-
onStartInputChange(momentValue);
|
|
79
|
-
}
|
|
80
|
-
setStartValue(newStartValue);
|
|
81
|
-
if (autoJumpOnEdit && parseInt(y, 10) > MAGIC_NUMBER && endInputRef?.current?.firstChild?.focus) {
|
|
82
|
-
endInputRef.current.firstChild.focus();
|
|
83
|
-
}
|
|
84
|
-
};
|
|
85
|
-
const handleOnChangeEnd = (newEndValue) => {
|
|
86
|
-
const momentValue = (0, import_moment.default)(newEndValue, DATE_FORMAT);
|
|
87
|
-
if (isValidRangeDate(startValue, newEndValue) && newEndValue && newEndValue.length === DATE_FORMAT.length) {
|
|
88
|
-
onEndInputChange(momentValue);
|
|
89
|
-
}
|
|
90
|
-
setEndValue(newEndValue);
|
|
91
|
-
};
|
|
92
|
-
const handleOnKeyDownStart = (e) => {
|
|
93
|
-
const isValid = isValidRangeDate(startValue, endValue);
|
|
94
|
-
const momentStart = (0, import_moment.default)(startValue, DATE_FORMAT);
|
|
95
|
-
const momentEnd = (0, import_moment.default)(endValue, DATE_FORMAT);
|
|
96
|
-
if (e.key === "Enter" && startValue) {
|
|
97
|
-
onStartInputChange(momentStart);
|
|
98
|
-
if (isValid)
|
|
99
|
-
handleDatesChange({ startDate: momentStart, endDate: momentEnd });
|
|
100
|
-
}
|
|
101
|
-
};
|
|
102
|
-
const handleOnKeyDownEnd = (e) => {
|
|
103
|
-
const isValid = isValidRangeDate(startValue, endValue);
|
|
104
|
-
const momentStart = (0, import_moment.default)(startValue, DATE_FORMAT);
|
|
105
|
-
const momentEnd = (0, import_moment.default)(endValue, DATE_FORMAT);
|
|
106
|
-
if (e.key === "Enter" && isValid) {
|
|
107
|
-
handleDatesChange({ startDate: momentStart, endDate: momentEnd });
|
|
108
|
-
onEndInputChange(momentEnd);
|
|
109
|
-
}
|
|
110
|
-
};
|
|
111
|
-
return /* @__PURE__ */ import_react.default.createElement(Header, null, /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSInputGroup, null, /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSDateInputV2, {
|
|
112
|
-
containerProps: { "data-testid": "start-date" },
|
|
113
|
-
innerRef: startInputRef,
|
|
114
|
-
onChange: handleOnChangeStart,
|
|
115
|
-
onFocus: () => handleOnFocus("startDate"),
|
|
116
|
-
onKeyDown: handleOnKeyDownStart,
|
|
117
|
-
value: startValue
|
|
118
|
-
}), /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSDateInputV2, {
|
|
119
|
-
containerProps: { "data-testid": "end-date" },
|
|
120
|
-
innerRef: endInputRef,
|
|
121
|
-
onChange: handleOnChangeEnd,
|
|
122
|
-
onFocus: () => handleOnFocus("endDate"),
|
|
123
|
-
onKeyDown: handleOnKeyDownEnd,
|
|
124
|
-
value: endValue
|
|
125
|
-
})));
|
|
126
|
-
};
|
|
127
|
-
DatePickerRangeHeader.propTypes = {
|
|
128
|
-
onStartInputChange: import_prop_types.default.func,
|
|
129
|
-
onEndInputChange: import_prop_types.default.func,
|
|
130
|
-
onFocusChange: import_prop_types.default.func,
|
|
131
|
-
selectedStartDate: import_prop_types.default.any,
|
|
132
|
-
selectedEndDate: import_prop_types.default.any,
|
|
133
|
-
handleDatesChange: import_prop_types.default.func,
|
|
134
|
-
autoJumpOnEdit: import_prop_types.default.bool
|
|
135
|
-
};
|
|
136
|
-
var DatePickerRangeHeader_default = DatePickerRangeHeader;
|
|
137
|
-
module.exports = __toCommonJS(DatePickerRangeHeader_exports);
|
|
138
|
-
//# sourceMappingURL=DatePickerRangeHeader.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/components/DatePickerRangeHeader/DatePickerRangeHeader.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
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": "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",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var DatePickerRenderMonth_exports = {};
|
|
29
|
-
__export(DatePickerRenderMonth_exports, {
|
|
30
|
-
renderMonthElement: () => renderMonthElement
|
|
31
|
-
});
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
var import_react = __toESM(require("react"));
|
|
34
|
-
var import_ds_icons = require("@elliemae/ds-icons");
|
|
35
|
-
var import_ds_grid = require("@elliemae/ds-grid");
|
|
36
|
-
const renderMonthElement = ({ month, onYearSelect }) => /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
|
|
37
|
-
height: "20px",
|
|
38
|
-
cols: ["auto", 1, "auto"],
|
|
39
|
-
alignItems: "flex-end",
|
|
40
|
-
mr: "10px"
|
|
41
|
-
}, /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", {
|
|
42
|
-
role: "button",
|
|
43
|
-
tabIndex: "0",
|
|
44
|
-
"data-testid": "date-picker-prev-year-arrow",
|
|
45
|
-
onClick: () => onYearSelect(month, month.year() - 1)
|
|
46
|
-
}, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ChevronDoubleLeft, {
|
|
47
|
-
width: 13.6,
|
|
48
|
-
height: 13.6
|
|
49
|
-
}))), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
|
|
50
|
-
"data-testid": "date-picker-header"
|
|
51
|
-
}, /* @__PURE__ */ import_react.default.createElement("strong", null, month.format("MMMM YYYY"))), /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", {
|
|
52
|
-
role: "button",
|
|
53
|
-
tabIndex: "0",
|
|
54
|
-
"data-testid": "date-picker-next-year-arrow",
|
|
55
|
-
onClick: () => onYearSelect(month, month.year() + 1)
|
|
56
|
-
}, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ChevronDoubleRight, {
|
|
57
|
-
width: 13.6,
|
|
58
|
-
height: 13.6
|
|
59
|
-
}))));
|
|
60
|
-
module.exports = __toCommonJS(DatePickerRenderMonth_exports);
|
|
61
|
-
//# sourceMappingURL=DatePickerRenderMonth.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/components/DatePickerRenderMonth/DatePickerRenderMonth.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
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;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,sBAAsD;AACtD,qBAAqB;AAEd,MAAM,qBAAqB,CAAC,EAAE,OAAO,mBAC1C,mDAAC,qBAAD;AAAA,EAAM,QAAO;AAAA,EAAO,MAAM,CAAC,QAAQ,GAAG;AAAA,EAAS,YAAW;AAAA,EAAW,IAAG;AAAA,GACtE,mDAAC,OAAD,MACE,mDAAC,OAAD;AAAA,EACE,MAAK;AAAA,EACL,UAAS;AAAA,EACT,eAAY;AAAA,EACZ,SAAS,MAAM,aAAa,OAAO,MAAM,SAAS;AAAA,GAElD,mDAAC,mCAAD;AAAA,EAAmB,OAAO;AAAA,EAAM,QAAQ;AAAA,MAG5C,mDAAC,qBAAD;AAAA,EAAM,eAAY;AAAA,GAChB,mDAAC,UAAD,MAAS,MAAM,OAAO,gBAExB,mDAAC,OAAD,MACE,mDAAC,OAAD;AAAA,EACE,MAAK;AAAA,EACL,UAAS;AAAA,EACT,eAAY;AAAA,EACZ,SAAS,MAAM,aAAa,OAAO,MAAM,SAAS;AAAA,GAElD,mDAAC,oCAAD;AAAA,EAAoB,OAAO;AAAA,EAAM,QAAQ;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,96 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var DatePickerSingleDate_exports = {};
|
|
29
|
-
__export(DatePickerSingleDate_exports, {
|
|
30
|
-
DatePickerSingleDate: () => DatePickerSingleDate,
|
|
31
|
-
default: () => DatePickerSingleDate_default
|
|
32
|
-
});
|
|
33
|
-
var React = __toESM(require("react"));
|
|
34
|
-
var import_react = __toESM(require("react"));
|
|
35
|
-
var import_react_dates = require("react-dates");
|
|
36
|
-
var import_moment = __toESM(require("moment"));
|
|
37
|
-
var import_ds_classnames = require("@elliemae/ds-classnames");
|
|
38
|
-
var import_ds_icons = require("@elliemae/ds-icons");
|
|
39
|
-
var import_DatePickerDay = require("../DatePickerDay/DatePickerDay");
|
|
40
|
-
var import_DatePickerNavigation = require("../DatePickerNavigation/DatePickerNavigation");
|
|
41
|
-
var import_DatePickerHeader = require("../DatePickerHeader/DatePickerHeader");
|
|
42
|
-
const blockname = "single-date";
|
|
43
|
-
const Wrapper = (0, import_ds_classnames.aggregatedClasses)("div")(blockname, "wrapper");
|
|
44
|
-
const { classNameElement, classNameBlock } = (0, import_ds_classnames.convertPropToCssClassName)("datepicker");
|
|
45
|
-
const DatePickerSingleDate = ({
|
|
46
|
-
date,
|
|
47
|
-
displayFormatDay = "D",
|
|
48
|
-
isDayHighlighted = () => false,
|
|
49
|
-
enableOutsideDays = true,
|
|
50
|
-
showHeader = true,
|
|
51
|
-
onChange = () => null,
|
|
52
|
-
...rest
|
|
53
|
-
}) => {
|
|
54
|
-
const [selectedDate, setSelectedDate] = (0, import_react.useState)(date);
|
|
55
|
-
const [key, setKey] = (0, import_react.useState)((0, import_moment.default)());
|
|
56
|
-
const datePickerRef = (0, import_react.useRef)();
|
|
57
|
-
const updateKeyDate = (newDate) => {
|
|
58
|
-
setKey(newDate);
|
|
59
|
-
};
|
|
60
|
-
const handleDateChange = (newDate) => {
|
|
61
|
-
setSelectedDate(newDate);
|
|
62
|
-
setTimeout(() => onChange(newDate), 500);
|
|
63
|
-
};
|
|
64
|
-
return /* @__PURE__ */ import_react.default.createElement(Wrapper, null, showHeader && /* @__PURE__ */ import_react.default.createElement(import_DatePickerHeader.DatePickerHeader, {
|
|
65
|
-
onInputChange: handleDateChange,
|
|
66
|
-
selectedDate,
|
|
67
|
-
updateKeyDate
|
|
68
|
-
}), /* @__PURE__ */ import_react.default.createElement("div", {
|
|
69
|
-
ref: datePickerRef,
|
|
70
|
-
className: classNameBlock("wrapper-day-picker-single-date-controller"),
|
|
71
|
-
"data-testid": rest["data-testid"] || "date-picker-single-date"
|
|
72
|
-
}, /* @__PURE__ */ import_react.default.createElement(import_react_dates.DayPickerSingleDateController, {
|
|
73
|
-
key,
|
|
74
|
-
date: selectedDate,
|
|
75
|
-
enableOutsideDays,
|
|
76
|
-
focused: true,
|
|
77
|
-
hideKeyboardShortcutsPanel: true,
|
|
78
|
-
isDayHighlighted,
|
|
79
|
-
keepOpenOnDateSelect: true,
|
|
80
|
-
navNext: /* @__PURE__ */ import_react.default.createElement(import_DatePickerNavigation.DatePickerNavigation, {
|
|
81
|
-
className: classNameElement("navigation-next")
|
|
82
|
-
}),
|
|
83
|
-
navPrev: /* @__PURE__ */ import_react.default.createElement(import_DatePickerNavigation.DatePickerNavigation, {
|
|
84
|
-
className: classNameElement("navigation-prev"),
|
|
85
|
-
icon: import_ds_icons.ChevronLeft
|
|
86
|
-
}),
|
|
87
|
-
onDateChange: handleDateChange,
|
|
88
|
-
renderDayContents: (givenDate) => /* @__PURE__ */ import_react.default.createElement(import_DatePickerDay.DatePickerDay, {
|
|
89
|
-
className: classNameElement("day-contents"),
|
|
90
|
-
date: givenDate.format(displayFormatDay)
|
|
91
|
-
})
|
|
92
|
-
})));
|
|
93
|
-
};
|
|
94
|
-
var DatePickerSingleDate_default = DatePickerSingleDate;
|
|
95
|
-
module.exports = __toCommonJS(DatePickerSingleDate_exports);
|
|
96
|
-
//# sourceMappingURL=DatePickerSingleDate.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/components/DatePickerSingleDate/DatePickerSingleDate.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
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;ACAA,YAAuB;ADGvB,mBAAwC;AACxC,yBAA8C;AAC9C,oBAAmB;AACnB,2BAA6D;AAC7D,sBAA4B;AAC5B,2BAA8B;AAC9B,kCAAqC;AACrC,8BAAiC;AAEjC,MAAM,YAAY;AAClB,MAAM,UAAU,4CAAkB,OAAO,WAAW;AAEpD,MAAM,EAAE,kBAAkB,mBAAmB,oDAA0B;AAEvE,MAAM,uBAAuB,CAAC;AAAA,EAC5B;AAAA,EACA,mBAAmB;AAAA,EACnB,mBAAmB,MAAM;AAAA,EACzB,oBAAoB;AAAA,EACpB,aAAa;AAAA,EACb,WAAW,MAAM;AAAA,KACd;AAAA,MACC;AACJ,QAAM,CAAC,cAAc,mBAAmB,2BAAS;AACjD,QAAM,CAAC,KAAK,UAAU,2BAAS;AAC/B,QAAM,gBAAgB;AAEtB,QAAM,gBAAgB,CAAC,YAAY;AACjC,WAAO;AAAA;AAGT,QAAM,mBAAmB,CAAC,YAAY;AACpC,oBAAgB;AAChB,eAAW,MAAM,SAAS,UAAU;AAAA;AAGtC,SACE,mDAAC,SAAD,MACG,cACC,mDAAC,0CAAD;AAAA,IAAkB,eAAe;AAAA,IAAkB;AAAA,IAA4B;AAAA,MAEjF,mDAAC,OAAD;AAAA,IACE,KAAK;AAAA,IACL,WAAW,eAAe;AAAA,IAC1B,eAAa,KAAK,kBAAkB;AAAA,KAEpC,mDAAC,kDAAD;AAAA,IACE;AAAA,IACA,MAAM;AAAA,IACN;AAAA,IACA,SAAO;AAAA,IACP,4BAA0B;AAAA,IAC1B;AAAA,IACA,sBAAoB;AAAA,IACpB,SAAS,mDAAC,kDAAD;AAAA,MAAsB,WAAW,iBAAiB;AAAA;AAAA,IAC3D,SAAS,mDAAC,kDAAD;AAAA,MAAsB,WAAW,iBAAiB;AAAA,MAAoB,MAAM;AAAA;AAAA,IACrF,cAAc;AAAA,IACd,mBAAmB,CAAC,cAClB,mDAAC,oCAAD;AAAA,MAAe,WAAW,iBAAiB;AAAA,MAAiB,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAS/F,IAAO,+BAAQ;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,80 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var SingleRangeDateSwitcher_exports = {};
|
|
29
|
-
__export(SingleRangeDateSwitcher_exports, {
|
|
30
|
-
SingleRangeDateSwitcher: () => SingleRangeDateSwitcher,
|
|
31
|
-
default: () => SingleRangeDateSwitcher_default
|
|
32
|
-
});
|
|
33
|
-
var React = __toESM(require("react"));
|
|
34
|
-
var import_react = __toESM(require("react"));
|
|
35
|
-
var import_ds_form = require("@elliemae/ds-form");
|
|
36
|
-
var import_ds_classnames = require("@elliemae/ds-classnames");
|
|
37
|
-
var import_DatePickerRangeHeader = require("../DatePickerRangeHeader/DatePickerRangeHeader");
|
|
38
|
-
var import_DatePickerHeader = require("../DatePickerHeader/DatePickerHeader");
|
|
39
|
-
const blockname = "date-switcher";
|
|
40
|
-
const Header = (0, import_ds_classnames.aggregatedClasses)("div")(blockname, "header");
|
|
41
|
-
const SingleRangeDateSwitcher = ({
|
|
42
|
-
onStartInputChange,
|
|
43
|
-
onEndInputChange,
|
|
44
|
-
onSingleInputChange,
|
|
45
|
-
onFocusChange,
|
|
46
|
-
selectedStartDate,
|
|
47
|
-
selectedEndDate,
|
|
48
|
-
selectedSingleDate,
|
|
49
|
-
isDateRange,
|
|
50
|
-
setIsDateRange,
|
|
51
|
-
handleDatesChange,
|
|
52
|
-
updateKeyDate,
|
|
53
|
-
focusedInput
|
|
54
|
-
}) => {
|
|
55
|
-
const SingleDateInput = /* @__PURE__ */ import_react.default.createElement(import_DatePickerHeader.DatePickerHeader, {
|
|
56
|
-
onInputChange: onSingleInputChange,
|
|
57
|
-
selectedDate: selectedSingleDate,
|
|
58
|
-
updateKeyDate
|
|
59
|
-
});
|
|
60
|
-
const DateRangeInput = /* @__PURE__ */ import_react.default.createElement(import_DatePickerRangeHeader.DatePickerRangeHeader, {
|
|
61
|
-
focusedInput,
|
|
62
|
-
onFocusChange,
|
|
63
|
-
onEndInputChange,
|
|
64
|
-
onStartInputChange,
|
|
65
|
-
selectedEndDate,
|
|
66
|
-
selectedStartDate,
|
|
67
|
-
handleDatesChange
|
|
68
|
-
});
|
|
69
|
-
return /* @__PURE__ */ import_react.default.createElement(Header, {
|
|
70
|
-
"data-testid": "date-switch-header"
|
|
71
|
-
}, /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSCheckbox, {
|
|
72
|
-
checked: isDateRange,
|
|
73
|
-
className: "switch-header__checkbox",
|
|
74
|
-
labelText: "Range",
|
|
75
|
-
onChange: setIsDateRange
|
|
76
|
-
}), isDateRange ? DateRangeInput : SingleDateInput);
|
|
77
|
-
};
|
|
78
|
-
var SingleRangeDateSwitcher_default = SingleRangeDateSwitcher;
|
|
79
|
-
module.exports = __toCommonJS(SingleRangeDateSwitcher_exports);
|
|
80
|
-
//# sourceMappingURL=SingleRangeDateSwitcher.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
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;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,qBAA2B;AAC3B,2BAAkC;AAClC,mCAAsC;AACtC,8BAAiC;AAEjC,MAAM,YAAY;AAClB,MAAM,SAAS,4CAAkB,OAAO,WAAW;AAEnD,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;AAAA,MACI;AACJ,QAAM,kBACJ,mDAAC,0CAAD;AAAA,IACE,eAAe;AAAA,IACf,cAAc;AAAA,IACd;AAAA;AAGJ,QAAM,iBACJ,mDAAC,oDAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIJ,SACE,mDAAC,QAAD;AAAA,IAAQ,eAAY;AAAA,KAClB,mDAAC,2BAAD;AAAA,IACE,SAAS;AAAA,IACT,WAAU;AAAA,IACV,WAAU;AAAA,IACV,UAAU;AAAA,MAEX,cAAc,iBAAiB;AAAA;AAMtC,IAAO,kCAAQ;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var components_exports = {};
|
|
29
|
-
__export(components_exports, {
|
|
30
|
-
DatePickerDay: () => import_DatePickerDay.default,
|
|
31
|
-
DatePickerDropdown: () => import_DatePickerDropdown.default,
|
|
32
|
-
DatePickerHeader: () => import_DatePickerHeader.default,
|
|
33
|
-
DatePickerNavigation: () => import_DatePickerNavigation.default,
|
|
34
|
-
DatePickerPicker: () => import_DatePickerPicker.default,
|
|
35
|
-
DatePickerRange: () => import_DatePickerRange.default,
|
|
36
|
-
DatePickerRangeHeader: () => import_DatePickerRangeHeader.default,
|
|
37
|
-
DatePickerSingleDate: () => import_DatePickerSingleDate.default,
|
|
38
|
-
SingleRangeDateSwitcher: () => import_SingleRangeDateSwitcher.default,
|
|
39
|
-
renderMonthElement: () => import_DatePickerRenderMonth.renderMonthElement
|
|
40
|
-
});
|
|
41
|
-
var React = __toESM(require("react"));
|
|
42
|
-
var import_DatePickerNavigation = __toESM(require("./DatePickerNavigation/DatePickerNavigation"));
|
|
43
|
-
var import_DatePickerDay = __toESM(require("./DatePickerDay/DatePickerDay"));
|
|
44
|
-
var import_DatePickerPicker = __toESM(require("./DatePickerPicker/DatePickerPicker"));
|
|
45
|
-
var import_DatePickerDropdown = __toESM(require("./DatePickerDropdown"));
|
|
46
|
-
var import_DatePickerSingleDate = __toESM(require("./DatePickerSingleDate/DatePickerSingleDate"));
|
|
47
|
-
var import_DatePickerHeader = __toESM(require("./DatePickerHeader/DatePickerHeader"));
|
|
48
|
-
var import_DatePickerRange = __toESM(require("./DatePickerRange/DatePickerRange"));
|
|
49
|
-
var import_DatePickerRangeHeader = __toESM(require("./DatePickerRangeHeader/DatePickerRangeHeader"));
|
|
50
|
-
var import_SingleRangeDateSwitcher = __toESM(require("./SingleRangeDateSwitcher/SingleRangeDateSwitcher"));
|
|
51
|
-
var import_DatePickerRenderMonth = require("./DatePickerRenderMonth/DatePickerRenderMonth");
|
|
52
|
-
module.exports = __toCommonJS(components_exports);
|
|
53
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/components/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;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
|
-
"names": []
|
|
7
|
-
}
|