@elliemae/ds-time-picker 2.0.0-rc.6 → 2.0.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/PickerPanel.js +6 -7
- package/cjs/TimePickerMenu.js +4 -4
- package/esm/PickerPanel.js +5 -6
- package/esm/TimePickerMenu.js +3 -3
- package/package.json +7 -7
- package/types/DSTimePicker.d.ts +133 -19
package/cjs/PickerPanel.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
4
3
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
4
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
5
5
|
require('core-js/modules/web.dom-collections.iterator.js');
|
|
6
6
|
require('core-js/modules/esnext.async-iterator.find.js');
|
|
7
7
|
require('core-js/modules/esnext.iterator.constructor.js');
|
|
@@ -24,8 +24,8 @@ var jsxRuntime = require('react/jsx-runtime');
|
|
|
24
24
|
|
|
25
25
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
26
26
|
|
|
27
|
-
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
28
27
|
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
28
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
29
29
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
30
30
|
var memoizeOne__default = /*#__PURE__*/_interopDefaultLegacy(memoizeOne);
|
|
31
31
|
var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
|
|
@@ -77,8 +77,7 @@ const arrowProps = {
|
|
|
77
77
|
class PickerPanel extends React.Component {
|
|
78
78
|
constructor(props) {
|
|
79
79
|
super(props);
|
|
80
|
-
|
|
81
|
-
_defineProperty__default["default"](this, "computeContainerTranslation", memoizeOne__default["default"](index => {
|
|
80
|
+
this.computeContainerTranslation = memoizeOne__default["default"](index => {
|
|
82
81
|
const {
|
|
83
82
|
options,
|
|
84
83
|
valueProperty
|
|
@@ -91,14 +90,14 @@ class PickerPanel extends React.Component {
|
|
|
91
90
|
const listYPosition = this.minYListPosition - selectedOptionIndex * this.optionHeight;
|
|
92
91
|
if (this.scrollHandler && !scrolling) this.scrollHandler.updatePosition(listYPosition);
|
|
93
92
|
return listYPosition;
|
|
94
|
-
})
|
|
93
|
+
});
|
|
95
94
|
|
|
96
|
-
|
|
95
|
+
this.renderHeader = () => {
|
|
97
96
|
const {
|
|
98
97
|
header
|
|
99
98
|
} = this.props;
|
|
100
99
|
return /*#__PURE__*/_jsx__default["default"](PickerHeader, {}, void 0, header);
|
|
101
|
-
}
|
|
100
|
+
};
|
|
102
101
|
|
|
103
102
|
this.pickerListContainerRef = /*#__PURE__*/React__default["default"].createRef();
|
|
104
103
|
this.pickerListRef = /*#__PURE__*/React__default["default"].createRef();
|
package/cjs/TimePickerMenu.js
CHANGED
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
6
5
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
6
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
7
7
|
require('core-js/modules/esnext.async-iterator.map.js');
|
|
8
8
|
require('core-js/modules/esnext.iterator.map.js');
|
|
9
9
|
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
@@ -20,8 +20,8 @@ var PickerPanel = require('./PickerPanel.js');
|
|
|
20
20
|
|
|
21
21
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
22
22
|
|
|
23
|
-
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
24
23
|
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
24
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
25
25
|
var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
|
|
26
26
|
|
|
27
27
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
@@ -41,12 +41,12 @@ class TimePickerMenu extends React.Component {
|
|
|
41
41
|
constructor(props) {
|
|
42
42
|
super(props);
|
|
43
43
|
|
|
44
|
-
|
|
44
|
+
this.renderHeader = () => {
|
|
45
45
|
const {
|
|
46
46
|
time
|
|
47
47
|
} = this.state;
|
|
48
48
|
return /*#__PURE__*/_jsx__default["default"](TimePickerHeader, {}, void 0, time.format('hh:mma'));
|
|
49
|
-
}
|
|
49
|
+
};
|
|
50
50
|
|
|
51
51
|
this.state = {
|
|
52
52
|
time: moment__default["default"](props.time || '', props.format) || moment__default["default"]()
|
package/esm/PickerPanel.js
CHANGED
|
@@ -2,8 +2,8 @@ import 'core-js/modules/esnext.async-iterator.filter.js';
|
|
|
2
2
|
import 'core-js/modules/esnext.iterator.filter.js';
|
|
3
3
|
import 'core-js/modules/esnext.async-iterator.for-each.js';
|
|
4
4
|
import 'core-js/modules/esnext.iterator.for-each.js';
|
|
5
|
-
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
6
5
|
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
6
|
+
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
7
7
|
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
8
8
|
import 'core-js/modules/esnext.async-iterator.find.js';
|
|
9
9
|
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
@@ -67,8 +67,7 @@ const arrowProps = {
|
|
|
67
67
|
class PickerPanel extends Component {
|
|
68
68
|
constructor(props) {
|
|
69
69
|
super(props);
|
|
70
|
-
|
|
71
|
-
_defineProperty(this, "computeContainerTranslation", memoizeOne(index => {
|
|
70
|
+
this.computeContainerTranslation = memoizeOne(index => {
|
|
72
71
|
const {
|
|
73
72
|
options,
|
|
74
73
|
valueProperty
|
|
@@ -81,14 +80,14 @@ class PickerPanel extends Component {
|
|
|
81
80
|
const listYPosition = this.minYListPosition - selectedOptionIndex * this.optionHeight;
|
|
82
81
|
if (this.scrollHandler && !scrolling) this.scrollHandler.updatePosition(listYPosition);
|
|
83
82
|
return listYPosition;
|
|
84
|
-
})
|
|
83
|
+
});
|
|
85
84
|
|
|
86
|
-
|
|
85
|
+
this.renderHeader = () => {
|
|
87
86
|
const {
|
|
88
87
|
header
|
|
89
88
|
} = this.props;
|
|
90
89
|
return /*#__PURE__*/_jsx(PickerHeader, {}, void 0, header);
|
|
91
|
-
}
|
|
90
|
+
};
|
|
92
91
|
|
|
93
92
|
this.pickerListContainerRef = /*#__PURE__*/React.createRef();
|
|
94
93
|
this.pickerListRef = /*#__PURE__*/React.createRef();
|
package/esm/TimePickerMenu.js
CHANGED
|
@@ -3,8 +3,8 @@ import 'core-js/modules/esnext.iterator.constructor.js';
|
|
|
3
3
|
import 'core-js/modules/esnext.iterator.filter.js';
|
|
4
4
|
import 'core-js/modules/esnext.async-iterator.for-each.js';
|
|
5
5
|
import 'core-js/modules/esnext.iterator.for-each.js';
|
|
6
|
-
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
7
6
|
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
7
|
+
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
8
8
|
import 'core-js/modules/esnext.async-iterator.map.js';
|
|
9
9
|
import 'core-js/modules/esnext.iterator.map.js';
|
|
10
10
|
import { Component } from 'react';
|
|
@@ -31,12 +31,12 @@ class TimePickerMenu extends Component {
|
|
|
31
31
|
constructor(props) {
|
|
32
32
|
super(props);
|
|
33
33
|
|
|
34
|
-
|
|
34
|
+
this.renderHeader = () => {
|
|
35
35
|
const {
|
|
36
36
|
time
|
|
37
37
|
} = this.state;
|
|
38
38
|
return /*#__PURE__*/_jsx(TimePickerHeader, {}, void 0, time.format('hh:mma'));
|
|
39
|
-
}
|
|
39
|
+
};
|
|
40
40
|
|
|
41
41
|
this.state = {
|
|
42
42
|
time: moment(props.time || '', props.format) || moment()
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-time-picker",
|
|
3
|
-
"version": "2.0.0
|
|
3
|
+
"version": "2.0.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Time Picker",
|
|
6
6
|
"module": "./esm/index.js",
|
|
@@ -64,12 +64,12 @@
|
|
|
64
64
|
"build": "node ../../scripts/build/build.js"
|
|
65
65
|
},
|
|
66
66
|
"dependencies": {
|
|
67
|
-
"@elliemae/ds-button": "2.0.0
|
|
68
|
-
"@elliemae/ds-classnames": "2.0.0
|
|
69
|
-
"@elliemae/ds-form": "2.0.0
|
|
70
|
-
"@elliemae/ds-icons": "2.0.0
|
|
71
|
-
"@elliemae/ds-popper": "2.0.0
|
|
72
|
-
"@elliemae/ds-utilities": "2.0.0
|
|
67
|
+
"@elliemae/ds-button": "2.0.0",
|
|
68
|
+
"@elliemae/ds-classnames": "2.0.0",
|
|
69
|
+
"@elliemae/ds-form": "2.0.0",
|
|
70
|
+
"@elliemae/ds-icons": "2.0.0",
|
|
71
|
+
"@elliemae/ds-popper": "2.0.0",
|
|
72
|
+
"@elliemae/ds-utilities": "2.0.0",
|
|
73
73
|
"memoize-one": "~5.1.1",
|
|
74
74
|
"moment": "~2.29.1",
|
|
75
75
|
"prop-types": "~15.7.2",
|
package/types/DSTimePicker.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/// <reference path="../../../../shared/typings/react-desc.d.ts" />
|
|
1
2
|
/// <reference types="react" />
|
|
2
3
|
declare const DSTimePicker: {
|
|
3
4
|
({ containerProps, innerRef, className, disabled, value, format, style, onChange, onOpen, isOpen, clearable, hasHeader, hasHeaderDisplay, "aria-label": ariaLabel, zIndex, placement, disabledTimes, minutesInterval, }: {
|
|
@@ -25,43 +26,156 @@ declare const DSTimePicker: {
|
|
|
25
26
|
};
|
|
26
27
|
propTypes: {
|
|
27
28
|
/** a11y label */
|
|
28
|
-
'aria-label':
|
|
29
|
+
'aria-label': {
|
|
30
|
+
defaultValue<T = unknown>(arg: T): {
|
|
31
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
32
|
+
};
|
|
33
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
34
|
+
};
|
|
29
35
|
/** inject props to time picker wrapper */
|
|
30
|
-
containerProps:
|
|
36
|
+
containerProps: {
|
|
37
|
+
defaultValue<T = unknown>(arg: T): {
|
|
38
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
39
|
+
};
|
|
40
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
41
|
+
};
|
|
31
42
|
/** Whether the time picker is disabled or not */
|
|
32
|
-
disabled:
|
|
43
|
+
disabled: {
|
|
44
|
+
defaultValue<T = unknown>(arg: T): {
|
|
45
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
46
|
+
};
|
|
47
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
48
|
+
};
|
|
33
49
|
/** Time picker value */
|
|
34
|
-
value:
|
|
50
|
+
value: {
|
|
51
|
+
defaultValue<T = unknown>(arg: T): {
|
|
52
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
53
|
+
};
|
|
54
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
55
|
+
};
|
|
35
56
|
/** Time format (hh:mm:ss, H:m:s) */
|
|
36
|
-
format:
|
|
57
|
+
format: {
|
|
58
|
+
defaultValue<T = unknown>(arg: T): {
|
|
59
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
60
|
+
};
|
|
61
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
62
|
+
};
|
|
37
63
|
/** toggle header style */
|
|
38
|
-
hasHeader:
|
|
64
|
+
hasHeader: {
|
|
65
|
+
defaultValue<T = unknown>(arg: T): {
|
|
66
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
67
|
+
};
|
|
68
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
69
|
+
};
|
|
39
70
|
/** toggle header display */
|
|
40
|
-
hasHeaderDisplay:
|
|
71
|
+
hasHeaderDisplay: {
|
|
72
|
+
defaultValue<T = unknown>(arg: T): {
|
|
73
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
74
|
+
};
|
|
75
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
76
|
+
};
|
|
41
77
|
/** Handler when time picker value changes */
|
|
42
|
-
onChange:
|
|
78
|
+
onChange: {
|
|
79
|
+
defaultValue<T = unknown>(arg: T): {
|
|
80
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
81
|
+
};
|
|
82
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
83
|
+
};
|
|
43
84
|
/** Handler when the time picker menu opens */
|
|
44
|
-
onOpen:
|
|
85
|
+
onOpen: {
|
|
86
|
+
defaultValue<T = unknown>(arg: T): {
|
|
87
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
88
|
+
};
|
|
89
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
90
|
+
};
|
|
45
91
|
/** Whether the time picker menu is opened or not */
|
|
46
|
-
isOpen:
|
|
92
|
+
isOpen: {
|
|
93
|
+
defaultValue<T = unknown>(arg: T): {
|
|
94
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
95
|
+
};
|
|
96
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
97
|
+
};
|
|
47
98
|
/** ref for time picker input */
|
|
48
|
-
innerRef:
|
|
99
|
+
innerRef: {
|
|
100
|
+
defaultValue<T = unknown>(arg: T): {
|
|
101
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
102
|
+
};
|
|
103
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
104
|
+
};
|
|
49
105
|
/** Enable to clear the time picker value */
|
|
50
|
-
clearable:
|
|
106
|
+
clearable: {
|
|
107
|
+
defaultValue<T = unknown>(arg: T): {
|
|
108
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
109
|
+
};
|
|
110
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
111
|
+
};
|
|
51
112
|
/** class for time picker */
|
|
52
|
-
className:
|
|
113
|
+
className: {
|
|
114
|
+
defaultValue<T = unknown>(arg: T): {
|
|
115
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
116
|
+
};
|
|
117
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
118
|
+
};
|
|
53
119
|
/** style object */
|
|
54
|
-
style:
|
|
120
|
+
style: {
|
|
121
|
+
defaultValue<T = unknown>(arg: T): {
|
|
122
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
123
|
+
};
|
|
124
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
125
|
+
};
|
|
55
126
|
/** z index for menu */
|
|
56
|
-
zIndex:
|
|
127
|
+
zIndex: {
|
|
128
|
+
defaultValue<T = unknown>(arg: T): {
|
|
129
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
130
|
+
};
|
|
131
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
132
|
+
};
|
|
57
133
|
/** DSPopper placement */
|
|
58
|
-
placement:
|
|
134
|
+
placement: {
|
|
135
|
+
defaultValue<T = unknown>(arg: T): {
|
|
136
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
137
|
+
};
|
|
138
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
139
|
+
};
|
|
59
140
|
/** disabled time */
|
|
60
|
-
disabledTimes:
|
|
141
|
+
disabledTimes: {
|
|
142
|
+
defaultValue<T = unknown>(arg: T): {
|
|
143
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
144
|
+
};
|
|
145
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
146
|
+
};
|
|
61
147
|
/** steps for the picker */
|
|
62
|
-
minutesInterval:
|
|
148
|
+
minutesInterval: {
|
|
149
|
+
defaultValue<T = unknown>(arg: T): {
|
|
150
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
151
|
+
};
|
|
152
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
153
|
+
};
|
|
63
154
|
};
|
|
64
155
|
};
|
|
65
|
-
declare const DSTimePickerWithSchema:
|
|
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
|
+
};
|
|
66
180
|
export { DSTimePicker, DSTimePickerWithSchema };
|
|
67
181
|
export default DSTimePicker;
|