@elliemae/ds-time-picker 1.60.0 → 2.0.0-alpha.12
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 +28 -71
- package/cjs/DSTimePickerMenu.js +17 -27
- package/cjs/PickerPanel.js +323 -340
- package/cjs/TimePickerDropdown.js +19 -29
- package/cjs/TimePickerImpl.js +89 -124
- package/cjs/TimePickerMenu.js +257 -295
- package/cjs/index.js +1 -30
- package/cjs/moveElementOnScroll.js +19 -28
- package/cjs/utils.js +14 -19
- package/esm/DSTimePicker.js +27 -69
- package/esm/DSTimePickerMenu.js +14 -25
- package/esm/PickerPanel.js +321 -330
- package/esm/TimePickerDropdown.js +18 -27
- package/esm/TimePickerImpl.js +84 -117
- package/esm/TimePickerMenu.js +254 -285
- package/esm/index.js +0 -29
- package/esm/moveElementOnScroll.js +18 -27
- package/esm/utils.js +14 -19
- package/package.json +66 -17
- package/types/DSTimePicker.d.ts +181 -0
- package/types/DSTimePickerMenu.d.ts +4 -0
- package/types/PickerPanel.d.ts +24 -0
- package/types/TimePickerDropdown.d.ts +25 -0
- package/types/TimePickerImpl.d.ts +35 -0
- package/types/TimePickerMenu.d.ts +19 -0
- package/types/index.d.ts +5 -0
- package/types/moveElementOnScroll.d.ts +13 -0
- package/types/utils.d.ts +8 -0
- package/DSTimePicker/package.json +0 -10
- package/DSTimePickerMenu/package.json +0 -10
- package/PickerPanel/package.json +0 -10
- package/TimePickerDropdown/package.json +0 -10
- package/TimePickerImpl/package.json +0 -10
- package/TimePickerMenu/package.json +0 -10
- package/cjs/DSTimePicker.js.map +0 -1
- package/cjs/DSTimePickerMenu.js.map +0 -1
- package/cjs/PickerPanel.js.map +0 -1
- package/cjs/TimePickerDropdown.js.map +0 -1
- package/cjs/TimePickerImpl.js.map +0 -1
- package/cjs/TimePickerMenu.js.map +0 -1
- package/cjs/index.js.map +0 -1
- package/cjs/moveElementOnScroll.js.map +0 -1
- package/cjs/utils.js.map +0 -1
- package/esm/DSTimePicker.js.map +0 -1
- package/esm/DSTimePickerMenu.js.map +0 -1
- package/esm/PickerPanel.js.map +0 -1
- package/esm/TimePickerDropdown.js.map +0 -1
- package/esm/TimePickerImpl.js.map +0 -1
- package/esm/TimePickerMenu.js.map +0 -1
- package/esm/index.js.map +0 -1
- package/esm/moveElementOnScroll.js.map +0 -1
- package/esm/utils.js.map +0 -1
- package/moveElementOnScroll/package.json +0 -10
- package/utils/package.json +0 -10
|
@@ -1,26 +1,18 @@
|
|
|
1
1
|
function MoveElementOnScroll(element, _ref) {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
} : _ref$onUpdate,
|
|
15
|
-
_ref$onEndScroll = _ref.onEndScroll,
|
|
16
|
-
onEndScroll = _ref$onEndScroll === void 0 ? function () {
|
|
17
|
-
return null;
|
|
18
|
-
} : _ref$onEndScroll;
|
|
19
|
-
var moving = false;
|
|
20
|
-
var pos = min;
|
|
21
|
-
var lastPos = pos; // todo: move this to utils if we finally need it
|
|
2
|
+
let {
|
|
3
|
+
container,
|
|
4
|
+
min = 0,
|
|
5
|
+
max = element.offsetHeight,
|
|
6
|
+
speed = 1,
|
|
7
|
+
smooth = 2,
|
|
8
|
+
onUpdate = () => null,
|
|
9
|
+
onEndScroll = () => null
|
|
10
|
+
} = _ref;
|
|
11
|
+
let moving = false;
|
|
12
|
+
let pos = min;
|
|
13
|
+
let lastPos = pos; // todo: move this to utils if we finally need it
|
|
22
14
|
|
|
23
|
-
|
|
15
|
+
const requestFrame = function () {
|
|
24
16
|
return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function (func) {
|
|
25
17
|
window.setTimeout(func, 1000 / 50);
|
|
26
18
|
};
|
|
@@ -28,11 +20,11 @@ function MoveElementOnScroll(element, _ref) {
|
|
|
28
20
|
|
|
29
21
|
function update() {
|
|
30
22
|
moving = true;
|
|
31
|
-
|
|
23
|
+
const delta = (pos - lastPos) / smooth;
|
|
32
24
|
lastPos += delta;
|
|
33
25
|
|
|
34
26
|
if (Math.abs(delta) > 0.7) {
|
|
35
|
-
requestFrame(
|
|
27
|
+
requestFrame(() => {
|
|
36
28
|
onUpdate(lastPos, delta);
|
|
37
29
|
update();
|
|
38
30
|
});
|
|
@@ -45,7 +37,7 @@ function MoveElementOnScroll(element, _ref) {
|
|
|
45
37
|
function scrolling(e) {
|
|
46
38
|
e.preventDefault(); // disable default scrolling
|
|
47
39
|
|
|
48
|
-
|
|
40
|
+
let delta = e.delta || e.wheelDelta;
|
|
49
41
|
|
|
50
42
|
if (delta === undefined) {
|
|
51
43
|
// for firefox
|
|
@@ -64,11 +56,11 @@ function MoveElementOnScroll(element, _ref) {
|
|
|
64
56
|
container.addEventListener('mousewheel', scrolling, false);
|
|
65
57
|
container.addEventListener('DOMMouseScroll', scrolling, false);
|
|
66
58
|
return {
|
|
67
|
-
unsubscribe:
|
|
59
|
+
unsubscribe: () => {
|
|
68
60
|
container.removeEventListener('mousewheel', scrolling);
|
|
69
61
|
container.removeEventListener('DOMMouseScroll', scrolling);
|
|
70
62
|
},
|
|
71
|
-
updatePosition:
|
|
63
|
+
updatePosition: newPos => {
|
|
72
64
|
pos = -newPos;
|
|
73
65
|
lastPos = -pos;
|
|
74
66
|
}
|
|
@@ -76,4 +68,3 @@ function MoveElementOnScroll(element, _ref) {
|
|
|
76
68
|
}
|
|
77
69
|
|
|
78
70
|
export { MoveElementOnScroll, MoveElementOnScroll as default };
|
|
79
|
-
//# sourceMappingURL=moveElementOnScroll.js.map
|
package/esm/utils.js
CHANGED
|
@@ -1,36 +1,31 @@
|
|
|
1
|
-
|
|
1
|
+
const validateIndex = (index, options) => {
|
|
2
2
|
if (index < 0) return 0;
|
|
3
3
|
if (index >= options.length) return options.length - 1;
|
|
4
4
|
return index;
|
|
5
5
|
};
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
return option[valueProperty] === selectedOption;
|
|
10
|
-
});
|
|
6
|
+
const getOptionIndex = function (options, selectedOption) {
|
|
7
|
+
let valueProperty = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'value';
|
|
8
|
+
const index = options.findIndex(option => option[valueProperty] === selectedOption);
|
|
11
9
|
return validateIndex(index, options);
|
|
12
10
|
};
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
};
|
|
16
|
-
var convertTimeString = function convertTimeString(string) {
|
|
11
|
+
const isAM = time => time && time.hour() < 12;
|
|
12
|
+
const convertTimeString = string => {
|
|
17
13
|
if (!string) return null;
|
|
18
|
-
|
|
14
|
+
let meridiem = 'AM';
|
|
19
15
|
if (string.toUpperCase().includes('PM')) meridiem = 'PM';
|
|
20
|
-
|
|
21
|
-
|
|
16
|
+
const arr = string.split(':');
|
|
17
|
+
let hour = parseInt(arr[0], 10);
|
|
22
18
|
if (meridiem === 'PM' && hour !== 12) hour += 12; // formats to 24
|
|
23
19
|
|
|
24
20
|
if (meridiem === 'AM' && hour === 12) hour = 0;
|
|
25
21
|
if (meridiem === 'PM' && hour === 12) hour = 12;
|
|
26
|
-
|
|
27
|
-
|
|
22
|
+
const min = parseInt(arr[1], 10);
|
|
23
|
+
const sec = parseInt(arr[2], 10);
|
|
28
24
|
return {
|
|
29
|
-
hour
|
|
30
|
-
min
|
|
31
|
-
sec
|
|
25
|
+
hour,
|
|
26
|
+
min,
|
|
27
|
+
sec
|
|
32
28
|
};
|
|
33
29
|
};
|
|
34
30
|
|
|
35
31
|
export { convertTimeString, getOptionIndex, isAM, validateIndex };
|
|
36
|
-
//# sourceMappingURL=utils.js.map
|
package/package.json
CHANGED
|
@@ -1,14 +1,62 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-time-picker",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "2.0.0-alpha.12",
|
|
4
4
|
"license": "MIT",
|
|
5
|
-
"description": "
|
|
6
|
-
"module": "esm/index.js",
|
|
7
|
-
"main": "cjs/index.js",
|
|
5
|
+
"description": "ICE MT - Dimsum - Time Picker",
|
|
6
|
+
"module": "./esm/index.js",
|
|
7
|
+
"main": "./cjs/index.js",
|
|
8
|
+
"types": "./types/index.d.ts",
|
|
9
|
+
"exports": {
|
|
10
|
+
".": {
|
|
11
|
+
"import": "./esm/index.js",
|
|
12
|
+
"require": "./cjs/index.js"
|
|
13
|
+
},
|
|
14
|
+
"./utils": {
|
|
15
|
+
"import": "./esm/utils.js",
|
|
16
|
+
"require": "./cjs/utils.js"
|
|
17
|
+
},
|
|
18
|
+
"./TimePickerMenu": {
|
|
19
|
+
"import": "./esm/TimePickerMenu.js",
|
|
20
|
+
"require": "./cjs/TimePickerMenu.js"
|
|
21
|
+
},
|
|
22
|
+
"./TimePickerImpl": {
|
|
23
|
+
"import": "./esm/TimePickerImpl.js",
|
|
24
|
+
"require": "./cjs/TimePickerImpl.js"
|
|
25
|
+
},
|
|
26
|
+
"./TimePickerDropdown": {
|
|
27
|
+
"import": "./esm/TimePickerDropdown.js",
|
|
28
|
+
"require": "./cjs/TimePickerDropdown.js"
|
|
29
|
+
},
|
|
30
|
+
"./PickerPanel": {
|
|
31
|
+
"import": "./esm/PickerPanel.js",
|
|
32
|
+
"require": "./cjs/PickerPanel.js"
|
|
33
|
+
},
|
|
34
|
+
"./moveElementOnScroll": {
|
|
35
|
+
"import": "./esm/moveElementOnScroll.js",
|
|
36
|
+
"require": "./cjs/moveElementOnScroll.js"
|
|
37
|
+
},
|
|
38
|
+
"./DSTimePickerMenu": {
|
|
39
|
+
"import": "./esm/DSTimePickerMenu.js",
|
|
40
|
+
"require": "./cjs/DSTimePickerMenu.js"
|
|
41
|
+
},
|
|
42
|
+
"./DSTimePicker": {
|
|
43
|
+
"import": "./esm/DSTimePicker.js",
|
|
44
|
+
"require": "./cjs/DSTimePicker.js"
|
|
45
|
+
}
|
|
46
|
+
},
|
|
8
47
|
"sideEffects": [
|
|
9
48
|
"*.css",
|
|
10
49
|
"*.scss"
|
|
11
50
|
],
|
|
51
|
+
"repository": {
|
|
52
|
+
"type": "git",
|
|
53
|
+
"url": "https://git.elliemae.io/platform-ui/dimsum.git"
|
|
54
|
+
},
|
|
55
|
+
"engines": {
|
|
56
|
+
"npm": ">=7",
|
|
57
|
+
"node": ">=14"
|
|
58
|
+
},
|
|
59
|
+
"author": "ICE MT",
|
|
12
60
|
"scripts": {
|
|
13
61
|
"dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
|
|
14
62
|
"prebuild": "exit 0",
|
|
@@ -16,28 +64,29 @@
|
|
|
16
64
|
"build": "node ../../scripts/build/build.js"
|
|
17
65
|
},
|
|
18
66
|
"dependencies": {
|
|
19
|
-
"@elliemae/ds-button": "
|
|
20
|
-
"@elliemae/ds-classnames": "
|
|
21
|
-
"@elliemae/ds-form": "
|
|
22
|
-
"@elliemae/ds-icons": "
|
|
23
|
-
"@elliemae/ds-popper": "
|
|
24
|
-
"@elliemae/ds-utilities": "
|
|
67
|
+
"@elliemae/ds-button": "2.0.0-alpha.12",
|
|
68
|
+
"@elliemae/ds-classnames": "2.0.0-alpha.12",
|
|
69
|
+
"@elliemae/ds-form": "2.0.0-alpha.12",
|
|
70
|
+
"@elliemae/ds-icons": "2.0.0-alpha.12",
|
|
71
|
+
"@elliemae/ds-popper": "2.0.0-alpha.12",
|
|
72
|
+
"@elliemae/ds-utilities": "2.0.0-alpha.12",
|
|
25
73
|
"memoize-one": "~5.1.1",
|
|
26
74
|
"moment": "~2.29.1",
|
|
27
75
|
"prop-types": "~15.7.2",
|
|
28
|
-
"react-desc": "
|
|
76
|
+
"react-desc": "~4.1.3"
|
|
29
77
|
},
|
|
30
78
|
"devDependencies": {
|
|
31
|
-
"styled-components": "~5.3.
|
|
79
|
+
"styled-components": "~5.3.3"
|
|
32
80
|
},
|
|
33
81
|
"peerDependencies": {
|
|
34
|
-
"lodash": "^4.17.
|
|
35
|
-
"react": "^17.0.
|
|
36
|
-
"react-dom": "^17.0.
|
|
37
|
-
"styled-components": "^5.3.
|
|
82
|
+
"lodash": "^4.17.21",
|
|
83
|
+
"react": "^17.0.2",
|
|
84
|
+
"react-dom": "^17.0.2",
|
|
85
|
+
"styled-components": "^5.3.3"
|
|
38
86
|
},
|
|
39
87
|
"publishConfig": {
|
|
40
88
|
"access": "public",
|
|
41
|
-
"directory": "dist"
|
|
89
|
+
"directory": "dist",
|
|
90
|
+
"generateSubmodules": true
|
|
42
91
|
}
|
|
43
92
|
}
|
|
@@ -0,0 +1,181 @@
|
|
|
1
|
+
/// <reference path="../../../../shared/typings/react-desc.d.ts" />
|
|
2
|
+
/// <reference types="react" />
|
|
3
|
+
declare const DSTimePicker: {
|
|
4
|
+
({ containerProps, innerRef, className, disabled, value, format, style, onChange, onOpen, isOpen, clearable, hasHeader, hasHeaderDisplay, "aria-label": ariaLabel, zIndex, placement, disabledTimes, minutesInterval, }: {
|
|
5
|
+
containerProps?: {} | undefined;
|
|
6
|
+
innerRef: any;
|
|
7
|
+
className?: string | undefined;
|
|
8
|
+
disabled?: boolean | undefined;
|
|
9
|
+
value?: string | undefined;
|
|
10
|
+
format: any;
|
|
11
|
+
style?: {} | undefined;
|
|
12
|
+
onChange?: (() => null) | undefined;
|
|
13
|
+
onOpen?: (() => null) | undefined;
|
|
14
|
+
isOpen?: undefined;
|
|
15
|
+
clearable?: boolean | undefined;
|
|
16
|
+
hasHeader?: boolean | undefined;
|
|
17
|
+
hasHeaderDisplay?: boolean | undefined;
|
|
18
|
+
"aria-label": any;
|
|
19
|
+
zIndex?: string | undefined;
|
|
20
|
+
placement?: string | undefined;
|
|
21
|
+
disabledTimes: any;
|
|
22
|
+
minutesInterval?: number | undefined;
|
|
23
|
+
}): JSX.Element;
|
|
24
|
+
defaultProps: {
|
|
25
|
+
format: string;
|
|
26
|
+
};
|
|
27
|
+
propTypes: {
|
|
28
|
+
/** a11y label */
|
|
29
|
+
'aria-label': {
|
|
30
|
+
defaultValue<T = unknown>(arg: T): {
|
|
31
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
32
|
+
};
|
|
33
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
34
|
+
};
|
|
35
|
+
/** inject props to time picker wrapper */
|
|
36
|
+
containerProps: {
|
|
37
|
+
defaultValue<T = unknown>(arg: T): {
|
|
38
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
39
|
+
};
|
|
40
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
41
|
+
};
|
|
42
|
+
/** Whether the time picker is disabled or not */
|
|
43
|
+
disabled: {
|
|
44
|
+
defaultValue<T = unknown>(arg: T): {
|
|
45
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
46
|
+
};
|
|
47
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
48
|
+
};
|
|
49
|
+
/** Time picker value */
|
|
50
|
+
value: {
|
|
51
|
+
defaultValue<T = unknown>(arg: T): {
|
|
52
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
53
|
+
};
|
|
54
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
55
|
+
};
|
|
56
|
+
/** Time format (hh:mm:ss, H:m:s) */
|
|
57
|
+
format: {
|
|
58
|
+
defaultValue<T = unknown>(arg: T): {
|
|
59
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
60
|
+
};
|
|
61
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
62
|
+
};
|
|
63
|
+
/** toggle header style */
|
|
64
|
+
hasHeader: {
|
|
65
|
+
defaultValue<T = unknown>(arg: T): {
|
|
66
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
67
|
+
};
|
|
68
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
69
|
+
};
|
|
70
|
+
/** toggle header display */
|
|
71
|
+
hasHeaderDisplay: {
|
|
72
|
+
defaultValue<T = unknown>(arg: T): {
|
|
73
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
74
|
+
};
|
|
75
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
76
|
+
};
|
|
77
|
+
/** Handler when time picker value changes */
|
|
78
|
+
onChange: {
|
|
79
|
+
defaultValue<T = unknown>(arg: T): {
|
|
80
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
81
|
+
};
|
|
82
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
83
|
+
};
|
|
84
|
+
/** Handler when the time picker menu opens */
|
|
85
|
+
onOpen: {
|
|
86
|
+
defaultValue<T = unknown>(arg: T): {
|
|
87
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
88
|
+
};
|
|
89
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
90
|
+
};
|
|
91
|
+
/** Whether the time picker menu is opened or not */
|
|
92
|
+
isOpen: {
|
|
93
|
+
defaultValue<T = unknown>(arg: T): {
|
|
94
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
95
|
+
};
|
|
96
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
97
|
+
};
|
|
98
|
+
/** ref for time picker input */
|
|
99
|
+
innerRef: {
|
|
100
|
+
defaultValue<T = unknown>(arg: T): {
|
|
101
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
102
|
+
};
|
|
103
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
104
|
+
};
|
|
105
|
+
/** Enable to clear the time picker value */
|
|
106
|
+
clearable: {
|
|
107
|
+
defaultValue<T = unknown>(arg: T): {
|
|
108
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
109
|
+
};
|
|
110
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
111
|
+
};
|
|
112
|
+
/** class for time picker */
|
|
113
|
+
className: {
|
|
114
|
+
defaultValue<T = unknown>(arg: T): {
|
|
115
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
116
|
+
};
|
|
117
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
118
|
+
};
|
|
119
|
+
/** style object */
|
|
120
|
+
style: {
|
|
121
|
+
defaultValue<T = unknown>(arg: T): {
|
|
122
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
123
|
+
};
|
|
124
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
125
|
+
};
|
|
126
|
+
/** z index for menu */
|
|
127
|
+
zIndex: {
|
|
128
|
+
defaultValue<T = unknown>(arg: T): {
|
|
129
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
130
|
+
};
|
|
131
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
132
|
+
};
|
|
133
|
+
/** DSPopper placement */
|
|
134
|
+
placement: {
|
|
135
|
+
defaultValue<T = unknown>(arg: T): {
|
|
136
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
137
|
+
};
|
|
138
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
139
|
+
};
|
|
140
|
+
/** disabled time */
|
|
141
|
+
disabledTimes: {
|
|
142
|
+
defaultValue<T = unknown>(arg: T): {
|
|
143
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
144
|
+
};
|
|
145
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
146
|
+
};
|
|
147
|
+
/** steps for the picker */
|
|
148
|
+
minutesInterval: {
|
|
149
|
+
defaultValue<T = unknown>(arg: T): {
|
|
150
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
151
|
+
};
|
|
152
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
153
|
+
};
|
|
154
|
+
};
|
|
155
|
+
};
|
|
156
|
+
declare const DSTimePickerWithSchema: {
|
|
157
|
+
(props?: {
|
|
158
|
+
containerProps?: {} | undefined;
|
|
159
|
+
innerRef: any;
|
|
160
|
+
className?: string | undefined;
|
|
161
|
+
disabled?: boolean | undefined;
|
|
162
|
+
value?: string | undefined;
|
|
163
|
+
format: any;
|
|
164
|
+
style?: {} | undefined;
|
|
165
|
+
onChange?: (() => null) | undefined;
|
|
166
|
+
onOpen?: (() => null) | undefined;
|
|
167
|
+
isOpen?: undefined;
|
|
168
|
+
clearable?: boolean | undefined;
|
|
169
|
+
hasHeader?: boolean | undefined;
|
|
170
|
+
hasHeaderDisplay?: boolean | undefined;
|
|
171
|
+
"aria-label": any;
|
|
172
|
+
zIndex?: string | undefined;
|
|
173
|
+
placement?: string | undefined;
|
|
174
|
+
disabledTimes: any;
|
|
175
|
+
minutesInterval?: number | undefined;
|
|
176
|
+
} | undefined): JSX.Element;
|
|
177
|
+
propTypes: unknown;
|
|
178
|
+
toTypescript: () => import("react-desc").TypescriptSchema;
|
|
179
|
+
};
|
|
180
|
+
export { DSTimePicker, DSTimePickerWithSchema };
|
|
181
|
+
export default DSTimePicker;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { Component } from 'react';
|
|
2
|
+
export default class PickerPanel extends Component {
|
|
3
|
+
computeContainerTranslation: (this: any, index: any) => number;
|
|
4
|
+
constructor(props: any);
|
|
5
|
+
componentDidMount(): void;
|
|
6
|
+
componentWillUnmount(): void;
|
|
7
|
+
static getDerivedStateFromProps(nextProps: any, { prevProps }: {
|
|
8
|
+
prevProps: any;
|
|
9
|
+
}): {
|
|
10
|
+
selectedOption: any;
|
|
11
|
+
activeIndex: any;
|
|
12
|
+
prevProps: any;
|
|
13
|
+
} | null;
|
|
14
|
+
getOptionValue(option: any): any;
|
|
15
|
+
getOptionLabel(option: any): any;
|
|
16
|
+
computeSizes(): void;
|
|
17
|
+
handleOptionSelect(optionValue: any, index: any, scrolling: any): void;
|
|
18
|
+
handleKeyDown(e: any): void;
|
|
19
|
+
moveTo(index: any, scrolling: any): void;
|
|
20
|
+
handleStepMoveUp(): void;
|
|
21
|
+
handleStepMoveDown(): void;
|
|
22
|
+
renderHeader: () => JSX.Element;
|
|
23
|
+
render(): JSX.Element;
|
|
24
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import PropTypes from 'prop-types';
|
|
3
|
+
declare const TimePickerDropdown: {
|
|
4
|
+
({ disabled, onClick, onOpen, isOpen, menu, zIndex, blockName, placement }: {
|
|
5
|
+
disabled?: boolean | undefined;
|
|
6
|
+
onClick: any;
|
|
7
|
+
onOpen: any;
|
|
8
|
+
isOpen: any;
|
|
9
|
+
menu: any;
|
|
10
|
+
zIndex: any;
|
|
11
|
+
blockName: any;
|
|
12
|
+
placement: any;
|
|
13
|
+
}): JSX.Element;
|
|
14
|
+
propTypes: {
|
|
15
|
+
onClick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
16
|
+
onOpen: PropTypes.Requireable<(...args: any[]) => any>;
|
|
17
|
+
disabled: PropTypes.Requireable<boolean>;
|
|
18
|
+
isOpen: PropTypes.Requireable<boolean>;
|
|
19
|
+
menu: PropTypes.Requireable<PropTypes.ReactElementLike>;
|
|
20
|
+
blockName: PropTypes.Requireable<string>;
|
|
21
|
+
placement: PropTypes.Requireable<string>;
|
|
22
|
+
zIndex: PropTypes.Requireable<number>;
|
|
23
|
+
};
|
|
24
|
+
};
|
|
25
|
+
export default TimePickerDropdown;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import PropTypes from 'prop-types';
|
|
3
|
+
declare const TimePickerImpl: {
|
|
4
|
+
({ value, onChange, onOpen, format, disabled, hasHeader, hasHeaderDisplay, className, containerProps, placement, zIndex, disabledTimes, minutesInterval, }: {
|
|
5
|
+
value: any;
|
|
6
|
+
onChange: any;
|
|
7
|
+
onOpen: any;
|
|
8
|
+
format: any;
|
|
9
|
+
disabled: any;
|
|
10
|
+
hasHeader: any;
|
|
11
|
+
hasHeaderDisplay: any;
|
|
12
|
+
className: any;
|
|
13
|
+
containerProps: any;
|
|
14
|
+
placement: any;
|
|
15
|
+
zIndex: any;
|
|
16
|
+
disabledTimes: any;
|
|
17
|
+
minutesInterval: any;
|
|
18
|
+
}): JSX.Element;
|
|
19
|
+
propTypes: {
|
|
20
|
+
value: PropTypes.Requireable<Date>;
|
|
21
|
+
onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
22
|
+
onOpen: PropTypes.Requireable<(...args: any[]) => any>;
|
|
23
|
+
format: PropTypes.Requireable<string>;
|
|
24
|
+
disabled: PropTypes.Requireable<boolean>;
|
|
25
|
+
hasHeader: PropTypes.Requireable<boolean>;
|
|
26
|
+
hasHeaderDisplay: PropTypes.Requireable<boolean>;
|
|
27
|
+
className: PropTypes.Requireable<string>;
|
|
28
|
+
containerProps: PropTypes.Requireable<object>;
|
|
29
|
+
placement: PropTypes.Requireable<string>;
|
|
30
|
+
zIndex: PropTypes.Requireable<number>;
|
|
31
|
+
disabledTimes: PropTypes.Requireable<object>;
|
|
32
|
+
minutesInterval: PropTypes.Requireable<number>;
|
|
33
|
+
};
|
|
34
|
+
};
|
|
35
|
+
export default TimePickerImpl;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { Component } from 'react';
|
|
2
|
+
declare class TimePickerMenu extends Component {
|
|
3
|
+
constructor(props: any);
|
|
4
|
+
static getDerivedStateFromProps(props: any, state: any): any;
|
|
5
|
+
componentDidMount(): void;
|
|
6
|
+
handleMinuteChange(value: any): void;
|
|
7
|
+
handleHoursChange(value: any): void;
|
|
8
|
+
handleSecondsChange(value: any): void;
|
|
9
|
+
handleAMPMChange(value: any): void;
|
|
10
|
+
updateTime(time: any): void;
|
|
11
|
+
renderHoursPanel(): JSX.Element | null;
|
|
12
|
+
renderMinutesPanel(): JSX.Element | null;
|
|
13
|
+
renderSecondsPanel(): JSX.Element | null;
|
|
14
|
+
renderAMPMPanel(): JSX.Element | null;
|
|
15
|
+
renderHeader: () => JSX.Element;
|
|
16
|
+
render(): JSX.Element;
|
|
17
|
+
}
|
|
18
|
+
export { TimePickerMenu };
|
|
19
|
+
export default TimePickerMenu;
|
package/types/index.d.ts
ADDED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export declare function MoveElementOnScroll(element: any, { container, min, max, speed, smooth, onUpdate, onEndScroll, }: {
|
|
2
|
+
container: any;
|
|
3
|
+
min?: number | undefined;
|
|
4
|
+
max?: any;
|
|
5
|
+
speed?: number | undefined;
|
|
6
|
+
smooth?: number | undefined;
|
|
7
|
+
onUpdate?: (() => null) | undefined;
|
|
8
|
+
onEndScroll?: (() => null) | undefined;
|
|
9
|
+
}): {
|
|
10
|
+
unsubscribe: () => void;
|
|
11
|
+
updatePosition: (newPos: any) => void;
|
|
12
|
+
};
|
|
13
|
+
export default MoveElementOnScroll;
|
package/types/utils.d.ts
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export declare const validateIndex: (index: any, options: any) => any;
|
|
2
|
+
export declare const getOptionIndex: (options: any, selectedOption: any, valueProperty?: string) => any;
|
|
3
|
+
export declare const isAM: (time: any) => any;
|
|
4
|
+
export declare const convertTimeString: (string: any) => {
|
|
5
|
+
hour: number;
|
|
6
|
+
min: number;
|
|
7
|
+
sec: number;
|
|
8
|
+
} | null;
|
package/PickerPanel/package.json
DELETED
package/cjs/DSTimePicker.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DSTimePicker.js","sources":["../../src/DSTimePicker.tsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport Moment from 'moment';\nimport TimePickerImpl from './TimePickerImpl';\n\nconst DSTimePicker = ({\n containerProps = {},\n innerRef,\n className = '',\n disabled = false,\n value = '',\n format,\n style = {},\n onChange = () => null,\n onOpen = () => null,\n isOpen = undefined,\n clearable = false,\n hasHeader = true,\n hasHeaderDisplay = false,\n 'aria-label': ariaLabel,\n zIndex = 'auto',\n placement = 'bottom',\n disabledTimes,\n minutesInterval = 1,\n}) => (\n <TimePickerImpl\n ref={innerRef}\n aria-label={ariaLabel}\n className={className}\n clearable={clearable}\n containerProps={containerProps}\n disabled={disabled}\n format={format}\n hasHeader={hasHeader}\n hasHeaderDisplay={hasHeaderDisplay}\n isOpen={isOpen}\n onChange={onChange}\n onOpen={onOpen}\n placement={placement}\n style={style}\n value={value}\n zIndex={zIndex}\n minutesInterval={minutesInterval}\n disabledTimes={disabledTimes}\n />\n);\n\nDSTimePicker.defaultProps = {\n format: 'hh:mm:ss A',\n};\n\nconst props = {\n /** a11y label */\n 'aria-label': PropTypes.string.description('a11y label'),\n /** inject props to time picker wrapper */\n containerProps: PropTypes.object.description(\n 'inject props to time picker wrapper',\n ),\n /** Whether the time picker is disabled or not */\n disabled: PropTypes.bool.description(\n 'Whether the time picker is disabled or not',\n ),\n /** Time picker value */\n value: PropTypes.instanceOf(Moment).description('Time picker value'),\n /** Time format (hh:mm:ss, H:m:s) */\n format: PropTypes.string.description('Time format (hh:mm:ss, H:m:s)'),\n /** toggle header style */\n hasHeader: PropTypes.bool.description('toggle header style'),\n /** toggle header display */\n hasHeaderDisplay: PropTypes.bool.description('toggle header display'),\n /** Handler when time picker value changes */\n onChange: PropTypes.func.description(\n 'Handler when time picker value changes',\n ),\n /** Handler when the time picker menu opens */\n onOpen: PropTypes.func.description('Handler when the time picker menu opens'),\n /** Whether the time picker menu is opened or not */\n isOpen: PropTypes.bool.description(\n 'Whether the time picker menu is opened or not',\n ),\n /** ref for time picker input */\n innerRef: PropTypes.func.description('ref for time picker input'),\n /** Enable to clear the time picker value */\n clearable: PropTypes.bool.description(\n 'Enable to clear the time picker value',\n ),\n /** class for time picker */\n className: PropTypes.string.description('class for time picker'),\n /** style object */\n style: PropTypes.object.description('style object'),\n /** z index for menu */\n zIndex: PropTypes.number.description('z index for menu'),\n /** DSPopper placement */\n placement: PropTypes.string.description('DSPopper placement'),\n /** disabled time */\n disabledTimes: PropTypes.object.description('disabled time'),\n /** steps for the picker */\n minutesInterval: PropTypes.number.description('steps for the picker'),\n};\n\nDSTimePicker.propTypes = props;\nconst DSTimePickerWithSchema = describe(DSTimePicker);\nDSTimePickerWithSchema.propTypes = props;\n\nexport { DSTimePicker, DSTimePickerWithSchema };\nexport default DSTimePicker;\n"],"names":["DSTimePicker","containerProps","innerRef","className","disabled","value","format","style","onChange","onOpen","isOpen","undefined","clearable","hasHeader","hasHeaderDisplay","ariaLabel","zIndex","placement","disabledTimes","minutesInterval","React","defaultProps","props","PropTypes","string","description","object","bool","instanceOf","Moment","func","number","propTypes","DSTimePickerWithSchema","describe"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DSTimePickerMenu.js","sources":["../../src/DSTimePickerMenu.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport TimePickerMenu from './TimePickerMenu';\n\nconst DSTimePickerMenuWrapper = styled.div`\n display: flex;\n height: 18.6rem;\n`;\nfunction DSTimePickerMenu(props) {\n return (\n <DSTimePickerMenuWrapper>\n <TimePickerMenu {...props} />\n </DSTimePickerMenuWrapper>\n );\n}\nexport { DSTimePickerMenu };\nexport default DSTimePickerMenu;\n"],"names":["DSTimePickerMenuWrapper","styled","div","DSTimePickerMenu","props","React","TimePickerMenu"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAMA,uBAAuB,gBAAGC,0BAAM,CAACC,GAAV;AAAA;AAAA,oCAA7B;;AAIA,SAASC,gBAAT,CAA0BC,KAA1B,EAAiC;AAC/B,sBACEC,wCAAC,uBAAD,qBACEA,wCAACC,6BAAD,EAAoBF,KAApB,CADF,CADF;AAKD;;;;;"}
|