@elliemae/ds-date-picker 2.2.0-alpha.3 → 3.0.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 +221 -219
- package/cjs/components/DSDatePickerImpl.js +208 -128
- package/cjs/components/DatePickerController/DatePickerController.js +242 -204
- package/cjs/components/DatePickerDay/DatePickerDay.js +23 -48
- package/cjs/components/DatePickerDropdown.js +54 -74
- package/cjs/components/DatePickerHeader/DatePickerHeader.js +44 -62
- package/cjs/components/DatePickerNavigation/DatePickerNavigation.js +31 -62
- package/cjs/components/DatePickerPicker/DatePickerPicker.js +71 -82
- package/cjs/components/DatePickerRange/DatePickerRange.js +93 -84
- package/cjs/components/DatePickerRangeHeader/DatePickerRangeHeader.js +97 -91
- package/cjs/components/DatePickerRenderMonth/DatePickerRenderMonth.js +45 -60
- package/cjs/components/DatePickerSingleDate/DatePickerSingleDate.js +77 -88
- package/cjs/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js +48 -69
- package/cjs/components/index.js +27 -53
- package/cjs/defaultPhrases.js +92 -77
- package/cjs/index.js +35 -38
- package/esm/DSDatePicker.js +169 -171
- package/esm/components/DSDatePickerImpl.js +189 -88
- package/esm/components/DatePickerController/DatePickerController.js +198 -141
- package/esm/components/DatePickerDay/DatePickerDay.js +17 -19
- package/esm/components/DatePickerDropdown.js +46 -45
- package/esm/components/DatePickerHeader/DatePickerHeader.js +35 -31
- package/esm/components/DatePickerNavigation/DatePickerNavigation.js +24 -36
- package/esm/components/DatePickerPicker/DatePickerPicker.js +48 -44
- package/esm/components/DatePickerRange/DatePickerRange.js +79 -49
- package/esm/components/DatePickerRangeHeader/DatePickerRangeHeader.js +78 -50
- package/esm/components/DatePickerRenderMonth/DatePickerRenderMonth.js +37 -31
- package/esm/components/DatePickerSingleDate/DatePickerSingleDate.js +66 -56
- package/esm/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js +42 -40
- package/esm/components/index.js +10 -24
- package/esm/defaultPhrases.js +80 -48
- package/esm/index.js +13 -9
- package/package.json +10 -10
- package/types/components/DSDatePickerImpl.d.ts +1 -2
- package/types/components/DatePickerController/DatePickerController.d.ts +1 -1
- package/types/components/DatePickerDay/DatePickerDay.d.ts +0 -1
- package/types/components/DatePickerDropdown.d.ts +0 -1
- package/types/components/DatePickerHeader/DatePickerHeader.d.ts +0 -1
- package/types/components/DatePickerNavigation/DatePickerNavigation.d.ts +3 -4
- package/types/components/DatePickerPicker/DatePickerPicker.d.ts +1 -2
- package/types/components/DatePickerRange/DatePickerRange.d.ts +0 -1
- package/types/components/DatePickerRangeHeader/DatePickerRangeHeader.d.ts +0 -1
- package/types/components/DatePickerSingleDate/DatePickerSingleDate.d.ts +0 -1
- package/types/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.d.ts +0 -1
- package/cjs/DSDatePicker.js.map +0 -7
- package/cjs/components/DSDatePickerImpl.js.map +0 -7
- package/cjs/components/DatePickerController/DatePickerController.js.map +0 -7
- package/cjs/components/DatePickerDay/DatePickerDay.js.map +0 -7
- package/cjs/components/DatePickerDropdown.js.map +0 -7
- package/cjs/components/DatePickerHeader/DatePickerHeader.js.map +0 -7
- package/cjs/components/DatePickerNavigation/DatePickerNavigation.js.map +0 -7
- package/cjs/components/DatePickerPicker/DatePickerPicker.js.map +0 -7
- package/cjs/components/DatePickerRange/DatePickerRange.js.map +0 -7
- package/cjs/components/DatePickerRangeHeader/DatePickerRangeHeader.js.map +0 -7
- package/cjs/components/DatePickerRenderMonth/DatePickerRenderMonth.js.map +0 -7
- package/cjs/components/DatePickerSingleDate/DatePickerSingleDate.js.map +0 -7
- package/cjs/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js.map +0 -7
- package/cjs/components/index.js.map +0 -7
- package/cjs/defaultPhrases.js.map +0 -7
- package/cjs/index.js.map +0 -7
- package/esm/DSDatePicker.js.map +0 -7
- package/esm/components/DSDatePickerImpl.js.map +0 -7
- package/esm/components/DatePickerController/DatePickerController.js.map +0 -7
- package/esm/components/DatePickerDay/DatePickerDay.js.map +0 -7
- package/esm/components/DatePickerDropdown.js.map +0 -7
- package/esm/components/DatePickerHeader/DatePickerHeader.js.map +0 -7
- package/esm/components/DatePickerNavigation/DatePickerNavigation.js.map +0 -7
- package/esm/components/DatePickerPicker/DatePickerPicker.js.map +0 -7
- package/esm/components/DatePickerRange/DatePickerRange.js.map +0 -7
- package/esm/components/DatePickerRangeHeader/DatePickerRangeHeader.js.map +0 -7
- package/esm/components/DatePickerRenderMonth/DatePickerRenderMonth.js.map +0 -7
- package/esm/components/DatePickerSingleDate/DatePickerSingleDate.js.map +0 -7
- package/esm/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js.map +0 -7
- package/esm/components/index.js.map +0 -7
- package/esm/defaultPhrases.js.map +0 -7
- package/esm/index.js.map +0 -7
|
@@ -1,85 +1,65 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
var
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
var
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
var
|
|
21
|
-
|
|
22
|
-
};
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
}
|
|
28
|
-
|
|
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 = __toESM(require("@elliemae/ds-classnames"));
|
|
37
|
-
var import_ds_popper = __toESM(require("@elliemae/ds-popper"));
|
|
38
|
-
var import_DatePickerPicker = __toESM(require("./DatePickerPicker/DatePickerPicker"));
|
|
39
|
-
const { classNameElement } = (0, import_ds_classnames.convertPropToCssClassName)("datepicker-range");
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
4
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
5
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
6
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
8
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
9
|
+
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
10
|
+
require('react');
|
|
11
|
+
var dsClassnames = require('@elliemae/ds-classnames');
|
|
12
|
+
var DSPopper = require('@elliemae/ds-popper');
|
|
13
|
+
var DatePickerPicker = require('./DatePickerPicker/DatePickerPicker.js');
|
|
14
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
15
|
+
|
|
16
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
17
|
+
|
|
18
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
19
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
20
|
+
var DSPopper__default = /*#__PURE__*/_interopDefaultLegacy(DSPopper);
|
|
21
|
+
|
|
22
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
23
|
+
|
|
24
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
25
|
+
const {
|
|
26
|
+
classNameElement
|
|
27
|
+
} = dsClassnames.convertPropToCssClassName('datepicker-range');
|
|
28
|
+
|
|
40
29
|
const noop = () => null;
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
zIndex = 1,
|
|
48
|
-
pickerProps,
|
|
49
|
-
pickerRef
|
|
50
|
-
}) {
|
|
51
|
-
return /* @__PURE__ */ import_react.default.createElement(import_ds_popper.DSPopper, {
|
|
52
|
-
contentComponent: menu,
|
|
30
|
+
|
|
31
|
+
function DatePickerDropdown(_ref) {
|
|
32
|
+
let {
|
|
33
|
+
disabled = false,
|
|
34
|
+
readOnly,
|
|
35
|
+
onClick = noop,
|
|
53
36
|
isOpen,
|
|
37
|
+
menu,
|
|
38
|
+
zIndex = 1,
|
|
39
|
+
pickerProps,
|
|
40
|
+
pickerRef
|
|
41
|
+
} = _ref;
|
|
42
|
+
return /*#__PURE__*/_jsx__default["default"](DSPopper__default["default"], {
|
|
43
|
+
contentComponent: menu,
|
|
44
|
+
isOpen: isOpen,
|
|
54
45
|
modifiers: {
|
|
55
46
|
preventOverflow: {
|
|
56
47
|
enabled: true,
|
|
57
48
|
padding: 0,
|
|
58
|
-
boundariesElement:
|
|
49
|
+
boundariesElement: 'window'
|
|
59
50
|
}
|
|
60
51
|
},
|
|
61
52
|
showArrow: false,
|
|
62
|
-
triggerComponent:
|
|
63
|
-
innerRef: pickerRef
|
|
64
|
-
|
|
65
|
-
className: classNameElement(
|
|
66
|
-
disabled,
|
|
67
|
-
onClick,
|
|
68
|
-
readOnly
|
|
69
|
-
})),
|
|
70
|
-
zIndex
|
|
53
|
+
triggerComponent: /*#__PURE__*/_jsx__default["default"]("div", {}, void 0, /*#__PURE__*/jsxRuntime.jsx(DatePickerPicker.Picker, _objectSpread(_objectSpread({
|
|
54
|
+
innerRef: pickerRef
|
|
55
|
+
}, pickerProps), {}, {
|
|
56
|
+
className: classNameElement('picker'),
|
|
57
|
+
disabled: disabled,
|
|
58
|
+
onClick: onClick,
|
|
59
|
+
readOnly: readOnly
|
|
60
|
+
}))),
|
|
61
|
+
zIndex: zIndex
|
|
71
62
|
});
|
|
72
63
|
}
|
|
73
|
-
|
|
74
|
-
|
|
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
|
|
64
|
+
|
|
65
|
+
module.exports = DatePickerDropdown;
|
|
@@ -1,74 +1,56 @@
|
|
|
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
|
-
|
|
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 = __toESM(require("@elliemae/ds-form"));
|
|
38
|
-
var import_ds_classnames = __toESM(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));
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
4
|
+
require('core-js/modules/web.dom-collections.iterator.js');
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var moment = require('moment');
|
|
7
|
+
var dsForm = require('@elliemae/ds-form');
|
|
8
|
+
var dsClassnames = require('@elliemae/ds-classnames');
|
|
9
|
+
|
|
10
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
11
|
+
|
|
12
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
13
|
+
var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
|
|
14
|
+
|
|
15
|
+
const DATE_FORMAT = 'MMDDYYYY';
|
|
16
|
+
const blockname = 'date-picker-header';
|
|
17
|
+
const Header = dsClassnames.aggregatedClasses('div')(blockname);
|
|
18
|
+
|
|
19
|
+
const isFn = variable => typeof variable === 'function';
|
|
20
|
+
|
|
21
|
+
const DatePickerHeader = _ref => {
|
|
22
|
+
let {
|
|
23
|
+
onInputChange = () => null,
|
|
24
|
+
selectedDate,
|
|
25
|
+
updateKeyDate
|
|
26
|
+
} = _ref;
|
|
27
|
+
const [value, setValue] = React.useState(isFn(selectedDate === null || selectedDate === void 0 ? void 0 : selectedDate.format) ? selectedDate.format(DATE_FORMAT) : '');
|
|
28
|
+
React.useEffect(() => {
|
|
29
|
+
if (isFn(selectedDate === null || selectedDate === void 0 ? void 0 : selectedDate.format)) {
|
|
30
|
+
setValue(selectedDate === null || selectedDate === void 0 ? void 0 : selectedDate.format(DATE_FORMAT));
|
|
48
31
|
}
|
|
49
32
|
}, [selectedDate]);
|
|
50
|
-
|
|
33
|
+
|
|
34
|
+
const handleOnChange = newDate => {
|
|
51
35
|
setValue(newDate);
|
|
52
36
|
};
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
37
|
+
|
|
38
|
+
const handleOnKeyDown = e => {
|
|
39
|
+
if (e.key === 'Enter' && value.length === DATE_FORMAT.length) {
|
|
40
|
+
const momentValue = moment__default["default"](value, DATE_FORMAT);
|
|
56
41
|
onInputChange(momentValue);
|
|
57
42
|
updateKeyDate(momentValue);
|
|
58
43
|
}
|
|
59
44
|
};
|
|
60
|
-
|
|
45
|
+
|
|
46
|
+
return /*#__PURE__*/_jsx__default["default"](Header, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSInputGroup, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSDateInputV2, {
|
|
61
47
|
onChange: handleOnChange,
|
|
62
48
|
onKeyDown: handleOnKeyDown,
|
|
63
|
-
value,
|
|
64
|
-
containerProps: {
|
|
49
|
+
value: value,
|
|
50
|
+
containerProps: {
|
|
51
|
+
'data-testid': 'start-date'
|
|
52
|
+
}
|
|
65
53
|
})));
|
|
66
54
|
};
|
|
67
|
-
|
|
68
|
-
|
|
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
|
|
55
|
+
|
|
56
|
+
module.exports = DatePickerHeader;
|
|
@@ -1,63 +1,32 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
4
|
+
require('react');
|
|
5
|
+
var ChevronRight = require('@elliemae/ds-icons/ChevronRight');
|
|
6
|
+
var Icon = require('@elliemae/ds-basic/Icon');
|
|
7
|
+
|
|
8
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
9
|
+
|
|
10
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
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
|
+
}));
|
|
11
30
|
};
|
|
12
|
-
|
|
13
|
-
|
|
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 = __toESM(require("@elliemae/ds-icons"));
|
|
37
|
-
var import_ds_icon = __toESM(require("@elliemae/ds-icon"));
|
|
38
|
-
var import_prop_types2 = __toESM(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
|
|
31
|
+
|
|
32
|
+
module.exports = Navigation;
|
|
@@ -1,85 +1,74 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
|
|
8
|
-
var
|
|
9
|
-
|
|
10
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
6
|
+
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
7
|
+
require('react');
|
|
8
|
+
var PropTypes = require('prop-types');
|
|
9
|
+
var Icon = require('@elliemae/ds-basic/Icon');
|
|
10
|
+
var DatePicker = require('@elliemae/ds-icons/DatePicker');
|
|
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
|
+
});
|
|
11
55
|
};
|
|
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 = __toESM(require("@elliemae/ds-icon"));
|
|
39
|
-
var import_ds_icons = __toESM(require("@elliemae/ds-icons"));
|
|
40
|
-
var import_ds_button = __toESM(require("@elliemae/ds-button"));
|
|
41
|
-
var import_prop_types2 = __toESM(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
56
|
const PickerPropsTypes = {
|
|
70
|
-
innerRef:
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
57
|
+
innerRef: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].shape({
|
|
58
|
+
current: PropTypes__default["default"].any
|
|
59
|
+
})]),
|
|
60
|
+
className: PropTypes__default["default"].string,
|
|
61
|
+
disabled: PropTypes__default["default"].bool,
|
|
62
|
+
icon: PropTypes__default["default"].element,
|
|
63
|
+
size: PropTypes__default["default"].oneOf(propTypes.iconSizes),
|
|
64
|
+
buttonActionType: PropTypes__default["default"].oneOf(DSButton.buttonTypes),
|
|
65
|
+
onClick: PropTypes__default["default"].func,
|
|
66
|
+
onFocus: PropTypes__default["default"].func,
|
|
67
|
+
onBlur: PropTypes__default["default"].func,
|
|
68
|
+
readOnly: PropTypes__default["default"].bool,
|
|
69
|
+
tabIndex: PropTypes__default["default"].number
|
|
81
70
|
};
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
71
|
+
|
|
72
|
+
exports.Picker = Picker;
|
|
73
|
+
exports.PickerPropsTypes = PickerPropsTypes;
|
|
74
|
+
exports["default"] = Picker;
|