@elliemae/ds-date-picker 2.3.0-alpha.6 → 2.3.0-next.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/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,49 +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 DatePickerDay_exports = {};
|
|
29
|
-
__export(DatePickerDay_exports, {
|
|
30
|
-
DatePickerDay: () => Day,
|
|
31
|
-
default: () => DatePickerDay_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
|
-
const Day = ({ className = "date-picker-content-day", date = "" }) => /* @__PURE__ */ import_react.default.createElement("div", {
|
|
37
|
-
className,
|
|
38
|
-
"data-testid": `datepicker-day-${date}`
|
|
39
|
-
}, /* @__PURE__ */ import_react.default.createElement("div", {
|
|
40
|
-
className: `${className}-half`,
|
|
41
|
-
"data-testid": "datepicker-day"
|
|
42
|
-
}, date));
|
|
43
|
-
Day.propTypes = {
|
|
44
|
-
className: import_prop_types.default.string,
|
|
45
|
-
date: import_prop_types.default.oneOfType([import_prop_types.default.string, import_prop_types.default.number])
|
|
46
|
-
};
|
|
47
|
-
var DatePickerDay_default = Day;
|
|
48
|
-
module.exports = __toCommonJS(DatePickerDay_exports);
|
|
49
|
-
//# sourceMappingURL=DatePickerDay.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/components/DatePickerDay/DatePickerDay.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst Day = ({ className = 'date-picker-content-day', date = '' }) => (\n <div className={className} data-testid={`datepicker-day-${date}`}>\n <div className={`${className}-half`} data-testid=\"datepicker-day\">\n {date}\n </div>\n </div>\n);\nDay.propTypes = {\n className: PropTypes.string,\n date: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n};\n\nexport { Day as DatePickerDay };\nexport default Day;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAsB;AAEtB,MAAM,MAAM,CAAC,EAAE,YAAY,2BAA2B,OAAO,SAC3D,mDAAC,OAAD;AAAA,EAAK;AAAA,EAAsB,eAAa,kBAAkB;AAAA,GACxD,mDAAC,OAAD;AAAA,EAAK,WAAW,GAAG;AAAA,EAAkB,eAAY;AAAA,GAC9C;AAIP,IAAI,YAAY;AAAA,EACd,WAAW,0BAAU;AAAA,EACrB,MAAM,0BAAU,UAAU,CAAC,0BAAU,QAAQ,0BAAU;AAAA;AAIzD,IAAO,wBAAQ;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,85 +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 DatePickerDropdown_exports = {};
|
|
29
|
-
__export(DatePickerDropdown_exports, {
|
|
30
|
-
DatePickerDropdown: () => DatePickerDropdown,
|
|
31
|
-
default: () => DatePickerDropdown_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_ds_classnames = require("@elliemae/ds-classnames");
|
|
37
|
-
var import_ds_popper = require("@elliemae/ds-popper");
|
|
38
|
-
var import_DatePickerPicker = require("./DatePickerPicker/DatePickerPicker");
|
|
39
|
-
const { classNameElement } = (0, import_ds_classnames.convertPropToCssClassName)("datepicker-range");
|
|
40
|
-
const noop = () => null;
|
|
41
|
-
function DatePickerDropdown({
|
|
42
|
-
disabled = false,
|
|
43
|
-
readOnly,
|
|
44
|
-
onClick = noop,
|
|
45
|
-
isOpen,
|
|
46
|
-
menu,
|
|
47
|
-
zIndex = 1,
|
|
48
|
-
pickerProps,
|
|
49
|
-
pickerRef
|
|
50
|
-
}) {
|
|
51
|
-
return /* @__PURE__ */ import_react.default.createElement(import_ds_popper.DSPopper, {
|
|
52
|
-
contentComponent: menu,
|
|
53
|
-
isOpen,
|
|
54
|
-
modifiers: {
|
|
55
|
-
preventOverflow: {
|
|
56
|
-
enabled: true,
|
|
57
|
-
padding: 0,
|
|
58
|
-
boundariesElement: "window"
|
|
59
|
-
}
|
|
60
|
-
},
|
|
61
|
-
showArrow: false,
|
|
62
|
-
triggerComponent: /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_DatePickerPicker.DatePickerPicker, {
|
|
63
|
-
innerRef: pickerRef,
|
|
64
|
-
...pickerProps,
|
|
65
|
-
className: classNameElement("picker"),
|
|
66
|
-
disabled,
|
|
67
|
-
onClick,
|
|
68
|
-
readOnly
|
|
69
|
-
})),
|
|
70
|
-
zIndex
|
|
71
|
-
});
|
|
72
|
-
}
|
|
73
|
-
DatePickerDropdown.propTypes = {
|
|
74
|
-
pickerRef: import_prop_types.default.oneOfType([import_prop_types.default.func, import_prop_types.default.shape({ current: import_prop_types.default.any })]),
|
|
75
|
-
disabled: import_prop_types.default.bool,
|
|
76
|
-
readOnly: import_prop_types.default.bool,
|
|
77
|
-
onClick: import_prop_types.default.func,
|
|
78
|
-
isOpen: import_prop_types.default.bool,
|
|
79
|
-
menu: import_prop_types.default.element,
|
|
80
|
-
zIndex: import_prop_types.default.number,
|
|
81
|
-
pickerProps: import_prop_types.default.shape(import_DatePickerPicker.PickerPropsTypes)
|
|
82
|
-
};
|
|
83
|
-
var DatePickerDropdown_default = DatePickerDropdown;
|
|
84
|
-
module.exports = __toCommonJS(DatePickerDropdown_exports);
|
|
85
|
-
//# sourceMappingURL=DatePickerDropdown.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/components/DatePickerDropdown.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { DSPopper } from '@elliemae/ds-popper';\nimport { DatePickerPicker, PickerPropsTypes } from './DatePickerPicker/DatePickerPicker';\nconst { classNameElement } = convertPropToCssClassName('datepicker-range');\n\nconst noop = () => null;\nfunction DatePickerDropdown({\n disabled = false,\n readOnly,\n onClick = noop,\n isOpen,\n menu,\n zIndex = 1,\n pickerProps,\n pickerRef,\n}) {\n return (\n <DSPopper\n contentComponent={menu}\n isOpen={isOpen}\n modifiers={{\n preventOverflow: {\n enabled: true,\n padding: 0,\n boundariesElement: 'window',\n },\n }}\n showArrow={false}\n triggerComponent={\n <div>\n <DatePickerPicker\n innerRef={pickerRef}\n {...pickerProps}\n className={classNameElement('picker')}\n disabled={disabled}\n onClick={onClick}\n readOnly={readOnly}\n />\n </div>\n }\n zIndex={zIndex}\n />\n );\n}\n\nDatePickerDropdown.propTypes = {\n pickerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]),\n disabled: PropTypes.bool,\n readOnly: PropTypes.bool,\n onClick: PropTypes.func,\n isOpen: PropTypes.bool,\n menu: PropTypes.element,\n zIndex: PropTypes.number,\n pickerProps: PropTypes.shape(PickerPropsTypes),\n};\n\nexport { DatePickerDropdown };\nexport default DatePickerDropdown;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAsB;AACtB,2BAA0C;AAC1C,uBAAyB;AACzB,8BAAmD;AACnD,MAAM,EAAE,qBAAqB,oDAA0B;AAEvD,MAAM,OAAO,MAAM;AACnB,4BAA4B;AAAA,EAC1B,WAAW;AAAA,EACX;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AAAA,GACC;AACD,SACE,mDAAC,2BAAD;AAAA,IACE,kBAAkB;AAAA,IAClB;AAAA,IACA,WAAW;AAAA,MACT,iBAAiB;AAAA,QACf,SAAS;AAAA,QACT,SAAS;AAAA,QACT,mBAAmB;AAAA;AAAA;AAAA,IAGvB,WAAW;AAAA,IACX,kBACE,mDAAC,OAAD,MACE,mDAAC,0CAAD;AAAA,MACE,UAAU;AAAA,SACN;AAAA,MACJ,WAAW,iBAAiB;AAAA,MAC5B;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAIN;AAAA;AAAA;AAKN,mBAAmB,YAAY;AAAA,EAC7B,WAAW,0BAAU,UAAU,CAAC,0BAAU,MAAM,0BAAU,MAAM,EAAE,SAAS,0BAAU;AAAA,EACrF,UAAU,0BAAU;AAAA,EACpB,UAAU,0BAAU;AAAA,EACpB,SAAS,0BAAU;AAAA,EACnB,QAAQ,0BAAU;AAAA,EAClB,MAAM,0BAAU;AAAA,EAChB,QAAQ,0BAAU;AAAA,EAClB,aAAa,0BAAU,MAAM;AAAA;AAI/B,IAAO,6BAAQ;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,74 +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 DatePickerHeader_exports = {};
|
|
29
|
-
__export(DatePickerHeader_exports, {
|
|
30
|
-
DatePickerHeader: () => DatePickerHeader,
|
|
31
|
-
default: () => DatePickerHeader_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 DATE_FORMAT = "MMDDYYYY";
|
|
40
|
-
const blockname = "date-picker-header";
|
|
41
|
-
const Header = (0, import_ds_classnames.aggregatedClasses)("div")(blockname);
|
|
42
|
-
const isFn = (variable) => typeof variable === "function";
|
|
43
|
-
const DatePickerHeader = ({ onInputChange = () => null, selectedDate, updateKeyDate }) => {
|
|
44
|
-
const [value, setValue] = (0, import_react.useState)(isFn(selectedDate?.format) ? selectedDate.format(DATE_FORMAT) : "");
|
|
45
|
-
(0, import_react.useEffect)(() => {
|
|
46
|
-
if (isFn(selectedDate?.format)) {
|
|
47
|
-
setValue(selectedDate?.format(DATE_FORMAT));
|
|
48
|
-
}
|
|
49
|
-
}, [selectedDate]);
|
|
50
|
-
const handleOnChange = (newDate) => {
|
|
51
|
-
setValue(newDate);
|
|
52
|
-
};
|
|
53
|
-
const handleOnKeyDown = (e) => {
|
|
54
|
-
if (e.key === "Enter" && value.length === DATE_FORMAT.length) {
|
|
55
|
-
const momentValue = (0, import_moment.default)(value, DATE_FORMAT);
|
|
56
|
-
onInputChange(momentValue);
|
|
57
|
-
updateKeyDate(momentValue);
|
|
58
|
-
}
|
|
59
|
-
};
|
|
60
|
-
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, {
|
|
61
|
-
onChange: handleOnChange,
|
|
62
|
-
onKeyDown: handleOnKeyDown,
|
|
63
|
-
value,
|
|
64
|
-
containerProps: { "data-testid": "start-date" }
|
|
65
|
-
})));
|
|
66
|
-
};
|
|
67
|
-
DatePickerHeader.propTypes = {
|
|
68
|
-
onInputChange: import_prop_types.default.func,
|
|
69
|
-
selectedDate: import_prop_types.default.any,
|
|
70
|
-
updateKeyDate: import_prop_types.default.any
|
|
71
|
-
};
|
|
72
|
-
var DatePickerHeader_default = DatePickerHeader;
|
|
73
|
-
module.exports = __toCommonJS(DatePickerHeader_exports);
|
|
74
|
-
//# sourceMappingURL=DatePickerHeader.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/components/DatePickerHeader/DatePickerHeader.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable no-console */\nimport React, { useState, useEffect } 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 DATE_FORMAT = 'MMDDYYYY';\nconst blockname = 'date-picker-header';\nconst Header = aggregatedClasses('div')(blockname);\n\nconst isFn = (variable) => typeof variable === 'function';\n\nconst DatePickerHeader = ({ onInputChange = () => null, selectedDate, updateKeyDate }) => {\n const [value, setValue] = useState(isFn(selectedDate?.format) ? selectedDate.format(DATE_FORMAT) : '');\n\n useEffect(() => {\n if (isFn(selectedDate?.format)) {\n setValue(selectedDate?.format(DATE_FORMAT));\n }\n }, [selectedDate]);\n\n const handleOnChange = (newDate) => {\n setValue(newDate);\n };\n\n const handleOnKeyDown = (e) => {\n if (e.key === 'Enter' && value.length === DATE_FORMAT.length) {\n const momentValue = moment(value, DATE_FORMAT);\n onInputChange(momentValue);\n updateKeyDate(momentValue);\n }\n };\n\n return (\n <Header>\n <DSInputGroup>\n <DSDateInputV2\n onChange={handleOnChange}\n onKeyDown={handleOnKeyDown}\n value={value}\n containerProps={{ 'data-testid': 'start-date' }}\n />\n </DSInputGroup>\n </Header>\n );\n};\n\nDatePickerHeader.propTypes = {\n onInputChange: PropTypes.func,\n selectedDate: PropTypes.any,\n updateKeyDate: PropTypes.any,\n};\n\nexport { DatePickerHeader };\nexport default DatePickerHeader;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAA2C;AAC3C,wBAAsB;AACtB,oBAAmB;AACnB,qBAA4C;AAC5C,2BAAkC;AAElC,MAAM,cAAc;AACpB,MAAM,YAAY;AAClB,MAAM,SAAS,4CAAkB,OAAO;AAExC,MAAM,OAAO,CAAC,aAAa,OAAO,aAAa;AAE/C,MAAM,mBAAmB,CAAC,EAAE,gBAAgB,MAAM,MAAM,cAAc,oBAAoB;AACxF,QAAM,CAAC,OAAO,YAAY,2BAAS,KAAK,cAAc,UAAU,aAAa,OAAO,eAAe;AAEnG,8BAAU,MAAM;AACd,QAAI,KAAK,cAAc,SAAS;AAC9B,eAAS,cAAc,OAAO;AAAA;AAAA,KAE/B,CAAC;AAEJ,QAAM,iBAAiB,CAAC,YAAY;AAClC,aAAS;AAAA;AAGX,QAAM,kBAAkB,CAAC,MAAM;AAC7B,QAAI,EAAE,QAAQ,WAAW,MAAM,WAAW,YAAY,QAAQ;AAC5D,YAAM,cAAc,2BAAO,OAAO;AAClC,oBAAc;AACd,oBAAc;AAAA;AAAA;AAIlB,SACE,mDAAC,QAAD,MACE,mDAAC,6BAAD,MACE,mDAAC,8BAAD;AAAA,IACE,UAAU;AAAA,IACV,WAAW;AAAA,IACX;AAAA,IACA,gBAAgB,EAAE,eAAe;AAAA;AAAA;AAO3C,iBAAiB,YAAY;AAAA,EAC3B,eAAe,0BAAU;AAAA,EACzB,cAAc,0BAAU;AAAA,EACxB,eAAe,0BAAU;AAAA;AAI3B,IAAO,2BAAQ;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,63 +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 DatePickerNavigation_exports = {};
|
|
29
|
-
__export(DatePickerNavigation_exports, {
|
|
30
|
-
DatePickerNavigation: () => Navigation,
|
|
31
|
-
default: () => DatePickerNavigation_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_ds_icons = require("@elliemae/ds-icons");
|
|
37
|
-
var import_ds_icon = require("@elliemae/ds-icon");
|
|
38
|
-
var import_prop_types2 = require("@elliemae/ds-shared/prop-types");
|
|
39
|
-
const Navigation = ({
|
|
40
|
-
className = "date-picker-navigation",
|
|
41
|
-
icon: Icon = import_ds_icons.ChevronRight,
|
|
42
|
-
color = import_ds_icon.DSIconColors.NEUTRAL,
|
|
43
|
-
size = import_ds_icon.DSIconSizes.S,
|
|
44
|
-
innerRef
|
|
45
|
-
}) => /* @__PURE__ */ import_react.default.createElement("div", {
|
|
46
|
-
tabIndex: 0,
|
|
47
|
-
"data-testid": "date-picker-nav"
|
|
48
|
-
}, /* @__PURE__ */ import_react.default.createElement(Icon, {
|
|
49
|
-
className,
|
|
50
|
-
color,
|
|
51
|
-
innerRef,
|
|
52
|
-
size
|
|
53
|
-
}));
|
|
54
|
-
Navigation.propTypes = {
|
|
55
|
-
className: "date-picker-navigation",
|
|
56
|
-
icon: import_prop_types.default.element,
|
|
57
|
-
color: import_prop_types.default.oneOf(import_prop_types2.iconColors),
|
|
58
|
-
size: import_prop_types.default.oneOf(import_prop_types2.iconSizes),
|
|
59
|
-
innerRef: import_prop_types.default.any
|
|
60
|
-
};
|
|
61
|
-
var DatePickerNavigation_default = Navigation;
|
|
62
|
-
module.exports = __toCommonJS(DatePickerNavigation_exports);
|
|
63
|
-
//# sourceMappingURL=DatePickerNavigation.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/components/DatePickerNavigation/DatePickerNavigation.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { ChevronRight } from '@elliemae/ds-icons';\nimport { DSIconColors, DSIconSizes } from '@elliemae/ds-icon';\nimport {\n iconSizes,\n iconColors,\n} from '@elliemae/ds-shared/prop-types';\n\nconst Navigation = ({\n className = 'date-picker-navigation',\n icon: Icon = ChevronRight,\n color = DSIconColors.NEUTRAL,\n size = DSIconSizes.S,\n innerRef,\n}) => (\n <div tabIndex={0} data-testid=\"date-picker-nav\">\n <Icon className={className} color={color} innerRef={innerRef} size={size} />\n </div>\n);\nNavigation.propTypes = {\n className: 'date-picker-navigation',\n icon: PropTypes.element,\n color: PropTypes.oneOf(iconColors),\n size: PropTypes.oneOf(iconSizes),\n innerRef: PropTypes.any,\n};\n\nexport { Navigation as DatePickerNavigation };\nexport default Navigation;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAsB;AACtB,sBAA6B;AAC7B,qBAA0C;AAC1C,yBAGO;AAEP,MAAM,aAAa,CAAC;AAAA,EAClB,YAAY;AAAA,EACZ,MAAM,OAAO;AAAA,EACb,QAAQ,4BAAa;AAAA,EACrB,OAAO,2BAAY;AAAA,EACnB;AAAA,MAEA,mDAAC,OAAD;AAAA,EAAK,UAAU;AAAA,EAAG,eAAY;AAAA,GAC5B,mDAAC,MAAD;AAAA,EAAM;AAAA,EAAsB;AAAA,EAAc;AAAA,EAAoB;AAAA;AAGlE,WAAW,YAAY;AAAA,EACrB,WAAW;AAAA,EACX,MAAM,0BAAU;AAAA,EAChB,OAAO,0BAAU,MAAM;AAAA,EACvB,MAAM,0BAAU,MAAM;AAAA,EACtB,UAAU,0BAAU;AAAA;AAItB,IAAO,+BAAQ;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,85 +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 DatePickerPicker_exports = {};
|
|
29
|
-
__export(DatePickerPicker_exports, {
|
|
30
|
-
DatePickerPicker: () => Picker,
|
|
31
|
-
Picker: () => Picker,
|
|
32
|
-
PickerPropsTypes: () => PickerPropsTypes,
|
|
33
|
-
default: () => DatePickerPicker_default
|
|
34
|
-
});
|
|
35
|
-
var React = __toESM(require("react"));
|
|
36
|
-
var import_react = __toESM(require("react"));
|
|
37
|
-
var import_prop_types = __toESM(require("prop-types"));
|
|
38
|
-
var import_ds_icon = require("@elliemae/ds-icon");
|
|
39
|
-
var import_ds_icons = require("@elliemae/ds-icons");
|
|
40
|
-
var import_ds_button = require("@elliemae/ds-button");
|
|
41
|
-
var import_prop_types2 = require("@elliemae/ds-shared/prop-types");
|
|
42
|
-
const Picker = ({
|
|
43
|
-
className = "date-picker-icon",
|
|
44
|
-
disabled = false,
|
|
45
|
-
icon = /* @__PURE__ */ import_react.default.createElement(import_ds_icons.DatePicker, null),
|
|
46
|
-
size = import_ds_icon.DSIconSizes.M,
|
|
47
|
-
buttonActionType = "secondary",
|
|
48
|
-
onClick = () => null,
|
|
49
|
-
onBlur = () => null,
|
|
50
|
-
readOnly = false,
|
|
51
|
-
tabIndex = 0,
|
|
52
|
-
innerRef,
|
|
53
|
-
...rest
|
|
54
|
-
}) => /* @__PURE__ */ import_react.default.createElement(import_ds_button.DSButton, {
|
|
55
|
-
innerRef,
|
|
56
|
-
"aria-label": rest["aria-label"] || "Date Picker Button",
|
|
57
|
-
buttonType: buttonActionType,
|
|
58
|
-
className,
|
|
59
|
-
color: !disabled ? import_ds_icon.DSIconColors.PRIMARY : import_ds_icon.DSIconColors.NEUTRAL,
|
|
60
|
-
disabled,
|
|
61
|
-
icon,
|
|
62
|
-
onBlur,
|
|
63
|
-
onClick,
|
|
64
|
-
readOnly,
|
|
65
|
-
size,
|
|
66
|
-
tabIndex,
|
|
67
|
-
"data-testid": "btn-date-picker"
|
|
68
|
-
});
|
|
69
|
-
const PickerPropsTypes = {
|
|
70
|
-
innerRef: import_prop_types.default.oneOfType([import_prop_types.default.func, import_prop_types.default.shape({ current: import_prop_types.default.any })]),
|
|
71
|
-
className: import_prop_types.default.string,
|
|
72
|
-
disabled: import_prop_types.default.bool,
|
|
73
|
-
icon: import_prop_types.default.element,
|
|
74
|
-
size: import_prop_types.default.oneOf(import_prop_types2.iconSizes),
|
|
75
|
-
buttonActionType: import_prop_types.default.oneOf(import_ds_button.buttonTypes),
|
|
76
|
-
onClick: import_prop_types.default.func,
|
|
77
|
-
onFocus: import_prop_types.default.func,
|
|
78
|
-
onBlur: import_prop_types.default.func,
|
|
79
|
-
readOnly: import_prop_types.default.bool,
|
|
80
|
-
tabIndex: import_prop_types.default.number
|
|
81
|
-
};
|
|
82
|
-
Picker.propTypes = PickerPropsTypes;
|
|
83
|
-
var DatePickerPicker_default = Picker;
|
|
84
|
-
module.exports = __toCommonJS(DatePickerPicker_exports);
|
|
85
|
-
//# sourceMappingURL=DatePickerPicker.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/components/DatePickerPicker/DatePickerPicker.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { DSIconColors, DSIconSizes } from '@elliemae/ds-icon';\nimport { DatePicker } from '@elliemae/ds-icons';\nimport { DSButton, buttonTypes } from '@elliemae/ds-button';\nimport { iconSizes } from '@elliemae/ds-shared/prop-types';\n\nexport const Picker = ({\n className = 'date-picker-icon',\n disabled = false,\n icon = <DatePicker />,\n size = DSIconSizes.M,\n buttonActionType = 'secondary',\n onClick = () => null,\n onBlur = () => null,\n readOnly = false,\n tabIndex = 0,\n innerRef,\n ...rest\n}) => (\n <DSButton\n innerRef={innerRef}\n aria-label={rest['aria-label'] || 'Date Picker Button'}\n buttonType={buttonActionType}\n className={className}\n color={!disabled ? DSIconColors.PRIMARY : DSIconColors.NEUTRAL}\n disabled={disabled}\n icon={icon}\n onBlur={onBlur}\n onClick={onClick}\n readOnly={readOnly}\n size={size}\n tabIndex={tabIndex}\n data-testid=\"btn-date-picker\"\n />\n);\n\nexport const PickerPropsTypes = {\n innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]),\n className: PropTypes.string,\n disabled: PropTypes.bool,\n icon: PropTypes.element,\n size: PropTypes.oneOf(iconSizes),\n buttonActionType: PropTypes.oneOf(buttonTypes),\n onClick: PropTypes.func,\n onFocus: PropTypes.func,\n onBlur: PropTypes.func,\n readOnly: PropTypes.bool,\n tabIndex: PropTypes.number,\n};\n\nPicker.propTypes = PickerPropsTypes;\n\nexport { Picker as DatePickerPicker };\nexport default Picker;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAsB;AACtB,qBAA0C;AAC1C,sBAA2B;AAC3B,uBAAsC;AACtC,yBAA0B;AAEnB,MAAM,SAAS,CAAC;AAAA,EACrB,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,OAAO,mDAAC,4BAAD;AAAA,EACP,OAAO,2BAAY;AAAA,EACnB,mBAAmB;AAAA,EACnB,UAAU,MAAM;AAAA,EAChB,SAAS,MAAM;AAAA,EACf,WAAW;AAAA,EACX,WAAW;AAAA,EACX;AAAA,KACG;AAAA,MAEH,mDAAC,2BAAD;AAAA,EACE;AAAA,EACA,cAAY,KAAK,iBAAiB;AAAA,EAClC,YAAY;AAAA,EACZ;AAAA,EACA,OAAO,CAAC,WAAW,4BAAa,UAAU,4BAAa;AAAA,EACvD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAY;AAAA;AAIT,MAAM,mBAAmB;AAAA,EAC9B,UAAU,0BAAU,UAAU,CAAC,0BAAU,MAAM,0BAAU,MAAM,EAAE,SAAS,0BAAU;AAAA,EACpF,WAAW,0BAAU;AAAA,EACrB,UAAU,0BAAU;AAAA,EACpB,MAAM,0BAAU;AAAA,EAChB,MAAM,0BAAU,MAAM;AAAA,EACtB,kBAAkB,0BAAU,MAAM;AAAA,EAClC,SAAS,0BAAU;AAAA,EACnB,SAAS,0BAAU;AAAA,EACnB,QAAQ,0BAAU;AAAA,EAClB,UAAU,0BAAU;AAAA,EACpB,UAAU,0BAAU;AAAA;AAGtB,OAAO,YAAY;AAGnB,IAAO,2BAAQ;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,110 +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 DatePickerRange_exports = {};
|
|
29
|
-
__export(DatePickerRange_exports, {
|
|
30
|
-
DatePickerRangeDate: () => DatePickerRangeDate,
|
|
31
|
-
default: () => DatePickerRange_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_DatePickerRangeHeader = require("../DatePickerRangeHeader/DatePickerRangeHeader");
|
|
42
|
-
const blockname = "date-range";
|
|
43
|
-
const Wrapper = (0, import_ds_classnames.aggregatedClasses)("div")(blockname, "wrapper");
|
|
44
|
-
const { classNameElement, classNameBlock } = (0, import_ds_classnames.convertPropToCssClassName)("datepicker");
|
|
45
|
-
const START_DATE = "startDate";
|
|
46
|
-
const END_DATE = "endDate";
|
|
47
|
-
const DatePickerRangeDate = ({ dateStart, dateEnd, displayFormatDay = "D", showHeader = true, otherProps }) => {
|
|
48
|
-
const [selectedDateStart, setSelectedDateStart] = (0, import_react.useState)(dateStart);
|
|
49
|
-
const [selectedDateEnd, setSelectedDateEnd] = (0, import_react.useState)(dateEnd);
|
|
50
|
-
const [focusedInput, setFocusedInput] = (0, import_react.useState)(START_DATE);
|
|
51
|
-
const datePickerRef = (0, import_react.useRef)();
|
|
52
|
-
const handleFocusChange = () => {
|
|
53
|
-
setFocusedInput(focusedInput === START_DATE ? END_DATE : START_DATE);
|
|
54
|
-
};
|
|
55
|
-
const handleDatesChange = ({ startDate, endDate }) => {
|
|
56
|
-
setSelectedDateStart(startDate);
|
|
57
|
-
setSelectedDateEnd(endDate);
|
|
58
|
-
};
|
|
59
|
-
const handleStartInputChange = (newDate) => {
|
|
60
|
-
setSelectedDateStart(newDate);
|
|
61
|
-
};
|
|
62
|
-
const handleEndInputChange = (newDate) => {
|
|
63
|
-
setSelectedDateEnd(newDate);
|
|
64
|
-
};
|
|
65
|
-
const getSafeDateStartValue = () => {
|
|
66
|
-
if (selectedDateStart) {
|
|
67
|
-
return (0, import_moment.default)(selectedDateStart);
|
|
68
|
-
}
|
|
69
|
-
};
|
|
70
|
-
const getSafeDateEndValue = () => {
|
|
71
|
-
if (selectedDateEnd) {
|
|
72
|
-
return (0, import_moment.default)(selectedDateEnd);
|
|
73
|
-
}
|
|
74
|
-
};
|
|
75
|
-
const safeStartDate = getSafeDateStartValue();
|
|
76
|
-
const safeEndDate = getSafeDateEndValue();
|
|
77
|
-
return /* @__PURE__ */ import_react.default.createElement(Wrapper, null, showHeader && /* @__PURE__ */ import_react.default.createElement(import_DatePickerRangeHeader.DatePickerRangeHeader, {
|
|
78
|
-
onEndInputChange: handleEndInputChange,
|
|
79
|
-
onStartInputChange: handleStartInputChange,
|
|
80
|
-
selectedEndDate: safeEndDate,
|
|
81
|
-
selectedStartDate: safeStartDate
|
|
82
|
-
}), /* @__PURE__ */ import_react.default.createElement("div", {
|
|
83
|
-
ref: datePickerRef,
|
|
84
|
-
className: classNameBlock("wrapper-day-picker-single-date-controller")
|
|
85
|
-
}, /* @__PURE__ */ import_react.default.createElement(import_react_dates.DayPickerRangeController, {
|
|
86
|
-
...otherProps,
|
|
87
|
-
enableOutsideDays: true,
|
|
88
|
-
endDate: safeEndDate,
|
|
89
|
-
focused: true,
|
|
90
|
-
focusedInput,
|
|
91
|
-
hideKeyboardShortcutsPanel: true,
|
|
92
|
-
navNext: /* @__PURE__ */ import_react.default.createElement(import_DatePickerNavigation.DatePickerNavigation, {
|
|
93
|
-
className: classNameElement("navigation-next")
|
|
94
|
-
}),
|
|
95
|
-
navPrev: /* @__PURE__ */ import_react.default.createElement(import_DatePickerNavigation.DatePickerNavigation, {
|
|
96
|
-
className: classNameElement("navigation-prev"),
|
|
97
|
-
icon: import_ds_icons.ChevronLeft
|
|
98
|
-
}),
|
|
99
|
-
onDatesChange: handleDatesChange,
|
|
100
|
-
onFocusChange: handleFocusChange,
|
|
101
|
-
renderDayContents: (date) => /* @__PURE__ */ import_react.default.createElement(import_DatePickerDay.DatePickerDay, {
|
|
102
|
-
className: classNameElement("day-contents"),
|
|
103
|
-
date: date.format(displayFormatDay)
|
|
104
|
-
}),
|
|
105
|
-
startDate: safeStartDate
|
|
106
|
-
})));
|
|
107
|
-
};
|
|
108
|
-
var DatePickerRange_default = DatePickerRangeDate;
|
|
109
|
-
module.exports = __toCommonJS(DatePickerRange_exports);
|
|
110
|
-
//# sourceMappingURL=DatePickerRange.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/components/DatePickerRange/DatePickerRange.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable react/prop-types */\n/* eslint-disable consistent-return */\nimport React, { useState, useRef } from 'react';\nimport { DayPickerRangeController } from 'react-dates';\nimport moment from 'moment';\nimport { aggregatedClasses, convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { ChevronLeft } from '@elliemae/ds-icons';\nimport { DatePickerDay } from '../DatePickerDay/DatePickerDay';\nimport { DatePickerNavigation } from '../DatePickerNavigation/DatePickerNavigation';\nimport { DatePickerRangeHeader } from '../DatePickerRangeHeader/DatePickerRangeHeader';\n\nconst blockname = 'date-range';\nconst Wrapper = aggregatedClasses('div')(blockname, 'wrapper');\n\nconst { classNameElement, classNameBlock } = convertPropToCssClassName('datepicker');\n\nconst START_DATE = 'startDate';\nconst END_DATE = 'endDate';\n\nconst DatePickerRangeDate = ({ dateStart, dateEnd, displayFormatDay = 'D', showHeader = true, otherProps }) => {\n const [selectedDateStart, setSelectedDateStart] = useState(dateStart);\n const [selectedDateEnd, setSelectedDateEnd] = useState(dateEnd);\n const [focusedInput, setFocusedInput] = useState(START_DATE);\n const datePickerRef = useRef();\n\n const handleFocusChange = () => {\n setFocusedInput(focusedInput === START_DATE ? END_DATE : START_DATE);\n };\n\n const handleDatesChange = ({ startDate, endDate }) => {\n setSelectedDateStart(startDate);\n setSelectedDateEnd(endDate);\n };\n\n const handleStartInputChange = (newDate) => {\n setSelectedDateStart(newDate);\n };\n\n const handleEndInputChange = (newDate) => {\n setSelectedDateEnd(newDate);\n };\n\n const getSafeDateStartValue = () => {\n if (selectedDateStart) {\n return moment(selectedDateStart);\n }\n };\n\n const getSafeDateEndValue = () => {\n if (selectedDateEnd) {\n return moment(selectedDateEnd);\n }\n };\n\n const safeStartDate = getSafeDateStartValue();\n const safeEndDate = getSafeDateEndValue();\n\n return (\n <Wrapper>\n {showHeader && (\n <DatePickerRangeHeader\n onEndInputChange={handleEndInputChange}\n onStartInputChange={handleStartInputChange}\n selectedEndDate={safeEndDate}\n selectedStartDate={safeStartDate}\n />\n )}\n <div ref={datePickerRef} className={classNameBlock('wrapper-day-picker-single-date-controller')}>\n <DayPickerRangeController\n {...otherProps}\n enableOutsideDays\n endDate={safeEndDate}\n focused\n focusedInput={focusedInput}\n hideKeyboardShortcutsPanel\n navNext={<DatePickerNavigation className={classNameElement('navigation-next')} />}\n navPrev={<DatePickerNavigation className={classNameElement('navigation-prev')} icon={ChevronLeft} />}\n onDatesChange={handleDatesChange}\n onFocusChange={handleFocusChange}\n renderDayContents={(date) => (\n <DatePickerDay className={classNameElement('day-contents')} date={date.format(displayFormatDay)} />\n )}\n startDate={safeStartDate}\n />\n </div>\n </Wrapper>\n );\n};\n\nexport { DatePickerRangeDate };\nexport default DatePickerRangeDate;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAAwC;AACxC,yBAAyC;AACzC,oBAAmB;AACnB,2BAA6D;AAC7D,sBAA4B;AAC5B,2BAA8B;AAC9B,kCAAqC;AACrC,mCAAsC;AAEtC,MAAM,YAAY;AAClB,MAAM,UAAU,4CAAkB,OAAO,WAAW;AAEpD,MAAM,EAAE,kBAAkB,mBAAmB,oDAA0B;AAEvE,MAAM,aAAa;AACnB,MAAM,WAAW;AAEjB,MAAM,sBAAsB,CAAC,EAAE,WAAW,SAAS,mBAAmB,KAAK,aAAa,MAAM,iBAAiB;AAC7G,QAAM,CAAC,mBAAmB,wBAAwB,2BAAS;AAC3D,QAAM,CAAC,iBAAiB,sBAAsB,2BAAS;AACvD,QAAM,CAAC,cAAc,mBAAmB,2BAAS;AACjD,QAAM,gBAAgB;AAEtB,QAAM,oBAAoB,MAAM;AAC9B,oBAAgB,iBAAiB,aAAa,WAAW;AAAA;AAG3D,QAAM,oBAAoB,CAAC,EAAE,WAAW,cAAc;AACpD,yBAAqB;AACrB,uBAAmB;AAAA;AAGrB,QAAM,yBAAyB,CAAC,YAAY;AAC1C,yBAAqB;AAAA;AAGvB,QAAM,uBAAuB,CAAC,YAAY;AACxC,uBAAmB;AAAA;AAGrB,QAAM,wBAAwB,MAAM;AAClC,QAAI,mBAAmB;AACrB,aAAO,2BAAO;AAAA;AAAA;AAIlB,QAAM,sBAAsB,MAAM;AAChC,QAAI,iBAAiB;AACnB,aAAO,2BAAO;AAAA;AAAA;AAIlB,QAAM,gBAAgB;AACtB,QAAM,cAAc;AAEpB,SACE,mDAAC,SAAD,MACG,cACC,mDAAC,oDAAD;AAAA,IACE,kBAAkB;AAAA,IAClB,oBAAoB;AAAA,IACpB,iBAAiB;AAAA,IACjB,mBAAmB;AAAA,MAGvB,mDAAC,OAAD;AAAA,IAAK,KAAK;AAAA,IAAe,WAAW,eAAe;AAAA,KACjD,mDAAC,6CAAD;AAAA,OACM;AAAA,IACJ,mBAAiB;AAAA,IACjB,SAAS;AAAA,IACT,SAAO;AAAA,IACP;AAAA,IACA,4BAA0B;AAAA,IAC1B,SAAS,mDAAC,kDAAD;AAAA,MAAsB,WAAW,iBAAiB;AAAA;AAAA,IAC3D,SAAS,mDAAC,kDAAD;AAAA,MAAsB,WAAW,iBAAiB;AAAA,MAAoB,MAAM;AAAA;AAAA,IACrF,eAAe;AAAA,IACf,eAAe;AAAA,IACf,mBAAmB,CAAC,SAClB,mDAAC,oCAAD;AAAA,MAAe,WAAW,iBAAiB;AAAA,MAAiB,MAAM,KAAK,OAAO;AAAA;AAAA,IAEhF,WAAW;AAAA;AAAA;AAQrB,IAAO,0BAAQ;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|