@elliemae/ds-date-picker 3.27.0-next.1 → 3.27.0-next.3
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/index.js +3 -5
- package/dist/cjs/index.js.map +2 -2
- package/dist/esm/index.js +2 -4
- package/dist/esm/index.js.map +2 -2
- package/dist/types/index.d.ts +2 -3
- package/package.json +6 -79
- package/dist/cjs/DSDatePicker.js +0 -240
- package/dist/cjs/DSDatePicker.js.map +0 -7
- package/dist/cjs/components/DSDatePickerImpl.js +0 -293
- package/dist/cjs/components/DSDatePickerImpl.js.map +0 -7
- package/dist/cjs/components/DatePickerController/DatePickerController.js +0 -338
- package/dist/cjs/components/DatePickerController/DatePickerController.js.map +0 -7
- package/dist/cjs/components/DatePickerDay/DatePickerDay.js +0 -44
- package/dist/cjs/components/DatePickerDay/DatePickerDay.js.map +0 -7
- package/dist/cjs/components/DatePickerDropdown.js +0 -90
- package/dist/cjs/components/DatePickerDropdown.js.map +0 -7
- package/dist/cjs/components/DatePickerHeader/DatePickerHeader.js +0 -79
- package/dist/cjs/components/DatePickerHeader/DatePickerHeader.js.map +0 -7
- package/dist/cjs/components/DatePickerNavigation/DatePickerNavigation.js +0 -56
- package/dist/cjs/components/DatePickerNavigation/DatePickerNavigation.js.map +0 -7
- package/dist/cjs/components/DatePickerPicker/DatePickerPicker.js +0 -89
- 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 -149
- 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 -91
- package/dist/cjs/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js.map +0 -7
- package/dist/cjs/components/index.js +0 -54
- package/dist/cjs/components/index.js.map +0 -7
- package/dist/cjs/defaultPhrases.js +0 -247
- package/dist/cjs/defaultPhrases.js.map +0 -7
- package/dist/esm/DSDatePicker.js +0 -221
- package/dist/esm/DSDatePicker.js.map +0 -7
- package/dist/esm/components/DSDatePickerImpl.js +0 -263
- package/dist/esm/components/DSDatePickerImpl.js.map +0 -7
- package/dist/esm/components/DatePickerController/DatePickerController.js +0 -308
- package/dist/esm/components/DatePickerController/DatePickerController.js.map +0 -7
- package/dist/esm/components/DatePickerDay/DatePickerDay.js +0 -14
- package/dist/esm/components/DatePickerDay/DatePickerDay.js.map +0 -7
- package/dist/esm/components/DatePickerDropdown.js +0 -60
- package/dist/esm/components/DatePickerDropdown.js.map +0 -7
- package/dist/esm/components/DatePickerHeader/DatePickerHeader.js +0 -49
- package/dist/esm/components/DatePickerHeader/DatePickerHeader.js.map +0 -7
- package/dist/esm/components/DatePickerNavigation/DatePickerNavigation.js +0 -26
- package/dist/esm/components/DatePickerNavigation/DatePickerNavigation.js.map +0 -7
- package/dist/esm/components/DatePickerPicker/DatePickerPicker.js +0 -59
- package/dist/esm/components/DatePickerPicker/DatePickerPicker.js.map +0 -7
- package/dist/esm/components/DatePickerRange/DatePickerRange.js +0 -80
- package/dist/esm/components/DatePickerRange/DatePickerRange.js.map +0 -7
- package/dist/esm/components/DatePickerRangeHeader/DatePickerRangeHeader.js +0 -119
- package/dist/esm/components/DatePickerRangeHeader/DatePickerRangeHeader.js.map +0 -7
- package/dist/esm/components/DatePickerRenderMonth/DatePickerRenderMonth.js +0 -31
- package/dist/esm/components/DatePickerRenderMonth/DatePickerRenderMonth.js.map +0 -7
- package/dist/esm/components/DatePickerSingleDate/DatePickerSingleDate.js +0 -66
- package/dist/esm/components/DatePickerSingleDate/DatePickerSingleDate.js.map +0 -7
- package/dist/esm/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js +0 -61
- 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 +0 -217
- package/dist/esm/defaultPhrases.js.map +0 -7
- package/dist/types/components/DSDatePickerImpl.d.ts +0 -21
- package/dist/types/components/DatePickerController/DatePickerController.d.ts +0 -80
- package/dist/types/components/DatePickerDay/DatePickerDay.d.ts +0 -13
- package/dist/types/components/DatePickerDropdown.d.ts +0 -27
- package/dist/types/components/DatePickerHeader/DatePickerHeader.d.ts +0 -15
- package/dist/types/components/DatePickerNavigation/DatePickerNavigation.d.ts +0 -19
- package/dist/types/components/DatePickerPicker/DatePickerPicker.d.ts +0 -43
- package/dist/types/components/DatePickerRange/DatePickerRange.d.ts +0 -9
- package/dist/types/components/DatePickerRangeHeader/DatePickerRangeHeader.d.ts +0 -23
- package/dist/types/components/DatePickerRangeHeader/tests/DatePickerRangeHeader.test.d.ts +0 -1
- package/dist/types/components/DatePickerRenderMonth/DatePickerRenderMonth.d.ts +0 -4
- package/dist/types/components/DatePickerSingleDate/DatePickerSingleDate.d.ts +0 -11
- package/dist/types/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.d.ts +0 -16
- package/dist/types/components/index.d.ts +0 -10
- package/dist/types/components/tests/DatePickerHeader.test.d.ts +0 -1
- package/dist/types/components/tests/DatePickerRange.test.d.ts +0 -1
- package/dist/types/components/tests/DatePickerRangeHeader.test.d.ts +0 -1
- package/dist/types/components/tests/DatePickerSelectedDate.test.d.ts +0 -1
- package/dist/types/components/tests/DatePickerSingleDate.test.d.ts +0 -1
- package/dist/types/components/tests/SingleRangeDateSwitcher.test.d.ts +0 -1
- package/dist/types/defaultPhrases.d.ts +0 -225
|
@@ -1,149 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
|
-
var __defProp = Object.defineProperty;
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __copyProps = (to, from, except, desc) => {
|
|
13
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(from))
|
|
15
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return to;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
-
mod
|
|
27
|
-
));
|
|
28
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
var DatePickerRangeHeader_exports = {};
|
|
30
|
-
__export(DatePickerRangeHeader_exports, {
|
|
31
|
-
DatePickerRangeHeader: () => DatePickerRangeHeader,
|
|
32
|
-
default: () => DatePickerRangeHeader_default
|
|
33
|
-
});
|
|
34
|
-
module.exports = __toCommonJS(DatePickerRangeHeader_exports);
|
|
35
|
-
var React = __toESM(require("react"));
|
|
36
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
37
|
-
var import_react = require("react");
|
|
38
|
-
var import_prop_types = __toESM(require("prop-types"));
|
|
39
|
-
var import_moment = __toESM(require("moment"));
|
|
40
|
-
var import_ds_form = require("@elliemae/ds-form");
|
|
41
|
-
var import_ds_classnames = require("@elliemae/ds-classnames");
|
|
42
|
-
const blockname = "date-range-picker";
|
|
43
|
-
const DATE_FORMAT = "MMDDYYYY";
|
|
44
|
-
const MAGIC_NUMBER = 999;
|
|
45
|
-
const Header = (0, import_ds_classnames.aggregatedClasses)("div")(blockname, "header", ({ invalidDate }) => ({ invalidDate }));
|
|
46
|
-
const DatePickerRangeHeader = ({
|
|
47
|
-
onStartInputChange = () => null,
|
|
48
|
-
onEndInputChange = () => null,
|
|
49
|
-
onFocusChange = () => null,
|
|
50
|
-
selectedStartDate,
|
|
51
|
-
selectedEndDate,
|
|
52
|
-
handleDatesChange,
|
|
53
|
-
autoJumpOnEdit = true
|
|
54
|
-
}) => {
|
|
55
|
-
const [startValue, setStartValue] = (0, import_react.useState)(selectedStartDate);
|
|
56
|
-
const [endValue, setEndValue] = (0, import_react.useState)(selectedEndDate);
|
|
57
|
-
const startInputRef = (0, import_react.useRef)();
|
|
58
|
-
const endInputRef = (0, import_react.useRef)();
|
|
59
|
-
(0, import_react.useEffect)(() => {
|
|
60
|
-
if (selectedStartDate) {
|
|
61
|
-
setStartValue(selectedStartDate.format(DATE_FORMAT));
|
|
62
|
-
}
|
|
63
|
-
if (selectedEndDate) {
|
|
64
|
-
setEndValue(selectedEndDate.format(DATE_FORMAT));
|
|
65
|
-
}
|
|
66
|
-
}, [selectedStartDate, selectedEndDate]);
|
|
67
|
-
const isValidRangeDate = (start, end) => {
|
|
68
|
-
let isValidRange = false;
|
|
69
|
-
if (start && end) {
|
|
70
|
-
const momentStart = (0, import_moment.default)(start, DATE_FORMAT);
|
|
71
|
-
const momentEnd = (0, import_moment.default)(end, DATE_FORMAT);
|
|
72
|
-
isValidRange = momentStart.isBefore(momentEnd);
|
|
73
|
-
}
|
|
74
|
-
return isValidRange;
|
|
75
|
-
};
|
|
76
|
-
const handleOnFocus = (inputType) => onFocusChange(inputType);
|
|
77
|
-
const handleOnChangeStart = (newStartValue) => {
|
|
78
|
-
const y = newStartValue.substring(4);
|
|
79
|
-
const momentValue = (0, import_moment.default)(newStartValue, DATE_FORMAT);
|
|
80
|
-
if (newStartValue && newStartValue.length === DATE_FORMAT.length) {
|
|
81
|
-
onStartInputChange(momentValue);
|
|
82
|
-
}
|
|
83
|
-
setStartValue(newStartValue);
|
|
84
|
-
if (autoJumpOnEdit && parseInt(y, 10) > MAGIC_NUMBER && endInputRef?.current?.firstChild?.focus) {
|
|
85
|
-
endInputRef.current.firstChild.focus();
|
|
86
|
-
}
|
|
87
|
-
};
|
|
88
|
-
const handleOnChangeEnd = (newEndValue) => {
|
|
89
|
-
const momentValue = (0, import_moment.default)(newEndValue, DATE_FORMAT);
|
|
90
|
-
if (isValidRangeDate(startValue, newEndValue) && newEndValue && newEndValue.length === DATE_FORMAT.length) {
|
|
91
|
-
onEndInputChange(momentValue);
|
|
92
|
-
}
|
|
93
|
-
setEndValue(newEndValue);
|
|
94
|
-
};
|
|
95
|
-
const handleOnKeyDownStart = (e) => {
|
|
96
|
-
const isValid = isValidRangeDate(startValue, endValue);
|
|
97
|
-
const momentStart = (0, import_moment.default)(startValue, DATE_FORMAT);
|
|
98
|
-
const momentEnd = (0, import_moment.default)(endValue, DATE_FORMAT);
|
|
99
|
-
if (e.key === "Enter" && startValue) {
|
|
100
|
-
onStartInputChange(momentStart);
|
|
101
|
-
if (isValid)
|
|
102
|
-
handleDatesChange({ startDate: momentStart, endDate: momentEnd });
|
|
103
|
-
}
|
|
104
|
-
};
|
|
105
|
-
const handleOnKeyDownEnd = (e) => {
|
|
106
|
-
const isValid = isValidRangeDate(startValue, endValue);
|
|
107
|
-
const momentStart = (0, import_moment.default)(startValue, DATE_FORMAT);
|
|
108
|
-
const momentEnd = (0, import_moment.default)(endValue, DATE_FORMAT);
|
|
109
|
-
if (e.key === "Enter" && isValid) {
|
|
110
|
-
handleDatesChange({ startDate: momentStart, endDate: momentEnd });
|
|
111
|
-
onEndInputChange(momentEnd);
|
|
112
|
-
}
|
|
113
|
-
};
|
|
114
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Header, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_form.DSInputGroup, { children: [
|
|
115
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
116
|
-
import_ds_form.DSDateInputV2,
|
|
117
|
-
{
|
|
118
|
-
containerProps: { "data-testid": "start-date" },
|
|
119
|
-
innerRef: startInputRef,
|
|
120
|
-
onChange: handleOnChangeStart,
|
|
121
|
-
onFocus: () => handleOnFocus("startDate"),
|
|
122
|
-
onKeyDown: handleOnKeyDownStart,
|
|
123
|
-
value: startValue
|
|
124
|
-
}
|
|
125
|
-
),
|
|
126
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
127
|
-
import_ds_form.DSDateInputV2,
|
|
128
|
-
{
|
|
129
|
-
containerProps: { "data-testid": "end-date" },
|
|
130
|
-
innerRef: endInputRef,
|
|
131
|
-
onChange: handleOnChangeEnd,
|
|
132
|
-
onFocus: () => handleOnFocus("endDate"),
|
|
133
|
-
onKeyDown: handleOnKeyDownEnd,
|
|
134
|
-
value: endValue
|
|
135
|
-
}
|
|
136
|
-
)
|
|
137
|
-
] }) });
|
|
138
|
-
};
|
|
139
|
-
DatePickerRangeHeader.propTypes = {
|
|
140
|
-
onStartInputChange: import_prop_types.default.func,
|
|
141
|
-
onEndInputChange: import_prop_types.default.func,
|
|
142
|
-
onFocusChange: import_prop_types.default.func,
|
|
143
|
-
selectedStartDate: import_prop_types.default.any,
|
|
144
|
-
selectedEndDate: import_prop_types.default.any,
|
|
145
|
-
handleDatesChange: import_prop_types.default.func,
|
|
146
|
-
autoJumpOnEdit: import_prop_types.default.bool
|
|
147
|
-
};
|
|
148
|
-
var DatePickerRangeHeader_default = DatePickerRangeHeader;
|
|
149
|
-
//# 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": ["moment", "PropTypes"]
|
|
7
|
-
}
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
|
-
var __defProp = Object.defineProperty;
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __copyProps = (to, from, except, desc) => {
|
|
13
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(from))
|
|
15
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return to;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
-
mod
|
|
27
|
-
));
|
|
28
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
var DatePickerRenderMonth_exports = {};
|
|
30
|
-
__export(DatePickerRenderMonth_exports, {
|
|
31
|
-
renderMonthElement: () => renderMonthElement
|
|
32
|
-
});
|
|
33
|
-
module.exports = __toCommonJS(DatePickerRenderMonth_exports);
|
|
34
|
-
var React = __toESM(require("react"));
|
|
35
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
36
|
-
var import_ds_icons = require("@elliemae/ds-icons");
|
|
37
|
-
var import_ds_grid = require("@elliemae/ds-grid");
|
|
38
|
-
const renderMonthElement = ({ month, onYearSelect }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, { height: "20px", cols: ["auto", 1, "auto"], alignItems: "flex-end", mr: "10px", children: [
|
|
39
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
40
|
-
"div",
|
|
41
|
-
{
|
|
42
|
-
role: "button",
|
|
43
|
-
tabIndex: "0",
|
|
44
|
-
"data-testid": "date-picker-prev-year-arrow",
|
|
45
|
-
onClick: () => onYearSelect(month, month.year() - 1),
|
|
46
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronDoubleLeft, { width: 13.6, height: 13.6 })
|
|
47
|
-
}
|
|
48
|
-
) }),
|
|
49
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, { "data-testid": "date-picker-header", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: month.format("MMMM YYYY") }) }),
|
|
50
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
51
|
-
"div",
|
|
52
|
-
{
|
|
53
|
-
role: "button",
|
|
54
|
-
tabIndex: "0",
|
|
55
|
-
"data-testid": "date-picker-next-year-arrow",
|
|
56
|
-
onClick: () => onYearSelect(month, month.year() + 1),
|
|
57
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronDoubleRight, { width: 13.6, height: 13.6 })
|
|
58
|
-
}
|
|
59
|
-
) })
|
|
60
|
-
] });
|
|
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;AAAA;ACAA,YAAuB;ADMrB;AAJF,sBAAsD;AACtD,qBAAqB;AAEd,MAAM,qBAAqB,CAAC,EAAE,OAAO,aAAa,MACvD,6CAAC,uBAAK,QAAO,QAAO,MAAM,CAAC,QAAQ,GAAG,MAAM,GAAG,YAAW,YAAW,IAAG,QACtE;AAAA,8CAAC,SACC;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,UAAS;AAAA,MACT,eAAY;AAAA,MACZ,SAAS,MAAM,aAAa,OAAO,MAAM,KAAK,IAAI,CAAC;AAAA,MAEnD,sDAAC,qCAAkB,OAAO,MAAM,QAAQ,MAAM;AAAA;AAAA,EAChD,GACF;AAAA,EACA,4CAAC,uBAAK,eAAY,sBAChB,sDAAC,YAAQ,gBAAM,OAAO,WAAW,GAAE,GACrC;AAAA,EACA,4CAAC,SACC;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,UAAS;AAAA,MACT,eAAY;AAAA,MACZ,SAAS,MAAM,aAAa,OAAO,MAAM,KAAK,IAAI,CAAC;AAAA,MAEnD,sDAAC,sCAAmB,OAAO,MAAM,QAAQ,MAAM;AAAA;AAAA,EACjD,GACF;AAAA,GACF;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,96 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
|
-
var __defProp = Object.defineProperty;
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __copyProps = (to, from, except, desc) => {
|
|
13
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(from))
|
|
15
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return to;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
-
mod
|
|
27
|
-
));
|
|
28
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
var DatePickerSingleDate_exports = {};
|
|
30
|
-
__export(DatePickerSingleDate_exports, {
|
|
31
|
-
DatePickerSingleDate: () => DatePickerSingleDate,
|
|
32
|
-
default: () => DatePickerSingleDate_default
|
|
33
|
-
});
|
|
34
|
-
module.exports = __toCommonJS(DatePickerSingleDate_exports);
|
|
35
|
-
var React = __toESM(require("react"));
|
|
36
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
37
|
-
var import_react = require("react");
|
|
38
|
-
var import_react_dates = require("react-dates");
|
|
39
|
-
var import_moment = __toESM(require("moment"));
|
|
40
|
-
var import_ds_classnames = require("@elliemae/ds-classnames");
|
|
41
|
-
var import_ds_icons = require("@elliemae/ds-icons");
|
|
42
|
-
var import_DatePickerDay = require("../DatePickerDay/DatePickerDay.js");
|
|
43
|
-
var import_DatePickerNavigation = require("../DatePickerNavigation/DatePickerNavigation.js");
|
|
44
|
-
var import_DatePickerHeader = require("../DatePickerHeader/DatePickerHeader.js");
|
|
45
|
-
const blockname = "single-date";
|
|
46
|
-
const Wrapper = (0, import_ds_classnames.aggregatedClasses)("div")(blockname, "wrapper");
|
|
47
|
-
const { classNameElement, classNameBlock } = (0, import_ds_classnames.convertPropToCssClassName)("datepicker");
|
|
48
|
-
const DatePickerSingleDate = ({
|
|
49
|
-
date,
|
|
50
|
-
displayFormatDay = "D",
|
|
51
|
-
isDayHighlighted = () => false,
|
|
52
|
-
enableOutsideDays = true,
|
|
53
|
-
showHeader = true,
|
|
54
|
-
onChange = () => null,
|
|
55
|
-
...rest
|
|
56
|
-
}) => {
|
|
57
|
-
const [selectedDate, setSelectedDate] = (0, import_react.useState)(date);
|
|
58
|
-
const [key, setKey] = (0, import_react.useState)((0, import_moment.default)());
|
|
59
|
-
const datePickerRef = (0, import_react.useRef)();
|
|
60
|
-
const updateKeyDate = (newDate) => {
|
|
61
|
-
setKey(newDate);
|
|
62
|
-
};
|
|
63
|
-
const handleDateChange = (newDate) => {
|
|
64
|
-
setSelectedDate(newDate);
|
|
65
|
-
setTimeout(() => onChange(newDate), 500);
|
|
66
|
-
};
|
|
67
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrapper, { children: [
|
|
68
|
-
showHeader && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DatePickerHeader.DatePickerHeader, { onInputChange: handleDateChange, selectedDate, updateKeyDate }),
|
|
69
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
70
|
-
"div",
|
|
71
|
-
{
|
|
72
|
-
ref: datePickerRef,
|
|
73
|
-
className: classNameBlock("wrapper-day-picker-single-date-controller"),
|
|
74
|
-
"data-testid": rest["data-testid"] || "date-picker-single-date",
|
|
75
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
76
|
-
import_react_dates.DayPickerSingleDateController,
|
|
77
|
-
{
|
|
78
|
-
date: selectedDate,
|
|
79
|
-
enableOutsideDays,
|
|
80
|
-
focused: true,
|
|
81
|
-
hideKeyboardShortcutsPanel: true,
|
|
82
|
-
isDayHighlighted,
|
|
83
|
-
keepOpenOnDateSelect: true,
|
|
84
|
-
navNext: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DatePickerNavigation.DatePickerNavigation, { className: classNameElement("navigation-next") }),
|
|
85
|
-
navPrev: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DatePickerNavigation.DatePickerNavigation, { className: classNameElement("navigation-prev"), icon: import_ds_icons.ChevronLeft }),
|
|
86
|
-
onDateChange: handleDateChange,
|
|
87
|
-
renderDayContents: (givenDate) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DatePickerDay.DatePickerDay, { className: classNameElement("day-contents"), date: givenDate.format(displayFormatDay) })
|
|
88
|
-
},
|
|
89
|
-
key
|
|
90
|
-
)
|
|
91
|
-
}
|
|
92
|
-
)
|
|
93
|
-
] });
|
|
94
|
-
};
|
|
95
|
-
var DatePickerSingleDate_default = DatePickerSingleDate;
|
|
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.js';\nimport { DatePickerNavigation } from '../DatePickerNavigation/DatePickerNavigation.js';\nimport { DatePickerHeader } from '../DatePickerHeader/DatePickerHeader.js';\n\nconst blockname = 'single-date';\nconst Wrapper = aggregatedClasses('div')(blockname, 'wrapper');\n\nconst { classNameElement, classNameBlock } = convertPropToCssClassName('datepicker');\n\nconst DatePickerSingleDate = ({\n date,\n displayFormatDay = 'D',\n isDayHighlighted = () => false,\n enableOutsideDays = true,\n showHeader = true,\n onChange = () => null,\n ...rest\n}) => {\n const [selectedDate, setSelectedDate] = useState(date);\n const [key, setKey] = useState(moment());\n const datePickerRef = useRef();\n\n const updateKeyDate = (newDate) => {\n setKey(newDate);\n };\n\n const handleDateChange = (newDate) => {\n setSelectedDate(newDate);\n setTimeout(() => onChange(newDate), 500);\n };\n\n return (\n <Wrapper>\n {showHeader && (\n <DatePickerHeader onInputChange={handleDateChange} selectedDate={selectedDate} updateKeyDate={updateKeyDate} />\n )}\n <div\n ref={datePickerRef}\n className={classNameBlock('wrapper-day-picker-single-date-controller')}\n data-testid={rest['data-testid'] || 'date-picker-single-date'}\n >\n <DayPickerSingleDateController\n key={key}\n date={selectedDate}\n enableOutsideDays={enableOutsideDays}\n focused\n hideKeyboardShortcutsPanel\n isDayHighlighted={isDayHighlighted}\n keepOpenOnDateSelect\n navNext={<DatePickerNavigation className={classNameElement('navigation-next')} />}\n navPrev={<DatePickerNavigation className={classNameElement('navigation-prev')} icon={ChevronLeft} />}\n onDateChange={handleDateChange}\n renderDayContents={(givenDate) => (\n <DatePickerDay className={classNameElement('day-contents')} date={givenDate.format(displayFormatDay)} />\n )}\n />\n </div>\n </Wrapper>\n );\n};\n\nexport { DatePickerSingleDate };\nexport default DatePickerSingleDate;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADwCnB;AArCJ,mBAAwC;AACxC,yBAA8C;AAC9C,oBAAmB;AACnB,2BAA6D;AAC7D,sBAA4B;AAC5B,2BAA8B;AAC9B,kCAAqC;AACrC,8BAAiC;AAEjC,MAAM,YAAY;AAClB,MAAM,cAAU,wCAAkB,KAAK,EAAE,WAAW,SAAS;AAE7D,MAAM,EAAE,kBAAkB,eAAe,QAAI,gDAA0B,YAAY;AAEnF,MAAM,uBAAuB,CAAC;AAAA,EAC5B;AAAA,EACA,mBAAmB;AAAA,EACnB,mBAAmB,MAAM;AAAA,EACzB,oBAAoB;AAAA,EACpB,aAAa;AAAA,EACb,WAAW,MAAM;AAAA,EACjB,GAAG;AACL,MAAM;AACJ,QAAM,CAAC,cAAc,eAAe,QAAI,uBAAS,IAAI;AACrD,QAAM,CAAC,KAAK,MAAM,QAAI,2BAAS,cAAAA,SAAO,CAAC;AACvC,QAAM,oBAAgB,qBAAO;AAE7B,QAAM,gBAAgB,CAAC,YAAY;AACjC,WAAO,OAAO;AAAA,EAChB;AAEA,QAAM,mBAAmB,CAAC,YAAY;AACpC,oBAAgB,OAAO;AACvB,eAAW,MAAM,SAAS,OAAO,GAAG,GAAG;AAAA,EACzC;AAEA,SACE,6CAAC,WACE;AAAA,kBACC,4CAAC,4CAAiB,eAAe,kBAAkB,cAA4B,eAA8B;AAAA,IAE/G;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,WAAW,eAAe,2CAA2C;AAAA,QACrE,eAAa,KAAK,aAAa,KAAK;AAAA,QAEpC;AAAA,UAAC;AAAA;AAAA,YAEC,MAAM;AAAA,YACN;AAAA,YACA,SAAO;AAAA,YACP,4BAA0B;AAAA,YAC1B;AAAA,YACA,sBAAoB;AAAA,YACpB,SAAS,4CAAC,oDAAqB,WAAW,iBAAiB,iBAAiB,GAAG;AAAA,YAC/E,SAAS,4CAAC,oDAAqB,WAAW,iBAAiB,iBAAiB,GAAG,MAAM,6BAAa;AAAA,YAClG,cAAc;AAAA,YACd,mBAAmB,CAAC,cAClB,4CAAC,sCAAc,WAAW,iBAAiB,cAAc,GAAG,MAAM,UAAU,OAAO,gBAAgB,GAAG;AAAA;AAAA,UAXnG;AAAA,QAaP;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAGA,IAAO,+BAAQ;",
|
|
6
|
-
"names": ["moment"]
|
|
7
|
-
}
|
|
@@ -1,91 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
|
-
var __defProp = Object.defineProperty;
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __copyProps = (to, from, except, desc) => {
|
|
13
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(from))
|
|
15
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return to;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
-
mod
|
|
27
|
-
));
|
|
28
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
var SingleRangeDateSwitcher_exports = {};
|
|
30
|
-
__export(SingleRangeDateSwitcher_exports, {
|
|
31
|
-
SingleRangeDateSwitcher: () => SingleRangeDateSwitcher,
|
|
32
|
-
default: () => SingleRangeDateSwitcher_default
|
|
33
|
-
});
|
|
34
|
-
module.exports = __toCommonJS(SingleRangeDateSwitcher_exports);
|
|
35
|
-
var React = __toESM(require("react"));
|
|
36
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
37
|
-
var import_ds_form = require("@elliemae/ds-form");
|
|
38
|
-
var import_ds_classnames = require("@elliemae/ds-classnames");
|
|
39
|
-
var import_DatePickerRangeHeader = require("../DatePickerRangeHeader/DatePickerRangeHeader.js");
|
|
40
|
-
var import_DatePickerHeader = require("../DatePickerHeader/DatePickerHeader.js");
|
|
41
|
-
const blockname = "date-switcher";
|
|
42
|
-
const Header = (0, import_ds_classnames.aggregatedClasses)("div")(blockname, "header");
|
|
43
|
-
const SingleRangeDateSwitcher = ({
|
|
44
|
-
onStartInputChange,
|
|
45
|
-
onEndInputChange,
|
|
46
|
-
onSingleInputChange,
|
|
47
|
-
onFocusChange,
|
|
48
|
-
selectedStartDate,
|
|
49
|
-
selectedEndDate,
|
|
50
|
-
selectedSingleDate,
|
|
51
|
-
isDateRange,
|
|
52
|
-
setIsDateRange,
|
|
53
|
-
handleDatesChange,
|
|
54
|
-
updateKeyDate,
|
|
55
|
-
focusedInput
|
|
56
|
-
}) => {
|
|
57
|
-
const SingleDateInput = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
58
|
-
import_DatePickerHeader.DatePickerHeader,
|
|
59
|
-
{
|
|
60
|
-
onInputChange: onSingleInputChange,
|
|
61
|
-
selectedDate: selectedSingleDate,
|
|
62
|
-
updateKeyDate
|
|
63
|
-
}
|
|
64
|
-
);
|
|
65
|
-
const DateRangeInput = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
66
|
-
import_DatePickerRangeHeader.DatePickerRangeHeader,
|
|
67
|
-
{
|
|
68
|
-
focusedInput,
|
|
69
|
-
onFocusChange,
|
|
70
|
-
onEndInputChange,
|
|
71
|
-
onStartInputChange,
|
|
72
|
-
selectedEndDate,
|
|
73
|
-
selectedStartDate,
|
|
74
|
-
handleDatesChange
|
|
75
|
-
}
|
|
76
|
-
);
|
|
77
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Header, { "data-testid": "date-switch-header", children: [
|
|
78
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
79
|
-
import_ds_form.DSCheckbox,
|
|
80
|
-
{
|
|
81
|
-
checked: isDateRange,
|
|
82
|
-
className: "switch-header__checkbox",
|
|
83
|
-
labelText: "Range",
|
|
84
|
-
onChange: setIsDateRange
|
|
85
|
-
}
|
|
86
|
-
),
|
|
87
|
-
isDateRange ? DateRangeInput : SingleDateInput
|
|
88
|
-
] });
|
|
89
|
-
};
|
|
90
|
-
var SingleRangeDateSwitcher_default = SingleRangeDateSwitcher;
|
|
91
|
-
//# 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.js';\nimport { DatePickerHeader } from '../DatePickerHeader/DatePickerHeader.js';\n\nconst blockname = 'date-switcher';\nconst Header = aggregatedClasses('div')(blockname, 'header');\n\nconst SingleRangeDateSwitcher = ({\n onStartInputChange,\n onEndInputChange,\n onSingleInputChange,\n onFocusChange,\n selectedStartDate,\n selectedEndDate,\n selectedSingleDate,\n isDateRange,\n setIsDateRange,\n handleDatesChange,\n updateKeyDate,\n focusedInput,\n}) => {\n const SingleDateInput = (\n <DatePickerHeader\n onInputChange={onSingleInputChange}\n selectedDate={selectedSingleDate}\n updateKeyDate={updateKeyDate}\n />\n );\n const DateRangeInput = (\n <DatePickerRangeHeader\n focusedInput={focusedInput}\n onFocusChange={onFocusChange}\n onEndInputChange={onEndInputChange}\n onStartInputChange={onStartInputChange}\n selectedEndDate={selectedEndDate}\n selectedStartDate={selectedStartDate}\n handleDatesChange={handleDatesChange}\n />\n );\n\n return (\n <Header data-testid=\"date-switch-header\">\n <DSCheckbox\n checked={isDateRange}\n className=\"switch-header__checkbox\"\n labelText=\"Range\"\n onChange={setIsDateRange}\n />\n {isDateRange ? DateRangeInput : SingleDateInput}\n </Header>\n );\n};\n\nexport { SingleRangeDateSwitcher };\nexport default SingleRangeDateSwitcher;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADyBnB;AAvBJ,qBAA2B;AAC3B,2BAAkC;AAClC,mCAAsC;AACtC,8BAAiC;AAEjC,MAAM,YAAY;AAClB,MAAM,aAAS,wCAAkB,KAAK,EAAE,WAAW,QAAQ;AAE3D,MAAM,0BAA0B,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,kBACJ;AAAA,IAAC;AAAA;AAAA,MACC,eAAe;AAAA,MACf,cAAc;AAAA,MACd;AAAA;AAAA,EACF;AAEF,QAAM,iBACJ;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAGF,SACE,6CAAC,UAAO,eAAY,sBAClB;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT,WAAU;AAAA,QACV,WAAU;AAAA,QACV,UAAU;AAAA;AAAA,IACZ;AAAA,IACC,cAAc,iBAAiB;AAAA,KAClC;AAEJ;AAGA,IAAO,kCAAQ;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
|
-
var __defProp = Object.defineProperty;
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __copyProps = (to, from, except, desc) => {
|
|
13
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(from))
|
|
15
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return to;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
-
mod
|
|
27
|
-
));
|
|
28
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
var components_exports = {};
|
|
30
|
-
__export(components_exports, {
|
|
31
|
-
DatePickerDay: () => import_DatePickerDay.default,
|
|
32
|
-
DatePickerDropdown: () => import_DatePickerDropdown.default,
|
|
33
|
-
DatePickerHeader: () => import_DatePickerHeader.default,
|
|
34
|
-
DatePickerNavigation: () => import_DatePickerNavigation.default,
|
|
35
|
-
DatePickerPicker: () => import_DatePickerPicker.default,
|
|
36
|
-
DatePickerRange: () => import_DatePickerRange.default,
|
|
37
|
-
DatePickerRangeHeader: () => import_DatePickerRangeHeader.default,
|
|
38
|
-
DatePickerSingleDate: () => import_DatePickerSingleDate.default,
|
|
39
|
-
SingleRangeDateSwitcher: () => import_SingleRangeDateSwitcher.default,
|
|
40
|
-
renderMonthElement: () => import_DatePickerRenderMonth.renderMonthElement
|
|
41
|
-
});
|
|
42
|
-
module.exports = __toCommonJS(components_exports);
|
|
43
|
-
var React = __toESM(require("react"));
|
|
44
|
-
var import_DatePickerNavigation = __toESM(require("./DatePickerNavigation/DatePickerNavigation.js"));
|
|
45
|
-
var import_DatePickerDay = __toESM(require("./DatePickerDay/DatePickerDay.js"));
|
|
46
|
-
var import_DatePickerPicker = __toESM(require("./DatePickerPicker/DatePickerPicker.js"));
|
|
47
|
-
var import_DatePickerDropdown = __toESM(require("./DatePickerDropdown.js"));
|
|
48
|
-
var import_DatePickerSingleDate = __toESM(require("./DatePickerSingleDate/DatePickerSingleDate.js"));
|
|
49
|
-
var import_DatePickerHeader = __toESM(require("./DatePickerHeader/DatePickerHeader.js"));
|
|
50
|
-
var import_DatePickerRange = __toESM(require("./DatePickerRange/DatePickerRange.js"));
|
|
51
|
-
var import_DatePickerRangeHeader = __toESM(require("./DatePickerRangeHeader/DatePickerRangeHeader.js"));
|
|
52
|
-
var import_SingleRangeDateSwitcher = __toESM(require("./SingleRangeDateSwitcher/SingleRangeDateSwitcher.js"));
|
|
53
|
-
var import_DatePickerRenderMonth = require("./DatePickerRenderMonth/DatePickerRenderMonth.js");
|
|
54
|
-
//# 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.js';\nexport { default as DatePickerDay } from './DatePickerDay/DatePickerDay.js';\nexport { default as DatePickerPicker } from './DatePickerPicker/DatePickerPicker.js';\nexport { default as DatePickerDropdown } from './DatePickerDropdown.js';\nexport { default as DatePickerSingleDate } from './DatePickerSingleDate/DatePickerSingleDate.js';\nexport { default as DatePickerHeader } from './DatePickerHeader/DatePickerHeader.js';\nexport { default as DatePickerRange } from './DatePickerRange/DatePickerRange.js';\nexport { default as DatePickerRangeHeader } from './DatePickerRangeHeader/DatePickerRangeHeader.js';\nexport { default as SingleRangeDateSwitcher } from './SingleRangeDateSwitcher/SingleRangeDateSwitcher.js';\nexport { renderMonthElement } from './DatePickerRenderMonth/DatePickerRenderMonth.js';\n", "import * as React from 'react';\nexport { React };\n"],
|
|
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
|
-
"names": []
|
|
7
|
-
}
|