linear-react-components-ui 1.1.24-beta.10 → 1.1.24-beta.11
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/lib/assets/styles/button.scss +1 -1
- package/lib/assets/styles/calendar.scss +3 -3
- package/lib/assets/styles/datepicker2.scss +6 -2
- package/lib/assets/styles/dialog.scss +1 -1
- package/lib/assets/styles/fieldset.scss +1 -1
- package/lib/assets/styles/gridlayout.scss +20 -19
- package/lib/assets/styles/multiSelect.scss +6 -6
- package/lib/assets/styles/periodpicker.scss +1 -1
- package/lib/assets/styles/selectfield.scss +6 -2
- package/lib/assets/styles/tabs.scss +6 -2
- package/lib/assets/styles/textfield.scss +6 -2
- package/lib/buttons/DefaultButton.js +1 -1
- package/lib/form2/index.d.ts +1 -1
- package/lib/index-19761a50.d.ts +26 -0
- package/lib/index-35ba9ed8.d.ts +15 -0
- package/lib/index-efe0a0e4.d.ts +41 -0
- package/lib/inputs/date/index.js +3 -3
- package/lib/inputs/multiSelect/Dropdown.js +1 -1
- package/lib/inputs/multiSelect/index.js +18 -2
- package/lib/inputs/period/PeriodList.js +12 -3
- package/lib/inputs/period/index.js +124 -101
- package/lib/inputs2/checkboxfield/index.d.ts +1 -1
- package/lib/inputs2/date/datefield/calendarbox.d.ts +1 -1
- package/lib/inputs2/date/dateperiodfield/calendarbox.d.ts +1 -1
- package/lib/inputs2/index.d.ts +3 -3
- package/lib/inputs2/radiofield/index.d.ts +1 -1
- package/lib/inputs2/selectfield/index.d.ts +1 -1
- package/lib/inputs2/selectfield/item.d.ts +1 -1
- package/lib/inputs2/selectfield/listbox.d.ts +1 -1
- package/lib/inputs2/selectfield/options.d.ts +1 -1
- package/lib/inputs2/selectfield/search.d.ts +1 -1
- package/lib/inputs2/selectfield/selections.d.ts +1 -1
- package/lib/inputs2/slot/index.d.ts +2 -2
- package/lib/tabs/index.js +2 -2
- package/package.json +1 -1
- package/lib/index-442d51a2.d.ts +0 -15
- package/lib/index-4e511971.d.ts +0 -26
- package/lib/index-d3b6a19a.d.ts +0 -41
|
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
require("../../assets/styles/periodpicker.scss");
|
|
8
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
8
|
var _moment = _interopRequireDefault(require("moment"));
|
|
10
9
|
var _PeriodList = _interopRequireDefault(require("./PeriodList"));
|
|
@@ -17,6 +16,7 @@ var _Dialog = _interopRequireDefault(require("./Dialog"));
|
|
|
17
16
|
var _hint = _interopRequireDefault(require("../../hint"));
|
|
18
17
|
var _gridlayout = _interopRequireDefault(require("../../gridlayout"));
|
|
19
18
|
var helperBase = _interopRequireWildcard(require("../base/helpers"));
|
|
19
|
+
require("../../assets/styles/periodpicker.scss");
|
|
20
20
|
var _errorMessage = require("../errorMessage");
|
|
21
21
|
var _textContent = _interopRequireDefault(require("../../textContent"));
|
|
22
22
|
var _popover = _interopRequireDefault(require("../../popover"));
|
|
@@ -42,7 +42,9 @@ const PeriodPicker = props => {
|
|
|
42
42
|
hintPosition = 'below',
|
|
43
43
|
themePopover = 'light',
|
|
44
44
|
popoverAlign = 'left',
|
|
45
|
-
gridLayout
|
|
45
|
+
gridLayout,
|
|
46
|
+
nameDateInitial = 'valueInitial',
|
|
47
|
+
nameDateFinal = 'valueFinal'
|
|
46
48
|
} = props;
|
|
47
49
|
const idValueInitial = (0, _react.useId)();
|
|
48
50
|
const idValueFinal = (0, _react.useId)();
|
|
@@ -107,6 +109,30 @@ const PeriodPicker = props => {
|
|
|
107
109
|
setShowCalendarValueFinal(false);
|
|
108
110
|
}
|
|
109
111
|
}
|
|
112
|
+
if (calendarContainerRef.current && event && event.key && event.key === 'Tab') {
|
|
113
|
+
var _calendarContainerRef, _calendarContainerRef2;
|
|
114
|
+
const buttonForNavigateCalendar = (_calendarContainerRef = calendarContainerRef.current) === null || _calendarContainerRef === void 0 ? void 0 : _calendarContainerRef.getElementsByClassName('navbutton');
|
|
115
|
+
const datePicked = (_calendarContainerRef2 = calendarContainerRef.current) === null || _calendarContainerRef2 === void 0 ? void 0 : _calendarContainerRef2.getElementsByClassName('-selectedday');
|
|
116
|
+
const buttonDatePicked = datePicked[0].firstChild;
|
|
117
|
+
const buttonsForFocus = Array.from([...buttonForNavigateCalendar, buttonDatePicked]);
|
|
118
|
+
const firstElement = buttonsForFocus[0];
|
|
119
|
+
const lastElement = buttonsForFocus[buttonsForFocus.length - 1];
|
|
120
|
+
const calendarOpenedIsInitial = calendarContainerRef.current.id === 'valueInitial';
|
|
121
|
+
if (!event.shiftKey && showCalendarValueInitial && document.activeElement === inputInitialRef.current) {
|
|
122
|
+
event.preventDefault();
|
|
123
|
+
firstElement.focus();
|
|
124
|
+
}
|
|
125
|
+
if (event.shiftKey && calendarOpenedIsInitial && document.activeElement === firstElement) {
|
|
126
|
+
var _inputInitialRef$curr2;
|
|
127
|
+
event.preventDefault();
|
|
128
|
+
(_inputInitialRef$curr2 = inputInitialRef.current) === null || _inputInitialRef$curr2 === void 0 ? void 0 : _inputInitialRef$curr2.focus();
|
|
129
|
+
}
|
|
130
|
+
if (!event.shiftKey && calendarOpenedIsInitial && document.activeElement === lastElement) {
|
|
131
|
+
var _inputFinalRef$curren3;
|
|
132
|
+
event.preventDefault();
|
|
133
|
+
(_inputFinalRef$curren3 = inputFinalRef.current) === null || _inputFinalRef$curren3 === void 0 ? void 0 : _inputFinalRef$curren3.focus();
|
|
134
|
+
}
|
|
135
|
+
}
|
|
110
136
|
event.stopPropagation();
|
|
111
137
|
};
|
|
112
138
|
const keepPositionCalendarByScroll = () => {
|
|
@@ -117,13 +143,52 @@ const PeriodPicker = props => {
|
|
|
117
143
|
dropdownCalendarContainer.current.style.top = String(positionTop).concat('px');
|
|
118
144
|
}
|
|
119
145
|
};
|
|
146
|
+
(0, _react.useEffect)(() => {
|
|
147
|
+
var _document$getElementB;
|
|
148
|
+
window.addEventListener('resize', onScreenResize);
|
|
149
|
+
document.addEventListener('scroll', keepPositionCalendarByScroll);
|
|
150
|
+
(_document$getElementB = document.getElementById('modal-dialog-content')) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.addEventListener('scroll', keepPositionCalendarByScroll);
|
|
151
|
+
if (inputContainerRef.current) onScreenResize();
|
|
152
|
+
if (inputInitialRef && inputInitialRef.current) inputInitialRef.current.id = idValueInitial;
|
|
153
|
+
if (inputFinalRef && inputFinalRef.current) inputFinalRef.current.id = idValueFinal;
|
|
154
|
+
return () => {
|
|
155
|
+
var _document$getElementB2;
|
|
156
|
+
window.removeEventListener('resize', onScreenResize);
|
|
157
|
+
document.removeEventListener('scroll', keepPositionCalendarByScroll);
|
|
158
|
+
(_document$getElementB2 = document.getElementById('modal-dialog-content')) === null || _document$getElementB2 === void 0 ? void 0 : _document$getElementB2.removeEventListener('scroll', keepPositionCalendarByScroll);
|
|
159
|
+
};
|
|
160
|
+
}, []);
|
|
161
|
+
(0, _react.useEffect)(() => {
|
|
162
|
+
document.addEventListener('keydown', onKeyDownPress);
|
|
163
|
+
return () => {
|
|
164
|
+
document.removeEventListener('keydown', onKeyDownPress);
|
|
165
|
+
};
|
|
166
|
+
}, [showCalendarValueFinal, showCalendarValueInitial, showPeriodSelection, calendarContainerRef.current]);
|
|
167
|
+
(0, _react.useEffect)(() => {
|
|
168
|
+
if (props.value && !((0, _moment.default)(props.value.initial).isSame(valueInitial) || (0, _moment.default)(props.value.final).isSame(valueFinal))) {
|
|
169
|
+
const {
|
|
170
|
+
initial: valueInitialProp,
|
|
171
|
+
final: valueFinalProp
|
|
172
|
+
} = props.value;
|
|
173
|
+
let newValueInitial;
|
|
174
|
+
let newValueFinal;
|
|
175
|
+
if ((0, _moment.default)(valueInitialProp, 'YYYY-MM-DD', true).isValid()) {
|
|
176
|
+
newValueInitial = (0, _moment.default)(valueInitialProp, 'YYYY-MM-DD');
|
|
177
|
+
}
|
|
178
|
+
if ((0, _moment.default)(valueFinalProp, 'YYYY-MM-DD', true).isValid()) {
|
|
179
|
+
newValueFinal = (0, _moment.default)(valueFinalProp, 'YYYY-MM-DD');
|
|
180
|
+
}
|
|
181
|
+
setValueInitial(newValueInitial);
|
|
182
|
+
setValueFinal(newValueFinal);
|
|
183
|
+
}
|
|
184
|
+
}, [props.value]);
|
|
120
185
|
const openCalendar = calendarName => {
|
|
121
186
|
if (calendarName === 'valueInitial') {
|
|
122
187
|
setCurrentTypeDate('valueInitial');
|
|
123
188
|
setShowCalendarValueFinal(false);
|
|
124
189
|
if (!showCalendarValueInitial) {
|
|
125
|
-
var _inputInitialRef$
|
|
126
|
-
(_inputInitialRef$
|
|
190
|
+
var _inputInitialRef$curr3;
|
|
191
|
+
(_inputInitialRef$curr3 = inputInitialRef.current) === null || _inputInitialRef$curr3 === void 0 ? void 0 : _inputInitialRef$curr3.focus();
|
|
127
192
|
if (showCalendarInDialog) {
|
|
128
193
|
setTimeout(() => {
|
|
129
194
|
var _currentDateButtonRef;
|
|
@@ -137,8 +202,8 @@ const PeriodPicker = props => {
|
|
|
137
202
|
setCurrentTypeDate('valueFinal');
|
|
138
203
|
setShowCalendarValueInitial(false);
|
|
139
204
|
if (!showCalendarValueFinal) {
|
|
140
|
-
var _inputFinalRef$
|
|
141
|
-
(_inputFinalRef$
|
|
205
|
+
var _inputFinalRef$curren4;
|
|
206
|
+
(_inputFinalRef$curren4 = inputFinalRef.current) === null || _inputFinalRef$curren4 === void 0 ? void 0 : _inputFinalRef$curren4.focus();
|
|
142
207
|
if (showCalendarInDialog) {
|
|
143
208
|
setTimeout(() => {
|
|
144
209
|
var _currentDateButtonRef2;
|
|
@@ -154,41 +219,32 @@ const PeriodPicker = props => {
|
|
|
154
219
|
};
|
|
155
220
|
const closeCalendar = calendarName => {
|
|
156
221
|
if (calendarName === 'valueInitial') {
|
|
157
|
-
var _inputInitialRef$
|
|
158
|
-
(_inputInitialRef$
|
|
222
|
+
var _inputInitialRef$curr4;
|
|
223
|
+
(_inputInitialRef$curr4 = inputInitialRef.current) === null || _inputInitialRef$curr4 === void 0 ? void 0 : _inputInitialRef$curr4.focus();
|
|
159
224
|
}
|
|
160
225
|
if (calendarName === 'valueFinal') {
|
|
161
|
-
var _inputFinalRef$
|
|
162
|
-
(_inputFinalRef$
|
|
226
|
+
var _inputFinalRef$curren5;
|
|
227
|
+
(_inputFinalRef$curren5 = inputFinalRef.current) === null || _inputFinalRef$curren5 === void 0 ? void 0 : _inputFinalRef$curren5.focus();
|
|
163
228
|
}
|
|
164
229
|
setShowCalendarValueInitial(false);
|
|
165
230
|
setShowCalendarValueFinal(false);
|
|
166
231
|
};
|
|
167
|
-
const onDateChange = date => {
|
|
168
|
-
var _props$onChange;
|
|
169
|
-
const initial = date.initial ? date.initial.format('YYYY-MM-DD') : '';
|
|
170
|
-
const final = date.final ? date.final.format('YYYY-MM-DD') : '';
|
|
171
|
-
props === null || props === void 0 ? void 0 : (_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, undefined, '', {
|
|
172
|
-
initial,
|
|
173
|
-
final
|
|
174
|
-
});
|
|
175
|
-
};
|
|
176
232
|
const onCloseDateDialog = calendarName => {
|
|
177
233
|
setTimeout(() => {
|
|
178
234
|
if (calendarName === 'valueInitial') {
|
|
179
|
-
var _inputInitialRef$
|
|
180
|
-
(_inputInitialRef$
|
|
235
|
+
var _inputInitialRef$curr5;
|
|
236
|
+
(_inputInitialRef$curr5 = inputInitialRef.current) === null || _inputInitialRef$curr5 === void 0 ? void 0 : _inputInitialRef$curr5.focus();
|
|
181
237
|
setShowCalendarValueInitial(false);
|
|
182
238
|
}
|
|
183
239
|
if (calendarName === 'valueFinal') {
|
|
184
|
-
var _inputFinalRef$
|
|
185
|
-
(_inputFinalRef$
|
|
240
|
+
var _inputFinalRef$curren6;
|
|
241
|
+
(_inputFinalRef$curren6 = inputFinalRef.current) === null || _inputFinalRef$curren6 === void 0 ? void 0 : _inputFinalRef$curren6.focus();
|
|
186
242
|
setShowCalendarValueFinal(false);
|
|
187
243
|
}
|
|
188
244
|
if (calendarName === 'periodSelection') {
|
|
189
|
-
var _inputFinalRef$
|
|
245
|
+
var _inputFinalRef$curren7;
|
|
190
246
|
setShowPeriodSelection(false);
|
|
191
|
-
(_inputFinalRef$
|
|
247
|
+
(_inputFinalRef$curren7 = inputFinalRef.current) === null || _inputFinalRef$curren7 === void 0 ? void 0 : _inputFinalRef$curren7.focus();
|
|
192
248
|
setShowCalendarValueFinal(false);
|
|
193
249
|
}
|
|
194
250
|
}, 100);
|
|
@@ -203,14 +259,13 @@ const PeriodPicker = props => {
|
|
|
203
259
|
const onInputBlur = e => {
|
|
204
260
|
if (props.onBlur) props.onBlur(e);
|
|
205
261
|
};
|
|
206
|
-
const onInputChange = event => {
|
|
262
|
+
const onInputChange = (event, value) => {
|
|
207
263
|
if (event) {
|
|
208
264
|
const {
|
|
209
|
-
name: changingAux
|
|
210
|
-
value
|
|
265
|
+
name: changingAux
|
|
211
266
|
} = event.target;
|
|
212
|
-
if (
|
|
213
|
-
if (changingAux ===
|
|
267
|
+
if (value && value.replace(/\D/g, '').trim().length !== 0) {
|
|
268
|
+
if (changingAux === nameDateInitial) {
|
|
214
269
|
setValueInitial(undefined);
|
|
215
270
|
} else {
|
|
216
271
|
setValueFinal(undefined);
|
|
@@ -218,33 +273,53 @@ const PeriodPicker = props => {
|
|
|
218
273
|
}
|
|
219
274
|
}
|
|
220
275
|
};
|
|
276
|
+
const onDateChange = date => {
|
|
277
|
+
if (props.onChange) {
|
|
278
|
+
const initial = date.initial ? date.initial.format('YYYY-MM-DD') : '';
|
|
279
|
+
const final = date.final ? date.final.format('YYYY-MM-DD') : '';
|
|
280
|
+
props.onChange(undefined, '', {
|
|
281
|
+
initial,
|
|
282
|
+
final
|
|
283
|
+
});
|
|
284
|
+
}
|
|
285
|
+
};
|
|
221
286
|
const setValue = function (event, value) {
|
|
222
|
-
var _inputInitialRef$
|
|
287
|
+
var _inputInitialRef$curr6, _inputFinalRef$curren8;
|
|
223
288
|
let shouldOpenDropdown = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
|
|
224
289
|
const valueDateName = event ? event.target.name : '';
|
|
225
290
|
const dateObj = (0, _moment.default)(value, 'DD/MM/YYYY');
|
|
226
|
-
if (showCalendarValueInitial) (_inputInitialRef$
|
|
227
|
-
if (showCalendarValueFinal) (_inputFinalRef$
|
|
228
|
-
if (valueDateName ===
|
|
291
|
+
if (showCalendarValueInitial) (_inputInitialRef$curr6 = inputInitialRef.current) === null || _inputInitialRef$curr6 === void 0 ? void 0 : _inputInitialRef$curr6.focus();
|
|
292
|
+
if (showCalendarValueFinal) (_inputFinalRef$curren8 = inputFinalRef.current) === null || _inputFinalRef$curren8 === void 0 ? void 0 : _inputFinalRef$curren8.focus();
|
|
293
|
+
if (valueDateName === nameDateFinal && valueInitial && dateObj.isBefore(valueInitial)) {
|
|
294
|
+
setValueInitial(dateObj);
|
|
295
|
+
setValueFinal(valueInitial);
|
|
296
|
+
onDateChange({
|
|
297
|
+
initial: dateObj,
|
|
298
|
+
final: valueInitial
|
|
299
|
+
});
|
|
300
|
+
} else if (valueDateName === nameDateInitial && valueFinal && dateObj.isAfter(valueFinal)) {
|
|
301
|
+
setValueInitial(valueFinal);
|
|
302
|
+
setValueFinal(dateObj);
|
|
303
|
+
onDateChange({
|
|
304
|
+
initial: valueFinal,
|
|
305
|
+
final: dateObj
|
|
306
|
+
});
|
|
307
|
+
} else if (valueDateName === nameDateInitial) {
|
|
229
308
|
setValueInitial(dateObj);
|
|
230
309
|
onDateChange({
|
|
231
310
|
initial: dateObj,
|
|
232
311
|
final: valueFinal
|
|
233
312
|
});
|
|
234
313
|
} else {
|
|
235
|
-
// if (valueFinal && valueInitial && moment(valueFinal).isBefore(moment(valueInitial))) {
|
|
236
|
-
// setValueInitial(valueFinal);
|
|
237
|
-
// setValueFinal(valueInitial);
|
|
238
|
-
// }
|
|
239
314
|
setValueFinal(dateObj);
|
|
240
315
|
onDateChange({
|
|
241
316
|
initial: valueInitial,
|
|
242
317
|
final: dateObj
|
|
243
318
|
});
|
|
244
319
|
}
|
|
245
|
-
if (valueDateName ===
|
|
246
|
-
var _inputFinalRef$
|
|
247
|
-
(_inputFinalRef$
|
|
320
|
+
if (valueDateName === nameDateInitial && !valueFinal && shouldOpenDropdown) {
|
|
321
|
+
var _inputFinalRef$curren9;
|
|
322
|
+
(_inputFinalRef$curren9 = inputFinalRef.current) === null || _inputFinalRef$curren9 === void 0 ? void 0 : _inputFinalRef$curren9.focus();
|
|
248
323
|
setTimeout(() => setShowCalendarValueFinal(true), 100);
|
|
249
324
|
}
|
|
250
325
|
if (shouldCloseOnSelect) {
|
|
@@ -294,9 +369,9 @@ const PeriodPicker = props => {
|
|
|
294
369
|
}
|
|
295
370
|
};
|
|
296
371
|
const closePeriodSelection = () => {
|
|
297
|
-
var _inputFinalRef$
|
|
372
|
+
var _inputFinalRef$curren0;
|
|
298
373
|
setShowPeriodSelection(false);
|
|
299
|
-
(_inputFinalRef$
|
|
374
|
+
(_inputFinalRef$curren0 = inputFinalRef.current) === null || _inputFinalRef$curren0 === void 0 ? void 0 : _inputFinalRef$curren0.focus();
|
|
300
375
|
setShowCalendarValueFinal(false);
|
|
301
376
|
};
|
|
302
377
|
const getButtonSelectPeriod = (0, _react.useCallback)(() => {
|
|
@@ -329,10 +404,10 @@ const PeriodPicker = props => {
|
|
|
329
404
|
currentDateButton: buttonElement => currentDateButtonRef.current = buttonElement
|
|
330
405
|
});
|
|
331
406
|
const setPeriodDates = (selected, dates) => {
|
|
332
|
-
var _inputFinalRef$
|
|
407
|
+
var _inputFinalRef$curren1;
|
|
333
408
|
if (selected === 'custom') {
|
|
334
|
-
var _inputInitialRef$
|
|
335
|
-
(_inputInitialRef$
|
|
409
|
+
var _inputInitialRef$curr7;
|
|
410
|
+
(_inputInitialRef$curr7 = inputInitialRef.current) === null || _inputInitialRef$curr7 === void 0 ? void 0 : _inputInitialRef$curr7.focus();
|
|
336
411
|
setValuePeriodSelection(selected);
|
|
337
412
|
setShowPeriodSelection(false);
|
|
338
413
|
return;
|
|
@@ -345,7 +420,7 @@ const PeriodPicker = props => {
|
|
|
345
420
|
if (shouldCloseOnSelect) {
|
|
346
421
|
setShowPeriodSelection(false);
|
|
347
422
|
}
|
|
348
|
-
(_inputFinalRef$
|
|
423
|
+
(_inputFinalRef$curren1 = inputFinalRef.current) === null || _inputFinalRef$curren1 === void 0 ? void 0 : _inputFinalRef$curren1.focus();
|
|
349
424
|
setShowCalendarValueFinal(false);
|
|
350
425
|
};
|
|
351
426
|
const getCalendarInitial = () => {
|
|
@@ -356,7 +431,7 @@ const PeriodPicker = props => {
|
|
|
356
431
|
handlerClose: () => onCloseDateDialog('valueInitial'),
|
|
357
432
|
dialogSize: dialogSize,
|
|
358
433
|
onOpenChange: setShowCalendarValueInitial
|
|
359
|
-
}, getCalendar(valueInitial, calendarColorStyle,
|
|
434
|
+
}, getCalendar(valueInitial, calendarColorStyle, nameDateInitial));
|
|
360
435
|
}
|
|
361
436
|
return /*#__PURE__*/_react.default.createElement(_Dropdown.default, {
|
|
362
437
|
containerRef: wrapperBaseInputPeriodRef,
|
|
@@ -375,7 +450,7 @@ const PeriodPicker = props => {
|
|
|
375
450
|
handlerClose: () => onCloseDateDialog('valueFinal'),
|
|
376
451
|
dialogSize: dialogSize,
|
|
377
452
|
onOpenChange: setShowCalendarValueFinal
|
|
378
|
-
}, getCalendar(valueFinal, calendarColorStyle,
|
|
453
|
+
}, getCalendar(valueFinal, calendarColorStyle, nameDateFinal));
|
|
379
454
|
}
|
|
380
455
|
return /*#__PURE__*/_react.default.createElement(_Dropdown.default, {
|
|
381
456
|
containerRef: wrapperBaseInputPeriodRef,
|
|
@@ -403,58 +478,6 @@ const PeriodPicker = props => {
|
|
|
403
478
|
}
|
|
404
479
|
}, getPeriodSelection(valuePeriodSelection, setPeriodDates));
|
|
405
480
|
};
|
|
406
|
-
(0, _react.useEffect)(() => {
|
|
407
|
-
var _document$getElementB;
|
|
408
|
-
window.addEventListener('resize', onScreenResize);
|
|
409
|
-
document.addEventListener('scroll', keepPositionCalendarByScroll);
|
|
410
|
-
(_document$getElementB = document.getElementById('modal-dialog-content')) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.addEventListener('scroll', keepPositionCalendarByScroll);
|
|
411
|
-
if (inputContainerRef.current) onScreenResize();
|
|
412
|
-
if (inputInitialRef && inputInitialRef.current) inputInitialRef.current.id = idValueInitial;
|
|
413
|
-
if (inputFinalRef && inputFinalRef.current) inputFinalRef.current.id = idValueFinal;
|
|
414
|
-
return () => {
|
|
415
|
-
var _document$getElementB2;
|
|
416
|
-
window.removeEventListener('resize', onScreenResize);
|
|
417
|
-
document.removeEventListener('scroll', keepPositionCalendarByScroll);
|
|
418
|
-
(_document$getElementB2 = document.getElementById('modal-dialog-content')) === null || _document$getElementB2 === void 0 ? void 0 : _document$getElementB2.removeEventListener('scroll', keepPositionCalendarByScroll);
|
|
419
|
-
};
|
|
420
|
-
}, []);
|
|
421
|
-
(0, _react.useEffect)(() => {
|
|
422
|
-
document.addEventListener('keydown', onKeyDownPress);
|
|
423
|
-
return () => {
|
|
424
|
-
document.removeEventListener('keydown', onKeyDownPress);
|
|
425
|
-
};
|
|
426
|
-
}, [showCalendarValueFinal, showCalendarValueInitial, showPeriodSelection, calendarContainerRef.current]);
|
|
427
|
-
(0, _react.useEffect)(() => {
|
|
428
|
-
if (valueFinal && valueInitial && (0, _moment.default)(valueFinal).isBefore((0, _moment.default)(valueInitial))) {
|
|
429
|
-
setValueInitial(valueFinal);
|
|
430
|
-
setValueFinal(valueInitial);
|
|
431
|
-
} else if (props.onChange) {
|
|
432
|
-
const initial = valueInitial ? valueInitial.format('YYYY-MM-DD') : '';
|
|
433
|
-
const final = valueFinal ? valueFinal.format('YYYY-MM-DD') : '';
|
|
434
|
-
props.onChange(undefined, '', {
|
|
435
|
-
initial,
|
|
436
|
-
final
|
|
437
|
-
});
|
|
438
|
-
}
|
|
439
|
-
}, [valueInitial, valueFinal]);
|
|
440
|
-
(0, _react.useEffect)(() => {
|
|
441
|
-
if (props.value && !((0, _moment.default)(props.value.initial).isSame(valueInitial) || (0, _moment.default)(props.value.final).isSame(valueFinal))) {
|
|
442
|
-
const {
|
|
443
|
-
initial: valueInitialProp,
|
|
444
|
-
final: valueFinalProp
|
|
445
|
-
} = props.value;
|
|
446
|
-
let newValueInitial;
|
|
447
|
-
let newValueFinal;
|
|
448
|
-
if ((0, _moment.default)(valueInitialProp, 'YYYY-MM-DD', true).isValid()) {
|
|
449
|
-
newValueInitial = (0, _moment.default)(valueInitialProp, 'YYYY-MM-DD');
|
|
450
|
-
}
|
|
451
|
-
if ((0, _moment.default)(valueFinalProp, 'YYYY-MM-DD', true).isValid()) {
|
|
452
|
-
newValueFinal = (0, _moment.default)(valueFinalProp, 'YYYY-MM-DD');
|
|
453
|
-
}
|
|
454
|
-
setValueInitial(newValueInitial);
|
|
455
|
-
setValueFinal(newValueFinal);
|
|
456
|
-
}
|
|
457
|
-
}, [props.value]);
|
|
458
481
|
if (onDenied && onDenied.unvisible) return null;
|
|
459
482
|
const component = () => /*#__PURE__*/_react.default.createElement("div", {
|
|
460
483
|
ref: wrapperBaseInputPeriodRef,
|
|
@@ -4,4 +4,4 @@ import '../../@types/ColorStyles.js';
|
|
|
4
4
|
import '../../tooltip/types.js';
|
|
5
5
|
import '../../@types/Position.js';
|
|
6
6
|
import '../../@types/PermissionAttr.js';
|
|
7
|
-
export { C as CheckboxFieldInputProps, I as Input } from '../../index-
|
|
7
|
+
export { C as CheckboxFieldInputProps, I as Input } from '../../index-efe0a0e4.js';
|
|
@@ -2,6 +2,6 @@ import React__default from 'react';
|
|
|
2
2
|
|
|
3
3
|
interface DateFieldCalendarBoxProps extends React__default.ComponentProps<'div'> {
|
|
4
4
|
}
|
|
5
|
-
declare const CalendarBox: React__default.ForwardRefExoticComponent<Pick<DateFieldCalendarBoxProps, "
|
|
5
|
+
declare const CalendarBox: React__default.ForwardRefExoticComponent<Pick<DateFieldCalendarBoxProps, "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "align" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React__default.RefAttributes<HTMLDivElement>>;
|
|
6
6
|
|
|
7
7
|
export { CalendarBox, DateFieldCalendarBoxProps };
|
|
@@ -2,6 +2,6 @@ import React__default from 'react';
|
|
|
2
2
|
|
|
3
3
|
interface DateFieldCalendarBoxProps extends React__default.ComponentProps<'div'> {
|
|
4
4
|
}
|
|
5
|
-
declare const CalendarBox: React__default.ForwardRefExoticComponent<Pick<DateFieldCalendarBoxProps, "
|
|
5
|
+
declare const CalendarBox: React__default.ForwardRefExoticComponent<Pick<DateFieldCalendarBoxProps, "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "align" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React__default.RefAttributes<HTMLDivElement>>;
|
|
6
6
|
|
|
7
7
|
export { CalendarBox, DateFieldCalendarBoxProps };
|
package/lib/inputs2/index.d.ts
CHANGED
|
@@ -2,15 +2,15 @@ export { i as TextField } from '../index-3b70931d.js';
|
|
|
2
2
|
export { i as TextAreaField } from '../index-208e7f62.js';
|
|
3
3
|
export { i as NumberField } from '../index-ecafc8c6.js';
|
|
4
4
|
export { i as DateField } from '../index-368f781f.js';
|
|
5
|
-
export { i as RadioField } from '../index-
|
|
6
|
-
export { i as SelectField } from '../index-
|
|
5
|
+
export { i as RadioField } from '../index-35ba9ed8.js';
|
|
6
|
+
export { i as SelectField } from '../index-19761a50.js';
|
|
7
7
|
export { i as ColorField } from '../index-9e576346.js';
|
|
8
8
|
export { B as MaskField } from '../BaseMask-0c14ef51.js';
|
|
9
9
|
export { C as CpfField } from '../Cpf-3fa496ad.js';
|
|
10
10
|
export { C as CnpjField } from '../Cnpj-bde01dd0.js';
|
|
11
11
|
export { P as PhoneField } from '../Phone-2bb0b397.js';
|
|
12
12
|
export { Z as ZipCodeField } from '../ZipCode-09460e18.js';
|
|
13
|
-
export { i as CheckboxField } from '../index-
|
|
13
|
+
export { i as CheckboxField } from '../index-efe0a0e4.js';
|
|
14
14
|
export { i as DatePeriodField } from '../index-c9247c1f.js';
|
|
15
15
|
export { i as FileField } from '../index-7dfa8924.js';
|
|
16
16
|
import 'react';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import 'react';
|
|
2
2
|
export { RadioFieldInputProps } from './types.js';
|
|
3
|
-
export { I as Input } from '../../index-
|
|
3
|
+
export { I as Input } from '../../index-35ba9ed8.js';
|
|
4
4
|
import '../../@types/Size.js';
|
|
5
5
|
import '../../@types/Align.js';
|
|
6
6
|
import '../../@types/ColorStyles.js';
|
|
@@ -3,7 +3,7 @@ export { LeftSlot, RightSlot } from '../slot/index.js';
|
|
|
3
3
|
export { Options } from './options.js';
|
|
4
4
|
export { Item } from './item.js';
|
|
5
5
|
export { SelectFieldInputProps } from './types.js';
|
|
6
|
-
export { I as Input } from '../../index-
|
|
6
|
+
export { I as Input } from '../../index-19761a50.js';
|
|
7
7
|
import '../../@types/Align.js';
|
|
8
8
|
import '../../@types/ColorStyles.js';
|
|
9
9
|
import '../../tooltip/types.js';
|
|
@@ -7,6 +7,6 @@ interface SelectFieldItemProps extends React__default.ComponentProps<'li'> {
|
|
|
7
7
|
readOnly?: boolean;
|
|
8
8
|
children: React__default.ReactNode;
|
|
9
9
|
}
|
|
10
|
-
declare const Item: React__default.ForwardRefExoticComponent<Pick<SelectFieldItemProps, "
|
|
10
|
+
declare const Item: React__default.ForwardRefExoticComponent<Pick<SelectFieldItemProps, "label" | "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "align" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "disabled" | "value" | "readOnly"> & React__default.RefAttributes<HTMLLIElement>>;
|
|
11
11
|
|
|
12
12
|
export { Item, SelectFieldItemProps };
|
|
@@ -2,6 +2,6 @@ import React__default from 'react';
|
|
|
2
2
|
|
|
3
3
|
interface SelectFieldListBoxProps extends React__default.ComponentProps<'div'> {
|
|
4
4
|
}
|
|
5
|
-
declare const ListBox: React__default.ForwardRefExoticComponent<Pick<SelectFieldListBoxProps, "
|
|
5
|
+
declare const ListBox: React__default.ForwardRefExoticComponent<Pick<SelectFieldListBoxProps, "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "align" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React__default.RefAttributes<HTMLDivElement>>;
|
|
6
6
|
|
|
7
7
|
export { ListBox, SelectFieldListBoxProps };
|
|
@@ -4,6 +4,6 @@ interface OptionsProps extends React__default.ComponentProps<'div'> {
|
|
|
4
4
|
children: React__default.ReactNode;
|
|
5
5
|
disabled?: boolean;
|
|
6
6
|
}
|
|
7
|
-
declare const Options: React__default.ForwardRefExoticComponent<Pick<OptionsProps, "
|
|
7
|
+
declare const Options: React__default.ForwardRefExoticComponent<Pick<OptionsProps, "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "align" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "disabled"> & React__default.RefAttributes<HTMLDivElement>>;
|
|
8
8
|
|
|
9
9
|
export { Options, OptionsProps };
|