@elliemae/ds-date-picker 2.2.0-next.4 → 2.3.0-alpha.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/DSDatePicker.js +219 -221
- package/cjs/DSDatePicker.js.map +7 -0
- package/cjs/components/DSDatePickerImpl.js +128 -208
- package/cjs/components/DSDatePickerImpl.js.map +7 -0
- package/cjs/components/DatePickerController/DatePickerController.js +204 -242
- package/cjs/components/DatePickerController/DatePickerController.js.map +7 -0
- package/cjs/components/DatePickerDay/DatePickerDay.js +48 -23
- package/cjs/components/DatePickerDay/DatePickerDay.js.map +7 -0
- package/cjs/components/DatePickerDropdown.js +74 -54
- package/cjs/components/DatePickerDropdown.js.map +7 -0
- package/cjs/components/DatePickerHeader/DatePickerHeader.js +62 -44
- package/cjs/components/DatePickerHeader/DatePickerHeader.js.map +7 -0
- package/cjs/components/DatePickerNavigation/DatePickerNavigation.js +62 -31
- package/cjs/components/DatePickerNavigation/DatePickerNavigation.js.map +7 -0
- package/cjs/components/DatePickerPicker/DatePickerPicker.js +82 -71
- package/cjs/components/DatePickerPicker/DatePickerPicker.js.map +7 -0
- package/cjs/components/DatePickerRange/DatePickerRange.js +84 -93
- package/cjs/components/DatePickerRange/DatePickerRange.js.map +7 -0
- package/cjs/components/DatePickerRangeHeader/DatePickerRangeHeader.js +91 -97
- package/cjs/components/DatePickerRangeHeader/DatePickerRangeHeader.js.map +7 -0
- package/cjs/components/DatePickerRenderMonth/DatePickerRenderMonth.js +60 -45
- package/cjs/components/DatePickerRenderMonth/DatePickerRenderMonth.js.map +7 -0
- package/cjs/components/DatePickerSingleDate/DatePickerSingleDate.js +88 -77
- package/cjs/components/DatePickerSingleDate/DatePickerSingleDate.js.map +7 -0
- package/cjs/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js +69 -48
- package/cjs/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js.map +7 -0
- package/cjs/components/index.js +53 -27
- package/cjs/components/index.js.map +7 -0
- package/cjs/defaultPhrases.js +77 -92
- package/cjs/defaultPhrases.js.map +7 -0
- package/cjs/index.js +38 -35
- package/cjs/index.js.map +7 -0
- package/esm/DSDatePicker.js +171 -169
- package/esm/DSDatePicker.js.map +7 -0
- package/esm/components/DSDatePickerImpl.js +88 -189
- package/esm/components/DSDatePickerImpl.js.map +7 -0
- package/esm/components/DatePickerController/DatePickerController.js +141 -198
- package/esm/components/DatePickerController/DatePickerController.js.map +7 -0
- package/esm/components/DatePickerDay/DatePickerDay.js +19 -17
- package/esm/components/DatePickerDay/DatePickerDay.js.map +7 -0
- package/esm/components/DatePickerDropdown.js +45 -46
- package/esm/components/DatePickerDropdown.js.map +7 -0
- package/esm/components/DatePickerHeader/DatePickerHeader.js +31 -35
- package/esm/components/DatePickerHeader/DatePickerHeader.js.map +7 -0
- package/esm/components/DatePickerNavigation/DatePickerNavigation.js +36 -24
- package/esm/components/DatePickerNavigation/DatePickerNavigation.js.map +7 -0
- package/esm/components/DatePickerPicker/DatePickerPicker.js +44 -48
- package/esm/components/DatePickerPicker/DatePickerPicker.js.map +7 -0
- package/esm/components/DatePickerRange/DatePickerRange.js +49 -79
- package/esm/components/DatePickerRange/DatePickerRange.js.map +7 -0
- package/esm/components/DatePickerRangeHeader/DatePickerRangeHeader.js +50 -78
- package/esm/components/DatePickerRangeHeader/DatePickerRangeHeader.js.map +7 -0
- package/esm/components/DatePickerRenderMonth/DatePickerRenderMonth.js +31 -37
- package/esm/components/DatePickerRenderMonth/DatePickerRenderMonth.js.map +7 -0
- package/esm/components/DatePickerSingleDate/DatePickerSingleDate.js +56 -66
- package/esm/components/DatePickerSingleDate/DatePickerSingleDate.js.map +7 -0
- package/esm/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js +40 -42
- package/esm/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js.map +7 -0
- package/esm/components/index.js +24 -10
- package/esm/components/index.js.map +7 -0
- package/esm/defaultPhrases.js +48 -80
- package/esm/defaultPhrases.js.map +7 -0
- package/esm/index.js +9 -13
- package/esm/index.js.map +7 -0
- package/package.json +10 -10
- package/types/components/DSDatePickerImpl.d.ts +2 -1
- package/types/components/DatePickerController/DatePickerController.d.ts +1 -1
- package/types/components/DatePickerDay/DatePickerDay.d.ts +1 -0
- package/types/components/DatePickerDropdown.d.ts +1 -0
- package/types/components/DatePickerHeader/DatePickerHeader.d.ts +1 -0
- package/types/components/DatePickerNavigation/DatePickerNavigation.d.ts +4 -3
- package/types/components/DatePickerPicker/DatePickerPicker.d.ts +2 -1
- package/types/components/DatePickerRange/DatePickerRange.d.ts +1 -0
- package/types/components/DatePickerRangeHeader/DatePickerRangeHeader.d.ts +1 -0
- package/types/components/DatePickerSingleDate/DatePickerSingleDate.d.ts +1 -0
- package/types/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.d.ts +1 -0
|
@@ -1,24 +1,49 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
var
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
let {
|
|
12
|
-
className = 'date-picker-content-day',
|
|
13
|
-
date = ''
|
|
14
|
-
} = _ref;
|
|
15
|
-
return /*#__PURE__*/_jsx__default["default"]("div", {
|
|
16
|
-
className: className,
|
|
17
|
-
"data-testid": "datepicker-day-".concat(date)
|
|
18
|
-
}, void 0, /*#__PURE__*/_jsx__default["default"]("div", {
|
|
19
|
-
className: "".concat(className, "-half"),
|
|
20
|
-
"data-testid": "datepicker-day"
|
|
21
|
-
}, void 0, date));
|
|
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 });
|
|
22
11
|
};
|
|
23
|
-
|
|
24
|
-
|
|
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
|
|
@@ -0,0 +1,7 @@
|
|
|
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,65 +1,85 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
var
|
|
9
|
-
var
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
var
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
var
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
}
|
|
28
|
-
|
|
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");
|
|
29
40
|
const noop = () => null;
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
} = _ref;
|
|
42
|
-
return /*#__PURE__*/_jsx__default["default"](DSPopper__default["default"], {
|
|
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, {
|
|
43
52
|
contentComponent: menu,
|
|
44
|
-
isOpen
|
|
53
|
+
isOpen,
|
|
45
54
|
modifiers: {
|
|
46
55
|
preventOverflow: {
|
|
47
56
|
enabled: true,
|
|
48
57
|
padding: 0,
|
|
49
|
-
boundariesElement:
|
|
58
|
+
boundariesElement: "window"
|
|
50
59
|
}
|
|
51
60
|
},
|
|
52
61
|
showArrow: false,
|
|
53
|
-
triggerComponent:
|
|
54
|
-
innerRef: pickerRef
|
|
55
|
-
|
|
56
|
-
className: classNameElement(
|
|
57
|
-
disabled
|
|
58
|
-
onClick
|
|
59
|
-
readOnly
|
|
60
|
-
}))
|
|
61
|
-
zIndex
|
|
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
|
|
62
71
|
});
|
|
63
72
|
}
|
|
64
|
-
|
|
65
|
-
|
|
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
|
|
@@ -0,0 +1,7 @@
|
|
|
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,56 +1,74 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
var
|
|
8
|
-
var
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
var
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
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));
|
|
31
48
|
}
|
|
32
49
|
}, [selectedDate]);
|
|
33
|
-
|
|
34
|
-
const handleOnChange = newDate => {
|
|
50
|
+
const handleOnChange = (newDate) => {
|
|
35
51
|
setValue(newDate);
|
|
36
52
|
};
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
const momentValue = moment__default["default"](value, DATE_FORMAT);
|
|
53
|
+
const handleOnKeyDown = (e) => {
|
|
54
|
+
if (e.key === "Enter" && value.length === DATE_FORMAT.length) {
|
|
55
|
+
const momentValue = (0, import_moment.default)(value, DATE_FORMAT);
|
|
41
56
|
onInputChange(momentValue);
|
|
42
57
|
updateKeyDate(momentValue);
|
|
43
58
|
}
|
|
44
59
|
};
|
|
45
|
-
|
|
46
|
-
return /*#__PURE__*/_jsx__default["default"](Header, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSInputGroup, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSDateInputV2, {
|
|
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, {
|
|
47
61
|
onChange: handleOnChange,
|
|
48
62
|
onKeyDown: handleOnKeyDown,
|
|
49
|
-
value
|
|
50
|
-
containerProps: {
|
|
51
|
-
'data-testid': 'start-date'
|
|
52
|
-
}
|
|
63
|
+
value,
|
|
64
|
+
containerProps: { "data-testid": "start-date" }
|
|
53
65
|
})));
|
|
54
66
|
};
|
|
55
|
-
|
|
56
|
-
|
|
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
|
|
@@ -0,0 +1,7 @@
|
|
|
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,32 +1,63 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
var ChevronRight__default = /*#__PURE__*/_interopDefaultLegacy(ChevronRight);
|
|
12
|
-
|
|
13
|
-
const Navigation = _ref => {
|
|
14
|
-
let {
|
|
15
|
-
className = 'date-picker-navigation',
|
|
16
|
-
icon: Icon$1 = ChevronRight__default["default"],
|
|
17
|
-
color = Icon.DSIconColors.NEUTRAL,
|
|
18
|
-
size = Icon.DSIconSizes.S,
|
|
19
|
-
innerRef
|
|
20
|
-
} = _ref;
|
|
21
|
-
return /*#__PURE__*/_jsx__default["default"]("div", {
|
|
22
|
-
tabIndex: 0,
|
|
23
|
-
"data-testid": "date-picker-nav"
|
|
24
|
-
}, void 0, /*#__PURE__*/_jsx__default["default"](Icon$1, {
|
|
25
|
-
className: className,
|
|
26
|
-
color: color,
|
|
27
|
-
innerRef: innerRef,
|
|
28
|
-
size: size
|
|
29
|
-
}));
|
|
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 });
|
|
30
11
|
};
|
|
31
|
-
|
|
32
|
-
|
|
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
|
|
@@ -0,0 +1,7 @@
|
|
|
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,74 +1,85 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
|
|
8
|
-
var
|
|
9
|
-
var
|
|
10
|
-
|
|
11
|
-
var DSButton = require('@elliemae/ds-button');
|
|
12
|
-
var propTypes = require('@elliemae/ds-shared/prop-types');
|
|
13
|
-
|
|
14
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
15
|
-
|
|
16
|
-
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
17
|
-
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
18
|
-
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
19
|
-
var DatePicker__default = /*#__PURE__*/_interopDefaultLegacy(DatePicker);
|
|
20
|
-
var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
|
|
21
|
-
|
|
22
|
-
var _DatePicker;
|
|
23
|
-
|
|
24
|
-
const _excluded = ["className", "disabled", "icon", "size", "buttonActionType", "onClick", "onBlur", "readOnly", "tabIndex", "innerRef"];
|
|
25
|
-
const Picker = _ref => {
|
|
26
|
-
let {
|
|
27
|
-
className = 'date-picker-icon',
|
|
28
|
-
disabled = false,
|
|
29
|
-
icon = _DatePicker || (_DatePicker = /*#__PURE__*/_jsx__default["default"](DatePicker__default["default"], {})),
|
|
30
|
-
size = Icon.DSIconSizes.M,
|
|
31
|
-
buttonActionType = 'secondary',
|
|
32
|
-
onClick = () => null,
|
|
33
|
-
onBlur = () => null,
|
|
34
|
-
readOnly = false,
|
|
35
|
-
tabIndex = 0,
|
|
36
|
-
innerRef
|
|
37
|
-
} = _ref,
|
|
38
|
-
rest = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
39
|
-
|
|
40
|
-
return /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
|
|
41
|
-
innerRef: innerRef,
|
|
42
|
-
"aria-label": rest['aria-label'] || 'Date Picker Button',
|
|
43
|
-
buttonType: buttonActionType,
|
|
44
|
-
className: className,
|
|
45
|
-
color: !disabled ? Icon.DSIconColors.PRIMARY : Icon.DSIconColors.NEUTRAL,
|
|
46
|
-
disabled: disabled,
|
|
47
|
-
icon: icon,
|
|
48
|
-
onBlur: onBlur,
|
|
49
|
-
onClick: onClick,
|
|
50
|
-
readOnly: readOnly,
|
|
51
|
-
size: size,
|
|
52
|
-
tabIndex: tabIndex,
|
|
53
|
-
"data-testid": "btn-date-picker"
|
|
54
|
-
});
|
|
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 });
|
|
55
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
|
+
});
|
|
56
69
|
const PickerPropsTypes = {
|
|
57
|
-
innerRef:
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
readOnly: PropTypes__default["default"].bool,
|
|
69
|
-
tabIndex: PropTypes__default["default"].number
|
|
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
|
|
70
81
|
};
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
exports
|
|
74
|
-
|
|
82
|
+
Picker.propTypes = PickerPropsTypes;
|
|
83
|
+
var DatePickerPicker_default = Picker;
|
|
84
|
+
module.exports = __toCommonJS(DatePickerPicker_exports);
|
|
85
|
+
//# sourceMappingURL=DatePickerPicker.js.map
|