@elliemae/ds-time-picker 3.12.0-rc.2 → 3.12.0-rc.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 +23 -20
- package/dist/cjs/DSTimePicker.js.map +1 -1
- package/dist/cjs/DSTimePickerMenu.js +1 -5
- package/dist/cjs/DSTimePickerMenu.js.map +1 -1
- package/dist/cjs/PickerPanel.js +60 -60
- package/dist/cjs/PickerPanel.js.map +1 -1
- package/dist/cjs/TimePickerDropdown.js +20 -23
- package/dist/cjs/TimePickerDropdown.js.map +1 -1
- package/dist/cjs/TimePickerImpl.js +45 -42
- package/dist/cjs/TimePickerImpl.js.map +1 -1
- package/dist/cjs/TimePickerMenu.js +63 -57
- package/dist/cjs/TimePickerMenu.js.map +1 -1
- package/dist/esm/DSTimePicker.js +23 -20
- package/dist/esm/DSTimePicker.js.map +1 -1
- package/dist/esm/DSTimePickerMenu.js +1 -5
- package/dist/esm/DSTimePickerMenu.js.map +1 -1
- package/dist/esm/PickerPanel.js +60 -60
- package/dist/esm/PickerPanel.js.map +1 -1
- package/dist/esm/TimePickerDropdown.js +20 -23
- package/dist/esm/TimePickerDropdown.js.map +1 -1
- package/dist/esm/TimePickerImpl.js +45 -42
- package/dist/esm/TimePickerImpl.js.map +1 -1
- package/dist/esm/TimePickerMenu.js +63 -57
- package/dist/esm/TimePickerMenu.js.map +1 -1
- package/package.json +8 -8
|
@@ -50,9 +50,7 @@ class TimePickerMenu extends import_react.Component {
|
|
|
50
50
|
super(props);
|
|
51
51
|
this.renderHeader = () => {
|
|
52
52
|
const { time } = this.state;
|
|
53
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TimePickerHeader, {
|
|
54
|
-
children: time.format("hh:mma")
|
|
55
|
-
});
|
|
53
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TimePickerHeader, { children: time.format("hh:mma") });
|
|
56
54
|
};
|
|
57
55
|
this.state = {
|
|
58
56
|
time: (0, import_moment.default)(props.time || "", props.format) || (0, import_moment.default)()
|
|
@@ -132,17 +130,20 @@ class TimePickerMenu extends import_react.Component {
|
|
|
132
130
|
const withLeadingZeros = format.indexOf("hh") > -1;
|
|
133
131
|
const rangeHours = use12Hours ? (0, import_ds_utilities.range)(1, 13) : (0, import_ds_utilities.range)(24);
|
|
134
132
|
const hoursOptions = rangeHours.map(generateOption(withLeadingZeros && (0, import_ds_utilities.addLeadingZeros)(2)));
|
|
135
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
133
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
134
|
+
import_PickerPanel.default,
|
|
135
|
+
{
|
|
136
|
+
type: "hour",
|
|
137
|
+
time,
|
|
138
|
+
meridiem,
|
|
139
|
+
hasHeader,
|
|
140
|
+
header: "H",
|
|
141
|
+
onChange: this.handleHoursChange,
|
|
142
|
+
options: hoursOptions,
|
|
143
|
+
selected: selectedHour,
|
|
144
|
+
disabledTimes
|
|
145
|
+
}
|
|
146
|
+
);
|
|
146
147
|
}
|
|
147
148
|
renderMinutesPanel() {
|
|
148
149
|
const { time } = this.state;
|
|
@@ -167,16 +168,19 @@ class TimePickerMenu extends import_react.Component {
|
|
|
167
168
|
selectedMinute = time.minute();
|
|
168
169
|
}
|
|
169
170
|
}
|
|
170
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
171
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
172
|
+
import_PickerPanel.default,
|
|
173
|
+
{
|
|
174
|
+
type: "minutes",
|
|
175
|
+
time,
|
|
176
|
+
hasHeader,
|
|
177
|
+
header: "M",
|
|
178
|
+
onChange: this.handleMinuteChange,
|
|
179
|
+
options: rangeMinutes,
|
|
180
|
+
selected: selectedMinute,
|
|
181
|
+
disabledTimes
|
|
182
|
+
}
|
|
183
|
+
);
|
|
180
184
|
}
|
|
181
185
|
renderSecondsPanel() {
|
|
182
186
|
const { time } = this.state;
|
|
@@ -185,14 +189,17 @@ class TimePickerMenu extends import_react.Component {
|
|
|
185
189
|
return null;
|
|
186
190
|
const withLeadingZeros = format.indexOf("ss") > -1;
|
|
187
191
|
const rangeSeconds = (0, import_ds_utilities.range)(60).map(generateOption(withLeadingZeros && (0, import_ds_utilities.addLeadingZeros)(2)));
|
|
188
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
192
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
193
|
+
import_PickerPanel.default,
|
|
194
|
+
{
|
|
195
|
+
type: "seconds",
|
|
196
|
+
hasHeader,
|
|
197
|
+
header: "S",
|
|
198
|
+
onChange: this.handleSecondsChange,
|
|
199
|
+
options: rangeSeconds,
|
|
200
|
+
selected: time.second()
|
|
201
|
+
}
|
|
202
|
+
);
|
|
196
203
|
}
|
|
197
204
|
renderAMPMPanel() {
|
|
198
205
|
const { time } = this.state;
|
|
@@ -209,34 +216,33 @@ class TimePickerMenu extends import_react.Component {
|
|
|
209
216
|
this.handleAMPMChange("pm");
|
|
210
217
|
}
|
|
211
218
|
}
|
|
212
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
219
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
220
|
+
import_PickerPanel.default,
|
|
221
|
+
{
|
|
222
|
+
type: "meridiem",
|
|
223
|
+
hasHeader,
|
|
224
|
+
header: "",
|
|
225
|
+
onChange: this.handleAMPMChange,
|
|
226
|
+
options: [
|
|
227
|
+
{ value: "am", label: "am" },
|
|
228
|
+
{ value: "pm", label: "pm" }
|
|
229
|
+
],
|
|
230
|
+
selected: meridiemSelected,
|
|
231
|
+
disabledTimes
|
|
232
|
+
}
|
|
233
|
+
);
|
|
224
234
|
}
|
|
225
235
|
render() {
|
|
226
236
|
const { hasHeaderDisplay } = this.props;
|
|
227
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TimePickerContainer, {
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
]
|
|
237
|
-
})
|
|
238
|
-
]
|
|
239
|
-
});
|
|
237
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TimePickerContainer, { children: [
|
|
238
|
+
hasHeaderDisplay && this.renderHeader(),
|
|
239
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TimePickerPanelContainer, { children: [
|
|
240
|
+
this.renderHoursPanel(),
|
|
241
|
+
this.renderMinutesPanel(),
|
|
242
|
+
this.renderSecondsPanel(),
|
|
243
|
+
this.renderAMPMPanel()
|
|
244
|
+
] })
|
|
245
|
+
] });
|
|
240
246
|
}
|
|
241
247
|
}
|
|
242
248
|
TimePickerMenu.defaultProps = {
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/TimePickerMenu.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["/* eslint-disable complexity */\n/* eslint-disable max-lines */\n/* eslint-disable react/prop-types */\nimport React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport moment from 'moment';\nimport { range, addLeadingZeros } from '@elliemae/ds-utilities';\nimport { isAM } from './utils';\nimport PickerPanel from './PickerPanel';\n\nconst blockName = 'time-picker-menu';\n\nconst TimePickerContainer = aggregatedClasses('div')(blockName);\nconst TimePickerHeader = aggregatedClasses('div')(blockName, 'header');\nconst TimePickerPanelContainer = aggregatedClasses('div')(blockName, 'panel-container');\n\nconst generateOption = (format) => (option) => ({\n value: option,\n label: typeof format === 'function' ? format(option) : option,\n});\n\nclass TimePickerMenu extends Component {\n constructor(props) {\n super(props);\n this.state = {\n time: moment(props.time || '', props.format) || moment(),\n };\n\n this.handleMinuteChange = this.handleMinuteChange.bind(this);\n this.handleHoursChange = this.handleHoursChange.bind(this);\n this.handleSecondsChange = this.handleSecondsChange.bind(this);\n this.handleAMPMChange = this.handleAMPMChange.bind(this);\n this.updateTime = this.updateTime.bind(this);\n this.renderHoursPanel = this.renderHoursPanel.bind(this);\n this.renderMinutesPanel = this.renderMinutesPanel.bind(this);\n this.renderSecondsPanel = this.renderSecondsPanel.bind(this);\n this.renderAMPMPanel = this.renderAMPMPanel.bind(this);\n this.renderHeader = this.renderHeader.bind(this);\n }\n\n static getDerivedStateFromProps(props, state) {\n if (props.time) {\n return { ...state, time: moment(props.time) };\n }\n return { ...state, time: undefined };\n }\n\n componentDidMount() {\n const { time } = this.state;\n this.setState({ time });\n }\n\n handleMinuteChange(value) {\n const { time } = this.state;\n this.updateTime(time.minute(value));\n }\n\n handleHoursChange(value) {\n const { time } = this.state;\n const { use12Hours } = this.props;\n let nextHour = value;\n if (use12Hours) {\n if (!isAM(time)) {\n nextHour = (value % 12) + 12;\n }\n }\n this.updateTime(time.hour(nextHour));\n }\n\n handleSecondsChange(value) {\n const { time } = this.state;\n this.updateTime(time.second(value));\n }\n\n handleAMPMChange(value) {\n const { time } = this.state;\n const hour = time.hour();\n const nextHour = value.toLowerCase() === 'am' ? hour % 12 : (hour % 12) + 12;\n this.updateTime(time.hour(nextHour));\n }\n\n updateTime(time) {\n const { onTimeChange } = this.props;\n onTimeChange(time);\n this.setState({ time });\n }\n\n renderHoursPanel() {\n const { time } = this.state;\n const { showHours, use12Hours, format, hasHeader, disabledTimes } = this.props;\n if (!showHours) return null;\n\n const hour = time.hour(); // in 24 format\n let selectedHour = use12Hours ? hour % 12 || 12 : hour;\n if (disabledTimes) {\n const { from, to } = disabledTimes;\n if (hour > from.hour && hour < to.hour) {\n if (to.hour < 24) {\n const toFormatted = to.hour % 12 || 12;\n if (selectedHour !== toFormatted) this.handleHoursChange(toFormatted);\n selectedHour = toFormatted;\n } else if (from) {\n selectedHour = (from.hour - 1) % 12 || 12;\n }\n }\n }\n\n const meridiem = hour >= 12 ? 'PM' : 'AM';\n const withLeadingZeros = format.indexOf('hh') > -1;\n const rangeHours = use12Hours ? range(1, 13) : range(24);\n const hoursOptions = rangeHours.map(generateOption(withLeadingZeros && addLeadingZeros(2)));\n return (\n <PickerPanel\n type=\"hour\"\n time={time}\n meridiem={meridiem}\n hasHeader={hasHeader}\n header=\"H\"\n onChange={this.handleHoursChange}\n options={hoursOptions}\n selected={selectedHour}\n disabledTimes={disabledTimes}\n />\n );\n }\n\n renderMinutesPanel() {\n const { time } = this.state;\n const { showMinutes, format, hasHeader, disabledTimes, minutesInterval } = this.props;\n if (!showMinutes) return null;\n const withLeadingZeros = format.indexOf('mm') > -1;\n const rangeMinutes = range(0, 60, minutesInterval).map(generateOption(withLeadingZeros && addLeadingZeros(2)));\n\n let selectedMinute = time.minute();\n const selectedHour = time.hour();\n\n if (disabledTimes) {\n const { from, to } = disabledTimes;\n if (selectedHour <= to.hour && selectedHour > from.hour) {\n if (to) {\n if (selectedMinute < to.min) this.handleMinuteChange(to.min);\n } else if (from) {\n if (selectedMinute > from.min) this.handleMinuteChange(from.min - 1);\n }\n } else {\n selectedMinute = time.minute();\n }\n }\n\n return (\n <PickerPanel\n type=\"minutes\"\n time={time}\n hasHeader={hasHeader}\n header=\"M\"\n onChange={this.handleMinuteChange}\n options={rangeMinutes}\n selected={selectedMinute}\n disabledTimes={disabledTimes}\n />\n );\n }\n\n renderSecondsPanel() {\n const { time } = this.state;\n const { showSeconds, format, hasHeader } = this.props;\n if (!showSeconds) return null;\n const withLeadingZeros = format.indexOf('ss') > -1;\n const rangeSeconds = range(60).map(generateOption(withLeadingZeros && addLeadingZeros(2)));\n return (\n <PickerPanel\n type=\"seconds\"\n hasHeader={hasHeader}\n header=\"S\"\n onChange={this.handleSecondsChange}\n options={rangeSeconds}\n selected={time.second()}\n />\n );\n }\n\n renderAMPMPanel() {\n const { time } = this.state;\n const { use12Hours, hasHeader, disabledTimes } = this.props;\n if (!use12Hours) return null;\n\n let meridiemSelected = !isAM(time) ? 'pm' : 'am';\n if (disabledTimes && disabledTimes.to && meridiemSelected === 'am') {\n meridiemSelected = disabledTimes.to.hour >= 12 ? 'pm' : 'am';\n if (meridiemSelected === 'am' && time.hour() > 12) {\n this.handleAMPMChange('am');\n }\n\n if (meridiemSelected === 'pm' && time.hour() <= 12) {\n this.handleAMPMChange('pm');\n }\n }\n\n return (\n <PickerPanel\n type=\"meridiem\"\n hasHeader={hasHeader}\n header=\"\"\n onChange={this.handleAMPMChange}\n options={[\n { value: 'am', label: 'am' },\n { value: 'pm', label: 'pm' },\n ]}\n selected={meridiemSelected}\n disabledTimes={disabledTimes}\n />\n );\n }\n\n renderHeader = () => {\n const { time } = this.state;\n return <TimePickerHeader>{time.format('hh:mma')}</TimePickerHeader>;\n };\n\n render() {\n const { hasHeaderDisplay } = this.props;\n\n return (\n <TimePickerContainer>\n {hasHeaderDisplay && this.renderHeader()}\n <TimePickerPanelContainer>\n {this.renderHoursPanel()}\n {this.renderMinutesPanel()}\n {this.renderSecondsPanel()}\n {this.renderAMPMPanel()}\n </TimePickerPanelContainer>\n </TimePickerContainer>\n );\n }\n}\n\nTimePickerMenu.defaultProps = {\n time: moment(),\n hasHeader: false,\n use12Hours: true,\n showSeconds: true,\n showMinutes: true,\n showHours: true,\n disabledTimes: undefined,\n onTimeChange: () => null,\n};\n\nTimePickerMenu.propTypes = {\n /** Time value */\n time: PropTypes.instanceOf(moment),\n /** If the menu has header or not */\n hasHeader: PropTypes.bool,\n /** Whether to use the 12 hours format */\n use12Hours: PropTypes.bool,\n /** Whether show 'seconds' or not */\n showSeconds: PropTypes.bool,\n /** Whether show 'minutes' or not */\n showMinutes: PropTypes.bool,\n /** Whether show 'hours' or not */\n showHours: PropTypes.bool,\n /** Handler when time changes */\n onTimeChange: PropTypes.func,\n disabledTimes: PropTypes.object,\n};\n\nexport { TimePickerMenu };\nexport default TimePickerMenu;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADiHjB;AA9GN,mBAAiC;AACjC,wBAAsB;AACtB,2BAAkC;AAClC,oBAAmB;AACnB,0BAAuC;AACvC,mBAAqB;AACrB,yBAAwB;AAExB,MAAM,YAAY;AAElB,MAAM,0BAAsB,wCAAkB,KAAK,EAAE,SAAS;AAC9D,MAAM,uBAAmB,wCAAkB,KAAK,EAAE,WAAW,QAAQ;AACrE,MAAM,+BAA2B,wCAAkB,KAAK,EAAE,WAAW,iBAAiB;AAEtF,MAAM,iBAAiB,CAAC,WAAW,CAAC,YAAY;AAAA,EAC9C,OAAO;AAAA,EACP,OAAO,OAAO,WAAW,aAAa,OAAO,MAAM,IAAI;AACzD;AAEA,MAAM,uBAAuB,uBAAU;AAAA,EACrC,YAAY,OAAO;AACjB,UAAM,KAAK;AA+Lb,wBAAe,MAAM;AACnB,YAAM,EAAE,KAAK,IAAI,KAAK;AACtB,aAAO,4CAAC
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["moment", "PickerPanel", "PropTypes"]
|
|
7
7
|
}
|
package/dist/esm/DSTimePicker.js
CHANGED
|
@@ -22,26 +22,29 @@ const DSTimePicker = ({
|
|
|
22
22
|
placement = "bottom",
|
|
23
23
|
disabledTimes,
|
|
24
24
|
minutesInterval = 1
|
|
25
|
-
}) => /* @__PURE__ */ jsx(
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
25
|
+
}) => /* @__PURE__ */ jsx(
|
|
26
|
+
TimePickerImpl,
|
|
27
|
+
{
|
|
28
|
+
ref: innerRef,
|
|
29
|
+
"aria-label": ariaLabel,
|
|
30
|
+
className,
|
|
31
|
+
clearable,
|
|
32
|
+
containerProps,
|
|
33
|
+
disabled,
|
|
34
|
+
format,
|
|
35
|
+
hasHeader,
|
|
36
|
+
hasHeaderDisplay,
|
|
37
|
+
isOpen,
|
|
38
|
+
onChange,
|
|
39
|
+
onOpen,
|
|
40
|
+
placement,
|
|
41
|
+
style,
|
|
42
|
+
value,
|
|
43
|
+
zIndex,
|
|
44
|
+
minutesInterval,
|
|
45
|
+
disabledTimes
|
|
46
|
+
}
|
|
47
|
+
);
|
|
45
48
|
DSTimePicker.defaultProps = {
|
|
46
49
|
format: "hh:mm:ss A"
|
|
47
50
|
};
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSTimePicker.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\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('inject props to time picker wrapper'),\n /** Whether the time picker is disabled or not */\n disabled: PropTypes.bool.description('Whether the time picker is disabled or not'),\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('Handler when time picker value changes'),\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('Whether the time picker menu is opened or not'),\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('Enable to clear the time picker value'),\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;\nDSTimePicker.displayName = 'DSTimePicker';\nconst DSTimePickerWithSchema = describe(DSTimePicker);\nDSTimePickerWithSchema.propTypes = props;\n\nexport { DSTimePicker, DSTimePickerWithSchema };\nexport default DSTimePicker;\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACyBrB;AAxBF,SAAS,WAAW,gBAAgB;AACpC,OAAO,YAAY;AACnB,OAAO,oBAAoB;AAE3B,MAAM,eAAe,CAAC;AAAA,EACpB,iBAAiB,CAAC;AAAA,EAClB;AAAA,EACA,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,QAAQ;AAAA,EACR;AAAA,EACA,QAAQ,CAAC;AAAA,EACT,WAAW,MAAM;AAAA,EACjB,SAAS,MAAM;AAAA,EACf,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,SAAS;AAAA,EACT,YAAY;AAAA,EACZ;AAAA,EACA,kBAAkB;AACpB,MACE,
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACyBrB;AAxBF,SAAS,WAAW,gBAAgB;AACpC,OAAO,YAAY;AACnB,OAAO,oBAAoB;AAE3B,MAAM,eAAe,CAAC;AAAA,EACpB,iBAAiB,CAAC;AAAA,EAClB;AAAA,EACA,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,QAAQ;AAAA,EACR;AAAA,EACA,QAAQ,CAAC;AAAA,EACT,WAAW,MAAM;AAAA,EACjB,SAAS,MAAM;AAAA,EACf,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,SAAS;AAAA,EACT,YAAY;AAAA,EACZ;AAAA,EACA,kBAAkB;AACpB,MACE;AAAA,EAAC;AAAA;AAAA,IACC,KAAK;AAAA,IACL,cAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AACF;AAGF,aAAa,eAAe;AAAA,EAC1B,QAAQ;AACV;AAEA,MAAM,QAAQ;AAAA,EAEZ,cAAc,UAAU,OAAO,YAAY,YAAY;AAAA,EAEvD,gBAAgB,UAAU,OAAO,YAAY,qCAAqC;AAAA,EAElF,UAAU,UAAU,KAAK,YAAY,4CAA4C;AAAA,EAEjF,OAAO,UAAU,WAAW,MAAM,EAAE,YAAY,mBAAmB;AAAA,EAEnE,QAAQ,UAAU,OAAO,YAAY,+BAA+B;AAAA,EAEpE,WAAW,UAAU,KAAK,YAAY,qBAAqB;AAAA,EAE3D,kBAAkB,UAAU,KAAK,YAAY,uBAAuB;AAAA,EAEpE,UAAU,UAAU,KAAK,YAAY,wCAAwC;AAAA,EAE7E,QAAQ,UAAU,KAAK,YAAY,yCAAyC;AAAA,EAE5E,QAAQ,UAAU,KAAK,YAAY,+CAA+C;AAAA,EAElF,UAAU,UAAU,KAAK,YAAY,2BAA2B;AAAA,EAEhE,WAAW,UAAU,KAAK,YAAY,uCAAuC;AAAA,EAE7E,WAAW,UAAU,OAAO,YAAY,uBAAuB;AAAA,EAE/D,OAAO,UAAU,OAAO,YAAY,cAAc;AAAA,EAElD,QAAQ,UAAU,OAAO,YAAY,kBAAkB;AAAA,EAEvD,WAAW,UAAU,OAAO,YAAY,oBAAoB;AAAA,EAE5D,eAAe,UAAU,OAAO,YAAY,eAAe;AAAA,EAE3D,iBAAiB,UAAU,OAAO,YAAY,sBAAsB;AACtE;AAEA,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,yBAAyB,SAAS,YAAY;AACpD,uBAAuB,YAAY;AAGnC,IAAO,uBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -6,11 +6,7 @@ const DSTimePickerMenuWrapper = styled.div`
|
|
|
6
6
|
display: flex;
|
|
7
7
|
height: 18.6rem;
|
|
8
8
|
`;
|
|
9
|
-
const DSTimePickerMenu = (props) => /* @__PURE__ */ jsx(DSTimePickerMenuWrapper, {
|
|
10
|
-
children: /* @__PURE__ */ jsx(TimePickerMenu, {
|
|
11
|
-
...props
|
|
12
|
-
})
|
|
13
|
-
});
|
|
9
|
+
const DSTimePickerMenu = (props) => /* @__PURE__ */ jsx(DSTimePickerMenuWrapper, { children: /* @__PURE__ */ jsx(TimePickerMenu, { ...props }) });
|
|
14
10
|
var DSTimePickerMenu_default = DSTimePickerMenu;
|
|
15
11
|
export {
|
|
16
12
|
DSTimePickerMenu,
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSTimePickerMenu.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport TimePickerMenu from './TimePickerMenu';\n\nconst DSTimePickerMenuWrapper = styled.div`\n display: flex;\n height: 18.6rem;\n`;\nconst DSTimePickerMenu = (props) => (\n <DSTimePickerMenuWrapper>\n <TimePickerMenu {...props} />\n </DSTimePickerMenuWrapper>\n);\nexport { DSTimePickerMenu };\nexport default DSTimePickerMenu;\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACUnB;AATJ,SAAS,cAAc;AACvB,OAAO,oBAAoB;AAE3B,MAAM,0BAA0B,OAAO;AAAA;AAAA;AAAA;AAIvC,MAAM,mBAAmB,CAAC,UACxB,oBAAC
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACUnB;AATJ,SAAS,cAAc;AACvB,OAAO,oBAAoB;AAE3B,MAAM,0BAA0B,OAAO;AAAA;AAAA;AAAA;AAIvC,MAAM,mBAAmB,CAAC,UACxB,oBAAC,2BACC,8BAAC,kBAAgB,GAAG,OAAO,GAC7B;AAGF,IAAO,2BAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/PickerPanel.js
CHANGED
|
@@ -188,43 +188,38 @@ class PickerPanel extends Component {
|
|
|
188
188
|
}
|
|
189
189
|
renderHeader() {
|
|
190
190
|
const { header } = this.props;
|
|
191
|
-
return /* @__PURE__ */ jsx(PickerHeader, {
|
|
192
|
-
children: header
|
|
193
|
-
});
|
|
191
|
+
return /* @__PURE__ */ jsx(PickerHeader, { children: header });
|
|
194
192
|
}
|
|
195
193
|
render() {
|
|
196
194
|
const { options, hasHeader, type, time, meridiem, disabledTimes } = this.props;
|
|
197
195
|
const { selectedOption, activeIndex, scrolling } = this.state;
|
|
198
196
|
const listYPosition = this.computeContainerTranslation(activeIndex);
|
|
199
|
-
return /* @__PURE__ */ jsxs(Wrapper, {
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
/* @__PURE__ */
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
}),
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
}
|
|
222
|
-
/* @__PURE__ */ jsx(
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
height: this.listHeight
|
|
226
|
-
},
|
|
227
|
-
children: /* @__PURE__ */ jsx(PickerItemList, {
|
|
197
|
+
return /* @__PURE__ */ jsxs(Wrapper, { children: [
|
|
198
|
+
hasHeader && this.renderHeader(),
|
|
199
|
+
/* @__PURE__ */ jsxs(Container, { classProps: { scrolling }, onKeyDown: this.handleKeyDown, tabIndex: 0, children: [
|
|
200
|
+
/* @__PURE__ */ jsx(PickerSelectedOptionSelected, { innerRef: this.selectedOptionRef, children: /* @__PURE__ */ jsx(SelectedCircle, {}) }),
|
|
201
|
+
/* @__PURE__ */ jsx(ArrowButtonContainer, { children: /* @__PURE__ */ jsx(
|
|
202
|
+
DSButton,
|
|
203
|
+
{
|
|
204
|
+
...arrowProps,
|
|
205
|
+
"aria-label": "Chevron Up",
|
|
206
|
+
"data-testid": `${type}-chevron-up`,
|
|
207
|
+
disabled: activeIndex <= 0,
|
|
208
|
+
icon: /* @__PURE__ */ jsx(ChevronSmallUp, {}),
|
|
209
|
+
onClick: this.handleStepMoveUp,
|
|
210
|
+
tabIndex: -1
|
|
211
|
+
}
|
|
212
|
+
) }),
|
|
213
|
+
/* @__PURE__ */ jsx(
|
|
214
|
+
PickerItemListContainer,
|
|
215
|
+
{
|
|
216
|
+
innerRef: this.pickerListContainerRef,
|
|
217
|
+
style: {
|
|
218
|
+
height: this.listHeight
|
|
219
|
+
},
|
|
220
|
+
children: /* @__PURE__ */ jsx(
|
|
221
|
+
PickerItemList,
|
|
222
|
+
{
|
|
228
223
|
"data-testid": `${type}-list`,
|
|
229
224
|
innerRef: this.pickerListRef,
|
|
230
225
|
style: {
|
|
@@ -257,36 +252,41 @@ class PickerPanel extends Component {
|
|
|
257
252
|
}
|
|
258
253
|
}
|
|
259
254
|
option.disabled = disabled;
|
|
260
|
-
return /* @__PURE__ */ jsx(
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
255
|
+
return /* @__PURE__ */ jsx(
|
|
256
|
+
PickerItemContainer,
|
|
257
|
+
{
|
|
258
|
+
classProps: {
|
|
259
|
+
selected: selectedOption ? value === selectedOption : index === 0,
|
|
260
|
+
disabled
|
|
261
|
+
},
|
|
262
|
+
innerRef: this.pickerItemRef,
|
|
263
|
+
onClick: () => {
|
|
264
|
+
if (!disabled)
|
|
265
|
+
this.handleOptionSelect(value, index);
|
|
266
|
+
},
|
|
267
|
+
children: label
|
|
269
268
|
},
|
|
270
|
-
|
|
271
|
-
|
|
269
|
+
value
|
|
270
|
+
);
|
|
272
271
|
})
|
|
273
|
-
}
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
272
|
+
}
|
|
273
|
+
)
|
|
274
|
+
}
|
|
275
|
+
),
|
|
276
|
+
/* @__PURE__ */ jsx(ArrowButtonContainer, { children: /* @__PURE__ */ jsx(
|
|
277
|
+
DSButton,
|
|
278
|
+
{
|
|
279
|
+
...arrowProps,
|
|
280
|
+
"aria-label": "Chevron Down",
|
|
281
|
+
"data-testid": `${type}-chevron-down`,
|
|
282
|
+
disabled: activeIndex >= options.length - 1,
|
|
283
|
+
icon: /* @__PURE__ */ jsx(ChevronSmallDown, {}),
|
|
284
|
+
onClick: this.handleStepMoveDown,
|
|
285
|
+
tabIndex: -1
|
|
286
|
+
}
|
|
287
|
+
) })
|
|
288
|
+
] })
|
|
289
|
+
] });
|
|
290
290
|
}
|
|
291
291
|
}
|
|
292
292
|
PickerPanel.defaultProps = {
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/PickerPanel.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable eqeqeq */\n/* eslint-disable react/prop-types */\n/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport React, { Component } from 'react';\nimport { findIndex } from 'lodash';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport memoizeOne from 'memoize-one';\nimport { ChevronSmallUp, ChevronSmallDown } from '@elliemae/ds-icons';\nimport { DSButton } from '@elliemae/ds-button';\nimport { MoveElementOnScroll } from './moveElementOnScroll';\nimport { validateIndex } from './utils';\n\nconst blockName = 'time-picker-panel';\n\nconst Container = aggregatedClasses('div')(blockName, null, ({ scrolling }) => ({ scrolling }));\nconst Wrapper = aggregatedClasses('div')(blockName, 'wrapper');\nconst PickerItemListContainer = aggregatedClasses('div')(blockName, 'item-list-container');\nconst PickerItemList = aggregatedClasses('div')(blockName, 'item-list');\nconst PickerHeader = aggregatedClasses('div')(blockName, 'header');\nconst PickerItemContainer = aggregatedClasses('div')(blockName, 'item', ({ selected, disabled }) => ({\n selected,\n disabled,\n}));\nconst PickerSelectedOptionSelected = aggregatedClasses('div')(blockName, 'selected-container');\nconst SelectedCircle = aggregatedClasses('div')(blockName, 'selected-circle');\nconst ArrowButtonContainer = aggregatedClasses('div')(blockName, 'arrow-container');\n\nconst getOptionIndex = (options, selectedOption, valueProperty = 'value') => {\n const index = options.findIndex((option) => option[valueProperty] === selectedOption);\n return validateIndex(index, options);\n};\n\nconst arrowProps = {\n buttonType: 'text',\n fluidHeight: true,\n fluidWidth: true,\n size: 's',\n};\n\nexport default class PickerPanel extends Component {\n computeContainerTranslation = memoizeOne((index) => {\n const { options, valueProperty } = this.props;\n const { selectedOption, scrolling } = this.state;\n\n const selectedOptionIndex = index || getOptionIndex(options, selectedOption, valueProperty);\n const listYPosition = this.minYListPosition - selectedOptionIndex * this.optionHeight;\n\n if (this.scrollHandler && !scrolling) this.scrollHandler.updatePosition(listYPosition);\n\n return listYPosition;\n });\n\n constructor(props) {\n super(props);\n this.pickerListContainerRef = React.createRef();\n this.pickerListRef = React.createRef();\n this.pickerItemRef = React.createRef();\n this.selectedOptionRef = React.createRef();\n\n this.state = {\n selectedOption: props.selected,\n activeIndex: 0,\n // eslint-disable-next-line react/no-unused-state\n prevProps: {},\n };\n\n this.getOptionValue = this.getOptionValue.bind(this);\n this.getOptionLabel = this.getOptionLabel.bind(this);\n this.computeSizes = this.computeSizes.bind(this);\n this.handleOptionSelect = this.handleOptionSelect.bind(this);\n this.handleKeyDown = this.handleKeyDown.bind(this);\n this.moveTo = this.moveTo.bind(this);\n this.handleStepMoveUp = this.handleStepMoveUp.bind(this);\n this.handleStepMoveDown = this.handleStepMoveDown.bind(this);\n this.renderHeader = this.renderHeader.bind(this);\n }\n\n componentDidMount() {\n this.computeSizes();\n const pickerListContainerEl = this.pickerListContainerRef.current;\n const pickerListEl = this.pickerListRef.current;\n\n this.scrollHandler = new MoveElementOnScroll(pickerListEl, {\n container: pickerListContainerEl,\n min: -this.minYListPosition,\n max: this.maxYListPosition,\n onUpdate: (pos, delta) => {\n const { options } = this.props;\n const index =\n options.length - -Math.floor((pos - this.maxYListPosition) / this.optionHeight) + (delta > 0 ? 1 : -1);\n this.moveTo(index, true);\n },\n onEndScroll: () => {\n this.setState({ scrolling: false });\n },\n });\n this.computeContainerTranslation();\n }\n\n componentWillUnmount() {\n this.scrollHandler.unsubscribe();\n }\n\n static getDerivedStateFromProps(nextProps, { prevProps }) {\n const { selected, valueProperty, options } = nextProps;\n if (selected !== prevProps.selected) {\n return {\n selectedOption: selected,\n activeIndex: getOptionIndex(options, selected, valueProperty),\n prevProps: nextProps,\n };\n }\n return null;\n }\n\n getOptionValue(option) {\n const { valueProperty } = this.props;\n return option[valueProperty];\n }\n\n getOptionLabel(option) {\n const { labelProperty } = this.props;\n return option[labelProperty];\n }\n\n computeSizes() {\n const { options, numberItemsOnScreen } = this.props;\n const { offsetHeight: optionHeight } = this.pickerItemRef.current;\n\n this.optionHeight = optionHeight;\n this.listHeight = this.optionHeight * numberItemsOnScreen;\n\n this.minYListPosition = this.listHeight / 2 - this.optionHeight / 2;\n this.maxYListPosition = this.optionHeight * (options.length - Math.ceil(numberItemsOnScreen / 2));\n }\n\n handleOptionSelect(optionValue, index, scrolling) {\n const { onChange } = this.props;\n this.setState(\n (state) => ({\n ...state,\n scrolling,\n selectedOption: optionValue,\n activeIndex: index,\n }),\n () => {\n onChange(optionValue, index);\n },\n );\n }\n\n // TODO: this needs a refactor from de FocusGroup\n // eslint-disable-next-line max-statements\n handleKeyDown(e) {\n const { activeIndex } = this.state;\n const { options } = this.props;\n const [firstColumn, ...restColumns] = document.getElementsByClassName('em-ds-time-picker-panel');\n const [lastColumn] = restColumns.slice(-1);\n const [prev] = document.getElementsByClassName('DayPickerNavigation_button');\n const focusedElement = document.activeElement;\n\n switch (e.key) {\n case 'Home':\n this.moveTo(0);\n break;\n case 'End':\n this.moveTo(options.length - 1);\n break;\n case 'ArrowUp':\n this.moveTo(activeIndex - 1);\n break;\n case 'ArrowDown':\n this.moveTo(activeIndex + 1);\n break;\n case 'Tab': {\n e.preventDefault();\n // If it is DateTimePicker, move focus to prev arrow element\n if (prev && focusedElement === lastColumn) {\n prev.focus();\n } else if (focusedElement === lastColumn) {\n firstColumn.focus();\n } else {\n const position = findIndex(restColumns, focusedElement);\n restColumns[position + 1].focus();\n }\n break;\n }\n default:\n break;\n }\n }\n\n moveTo(index, scrolling) {\n const { options } = this.props;\n const { selectedOption } = this.state;\n const validIndex = validateIndex(index, options);\n const option = options[validIndex];\n const optionValue = this.getOptionValue(option);\n if (selectedOption !== optionValue && option.disabled !== true) {\n this.handleOptionSelect(optionValue, validIndex, scrolling);\n }\n // TO-DO: if date disabled, add nextValidOption selection\n }\n\n handleStepMoveUp() {\n const { activeIndex } = this.state;\n const { arrowStep, options } = this.props;\n const supposedPos = activeIndex - arrowStep;\n const nextPos = supposedPos >= 0 ? supposedPos : activeIndex - 1;\n\n const nextValidOption = options.find((op) => !op.disabled);\n this.moveTo(nextPos, true, nextValidOption);\n }\n\n handleStepMoveDown() {\n const { activeIndex } = this.state;\n const { arrowStep, options } = this.props;\n const supposedPos = activeIndex + arrowStep;\n const nextPos = supposedPos <= options.length ? supposedPos : activeIndex + 1;\n this.moveTo(nextPos);\n }\n\n renderHeader() {\n const { header } = this.props;\n\n return <PickerHeader>{header}</PickerHeader>;\n }\n\n render() {\n const { options, hasHeader, type, time, meridiem, disabledTimes } = this.props;\n const { selectedOption, activeIndex, scrolling } = this.state;\n\n const listYPosition = this.computeContainerTranslation(activeIndex);\n\n return (\n <Wrapper>\n {hasHeader && this.renderHeader()}\n <Container classProps={{ scrolling }} onKeyDown={this.handleKeyDown} tabIndex={0}>\n <PickerSelectedOptionSelected innerRef={this.selectedOptionRef}>\n <SelectedCircle />\n </PickerSelectedOptionSelected>\n <ArrowButtonContainer>\n <DSButton\n {...arrowProps}\n aria-label=\"Chevron Up\"\n data-testid={`${type}-chevron-up`}\n disabled={activeIndex <= 0}\n icon={<ChevronSmallUp />}\n onClick={this.handleStepMoveUp}\n tabIndex={-1}\n />\n </ArrowButtonContainer>\n <PickerItemListContainer\n innerRef={this.pickerListContainerRef}\n style={{\n height: this.listHeight,\n }}\n >\n <PickerItemList\n data-testid={`${type}-list`}\n innerRef={this.pickerListRef}\n style={{\n transform: `translateY(${listYPosition}px)`,\n }}\n >\n {options.map((option, index) => {\n const value = this.getOptionValue(option);\n const label = this.getOptionLabel(option);\n let valueFormatted;\n if (meridiem === 'AM') valueFormatted = value;\n else if (meridiem === 'PM' && value === 12) valueFormatted = value;\n else if (meridiem === 'PM') valueFormatted = value + 12;\n\n let disabled = false;\n if (disabledTimes) {\n const { from, to } = disabledTimes;\n if (\n (type === 'hour' && valueFormatted >= from?.hour && valueFormatted < to?.hour) ||\n (type === 'minutes' && value >= from?.min && value < to?.min)\n ) {\n disabled = true;\n }\n if (type === 'minutes' && (time?.hour() > to?.hour || time?.hour() < from?.hour)) {\n disabled = false;\n }\n if (label === 'am' && from?.hour == 0 && to?.hour >= 12) {\n disabled = true;\n }\n if (label === 'pm' && to?.hour == 24) {\n disabled = true;\n }\n }\n\n option.disabled = disabled;\n\n return (\n <PickerItemContainer\n key={value}\n classProps={{\n selected: selectedOption ? value === selectedOption : index === 0,\n disabled,\n }}\n innerRef={this.pickerItemRef}\n onClick={() => {\n if (!disabled) this.handleOptionSelect(value, index);\n }}\n >\n {label}\n </PickerItemContainer>\n );\n })}\n </PickerItemList>\n </PickerItemListContainer>\n <ArrowButtonContainer>\n <DSButton\n {...arrowProps}\n aria-label=\"Chevron Down\"\n data-testid={`${type}-chevron-down`}\n disabled={activeIndex >= options.length - 1}\n icon={<ChevronSmallDown />}\n onClick={this.handleStepMoveDown}\n tabIndex={-1}\n />\n </ArrowButtonContainer>\n </Container>\n </Wrapper>\n );\n }\n}\n\nPickerPanel.defaultProps = {\n valueProperty: 'value',\n labelProperty: 'label',\n numberItemsOnScreen: 5, // this number should be impair\n options: [],\n arrowStep: 1,\n};\n\nexport { PickerPanel };\n"],
|
|
5
|
-
"mappings": "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
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["React"]
|
|
7
7
|
}
|
|
@@ -4,29 +4,26 @@ import PropTypes from "prop-types";
|
|
|
4
4
|
import { RecentDocuments } from "@elliemae/ds-icons";
|
|
5
5
|
import DSButton from "@elliemae/ds-button";
|
|
6
6
|
import DSPopper from "@elliemae/ds-popper";
|
|
7
|
-
const TimePickerDropdown = ({ disabled = false, onClick, onOpen, isOpen, menu, zIndex, blockName, placement }) => /* @__PURE__ */ jsx(
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
disabled,
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
}),
|
|
28
|
-
zIndex
|
|
29
|
-
});
|
|
7
|
+
const TimePickerDropdown = ({ disabled = false, onClick, onOpen, isOpen, menu, zIndex, blockName, placement }) => /* @__PURE__ */ jsx(
|
|
8
|
+
DSPopper,
|
|
9
|
+
{
|
|
10
|
+
blockName,
|
|
11
|
+
placement,
|
|
12
|
+
contentComponent: menu,
|
|
13
|
+
isOpen,
|
|
14
|
+
onOpen,
|
|
15
|
+
modifiers: {
|
|
16
|
+
preventOverflow: {
|
|
17
|
+
enabled: true,
|
|
18
|
+
padding: 0,
|
|
19
|
+
boundariesElement: "window"
|
|
20
|
+
}
|
|
21
|
+
},
|
|
22
|
+
showArrow: false,
|
|
23
|
+
triggerComponent: /* @__PURE__ */ jsx(DSButton, { buttonType: "secondary", disabled, icon: /* @__PURE__ */ jsx(RecentDocuments, {}), iconSize: "s", onClick }),
|
|
24
|
+
zIndex
|
|
25
|
+
}
|
|
26
|
+
);
|
|
30
27
|
TimePickerDropdown.propTypes = {
|
|
31
28
|
onClick: PropTypes.func,
|
|
32
29
|
onOpen: PropTypes.func,
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/TimePickerDropdown.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport { RecentDocuments } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport DSPopper from '@elliemae/ds-popper';\n\nconst TimePickerDropdown = ({ disabled = false, onClick, onOpen, isOpen, menu, zIndex, blockName, placement }) => (\n <DSPopper\n blockName={blockName}\n placement={placement}\n contentComponent={menu}\n isOpen={isOpen}\n onOpen={onOpen}\n modifiers={{\n preventOverflow: {\n enabled: true,\n padding: 0,\n boundariesElement: 'window',\n },\n }}\n showArrow={false}\n triggerComponent={\n <DSButton buttonType=\"secondary\" disabled={disabled} icon={<RecentDocuments />} iconSize=\"s\" onClick={onClick} />\n }\n zIndex={zIndex}\n />\n);\n\nTimePickerDropdown.propTypes = {\n onClick: PropTypes.func,\n onOpen: PropTypes.func,\n disabled: PropTypes.bool,\n isOpen: PropTypes.bool,\n menu: PropTypes.element,\n blockName: PropTypes.string,\n placement: PropTypes.string,\n zIndex: PropTypes.number,\n};\n\nexport default TimePickerDropdown;\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACsB0C;AArBjE,OAAO,eAAe;AACtB,SAAS,uBAAuB;AAChC,OAAO,cAAc;AACrB,OAAO,cAAc;AAErB,MAAM,qBAAqB,CAAC,EAAE,WAAW,OAAO,SAAS,QAAQ,QAAQ,MAAM,QAAQ,WAAW,UAAU,MAC1G,
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACsB0C;AArBjE,OAAO,eAAe;AACtB,SAAS,uBAAuB;AAChC,OAAO,cAAc;AACrB,OAAO,cAAc;AAErB,MAAM,qBAAqB,CAAC,EAAE,WAAW,OAAO,SAAS,QAAQ,QAAQ,MAAM,QAAQ,WAAW,UAAU,MAC1G;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,IACA,WAAW;AAAA,MACT,iBAAiB;AAAA,QACf,SAAS;AAAA,QACT,SAAS;AAAA,QACT,mBAAmB;AAAA,MACrB;AAAA,IACF;AAAA,IACA,WAAW;AAAA,IACX,kBACE,oBAAC,YAAS,YAAW,aAAY,UAAoB,MAAM,oBAAC,mBAAgB,GAAI,UAAS,KAAI,SAAkB;AAAA,IAEjH;AAAA;AACF;AAGF,mBAAmB,YAAY;AAAA,EAC7B,SAAS,UAAU;AAAA,EACnB,QAAQ,UAAU;AAAA,EAClB,UAAU,UAAU;AAAA,EACpB,QAAQ,UAAU;AAAA,EAClB,MAAM,UAAU;AAAA,EAChB,WAAW,UAAU;AAAA,EACrB,WAAW,UAAU;AAAA,EACrB,QAAQ,UAAU;AACpB;AAEA,IAAO,6BAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|