@elliemae/ds-time-picker 2.2.0-alpha.4 → 3.0.0-next.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/DSTimePicker.js +115 -100
- package/cjs/DSTimePickerMenu.js +33 -46
- package/cjs/PickerPanel.js +254 -151
- package/cjs/TimePickerDropdown.js +52 -73
- package/cjs/TimePickerImpl.js +138 -146
- package/cjs/TimePickerMenu.js +209 -138
- package/cjs/index.js +17 -40
- package/cjs/moveElementOnScroll.js +39 -57
- package/cjs/utils.js +24 -57
- package/esm/DSTimePicker.js +105 -71
- package/esm/DSTimePickerMenu.js +22 -17
- package/esm/PickerPanel.js +242 -120
- package/esm/TimePickerDropdown.js +44 -44
- package/esm/TimePickerImpl.js +117 -106
- package/esm/TimePickerMenu.js +191 -102
- package/esm/index.js +4 -11
- package/esm/moveElementOnScroll.js +34 -28
- package/esm/utils.js +17 -28
- package/package.json +7 -7
- package/types/PickerPanel.d.ts +0 -1
- package/types/TimePickerDropdown.d.ts +0 -1
- package/types/TimePickerImpl.d.ts +0 -1
- package/cjs/DSTimePicker.js.map +0 -7
- package/cjs/DSTimePickerMenu.js.map +0 -7
- package/cjs/PickerPanel.js.map +0 -7
- package/cjs/TimePickerDropdown.js.map +0 -7
- package/cjs/TimePickerImpl.js.map +0 -7
- package/cjs/TimePickerMenu.js.map +0 -7
- package/cjs/index.js.map +0 -7
- package/cjs/moveElementOnScroll.js.map +0 -7
- package/cjs/utils.js.map +0 -7
- package/esm/DSTimePicker.js.map +0 -7
- package/esm/DSTimePickerMenu.js.map +0 -7
- package/esm/PickerPanel.js.map +0 -7
- package/esm/TimePickerDropdown.js.map +0 -7
- package/esm/TimePickerImpl.js.map +0 -7
- package/esm/TimePickerMenu.js.map +0 -7
- package/esm/index.js.map +0 -7
- package/esm/moveElementOnScroll.js.map +0 -7
- package/esm/utils.js.map +0 -7
package/cjs/DSTimePicker.js
CHANGED
|
@@ -1,106 +1,121 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
var
|
|
7
|
-
var
|
|
8
|
-
var
|
|
9
|
-
|
|
10
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
require('react');
|
|
6
|
+
var reactDesc = require('react-desc');
|
|
7
|
+
var moment = require('moment');
|
|
8
|
+
var TimePickerImpl = require('./TimePickerImpl.js');
|
|
9
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
10
|
+
|
|
11
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
12
|
+
|
|
13
|
+
var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
|
|
14
|
+
|
|
15
|
+
const DSTimePicker = _ref => {
|
|
16
|
+
let {
|
|
17
|
+
containerProps = {},
|
|
18
|
+
innerRef,
|
|
19
|
+
className = '',
|
|
20
|
+
disabled = false,
|
|
21
|
+
value = '',
|
|
22
|
+
format,
|
|
23
|
+
style = {},
|
|
24
|
+
onChange = () => null,
|
|
25
|
+
onOpen = () => null,
|
|
26
|
+
isOpen = undefined,
|
|
27
|
+
clearable = false,
|
|
28
|
+
hasHeader = true,
|
|
29
|
+
hasHeaderDisplay = false,
|
|
30
|
+
'aria-label': ariaLabel,
|
|
31
|
+
zIndex = 'auto',
|
|
32
|
+
placement = 'bottom',
|
|
33
|
+
disabledTimes,
|
|
34
|
+
minutesInterval = 1
|
|
35
|
+
} = _ref;
|
|
36
|
+
return /*#__PURE__*/jsxRuntime.jsx(TimePickerImpl, {
|
|
37
|
+
ref: innerRef,
|
|
38
|
+
"aria-label": ariaLabel,
|
|
39
|
+
className: className,
|
|
40
|
+
clearable: clearable,
|
|
41
|
+
containerProps: containerProps,
|
|
42
|
+
disabled: disabled,
|
|
43
|
+
format: format,
|
|
44
|
+
hasHeader: hasHeader,
|
|
45
|
+
hasHeaderDisplay: hasHeaderDisplay,
|
|
46
|
+
isOpen: isOpen,
|
|
47
|
+
onChange: onChange,
|
|
48
|
+
onOpen: onOpen,
|
|
49
|
+
placement: placement,
|
|
50
|
+
style: style,
|
|
51
|
+
value: value,
|
|
52
|
+
zIndex: zIndex,
|
|
53
|
+
minutesInterval: minutesInterval,
|
|
54
|
+
disabledTimes: disabledTimes
|
|
55
|
+
});
|
|
11
56
|
};
|
|
12
|
-
|
|
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 DSTimePicker_exports = {};
|
|
29
|
-
__export(DSTimePicker_exports, {
|
|
30
|
-
DSTimePicker: () => DSTimePicker,
|
|
31
|
-
DSTimePickerWithSchema: () => DSTimePickerWithSchema,
|
|
32
|
-
default: () => DSTimePicker_default
|
|
33
|
-
});
|
|
34
|
-
var React = __toESM(require("react"));
|
|
35
|
-
var import_react = __toESM(require("react"));
|
|
36
|
-
var import_react_desc = require("react-desc");
|
|
37
|
-
var import_moment = __toESM(require("moment"));
|
|
38
|
-
var import_TimePickerImpl = require("./TimePickerImpl");
|
|
39
|
-
const DSTimePicker = ({
|
|
40
|
-
containerProps = {},
|
|
41
|
-
innerRef,
|
|
42
|
-
className = "",
|
|
43
|
-
disabled = false,
|
|
44
|
-
value = "",
|
|
45
|
-
format,
|
|
46
|
-
style = {},
|
|
47
|
-
onChange = () => null,
|
|
48
|
-
onOpen = () => null,
|
|
49
|
-
isOpen = void 0,
|
|
50
|
-
clearable = false,
|
|
51
|
-
hasHeader = true,
|
|
52
|
-
hasHeaderDisplay = false,
|
|
53
|
-
"aria-label": ariaLabel,
|
|
54
|
-
zIndex = "auto",
|
|
55
|
-
placement = "bottom",
|
|
56
|
-
disabledTimes,
|
|
57
|
-
minutesInterval = 1
|
|
58
|
-
}) => /* @__PURE__ */ import_react.default.createElement(import_TimePickerImpl.TimePickerImpl, {
|
|
59
|
-
ref: innerRef,
|
|
60
|
-
"aria-label": ariaLabel,
|
|
61
|
-
className,
|
|
62
|
-
clearable,
|
|
63
|
-
containerProps,
|
|
64
|
-
disabled,
|
|
65
|
-
format,
|
|
66
|
-
hasHeader,
|
|
67
|
-
hasHeaderDisplay,
|
|
68
|
-
isOpen,
|
|
69
|
-
onChange,
|
|
70
|
-
onOpen,
|
|
71
|
-
placement,
|
|
72
|
-
style,
|
|
73
|
-
value,
|
|
74
|
-
zIndex,
|
|
75
|
-
minutesInterval,
|
|
76
|
-
disabledTimes
|
|
77
|
-
});
|
|
57
|
+
|
|
78
58
|
DSTimePicker.defaultProps = {
|
|
79
|
-
format:
|
|
59
|
+
format: 'hh:mm:ss A'
|
|
80
60
|
};
|
|
81
61
|
const props = {
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
62
|
+
/** a11y label */
|
|
63
|
+
'aria-label': reactDesc.PropTypes.string.description('a11y label'),
|
|
64
|
+
|
|
65
|
+
/** inject props to time picker wrapper */
|
|
66
|
+
containerProps: reactDesc.PropTypes.object.description('inject props to time picker wrapper'),
|
|
67
|
+
|
|
68
|
+
/** Whether the time picker is disabled or not */
|
|
69
|
+
disabled: reactDesc.PropTypes.bool.description('Whether the time picker is disabled or not'),
|
|
70
|
+
|
|
71
|
+
/** Time picker value */
|
|
72
|
+
value: reactDesc.PropTypes.instanceOf(moment__default["default"]).description('Time picker value'),
|
|
73
|
+
|
|
74
|
+
/** Time format (hh:mm:ss, H:m:s) */
|
|
75
|
+
format: reactDesc.PropTypes.string.description('Time format (hh:mm:ss, H:m:s)'),
|
|
76
|
+
|
|
77
|
+
/** toggle header style */
|
|
78
|
+
hasHeader: reactDesc.PropTypes.bool.description('toggle header style'),
|
|
79
|
+
|
|
80
|
+
/** toggle header display */
|
|
81
|
+
hasHeaderDisplay: reactDesc.PropTypes.bool.description('toggle header display'),
|
|
82
|
+
|
|
83
|
+
/** Handler when time picker value changes */
|
|
84
|
+
onChange: reactDesc.PropTypes.func.description('Handler when time picker value changes'),
|
|
85
|
+
|
|
86
|
+
/** Handler when the time picker menu opens */
|
|
87
|
+
onOpen: reactDesc.PropTypes.func.description('Handler when the time picker menu opens'),
|
|
88
|
+
|
|
89
|
+
/** Whether the time picker menu is opened or not */
|
|
90
|
+
isOpen: reactDesc.PropTypes.bool.description('Whether the time picker menu is opened or not'),
|
|
91
|
+
|
|
92
|
+
/** ref for time picker input */
|
|
93
|
+
innerRef: reactDesc.PropTypes.func.description('ref for time picker input'),
|
|
94
|
+
|
|
95
|
+
/** Enable to clear the time picker value */
|
|
96
|
+
clearable: reactDesc.PropTypes.bool.description('Enable to clear the time picker value'),
|
|
97
|
+
|
|
98
|
+
/** class for time picker */
|
|
99
|
+
className: reactDesc.PropTypes.string.description('class for time picker'),
|
|
100
|
+
|
|
101
|
+
/** style object */
|
|
102
|
+
style: reactDesc.PropTypes.object.description('style object'),
|
|
103
|
+
|
|
104
|
+
/** z index for menu */
|
|
105
|
+
zIndex: reactDesc.PropTypes.number.description('z index for menu'),
|
|
106
|
+
|
|
107
|
+
/** DSPopper placement */
|
|
108
|
+
placement: reactDesc.PropTypes.string.description('DSPopper placement'),
|
|
109
|
+
|
|
110
|
+
/** disabled time */
|
|
111
|
+
disabledTimes: reactDesc.PropTypes.object.description('disabled time'),
|
|
112
|
+
|
|
113
|
+
/** steps for the picker */
|
|
114
|
+
minutesInterval: reactDesc.PropTypes.number.description('steps for the picker')
|
|
100
115
|
};
|
|
101
|
-
|
|
102
|
-
const DSTimePickerWithSchema = (0, import_react_desc.describe)(DSTimePicker);
|
|
116
|
+
const DSTimePickerWithSchema = reactDesc.describe(DSTimePicker);
|
|
103
117
|
DSTimePickerWithSchema.propTypes = props;
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
118
|
+
|
|
119
|
+
exports.DSTimePicker = DSTimePicker;
|
|
120
|
+
exports.DSTimePickerWithSchema = DSTimePickerWithSchema;
|
|
121
|
+
exports["default"] = DSTimePicker;
|
package/cjs/DSTimePickerMenu.js
CHANGED
|
@@ -1,48 +1,35 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
var
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
var
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
DSTimePickerMenu: () => DSTimePickerMenu,
|
|
31
|
-
default: () => DSTimePickerMenu_default
|
|
32
|
-
});
|
|
33
|
-
var React = __toESM(require("react"));
|
|
34
|
-
var import_react = __toESM(require("react"));
|
|
35
|
-
var import_styled_components = __toESM(require("styled-components"));
|
|
36
|
-
var import_TimePickerMenu = require("./TimePickerMenu");
|
|
37
|
-
const DSTimePickerMenuWrapper = import_styled_components.default.div`
|
|
38
|
-
display: flex;
|
|
39
|
-
height: 18.6rem;
|
|
40
|
-
`;
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
6
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
8
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
9
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
10
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
11
|
+
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
12
|
+
require('react');
|
|
13
|
+
var styled = require('styled-components');
|
|
14
|
+
var TimePickerMenu = require('./TimePickerMenu.js');
|
|
15
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
16
|
+
|
|
17
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
18
|
+
|
|
19
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
20
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
21
|
+
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
22
|
+
|
|
23
|
+
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; }
|
|
24
|
+
|
|
25
|
+
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; }
|
|
26
|
+
const DSTimePickerMenuWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
|
|
27
|
+
componentId: "sc-1lnruj5-0"
|
|
28
|
+
})(["display:flex;height:18.6rem;"]);
|
|
29
|
+
|
|
41
30
|
function DSTimePickerMenu(props) {
|
|
42
|
-
return
|
|
43
|
-
...props
|
|
44
|
-
}));
|
|
31
|
+
return /*#__PURE__*/_jsx__default["default"](DSTimePickerMenuWrapper, {}, void 0, /*#__PURE__*/jsxRuntime.jsx(TimePickerMenu.TimePickerMenu, _objectSpread({}, props)));
|
|
45
32
|
}
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
33
|
+
|
|
34
|
+
exports.DSTimePickerMenu = DSTimePickerMenu;
|
|
35
|
+
exports["default"] = DSTimePickerMenu;
|