@elliemae/ds-time-picker 2.3.1 → 3.0.0-alpha.3
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/dist/cjs/DSTimePicker.js +106 -0
- package/dist/cjs/DSTimePicker.js.map +7 -0
- package/dist/cjs/DSTimePickerMenu.js +60 -0
- package/dist/cjs/DSTimePickerMenu.js.map +7 -0
- package/dist/cjs/PickerPanel.js +313 -0
- package/dist/cjs/PickerPanel.js.map +7 -0
- package/dist/cjs/TimePickerDropdown.js +74 -0
- package/dist/cjs/TimePickerDropdown.js.map +7 -0
- package/dist/cjs/TimePickerImpl.js +210 -0
- package/dist/cjs/TimePickerImpl.js.map +7 -0
- package/dist/cjs/TimePickerMenu.js +258 -0
- package/dist/cjs/TimePickerMenu.js.map +7 -0
- package/dist/cjs/index.js +40 -0
- package/dist/cjs/index.js.map +7 -0
- package/dist/cjs/moveElementOnScroll.js +93 -0
- package/dist/cjs/moveElementOnScroll.js.map +7 -0
- package/dist/cjs/utils.js +71 -0
- package/dist/cjs/utils.js.map +7 -0
- package/dist/esm/DSTimePicker.js +77 -0
- package/dist/esm/DSTimePicker.js.map +7 -0
- package/dist/esm/DSTimePickerMenu.js +33 -0
- package/dist/esm/DSTimePickerMenu.js.map +7 -0
- package/dist/esm/PickerPanel.js +286 -0
- package/dist/esm/PickerPanel.js.map +7 -0
- package/dist/esm/TimePickerDropdown.js +45 -0
- package/dist/esm/TimePickerDropdown.js.map +7 -0
- package/dist/esm/TimePickerImpl.js +183 -0
- package/dist/esm/TimePickerImpl.js.map +7 -0
- package/dist/esm/TimePickerMenu.js +231 -0
- package/dist/esm/TimePickerMenu.js.map +7 -0
- package/dist/esm/index.js +11 -0
- package/dist/esm/index.js.map +7 -0
- package/dist/esm/moveElementOnScroll.js +64 -0
- package/dist/esm/moveElementOnScroll.js.map +7 -0
- package/dist/esm/utils.js +42 -0
- package/dist/esm/utils.js.map +7 -0
- package/package.json +46 -37
- package/cjs/DSTimePicker.js +0 -121
- package/cjs/DSTimePickerMenu.js +0 -35
- package/cjs/PickerPanel.js +0 -402
- package/cjs/TimePickerDropdown.js +0 -53
- package/cjs/TimePickerImpl.js +0 -175
- package/cjs/TimePickerMenu.js +0 -312
- package/cjs/index.js +0 -17
- package/cjs/moveElementOnScroll.js +0 -75
- package/cjs/utils.js +0 -38
- package/esm/DSTimePicker.js +0 -111
- package/esm/DSTimePickerMenu.js +0 -24
- package/esm/PickerPanel.js +0 -392
- package/esm/TimePickerDropdown.js +0 -45
- package/esm/TimePickerImpl.js +0 -165
- package/esm/TimePickerMenu.js +0 -301
- package/esm/index.js +0 -4
- package/esm/moveElementOnScroll.js +0 -70
- package/esm/utils.js +0 -31
- package/types/DSTimePicker.d.ts +0 -162
- package/types/DSTimePickerMenu.d.ts +0 -4
- package/types/PickerPanel.d.ts +0 -24
- package/types/TimePickerDropdown.d.ts +0 -25
- package/types/TimePickerImpl.d.ts +0 -35
- package/types/TimePickerMenu.d.ts +0 -19
- package/types/index.d.ts +0 -5
- package/types/moveElementOnScroll.d.ts +0 -13
- package/types/utils.d.ts +0 -8
package/types/DSTimePicker.d.ts
DELETED
|
@@ -1,162 +0,0 @@
|
|
|
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(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
31
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
32
|
-
};
|
|
33
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
34
|
-
};
|
|
35
|
-
/** inject props to time picker wrapper */
|
|
36
|
-
containerProps: {
|
|
37
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
38
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
39
|
-
};
|
|
40
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
41
|
-
};
|
|
42
|
-
/** Whether the time picker is disabled or not */
|
|
43
|
-
disabled: {
|
|
44
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
45
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
46
|
-
};
|
|
47
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
48
|
-
};
|
|
49
|
-
/** Time picker value */
|
|
50
|
-
value: {
|
|
51
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
52
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
53
|
-
};
|
|
54
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
55
|
-
};
|
|
56
|
-
/** Time format (hh:mm:ss, H:m:s) */
|
|
57
|
-
format: {
|
|
58
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
59
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
60
|
-
};
|
|
61
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
62
|
-
};
|
|
63
|
-
/** toggle header style */
|
|
64
|
-
hasHeader: {
|
|
65
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
66
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
67
|
-
};
|
|
68
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
69
|
-
};
|
|
70
|
-
/** toggle header display */
|
|
71
|
-
hasHeaderDisplay: {
|
|
72
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
73
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
74
|
-
};
|
|
75
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
76
|
-
};
|
|
77
|
-
/** Handler when time picker value changes */
|
|
78
|
-
onChange: {
|
|
79
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
80
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
81
|
-
};
|
|
82
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
83
|
-
};
|
|
84
|
-
/** Handler when the time picker menu opens */
|
|
85
|
-
onOpen: {
|
|
86
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
87
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
88
|
-
};
|
|
89
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
90
|
-
};
|
|
91
|
-
/** Whether the time picker menu is opened or not */
|
|
92
|
-
isOpen: {
|
|
93
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
94
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
95
|
-
};
|
|
96
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
97
|
-
};
|
|
98
|
-
/** ref for time picker input */
|
|
99
|
-
innerRef: {
|
|
100
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
101
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
102
|
-
};
|
|
103
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
104
|
-
};
|
|
105
|
-
/** Enable to clear the time picker value */
|
|
106
|
-
clearable: {
|
|
107
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
108
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
109
|
-
};
|
|
110
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
111
|
-
};
|
|
112
|
-
/** class for time picker */
|
|
113
|
-
className: {
|
|
114
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
115
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
116
|
-
};
|
|
117
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
118
|
-
};
|
|
119
|
-
/** style object */
|
|
120
|
-
style: {
|
|
121
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
122
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
123
|
-
};
|
|
124
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
125
|
-
};
|
|
126
|
-
/** z index for menu */
|
|
127
|
-
zIndex: {
|
|
128
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
129
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
130
|
-
};
|
|
131
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
132
|
-
};
|
|
133
|
-
/** DSPopper placement */
|
|
134
|
-
placement: {
|
|
135
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
136
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
137
|
-
};
|
|
138
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
139
|
-
};
|
|
140
|
-
/** disabled time */
|
|
141
|
-
disabledTimes: {
|
|
142
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
143
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
144
|
-
};
|
|
145
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
146
|
-
};
|
|
147
|
-
/** steps for the picker */
|
|
148
|
-
minutesInterval: {
|
|
149
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
150
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
151
|
-
};
|
|
152
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
153
|
-
};
|
|
154
|
-
};
|
|
155
|
-
};
|
|
156
|
-
declare const DSTimePickerWithSchema: {
|
|
157
|
-
(props?: unknown): JSX.Element;
|
|
158
|
-
propTypes: unknown;
|
|
159
|
-
toTypescript: () => import("react-desc").TypescriptSchema;
|
|
160
|
-
};
|
|
161
|
-
export { DSTimePicker, DSTimePickerWithSchema };
|
|
162
|
-
export default DSTimePicker;
|
package/types/PickerPanel.d.ts
DELETED
|
@@ -1,24 +0,0 @@
|
|
|
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
|
-
}
|
|
@@ -1,25 +0,0 @@
|
|
|
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;
|
|
@@ -1,35 +0,0 @@
|
|
|
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;
|
|
@@ -1,19 +0,0 @@
|
|
|
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
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
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
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
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;
|