primereact 8.0.1 → 8.1.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/api/api.cjs.js +22 -1
- package/api/api.cjs.min.js +1 -1
- package/api/api.esm.js +22 -2
- package/api/api.esm.min.js +1 -1
- package/api/api.js +22 -1
- package/api/api.min.js +1 -1
- package/autocomplete/autocomplete.cjs.js +15 -11
- package/autocomplete/autocomplete.cjs.min.js +1 -1
- package/autocomplete/autocomplete.d.ts +0 -1
- package/autocomplete/autocomplete.esm.js +15 -11
- package/autocomplete/autocomplete.esm.min.js +1 -1
- package/autocomplete/autocomplete.js +15 -11
- package/autocomplete/autocomplete.min.js +1 -1
- package/breadcrumb/breadcrumb.cjs.js +22 -6
- package/breadcrumb/breadcrumb.cjs.min.js +1 -1
- package/breadcrumb/breadcrumb.esm.js +22 -6
- package/breadcrumb/breadcrumb.esm.min.js +1 -1
- package/breadcrumb/breadcrumb.js +22 -6
- package/breadcrumb/breadcrumb.min.js +1 -1
- package/button/button.cjs.js +1 -1
- package/button/button.cjs.min.js +1 -1
- package/button/button.esm.js +1 -1
- package/button/button.esm.min.js +1 -1
- package/button/button.js +1 -1
- package/button/button.min.js +1 -1
- package/calendar/calendar.cjs.js +2 -2
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.d.ts +6 -5
- package/calendar/calendar.esm.js +2 -2
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +2 -2
- package/calendar/calendar.min.js +1 -1
- package/captcha/captcha.cjs.js +1 -0
- package/captcha/captcha.esm.js +1 -0
- package/captcha/captcha.js +1 -0
- package/carousel/carousel.cjs.js +18 -17
- package/carousel/carousel.cjs.min.js +1 -1
- package/carousel/carousel.esm.js +19 -18
- package/carousel/carousel.esm.min.js +1 -1
- package/carousel/carousel.js +19 -18
- package/carousel/carousel.min.js +1 -1
- package/cascadeselect/cascadeselect.cjs.js +2 -1
- package/cascadeselect/cascadeselect.cjs.min.js +1 -1
- package/cascadeselect/cascadeselect.esm.js +2 -1
- package/cascadeselect/cascadeselect.esm.min.js +1 -1
- package/cascadeselect/cascadeselect.js +2 -1
- package/cascadeselect/cascadeselect.min.js +1 -1
- package/checkbox/checkbox.cjs.js +0 -1
- package/checkbox/checkbox.cjs.min.js +1 -1
- package/checkbox/checkbox.esm.js +0 -1
- package/checkbox/checkbox.esm.min.js +1 -1
- package/checkbox/checkbox.js +0 -1
- package/checkbox/checkbox.min.js +1 -1
- package/column/column.cjs.js +2 -1
- package/column/column.cjs.min.js +1 -1
- package/column/column.d.ts +1 -0
- package/column/column.esm.js +2 -1
- package/column/column.esm.min.js +1 -1
- package/column/column.js +2 -1
- package/column/column.min.js +1 -1
- package/core/core.js +89 -41
- package/core/core.min.js +7 -7
- package/datatable/datatable.cjs.js +5 -2
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.esm.js +5 -2
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +5 -2
- package/datatable/datatable.min.css +1 -1
- package/datatable/datatable.min.js +1 -1
- package/dropdown/dropdown.cjs.js +2 -7
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.esm.js +2 -7
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +2 -7
- package/dropdown/dropdown.min.js +1 -1
- package/fileupload/fileupload.cjs.js +46 -19
- package/fileupload/fileupload.cjs.min.js +1 -1
- package/fileupload/fileupload.d.ts +1 -0
- package/fileupload/fileupload.esm.js +46 -19
- package/fileupload/fileupload.esm.min.js +1 -1
- package/fileupload/fileupload.js +46 -19
- package/fileupload/fileupload.min.js +1 -1
- package/fullcalendar/fullcalendar.cjs.js +1 -0
- package/fullcalendar/fullcalendar.esm.js +1 -0
- package/fullcalendar/fullcalendar.js +1 -0
- package/inputnumber/inputnumber.cjs.js +37 -4
- package/inputnumber/inputnumber.cjs.min.js +1 -1
- package/inputnumber/inputnumber.esm.js +38 -5
- package/inputnumber/inputnumber.esm.min.js +1 -1
- package/inputnumber/inputnumber.js +37 -4
- package/inputnumber/inputnumber.min.js +1 -1
- package/inputswitch/inputswitch.d.ts +1 -1
- package/listbox/listbox.cjs.js +18 -9
- package/listbox/listbox.cjs.min.js +1 -1
- package/listbox/listbox.d.ts +1 -0
- package/listbox/listbox.esm.js +18 -9
- package/listbox/listbox.esm.min.js +1 -1
- package/listbox/listbox.js +18 -9
- package/listbox/listbox.min.js +1 -1
- package/mention/mention.cjs.js +7 -3
- package/mention/mention.cjs.min.js +1 -1
- package/mention/mention.esm.js +7 -3
- package/mention/mention.esm.min.js +1 -1
- package/mention/mention.js +7 -3
- package/mention/mention.min.js +1 -1
- package/multiselect/multiselect.cjs.js +2 -5
- package/multiselect/multiselect.cjs.min.js +1 -1
- package/multiselect/multiselect.esm.js +2 -5
- package/multiselect/multiselect.esm.min.js +1 -1
- package/multiselect/multiselect.js +2 -5
- package/multiselect/multiselect.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.cjs.js +30 -24
- package/multistatecheckbox/multistatecheckbox.cjs.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.d.ts +2 -4
- package/multistatecheckbox/multistatecheckbox.esm.js +30 -24
- package/multistatecheckbox/multistatecheckbox.esm.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.js +31 -26
- package/multistatecheckbox/multistatecheckbox.min.js +1 -1
- package/overlaypanel/overlaypanel.cjs.js +1 -1
- package/overlaypanel/overlaypanel.cjs.min.js +1 -1
- package/overlaypanel/overlaypanel.esm.js +1 -1
- package/overlaypanel/overlaypanel.esm.min.js +1 -1
- package/overlaypanel/overlaypanel.js +1 -1
- package/overlaypanel/overlaypanel.min.js +1 -1
- package/package.json +4 -2
- package/paginator/paginator.cjs.js +26 -24
- package/paginator/paginator.cjs.min.js +1 -1
- package/paginator/paginator.esm.js +26 -24
- package/paginator/paginator.esm.min.js +1 -1
- package/paginator/paginator.js +26 -25
- package/paginator/paginator.min.js +1 -1
- package/panelmenu/panelmenu.cjs.js +15 -0
- package/panelmenu/panelmenu.cjs.min.js +1 -1
- package/panelmenu/panelmenu.esm.js +16 -1
- package/panelmenu/panelmenu.esm.min.js +1 -1
- package/panelmenu/panelmenu.js +15 -0
- package/panelmenu/panelmenu.min.js +1 -1
- package/picklist/picklist.cjs.js +6 -2
- package/picklist/picklist.cjs.min.js +1 -1
- package/picklist/picklist.d.ts +5 -1
- package/picklist/picklist.esm.js +6 -2
- package/picklist/picklist.esm.min.js +1 -1
- package/picklist/picklist.js +6 -2
- package/picklist/picklist.min.js +1 -1
- package/primereact.all.cjs.js +491 -311
- package/primereact.all.cjs.min.js +1 -1
- package/primereact.all.esm.js +491 -312
- package/primereact.all.esm.min.js +1 -1
- package/primereact.all.js +491 -311
- package/primereact.all.min.js +1 -1
- package/progressbar/progressbar.cjs.js +1 -2
- package/progressbar/progressbar.cjs.min.js +1 -1
- package/progressbar/progressbar.esm.js +1 -2
- package/progressbar/progressbar.esm.min.js +1 -1
- package/progressbar/progressbar.js +1 -2
- package/progressbar/progressbar.min.js +1 -1
- package/radiobutton/radiobutton.cjs.js +5 -5
- package/radiobutton/radiobutton.cjs.min.js +1 -1
- package/radiobutton/radiobutton.d.ts +0 -1
- package/radiobutton/radiobutton.esm.js +5 -5
- package/radiobutton/radiobutton.esm.min.js +1 -1
- package/radiobutton/radiobutton.js +5 -5
- package/radiobutton/radiobutton.min.js +1 -1
- package/resources/primereact.css +126 -122
- package/resources/primereact.min.css +1 -1
- package/resources/themes/arya-blue/theme.css +0 -1
- package/resources/themes/arya-green/theme.css +0 -1
- package/resources/themes/arya-orange/theme.css +0 -1
- package/resources/themes/arya-purple/theme.css +0 -1
- package/resources/themes/bootstrap4-dark-blue/theme.css +0 -1
- package/resources/themes/bootstrap4-dark-purple/theme.css +0 -1
- package/resources/themes/bootstrap4-light-blue/theme.css +0 -1
- package/resources/themes/bootstrap4-light-purple/theme.css +0 -1
- package/resources/themes/fluent-light/theme.css +0 -1
- package/resources/themes/lara-dark-blue/theme.css +0 -1
- package/resources/themes/lara-dark-indigo/theme.css +0 -1
- package/resources/themes/lara-dark-purple/theme.css +0 -1
- package/resources/themes/lara-dark-teal/theme.css +0 -1
- package/resources/themes/lara-light-blue/theme.css +0 -1
- package/resources/themes/lara-light-indigo/theme.css +0 -1
- package/resources/themes/lara-light-purple/theme.css +0 -1
- package/resources/themes/lara-light-teal/theme.css +0 -1
- package/resources/themes/luna-amber/theme.css +0 -1
- package/resources/themes/luna-blue/theme.css +0 -1
- package/resources/themes/luna-green/theme.css +0 -1
- package/resources/themes/luna-pink/theme.css +0 -1
- package/resources/themes/md-dark-deeppurple/theme.css +0 -1
- package/resources/themes/md-dark-indigo/theme.css +0 -1
- package/resources/themes/md-light-deeppurple/theme.css +0 -1
- package/resources/themes/md-light-indigo/theme.css +0 -1
- package/resources/themes/mdc-dark-deeppurple/theme.css +0 -1
- package/resources/themes/mdc-dark-indigo/theme.css +0 -1
- package/resources/themes/mdc-light-deeppurple/theme.css +0 -1
- package/resources/themes/mdc-light-indigo/theme.css +0 -1
- package/resources/themes/nova/theme.css +0 -1
- package/resources/themes/nova-accent/theme.css +0 -1
- package/resources/themes/nova-alt/theme.css +0 -1
- package/resources/themes/rhea/theme.css +0 -1
- package/resources/themes/saga-blue/theme.css +0 -1
- package/resources/themes/saga-green/theme.css +0 -1
- package/resources/themes/saga-orange/theme.css +0 -1
- package/resources/themes/saga-purple/theme.css +0 -1
- package/resources/themes/tailwind-light/theme.css +0 -1
- package/resources/themes/vela-blue/theme.css +0 -1
- package/resources/themes/vela-green/theme.css +0 -1
- package/resources/themes/vela-orange/theme.css +0 -1
- package/resources/themes/vela-purple/theme.css +0 -1
- package/selectbutton/selectbutton.cjs.js +2 -6
- package/selectbutton/selectbutton.cjs.min.js +1 -1
- package/selectbutton/selectbutton.esm.js +2 -6
- package/selectbutton/selectbutton.esm.min.js +1 -1
- package/selectbutton/selectbutton.js +2 -6
- package/selectbutton/selectbutton.min.js +1 -1
- package/slidemenu/slidemenu.cjs.js +38 -7
- package/slidemenu/slidemenu.cjs.min.js +1 -1
- package/slidemenu/slidemenu.esm.js +38 -7
- package/slidemenu/slidemenu.esm.min.js +1 -1
- package/slidemenu/slidemenu.js +38 -7
- package/slidemenu/slidemenu.min.js +1 -1
- package/slider/slider.cjs.js +6 -3
- package/slider/slider.cjs.min.js +1 -1
- package/slider/slider.esm.js +6 -3
- package/slider/slider.esm.min.js +1 -1
- package/slider/slider.js +6 -3
- package/slider/slider.min.js +1 -1
- package/splitbutton/splitbutton.cjs.js +12 -9
- package/splitbutton/splitbutton.cjs.min.js +1 -1
- package/splitbutton/splitbutton.d.ts +2 -0
- package/splitbutton/splitbutton.esm.js +12 -9
- package/splitbutton/splitbutton.esm.min.js +1 -1
- package/splitbutton/splitbutton.js +12 -9
- package/splitbutton/splitbutton.min.js +1 -1
- package/splitter/splitter.cjs.js +6 -2
- package/splitter/splitter.cjs.min.js +1 -1
- package/splitter/splitter.esm.js +6 -2
- package/splitter/splitter.esm.min.js +1 -1
- package/splitter/splitter.js +6 -2
- package/splitter/splitter.min.js +1 -1
- package/styleclass/styleclass.cjs.js +14 -4
- package/styleclass/styleclass.cjs.min.js +1 -1
- package/styleclass/styleclass.esm.js +14 -4
- package/styleclass/styleclass.esm.min.js +1 -1
- package/styleclass/styleclass.js +14 -4
- package/styleclass/styleclass.min.js +1 -1
- package/treetable/treetable.cjs.js +10 -1
- package/treetable/treetable.cjs.min.js +1 -1
- package/treetable/treetable.esm.js +10 -1
- package/treetable/treetable.esm.min.js +1 -1
- package/treetable/treetable.js +10 -1
- package/treetable/treetable.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.cjs.js +25 -23
- package/tristatecheckbox/tristatecheckbox.cjs.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.d.ts +2 -4
- package/tristatecheckbox/tristatecheckbox.esm.js +25 -23
- package/tristatecheckbox/tristatecheckbox.esm.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.js +26 -25
- package/tristatecheckbox/tristatecheckbox.min.js +1 -1
- package/web-types.json +73 -62
|
@@ -126,18 +126,24 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
126
126
|
focusedState = _React$useState6[0],
|
|
127
127
|
setFocusedState = _React$useState6[1];
|
|
128
128
|
|
|
129
|
+
var _React$useState7 = React.useState(false),
|
|
130
|
+
_React$useState8 = _slicedToArray(_React$useState7, 2),
|
|
131
|
+
uploadingState = _React$useState8[0],
|
|
132
|
+
setUploadingState = _React$useState8[1];
|
|
133
|
+
|
|
129
134
|
var fileInputRef = React.useRef(null);
|
|
130
135
|
var messagesRef = React.useRef(null);
|
|
131
136
|
var contentRef = React.useRef(null);
|
|
132
137
|
var duplicateIEEvent = React.useRef(false);
|
|
133
138
|
var uploadedFileCount = React.useRef(0);
|
|
134
139
|
var hasFiles = ObjectUtils.isNotEmpty(filesState);
|
|
140
|
+
var disabled = props.disabled || uploadingState;
|
|
135
141
|
var chooseButtonLabel = props.chooseLabel || props.chooseOptions.label || localeOption('choose');
|
|
136
142
|
var uploadButtonLabel = props.uploadLabel || props.uploadOptions.label || localeOption('upload');
|
|
137
143
|
var cancelButtonLabel = props.cancelLabel || props.cancelOptions.label || localeOption('cancel');
|
|
138
|
-
var chooseDisabled =
|
|
139
|
-
var uploadDisabled =
|
|
140
|
-
var cancelDisabled =
|
|
144
|
+
var chooseDisabled = disabled || props.fileLimit && props.fileLimit <= filesState.length + uploadedFileCount;
|
|
145
|
+
var uploadDisabled = disabled || !hasFiles;
|
|
146
|
+
var cancelDisabled = disabled || !hasFiles;
|
|
141
147
|
|
|
142
148
|
var isImage = function isImage(file) {
|
|
143
149
|
return /^image\//.test(file.type);
|
|
@@ -192,7 +198,12 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
192
198
|
return;
|
|
193
199
|
}
|
|
194
200
|
|
|
195
|
-
var currentFiles =
|
|
201
|
+
var currentFiles = [];
|
|
202
|
+
|
|
203
|
+
if (props.multiple) {
|
|
204
|
+
currentFiles = filesState ? _toConsumableArray(filesState) : [];
|
|
205
|
+
}
|
|
206
|
+
|
|
196
207
|
var selectedFiles = event.dataTransfer ? event.dataTransfer.files : event.target.files;
|
|
197
208
|
|
|
198
209
|
for (var i = 0; i < selectedFiles.length; i++) {
|
|
@@ -264,6 +275,10 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
264
275
|
var upload = function upload(files) {
|
|
265
276
|
files = files || filesState;
|
|
266
277
|
|
|
278
|
+
if (files && files.nativeEvent) {
|
|
279
|
+
files = filesState;
|
|
280
|
+
}
|
|
281
|
+
|
|
267
282
|
if (props.customUpload) {
|
|
268
283
|
if (props.fileLimit) {
|
|
269
284
|
uploadedFileCount + files.length, _readOnlyError("uploadedFileCount");
|
|
@@ -279,6 +294,7 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
279
294
|
});
|
|
280
295
|
}
|
|
281
296
|
} else {
|
|
297
|
+
setUploadingState(true);
|
|
282
298
|
var xhr = new XMLHttpRequest();
|
|
283
299
|
var formData = new FormData();
|
|
284
300
|
|
|
@@ -320,6 +336,7 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
320
336
|
xhr.onreadystatechange = function () {
|
|
321
337
|
if (xhr.readyState === 4) {
|
|
322
338
|
setProgressState(0);
|
|
339
|
+
setUploadingState(false);
|
|
323
340
|
|
|
324
341
|
if (xhr.status >= 200 && xhr.status < 300) {
|
|
325
342
|
if (props.fileLimit) {
|
|
@@ -361,6 +378,7 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
361
378
|
|
|
362
379
|
var clear = function clear() {
|
|
363
380
|
setFilesState([]);
|
|
381
|
+
setUploadingState(false);
|
|
364
382
|
props.onClear && props.onClear();
|
|
365
383
|
clearInput();
|
|
366
384
|
};
|
|
@@ -385,7 +403,7 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
385
403
|
};
|
|
386
404
|
|
|
387
405
|
var onDragEnter = function onDragEnter(event) {
|
|
388
|
-
if (!
|
|
406
|
+
if (!disabled) {
|
|
389
407
|
event.dataTransfer.dropEffect = 'copy';
|
|
390
408
|
event.stopPropagation();
|
|
391
409
|
event.preventDefault();
|
|
@@ -393,7 +411,7 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
393
411
|
};
|
|
394
412
|
|
|
395
413
|
var onDragOver = function onDragOver(event) {
|
|
396
|
-
if (!
|
|
414
|
+
if (!disabled) {
|
|
397
415
|
event.dataTransfer.dropEffect = 'copy';
|
|
398
416
|
DomHandler.addClass(contentRef.current, 'p-fileupload-highlight');
|
|
399
417
|
event.stopPropagation();
|
|
@@ -402,25 +420,32 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
402
420
|
};
|
|
403
421
|
|
|
404
422
|
var onDragLeave = function onDragLeave(event) {
|
|
405
|
-
if (!
|
|
423
|
+
if (!disabled) {
|
|
406
424
|
event.dataTransfer.dropEffect = 'copy';
|
|
407
425
|
DomHandler.removeClass(contentRef.current, 'p-fileupload-highlight');
|
|
408
426
|
}
|
|
409
427
|
};
|
|
410
428
|
|
|
411
429
|
var onDrop = function onDrop(event) {
|
|
412
|
-
if (
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
430
|
+
if (props.disabled) {
|
|
431
|
+
return;
|
|
432
|
+
}
|
|
433
|
+
|
|
434
|
+
DomHandler.removeClass(contentRef.current, 'p-fileupload-highlight');
|
|
435
|
+
event.stopPropagation();
|
|
436
|
+
event.preventDefault(); // give caller a chance to stop the drop
|
|
437
|
+
|
|
438
|
+
if (props.onBeforeDrop && props.onBeforeDrop(event) === false) {
|
|
439
|
+
return;
|
|
419
440
|
}
|
|
441
|
+
|
|
442
|
+
var files = event.dataTransfer ? event.dataTransfer.files : event.target.files;
|
|
443
|
+
var allowDrop = props.multiple || ObjectUtils.isEmpty(filesState) && files && files.length === 1;
|
|
444
|
+
allowDrop && onFileSelect(event);
|
|
420
445
|
};
|
|
421
446
|
|
|
422
447
|
var onSimpleUploaderClick = function onSimpleUploaderClick() {
|
|
423
|
-
hasFiles ? upload() : fileInputRef.current.click();
|
|
448
|
+
!disabled && hasFiles ? upload() : fileInputRef.current.click();
|
|
424
449
|
};
|
|
425
450
|
|
|
426
451
|
React.useImperativeHandle(ref, function () {
|
|
@@ -438,7 +463,7 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
438
463
|
_icon = _props$chooseOptions.icon,
|
|
439
464
|
iconOnly = _props$chooseOptions.iconOnly;
|
|
440
465
|
var chooseClassName = classNames('p-button p-fileupload-choose p-component', {
|
|
441
|
-
'p-disabled':
|
|
466
|
+
'p-disabled': disabled,
|
|
442
467
|
'p-focus': focusedState,
|
|
443
468
|
'p-button-icon-only': iconOnly
|
|
444
469
|
}, className);
|
|
@@ -492,7 +517,8 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
492
517
|
icon: "pi pi-times",
|
|
493
518
|
onClick: function onClick(e) {
|
|
494
519
|
return remove(e, index);
|
|
495
|
-
}
|
|
520
|
+
},
|
|
521
|
+
disabled: disabled
|
|
496
522
|
}));
|
|
497
523
|
var content = /*#__PURE__*/React.createElement(React.Fragment, null, preview, fileName, size, removeButton);
|
|
498
524
|
|
|
@@ -619,7 +645,7 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
619
645
|
var className = classNames('p-fileupload p-fileupload-basic p-component', props.className);
|
|
620
646
|
var buttonClassName = classNames('p-button p-component p-fileupload-choose', {
|
|
621
647
|
'p-fileupload-choose-selected': hasFiles,
|
|
622
|
-
'p-disabled':
|
|
648
|
+
'p-disabled': disabled,
|
|
623
649
|
'p-focus': focusedState
|
|
624
650
|
}, chooseOptions.className);
|
|
625
651
|
var chooseIcon = chooseOptions.icon || classNames({
|
|
@@ -649,7 +675,7 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
649
675
|
type: "file",
|
|
650
676
|
accept: props.accept,
|
|
651
677
|
multiple: props.multiple,
|
|
652
|
-
disabled:
|
|
678
|
+
disabled: disabled,
|
|
653
679
|
onChange: onFileSelect
|
|
654
680
|
});
|
|
655
681
|
return /*#__PURE__*/React.createElement("div", _extends({
|
|
@@ -723,6 +749,7 @@ FileUpload.defaultProps = {
|
|
|
723
749
|
progressBarTemplate: null,
|
|
724
750
|
onBeforeUpload: null,
|
|
725
751
|
onBeforeSend: null,
|
|
752
|
+
onBeforeDrop: null,
|
|
726
753
|
onUpload: null,
|
|
727
754
|
onError: null,
|
|
728
755
|
onClear: null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import{localeOption as t}from"primereact/api";import{Button as n}from"primereact/button";import{Messages as l}from"primereact/messages";import{ProgressBar as a}from"primereact/progressbar";import{Ripple as r}from"primereact/ripple";import{ObjectUtils as o,classNames as i,IconUtils as s,DomHandler as u}from"primereact/utils";function c(){return c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},c.apply(this,arguments)}function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function m(e){if(Array.isArray(e))return p(e)}function d(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function f(e,t){if(e){if("string"==typeof e)return p(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?p(e,t):void 0}}function y(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function b(e){return m(e)||d(e)||f(e)||y()}function v(e){if(Array.isArray(e))return e}function h(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,a,r=[],o=!0,i=!1;try{for(n=n.call(e);!(o=(l=n.next()).done)&&(r.push(l.value),!t||r.length!==t);o=!0);}catch(e){i=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(i)throw a}}return r}}function g(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function E(e,t){return v(e)||h(e,t)||f(e,t)||g()}function S(e){throw new TypeError('"'+e+'" is read-only')}function N(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=w(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var l=0,a=function(){};return{s:a,n:function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}},e:function(e){throw e},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var r,o=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){i=!0,r=e},f:function(){try{o||null==n.return||n.return()}finally{if(i)throw r}}}}function w(e,t){if(e){if("string"==typeof e)return T(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?T(e,t):void 0}}function T(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}var O=e.memo(e.forwardRef((function(p,m){var d=E(e.useState([]),2),f=d[0],y=d[1],v=E(e.useState(0),2),h=v[0],g=v[1],w=E(e.useState(!1),2),T=w[0],C=w[1],B=e.useRef(null),F=e.useRef(null),z=e.useRef(null),L=e.useRef(!1),M=e.useRef(0),I=o.isNotEmpty(f),U=p.chooseLabel||p.chooseOptions.label||t("choose"),x=p.uploadLabel||p.uploadOptions.label||t("upload"),D=p.cancelLabel||p.cancelOptions.label||t("cancel"),A=p.disabled||p.fileLimit&&p.fileLimit<=f.length+M,R=p.disabled||!I,P=p.disabled||!I,j=function(e){return/^image\//.test(e.type)},k=function(e,t){H();var n=b(f),l=f[t];n.splice(t,1),y(n),p.onRemove&&p.onRemove({originalEvent:e,file:l})},H=function(){B.current&&(B.current.value="")},X=function(e){if(0===e)return"0 B";var t=Math.floor(Math.log(e)/Math.log(1e3));return parseFloat((e/Math.pow(1e3,t)).toFixed(3))+" "+["B","KB","MB","GB","TB","PB","EB","ZB","YB"][t]},J=function(e){if("drop"!==e.type&&K()&&L.current)L.current=!1;else{for(var t=f?b(f):[],n=e.dataTransfer?e.dataTransfer.files:e.target.files,l=0;l<n.length;l++){var a=n[l];!_(a)&&V(a)&&(j(a)&&(a.objectURL=window.URL.createObjectURL(a)),t.push(a))}y(t),o.isNotEmpty(t)&&p.auto&&W(t),p.onSelect&&p.onSelect({originalEvent:e,files:n}),"drop"!==e.type&&K()?B.current&&(L.current=!0,B.current.value=""):H(),"basic"===p.mode&&t.length>0&&(B.current.style.display="none")}},_=function(e){return f.some((function(t){return t.name+t.type+t.size===e.name+e.type+e.size}))},K=function(){return!!window.MSInputMethodContext&&!!document.documentMode},V=function(e){if(p.maxFileSize&&e.size>p.maxFileSize){var t={severity:"error",summary:p.invalidFileSizeMessageSummary.replace("{0}",e.name),detail:p.invalidFileSizeMessageDetail.replace("{0}",X(p.maxFileSize)),sticky:!0};return"advanced"===p.mode&&F.current.show(t),p.onValidationFail&&p.onValidationFail(e),!1}return!0},W=function(e){if(e=e||f,p.customUpload)p.fileLimit&&S("uploadedFileCount"),p.uploadHandler&&p.uploadHandler({files:e,options:{clear:Y,props:p}});else{var t=new XMLHttpRequest,n=new FormData;p.onBeforeUpload&&p.onBeforeUpload({xhr:t,formData:n});var l,a=N(e);try{for(a.s();!(l=a.n()).done;){var r=l.value;n.append(p.name,r,r.name)}}catch(e){a.e(e)}finally{a.f()}t.upload.addEventListener("progress",(function(e){if(e.lengthComputable){var t=Math.round(100*e.loaded/e.total);g(t),p.onProgress&&p.onProgress({originalEvent:e,progress:t})}})),t.onreadystatechange=function(){4===t.readyState&&(g(0),t.status>=200&&t.status<300?(p.fileLimit&&S("uploadedFileCount"),p.onUpload&&p.onUpload({xhr:t,files:e})):p.onError&&p.onError({xhr:t,files:e}),Y())},t.open("POST",p.url,!0),p.onBeforeSend&&p.onBeforeSend({xhr:t,formData:n}),t.withCredentials=p.withCredentials,t.send(n)}},Y=function(){y([]),p.onClear&&p.onClear(),H()},$=function(){B.current.click()},q=function(){C(!0)},G=function(){C(!1)},Z=function(e){13===e.which&&$()},Q=function(e){p.disabled||(e.dataTransfer.dropEffect="copy",e.stopPropagation(),e.preventDefault())},ee=function(e){p.disabled||(e.dataTransfer.dropEffect="copy",u.addClass(z.current,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault())},te=function(e){p.disabled||(e.dataTransfer.dropEffect="copy",u.removeClass(z.current,"p-fileupload-highlight"))},ne=function(e){if(!p.disabled){u.removeClass(z.current,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault();var t=e.dataTransfer?e.dataTransfer.files:e.target.files;(p.multiple||t&&0===t.length)&&J(e)}},le=function(){I?W():B.current.click()};e.useImperativeHandle(m,(function(){return{upload:W,clear:Y,formatSize:X}}));var ae,re,oe,ie,se,ue,ce,pe,me,de,fe=function(t,l){var a=t.name+t.type+t.size,r=j(t)?e.createElement("div",null,e.createElement("img",{alt:t.name,role:"presentation",src:t.objectURL,width:p.previewWidth})):null,i=e.createElement("div",{className:"p-fileupload-filename"},t.name),s=e.createElement("div",null,X(t.size)),u=e.createElement("div",null,e.createElement(n,{type:"button",icon:"pi pi-times",onClick:function(e){return k(e,l)}})),c=e.createElement(e.Fragment,null,r,i,s,u);if(p.itemTemplate){var m={onRemove:function(e){return k(e,l)},previewElement:r,fileNameElement:i,sizeElement:s,removeElement:u,formatSize:X(t.size),element:c,props:p};c=o.getJSXElement(p.itemTemplate,t,m)}return e.createElement("div",{className:"p-fileupload-row",key:a},c)};return"advanced"===p.mode?function(){var t,u,m,d,y,b,v,g,E,S,N,w,C,L,M=o.findDiffKeys(p,O.defaultProps),j=i("p-fileupload p-fileupload-advanced p-component",p.className),k=i("p-fileupload-buttonbar",p.headerClassName),H=i("p-fileupload-content",p.contentClassName),X=(u=(t=p.chooseOptions).style,m=t.icon,y=i("p-button p-fileupload-choose p-component",{"p-disabled":p.disabled,"p-focus":T,"p-button-icon-only":d=t.iconOnly},t.className),b="p-button-label p-clickable",v=d?e.createElement("span",{className:b,dangerouslySetInnerHTML:{__html:" "}}):e.createElement("span",{className:b},U),g=e.createElement("input",{ref:B,type:"file",onChange:J,multiple:p.multiple,accept:p.accept,disabled:A}),E=s.getJSXIcon(m||"pi pi-fw pi-plus",{className:"p-button-icon p-button-icon-left p-clickable"},{props:p}),e.createElement("span",{className:y,style:u,onClick:$,onKeyDown:Z,onFocus:q,onBlur:G,tabIndex:0},g,E,v,e.createElement(r,null))),_=p.emptyTemplate&&!I?o.getJSXElement(p.emptyTemplate,p):null;if(!p.auto){var K=p.uploadOptions,V=p.cancelOptions,le=V.iconOnly?"":D;S=e.createElement(n,{type:"button",label:K.iconOnly?"":x,icon:K.icon||"pi pi-upload",onClick:W,disabled:R,style:K.style,className:K.className}),N=e.createElement(n,{type:"button",label:le,icon:V.icon||"pi pi-times",onClick:Y,disabled:P,style:V.style,className:V.className})}I&&(L=f.map(fe),w=e.createElement("div",{className:"p-fileupload-files"},L),C=p.progressBarTemplate?o.getJSXElement(p.progressBarTemplate,p):e.createElement(a,{value:h,showValue:!1}));var ae=e.createElement("div",{className:k,style:p.headerStyle},X,S,N);p.headerTemplate&&(ae=o.getJSXElement(p.headerTemplate,{className:k,chooseButton:X,uploadButton:S,cancelButton:N,element:ae,props:p}));return e.createElement("div",c({id:p.id,className:j,style:p.style},M),ae,e.createElement("div",{ref:z,className:H,style:p.contentStyle,onDragEnter:Q,onDragOver:ee,onDragLeave:te,onDrop:ne},C,e.createElement(l,{ref:F}),w,_))}():"basic"===p.mode?(ae=p.chooseOptions,re=o.findDiffKeys(p,O.defaultProps),oe=i("p-fileupload p-fileupload-basic p-component",p.className),ie=i("p-button p-component p-fileupload-choose",{"p-fileupload-choose-selected":I,"p-disabled":p.disabled,"p-focus":T},ae.className),se=ae.icon||i({"pi pi-plus":!ae.icon&&(!I||p.auto),"pi pi-upload":!ae.icon&&I&&!p.auto}),ue="p-button-label p-clickable",ce=ae.iconOnly?e.createElement("span",{className:ue,dangerouslySetInnerHTML:{__html:" "}}):e.createElement("span",{className:ue},U),pe=p.auto?ce:e.createElement("span",{className:ue},I?f[0].name:ce),me=s.getJSXIcon(se,{className:"p-button-icon p-button-icon-left"},{props:p,hasFiles:I}),de=!I&&e.createElement("input",{ref:B,type:"file",accept:p.accept,multiple:p.multiple,disabled:p.disabled,onChange:J}),e.createElement("div",c({className:oe,style:p.style},re),e.createElement(l,{ref:F}),e.createElement("span",{className:ie,style:ae.style,onMouseUp:le,onKeyDown:Z,onFocus:q,onBlur:G,tabIndex:0},me,pe,de,e.createElement(r,null)))):void 0})));O.displayName="FileUpload",O.defaultProps={__TYPE:"FileUpload",id:null,name:null,url:null,mode:"advanced",multiple:!1,accept:null,disabled:!1,auto:!1,maxFileSize:null,invalidFileSizeMessageSummary:"{0}: Invalid file size, ",invalidFileSizeMessageDetail:"maximum upload size is {0}.",style:null,className:null,widthCredentials:!1,previewWidth:50,chooseLabel:null,uploadLabel:null,cancelLabel:null,chooseOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},uploadOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},cancelOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},customUpload:!1,headerClassName:null,headerStyle:null,contentClassName:null,contentStyle:null,headerTemplate:null,itemTemplate:null,emptyTemplate:null,progressBarTemplate:null,onBeforeUpload:null,onBeforeSend:null,onUpload:null,onError:null,onClear:null,onSelect:null,onProgress:null,onValidationFail:null,uploadHandler:null,onRemove:null};export{O as FileUpload};
|
|
1
|
+
import*as e from"react";import{localeOption as t}from"primereact/api";import{Button as n}from"primereact/button";import{Messages as l}from"primereact/messages";import{ProgressBar as a}from"primereact/progressbar";import{Ripple as r}from"primereact/ripple";import{ObjectUtils as o,classNames as i,IconUtils as s,DomHandler as u}from"primereact/utils";function c(){return c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},c.apply(this,arguments)}function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function m(e){if(Array.isArray(e))return p(e)}function f(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function d(e,t){if(e){if("string"==typeof e)return p(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?p(e,t):void 0}}function y(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function v(e){return m(e)||f(e)||d(e)||y()}function h(e){if(Array.isArray(e))return e}function b(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,a,r=[],o=!0,i=!1;try{for(n=n.call(e);!(o=(l=n.next()).done)&&(r.push(l.value),!t||r.length!==t);o=!0);}catch(e){i=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(i)throw a}}return r}}function g(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function E(e,t){return h(e)||b(e,t)||d(e,t)||g()}function S(e){throw new TypeError('"'+e+'" is read-only')}function N(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=w(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var l=0,a=function(){};return{s:a,n:function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}},e:function(e){throw e},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var r,o=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){i=!0,r=e},f:function(){try{o||null==n.return||n.return()}finally{if(i)throw r}}}}function w(e,t){if(e){if("string"==typeof e)return T(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?T(e,t):void 0}}function T(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}var B=e.memo(e.forwardRef((function(p,m){var f=E(e.useState([]),2),d=f[0],y=f[1],h=E(e.useState(0),2),b=h[0],g=h[1],w=E(e.useState(!1),2),T=w[0],O=w[1],C=E(e.useState(!1),2),F=C[0],z=C[1],D=e.useRef(null),L=e.useRef(null),M=e.useRef(null),I=e.useRef(!1),U=e.useRef(0),x=o.isNotEmpty(d),A=p.disabled||F,R=p.chooseLabel||p.chooseOptions.label||t("choose"),P=p.uploadLabel||p.uploadOptions.label||t("upload"),j=p.cancelLabel||p.cancelOptions.label||t("cancel"),k=A||p.fileLimit&&p.fileLimit<=d.length+U,H=A||!x,X=A||!x,J=function(e){return/^image\//.test(e.type)},_=function(e,t){K();var n=v(d),l=d[t];n.splice(t,1),y(n),p.onRemove&&p.onRemove({originalEvent:e,file:l})},K=function(){D.current&&(D.current.value="")},V=function(e){if(0===e)return"0 B";var t=Math.floor(Math.log(e)/Math.log(1e3));return parseFloat((e/Math.pow(1e3,t)).toFixed(3))+" "+["B","KB","MB","GB","TB","PB","EB","ZB","YB"][t]},W=function(e){if("drop"!==e.type&&$()&&I.current)I.current=!1;else{var t=[];p.multiple&&(t=d?v(d):[]);for(var n=e.dataTransfer?e.dataTransfer.files:e.target.files,l=0;l<n.length;l++){var a=n[l];!Y(a)&&q(a)&&(J(a)&&(a.objectURL=window.URL.createObjectURL(a)),t.push(a))}y(t),o.isNotEmpty(t)&&p.auto&&G(t),p.onSelect&&p.onSelect({originalEvent:e,files:n}),"drop"!==e.type&&$()?D.current&&(I.current=!0,D.current.value=""):K(),"basic"===p.mode&&t.length>0&&(D.current.style.display="none")}},Y=function(e){return d.some((function(t){return t.name+t.type+t.size===e.name+e.type+e.size}))},$=function(){return!!window.MSInputMethodContext&&!!document.documentMode},q=function(e){if(p.maxFileSize&&e.size>p.maxFileSize){var t={severity:"error",summary:p.invalidFileSizeMessageSummary.replace("{0}",e.name),detail:p.invalidFileSizeMessageDetail.replace("{0}",V(p.maxFileSize)),sticky:!0};return"advanced"===p.mode&&L.current.show(t),p.onValidationFail&&p.onValidationFail(e),!1}return!0},G=function(e){if((e=e||d)&&e.nativeEvent&&(e=d),p.customUpload)p.fileLimit&&S("uploadedFileCount"),p.uploadHandler&&p.uploadHandler({files:e,options:{clear:Z,props:p}});else{z(!0);var t=new XMLHttpRequest,n=new FormData;p.onBeforeUpload&&p.onBeforeUpload({xhr:t,formData:n});var l,a=N(e);try{for(a.s();!(l=a.n()).done;){var r=l.value;n.append(p.name,r,r.name)}}catch(e){a.e(e)}finally{a.f()}t.upload.addEventListener("progress",(function(e){if(e.lengthComputable){var t=Math.round(100*e.loaded/e.total);g(t),p.onProgress&&p.onProgress({originalEvent:e,progress:t})}})),t.onreadystatechange=function(){4===t.readyState&&(g(0),z(!1),t.status>=200&&t.status<300?(p.fileLimit&&S("uploadedFileCount"),p.onUpload&&p.onUpload({xhr:t,files:e})):p.onError&&p.onError({xhr:t,files:e}),Z())},t.open("POST",p.url,!0),p.onBeforeSend&&p.onBeforeSend({xhr:t,formData:n}),t.withCredentials=p.withCredentials,t.send(n)}},Z=function(){y([]),z(!1),p.onClear&&p.onClear(),K()},Q=function(){D.current.click()},ee=function(){O(!0)},te=function(){O(!1)},ne=function(e){13===e.which&&Q()},le=function(e){A||(e.dataTransfer.dropEffect="copy",e.stopPropagation(),e.preventDefault())},ae=function(e){A||(e.dataTransfer.dropEffect="copy",u.addClass(M.current,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault())},re=function(e){A||(e.dataTransfer.dropEffect="copy",u.removeClass(M.current,"p-fileupload-highlight"))},oe=function(e){if(!p.disabled&&(u.removeClass(M.current,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault(),!p.onBeforeDrop||!1!==p.onBeforeDrop(e))){var t=e.dataTransfer?e.dataTransfer.files:e.target.files;(p.multiple||o.isEmpty(d)&&t&&1===t.length)&&W(e)}},ie=function(){!A&&x?G():D.current.click()};e.useImperativeHandle(m,(function(){return{upload:G,clear:Z,formatSize:V}}));var se,ue,ce,pe,me,fe,de,ye,ve,he,be=function(t,l){var a=t.name+t.type+t.size,r=J(t)?e.createElement("div",null,e.createElement("img",{alt:t.name,role:"presentation",src:t.objectURL,width:p.previewWidth})):null,i=e.createElement("div",{className:"p-fileupload-filename"},t.name),s=e.createElement("div",null,V(t.size)),u=e.createElement("div",null,e.createElement(n,{type:"button",icon:"pi pi-times",onClick:function(e){return _(e,l)},disabled:A})),c=e.createElement(e.Fragment,null,r,i,s,u);if(p.itemTemplate){var m={onRemove:function(e){return _(e,l)},previewElement:r,fileNameElement:i,sizeElement:s,removeElement:u,formatSize:V(t.size),element:c,props:p};c=o.getJSXElement(p.itemTemplate,t,m)}return e.createElement("div",{className:"p-fileupload-row",key:a},c)};return"advanced"===p.mode?function(){var t,u,m,f,y,v,h,g,E,S,N,w,O,C,F=o.findDiffKeys(p,B.defaultProps),z=i("p-fileupload p-fileupload-advanced p-component",p.className),I=i("p-fileupload-buttonbar",p.headerClassName),U=i("p-fileupload-content",p.contentClassName),J=(u=(t=p.chooseOptions).style,m=t.icon,y=i("p-button p-fileupload-choose p-component",{"p-disabled":A,"p-focus":T,"p-button-icon-only":f=t.iconOnly},t.className),v="p-button-label p-clickable",h=f?e.createElement("span",{className:v,dangerouslySetInnerHTML:{__html:" "}}):e.createElement("span",{className:v},R),g=e.createElement("input",{ref:D,type:"file",onChange:W,multiple:p.multiple,accept:p.accept,disabled:k}),E=s.getJSXIcon(m||"pi pi-fw pi-plus",{className:"p-button-icon p-button-icon-left p-clickable"},{props:p}),e.createElement("span",{className:y,style:u,onClick:Q,onKeyDown:ne,onFocus:ee,onBlur:te,tabIndex:0},g,E,h,e.createElement(r,null))),_=p.emptyTemplate&&!x?o.getJSXElement(p.emptyTemplate,p):null;if(!p.auto){var K=p.uploadOptions,V=p.cancelOptions,Y=V.iconOnly?"":j;S=e.createElement(n,{type:"button",label:K.iconOnly?"":P,icon:K.icon||"pi pi-upload",onClick:G,disabled:H,style:K.style,className:K.className}),N=e.createElement(n,{type:"button",label:Y,icon:V.icon||"pi pi-times",onClick:Z,disabled:X,style:V.style,className:V.className})}x&&(C=d.map(be),w=e.createElement("div",{className:"p-fileupload-files"},C),O=p.progressBarTemplate?o.getJSXElement(p.progressBarTemplate,p):e.createElement(a,{value:b,showValue:!1}));var $=e.createElement("div",{className:I,style:p.headerStyle},J,S,N);p.headerTemplate&&($=o.getJSXElement(p.headerTemplate,{className:I,chooseButton:J,uploadButton:S,cancelButton:N,element:$,props:p}));return e.createElement("div",c({id:p.id,className:z,style:p.style},F),$,e.createElement("div",{ref:M,className:U,style:p.contentStyle,onDragEnter:le,onDragOver:ae,onDragLeave:re,onDrop:oe},O,e.createElement(l,{ref:L}),w,_))}():"basic"===p.mode?(se=p.chooseOptions,ue=o.findDiffKeys(p,B.defaultProps),ce=i("p-fileupload p-fileupload-basic p-component",p.className),pe=i("p-button p-component p-fileupload-choose",{"p-fileupload-choose-selected":x,"p-disabled":A,"p-focus":T},se.className),me=se.icon||i({"pi pi-plus":!se.icon&&(!x||p.auto),"pi pi-upload":!se.icon&&x&&!p.auto}),fe="p-button-label p-clickable",de=se.iconOnly?e.createElement("span",{className:fe,dangerouslySetInnerHTML:{__html:" "}}):e.createElement("span",{className:fe},R),ye=p.auto?de:e.createElement("span",{className:fe},x?d[0].name:de),ve=s.getJSXIcon(me,{className:"p-button-icon p-button-icon-left"},{props:p,hasFiles:x}),he=!x&&e.createElement("input",{ref:D,type:"file",accept:p.accept,multiple:p.multiple,disabled:A,onChange:W}),e.createElement("div",c({className:ce,style:p.style},ue),e.createElement(l,{ref:L}),e.createElement("span",{className:pe,style:se.style,onMouseUp:ie,onKeyDown:ne,onFocus:ee,onBlur:te,tabIndex:0},ve,ye,he,e.createElement(r,null)))):void 0})));B.displayName="FileUpload",B.defaultProps={__TYPE:"FileUpload",id:null,name:null,url:null,mode:"advanced",multiple:!1,accept:null,disabled:!1,auto:!1,maxFileSize:null,invalidFileSizeMessageSummary:"{0}: Invalid file size, ",invalidFileSizeMessageDetail:"maximum upload size is {0}.",style:null,className:null,widthCredentials:!1,previewWidth:50,chooseLabel:null,uploadLabel:null,cancelLabel:null,chooseOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},uploadOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},cancelOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},customUpload:!1,headerClassName:null,headerStyle:null,contentClassName:null,contentStyle:null,headerTemplate:null,itemTemplate:null,emptyTemplate:null,progressBarTemplate:null,onBeforeUpload:null,onBeforeSend:null,onBeforeDrop:null,onUpload:null,onError:null,onClear:null,onSelect:null,onProgress:null,onValidationFail:null,uploadHandler:null,onRemove:null};export{B as FileUpload};
|
package/fileupload/fileupload.js
CHANGED
|
@@ -142,18 +142,24 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
|
|
|
142
142
|
focusedState = _React$useState6[0],
|
|
143
143
|
setFocusedState = _React$useState6[1];
|
|
144
144
|
|
|
145
|
+
var _React$useState7 = React__namespace.useState(false),
|
|
146
|
+
_React$useState8 = _slicedToArray(_React$useState7, 2),
|
|
147
|
+
uploadingState = _React$useState8[0],
|
|
148
|
+
setUploadingState = _React$useState8[1];
|
|
149
|
+
|
|
145
150
|
var fileInputRef = React__namespace.useRef(null);
|
|
146
151
|
var messagesRef = React__namespace.useRef(null);
|
|
147
152
|
var contentRef = React__namespace.useRef(null);
|
|
148
153
|
var duplicateIEEvent = React__namespace.useRef(false);
|
|
149
154
|
var uploadedFileCount = React__namespace.useRef(0);
|
|
150
155
|
var hasFiles = utils.ObjectUtils.isNotEmpty(filesState);
|
|
156
|
+
var disabled = props.disabled || uploadingState;
|
|
151
157
|
var chooseButtonLabel = props.chooseLabel || props.chooseOptions.label || api.localeOption('choose');
|
|
152
158
|
var uploadButtonLabel = props.uploadLabel || props.uploadOptions.label || api.localeOption('upload');
|
|
153
159
|
var cancelButtonLabel = props.cancelLabel || props.cancelOptions.label || api.localeOption('cancel');
|
|
154
|
-
var chooseDisabled =
|
|
155
|
-
var uploadDisabled =
|
|
156
|
-
var cancelDisabled =
|
|
160
|
+
var chooseDisabled = disabled || props.fileLimit && props.fileLimit <= filesState.length + uploadedFileCount;
|
|
161
|
+
var uploadDisabled = disabled || !hasFiles;
|
|
162
|
+
var cancelDisabled = disabled || !hasFiles;
|
|
157
163
|
|
|
158
164
|
var isImage = function isImage(file) {
|
|
159
165
|
return /^image\//.test(file.type);
|
|
@@ -208,7 +214,12 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
|
|
|
208
214
|
return;
|
|
209
215
|
}
|
|
210
216
|
|
|
211
|
-
var currentFiles =
|
|
217
|
+
var currentFiles = [];
|
|
218
|
+
|
|
219
|
+
if (props.multiple) {
|
|
220
|
+
currentFiles = filesState ? _toConsumableArray(filesState) : [];
|
|
221
|
+
}
|
|
222
|
+
|
|
212
223
|
var selectedFiles = event.dataTransfer ? event.dataTransfer.files : event.target.files;
|
|
213
224
|
|
|
214
225
|
for (var i = 0; i < selectedFiles.length; i++) {
|
|
@@ -280,6 +291,10 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
|
|
|
280
291
|
var upload = function upload(files) {
|
|
281
292
|
files = files || filesState;
|
|
282
293
|
|
|
294
|
+
if (files && files.nativeEvent) {
|
|
295
|
+
files = filesState;
|
|
296
|
+
}
|
|
297
|
+
|
|
283
298
|
if (props.customUpload) {
|
|
284
299
|
if (props.fileLimit) {
|
|
285
300
|
uploadedFileCount + files.length, _readOnlyError("uploadedFileCount");
|
|
@@ -295,6 +310,7 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
|
|
|
295
310
|
});
|
|
296
311
|
}
|
|
297
312
|
} else {
|
|
313
|
+
setUploadingState(true);
|
|
298
314
|
var xhr = new XMLHttpRequest();
|
|
299
315
|
var formData = new FormData();
|
|
300
316
|
|
|
@@ -336,6 +352,7 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
|
|
|
336
352
|
xhr.onreadystatechange = function () {
|
|
337
353
|
if (xhr.readyState === 4) {
|
|
338
354
|
setProgressState(0);
|
|
355
|
+
setUploadingState(false);
|
|
339
356
|
|
|
340
357
|
if (xhr.status >= 200 && xhr.status < 300) {
|
|
341
358
|
if (props.fileLimit) {
|
|
@@ -377,6 +394,7 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
|
|
|
377
394
|
|
|
378
395
|
var clear = function clear() {
|
|
379
396
|
setFilesState([]);
|
|
397
|
+
setUploadingState(false);
|
|
380
398
|
props.onClear && props.onClear();
|
|
381
399
|
clearInput();
|
|
382
400
|
};
|
|
@@ -401,7 +419,7 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
|
|
|
401
419
|
};
|
|
402
420
|
|
|
403
421
|
var onDragEnter = function onDragEnter(event) {
|
|
404
|
-
if (!
|
|
422
|
+
if (!disabled) {
|
|
405
423
|
event.dataTransfer.dropEffect = 'copy';
|
|
406
424
|
event.stopPropagation();
|
|
407
425
|
event.preventDefault();
|
|
@@ -409,7 +427,7 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
|
|
|
409
427
|
};
|
|
410
428
|
|
|
411
429
|
var onDragOver = function onDragOver(event) {
|
|
412
|
-
if (!
|
|
430
|
+
if (!disabled) {
|
|
413
431
|
event.dataTransfer.dropEffect = 'copy';
|
|
414
432
|
utils.DomHandler.addClass(contentRef.current, 'p-fileupload-highlight');
|
|
415
433
|
event.stopPropagation();
|
|
@@ -418,25 +436,32 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
|
|
|
418
436
|
};
|
|
419
437
|
|
|
420
438
|
var onDragLeave = function onDragLeave(event) {
|
|
421
|
-
if (!
|
|
439
|
+
if (!disabled) {
|
|
422
440
|
event.dataTransfer.dropEffect = 'copy';
|
|
423
441
|
utils.DomHandler.removeClass(contentRef.current, 'p-fileupload-highlight');
|
|
424
442
|
}
|
|
425
443
|
};
|
|
426
444
|
|
|
427
445
|
var onDrop = function onDrop(event) {
|
|
428
|
-
if (
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
|
|
446
|
+
if (props.disabled) {
|
|
447
|
+
return;
|
|
448
|
+
}
|
|
449
|
+
|
|
450
|
+
utils.DomHandler.removeClass(contentRef.current, 'p-fileupload-highlight');
|
|
451
|
+
event.stopPropagation();
|
|
452
|
+
event.preventDefault(); // give caller a chance to stop the drop
|
|
453
|
+
|
|
454
|
+
if (props.onBeforeDrop && props.onBeforeDrop(event) === false) {
|
|
455
|
+
return;
|
|
435
456
|
}
|
|
457
|
+
|
|
458
|
+
var files = event.dataTransfer ? event.dataTransfer.files : event.target.files;
|
|
459
|
+
var allowDrop = props.multiple || utils.ObjectUtils.isEmpty(filesState) && files && files.length === 1;
|
|
460
|
+
allowDrop && onFileSelect(event);
|
|
436
461
|
};
|
|
437
462
|
|
|
438
463
|
var onSimpleUploaderClick = function onSimpleUploaderClick() {
|
|
439
|
-
hasFiles ? upload() : fileInputRef.current.click();
|
|
464
|
+
!disabled && hasFiles ? upload() : fileInputRef.current.click();
|
|
440
465
|
};
|
|
441
466
|
|
|
442
467
|
React__namespace.useImperativeHandle(ref, function () {
|
|
@@ -454,7 +479,7 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
|
|
|
454
479
|
_icon = _props$chooseOptions.icon,
|
|
455
480
|
iconOnly = _props$chooseOptions.iconOnly;
|
|
456
481
|
var chooseClassName = utils.classNames('p-button p-fileupload-choose p-component', {
|
|
457
|
-
'p-disabled':
|
|
482
|
+
'p-disabled': disabled,
|
|
458
483
|
'p-focus': focusedState,
|
|
459
484
|
'p-button-icon-only': iconOnly
|
|
460
485
|
}, className);
|
|
@@ -508,7 +533,8 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
|
|
|
508
533
|
icon: "pi pi-times",
|
|
509
534
|
onClick: function onClick(e) {
|
|
510
535
|
return remove(e, index);
|
|
511
|
-
}
|
|
536
|
+
},
|
|
537
|
+
disabled: disabled
|
|
512
538
|
}));
|
|
513
539
|
var content = /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, preview, fileName, size, removeButton);
|
|
514
540
|
|
|
@@ -635,7 +661,7 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
|
|
|
635
661
|
var className = utils.classNames('p-fileupload p-fileupload-basic p-component', props.className);
|
|
636
662
|
var buttonClassName = utils.classNames('p-button p-component p-fileupload-choose', {
|
|
637
663
|
'p-fileupload-choose-selected': hasFiles,
|
|
638
|
-
'p-disabled':
|
|
664
|
+
'p-disabled': disabled,
|
|
639
665
|
'p-focus': focusedState
|
|
640
666
|
}, chooseOptions.className);
|
|
641
667
|
var chooseIcon = chooseOptions.icon || utils.classNames({
|
|
@@ -665,7 +691,7 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
|
|
|
665
691
|
type: "file",
|
|
666
692
|
accept: props.accept,
|
|
667
693
|
multiple: props.multiple,
|
|
668
|
-
disabled:
|
|
694
|
+
disabled: disabled,
|
|
669
695
|
onChange: onFileSelect
|
|
670
696
|
});
|
|
671
697
|
return /*#__PURE__*/React__namespace.createElement("div", _extends({
|
|
@@ -739,6 +765,7 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
|
|
|
739
765
|
progressBarTemplate: null,
|
|
740
766
|
onBeforeUpload: null,
|
|
741
767
|
onBeforeSend: null,
|
|
768
|
+
onBeforeDrop: null,
|
|
742
769
|
onUpload: null,
|
|
743
770
|
onError: null,
|
|
744
771
|
onClear: null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.fileupload=function(e,t,n,l,a,r,o,i){"use strict";function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var c=s(t);function u(){return u=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},u.apply(this,arguments)}function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function d(e){if(Array.isArray(e))return p(e)}function m(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function f(e,t){if(e){if("string"==typeof e)return p(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?p(e,t):void 0}}function y(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function b(e){return d(e)||m(e)||f(e)||y()}function v(e){if(Array.isArray(e))return e}function h(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,a,r=[],o=!0,i=!1;try{for(n=n.call(e);!(o=(l=n.next()).done)&&(r.push(l.value),!t||r.length!==t);o=!0);}catch(e){i=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(i)throw a}}return r}}function g(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function E(e,t){return v(e)||h(e,t)||f(e,t)||g()}function S(e){throw new TypeError('"'+e+'" is read-only')}function O(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=N(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var l=0,a=function(){};return{s:a,n:function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}},e:function(e){throw e},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var r,o=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){i=!0,r=e},f:function(){try{o||null==n.return||n.return()}finally{if(i)throw r}}}}function N(e,t){if(e){if("string"==typeof e)return w(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?w(e,t):void 0}}function w(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}var B=c.memo(c.forwardRef((function(e,t){var s=E(c.useState([]),2),p=s[0],d=s[1],m=E(c.useState(0),2),f=m[0],y=m[1],v=E(c.useState(!1),2),h=v[0],g=v[1],N=c.useRef(null),w=c.useRef(null),T=c.useRef(null),U=c.useRef(!1),j=c.useRef(0),C=i.ObjectUtils.isNotEmpty(p),F=e.chooseLabel||e.chooseOptions.label||n.localeOption("choose"),M=e.uploadLabel||e.uploadOptions.label||n.localeOption("upload"),z=e.cancelLabel||e.cancelOptions.label||n.localeOption("cancel"),D=e.disabled||e.fileLimit&&e.fileLimit<=p.length+j,I=e.disabled||!C,L=e.disabled||!C,R=function(e){return/^image\//.test(e.type)},P=function(t,n){x();var l=b(p),a=p[n];l.splice(n,1),d(l),e.onRemove&&e.onRemove({originalEvent:t,file:a})},x=function(){N.current&&(N.current.value="")},A=function(e){if(0===e)return"0 B";var t=Math.floor(Math.log(e)/Math.log(1e3));return parseFloat((e/Math.pow(1e3,t)).toFixed(3))+" "+["B","KB","MB","GB","TB","PB","EB","ZB","YB"][t]},k=function(t){if("drop"!==t.type&&_()&&U.current)U.current=!1;else{for(var n=p?b(p):[],l=t.dataTransfer?t.dataTransfer.files:t.target.files,a=0;a<l.length;a++){var r=l[a];!H(r)&&X(r)&&(R(r)&&(r.objectURL=window.URL.createObjectURL(r)),n.push(r))}d(n),i.ObjectUtils.isNotEmpty(n)&&e.auto&&J(n),e.onSelect&&e.onSelect({originalEvent:t,files:l}),"drop"!==t.type&&_()?N.current&&(U.current=!0,N.current.value=""):x(),"basic"===e.mode&&n.length>0&&(N.current.style.display="none")}},H=function(e){return p.some((function(t){return t.name+t.type+t.size===e.name+e.type+e.size}))},_=function(){return!!window.MSInputMethodContext&&!!document.documentMode},X=function(t){if(e.maxFileSize&&t.size>e.maxFileSize){var n={severity:"error",summary:e.invalidFileSizeMessageSummary.replace("{0}",t.name),detail:e.invalidFileSizeMessageDetail.replace("{0}",A(e.maxFileSize)),sticky:!0};return"advanced"===e.mode&&w.current.show(n),e.onValidationFail&&e.onValidationFail(t),!1}return!0},J=function(t){if(t=t||p,e.customUpload)e.fileLimit&&S("uploadedFileCount"),e.uploadHandler&&e.uploadHandler({files:t,options:{clear:K,props:e}});else{var n=new XMLHttpRequest,l=new FormData;e.onBeforeUpload&&e.onBeforeUpload({xhr:n,formData:l});var a,r=O(t);try{for(r.s();!(a=r.n()).done;){var o=a.value;l.append(e.name,o,o.name)}}catch(e){r.e(e)}finally{r.f()}n.upload.addEventListener("progress",(function(t){if(t.lengthComputable){var n=Math.round(100*t.loaded/t.total);y(n),e.onProgress&&e.onProgress({originalEvent:t,progress:n})}})),n.onreadystatechange=function(){4===n.readyState&&(y(0),n.status>=200&&n.status<300?(e.fileLimit&&S("uploadedFileCount"),e.onUpload&&e.onUpload({xhr:n,files:t})):e.onError&&e.onError({xhr:n,files:t}),K())},n.open("POST",e.url,!0),e.onBeforeSend&&e.onBeforeSend({xhr:n,formData:l}),n.withCredentials=e.withCredentials,n.send(l)}},K=function(){d([]),e.onClear&&e.onClear(),x()},V=function(){N.current.click()},W=function(){g(!0)},Y=function(){g(!1)},$=function(e){13===e.which&&V()},q=function(t){e.disabled||(t.dataTransfer.dropEffect="copy",t.stopPropagation(),t.preventDefault())},G=function(t){e.disabled||(t.dataTransfer.dropEffect="copy",i.DomHandler.addClass(T.current,"p-fileupload-highlight"),t.stopPropagation(),t.preventDefault())},Z=function(t){e.disabled||(t.dataTransfer.dropEffect="copy",i.DomHandler.removeClass(T.current,"p-fileupload-highlight"))},Q=function(t){if(!e.disabled){i.DomHandler.removeClass(T.current,"p-fileupload-highlight"),t.stopPropagation(),t.preventDefault();var n=t.dataTransfer?t.dataTransfer.files:t.target.files;(e.multiple||n&&0===n.length)&&k(t)}},ee=function(){C?J():N.current.click()};c.useImperativeHandle(t,(function(){return{upload:J,clear:K,formatSize:A}}));var te,ne,le,ae,re,oe,ie,se,ce,ue,pe=function(t,n){var a=t.name+t.type+t.size,r=R(t)?c.createElement("div",null,c.createElement("img",{alt:t.name,role:"presentation",src:t.objectURL,width:e.previewWidth})):null,o=c.createElement("div",{className:"p-fileupload-filename"},t.name),s=c.createElement("div",null,A(t.size)),u=c.createElement("div",null,c.createElement(l.Button,{type:"button",icon:"pi pi-times",onClick:function(e){return P(e,n)}})),p=c.createElement(c.Fragment,null,r,o,s,u);if(e.itemTemplate){var d={onRemove:function(e){return P(e,n)},previewElement:r,fileNameElement:o,sizeElement:s,removeElement:u,formatSize:A(t.size),element:p,props:e};p=i.ObjectUtils.getJSXElement(e.itemTemplate,t,d)}return c.createElement("div",{className:"p-fileupload-row",key:a},p)};return"advanced"===e.mode?function(){var t,n,s,d,m,y,b,v,g,E,S,O,U,j,R=i.ObjectUtils.findDiffKeys(e,B.defaultProps),P=i.classNames("p-fileupload p-fileupload-advanced p-component",e.className),x=i.classNames("p-fileupload-buttonbar",e.headerClassName),A=i.classNames("p-fileupload-content",e.contentClassName),H=(n=(t=e.chooseOptions).style,s=t.icon,m=i.classNames("p-button p-fileupload-choose p-component",{"p-disabled":e.disabled,"p-focus":h,"p-button-icon-only":d=t.iconOnly},t.className),y="p-button-label p-clickable",b=d?c.createElement("span",{className:y,dangerouslySetInnerHTML:{__html:" "}}):c.createElement("span",{className:y},F),v=c.createElement("input",{ref:N,type:"file",onChange:k,multiple:e.multiple,accept:e.accept,disabled:D}),g=i.IconUtils.getJSXIcon(s||"pi pi-fw pi-plus",{className:"p-button-icon p-button-icon-left p-clickable"},{props:e}),c.createElement("span",{className:m,style:n,onClick:V,onKeyDown:$,onFocus:W,onBlur:Y,tabIndex:0},v,g,b,c.createElement(o.Ripple,null))),_=e.emptyTemplate&&!C?i.ObjectUtils.getJSXElement(e.emptyTemplate,e):null;if(!e.auto){var X=e.uploadOptions,ee=e.cancelOptions,te=ee.iconOnly?"":z;E=c.createElement(l.Button,{type:"button",label:X.iconOnly?"":M,icon:X.icon||"pi pi-upload",onClick:J,disabled:I,style:X.style,className:X.className}),S=c.createElement(l.Button,{type:"button",label:te,icon:ee.icon||"pi pi-times",onClick:K,disabled:L,style:ee.style,className:ee.className})}C&&(j=p.map(pe),O=c.createElement("div",{className:"p-fileupload-files"},j),U=e.progressBarTemplate?i.ObjectUtils.getJSXElement(e.progressBarTemplate,e):c.createElement(r.ProgressBar,{value:f,showValue:!1}));var ne=c.createElement("div",{className:x,style:e.headerStyle},H,E,S);e.headerTemplate&&(ne=i.ObjectUtils.getJSXElement(e.headerTemplate,{className:x,chooseButton:H,uploadButton:E,cancelButton:S,element:ne,props:e}));return c.createElement("div",u({id:e.id,className:P,style:e.style},R),ne,c.createElement("div",{ref:T,className:A,style:e.contentStyle,onDragEnter:q,onDragOver:G,onDragLeave:Z,onDrop:Q},U,c.createElement(a.Messages,{ref:w}),O,_))}():"basic"===e.mode?(te=e.chooseOptions,ne=i.ObjectUtils.findDiffKeys(e,B.defaultProps),le=i.classNames("p-fileupload p-fileupload-basic p-component",e.className),ae=i.classNames("p-button p-component p-fileupload-choose",{"p-fileupload-choose-selected":C,"p-disabled":e.disabled,"p-focus":h},te.className),re=te.icon||i.classNames({"pi pi-plus":!te.icon&&(!C||e.auto),"pi pi-upload":!te.icon&&C&&!e.auto}),oe="p-button-label p-clickable",ie=te.iconOnly?c.createElement("span",{className:oe,dangerouslySetInnerHTML:{__html:" "}}):c.createElement("span",{className:oe},F),se=e.auto?ie:c.createElement("span",{className:oe},C?p[0].name:ie),ce=i.IconUtils.getJSXIcon(re,{className:"p-button-icon p-button-icon-left"},{props:e,hasFiles:C}),ue=!C&&c.createElement("input",{ref:N,type:"file",accept:e.accept,multiple:e.multiple,disabled:e.disabled,onChange:k}),c.createElement("div",u({className:le,style:e.style},ne),c.createElement(a.Messages,{ref:w}),c.createElement("span",{className:ae,style:te.style,onMouseUp:ee,onKeyDown:$,onFocus:W,onBlur:Y,tabIndex:0},ce,se,ue,c.createElement(o.Ripple,null)))):void 0})));return B.displayName="FileUpload",B.defaultProps={__TYPE:"FileUpload",id:null,name:null,url:null,mode:"advanced",multiple:!1,accept:null,disabled:!1,auto:!1,maxFileSize:null,invalidFileSizeMessageSummary:"{0}: Invalid file size, ",invalidFileSizeMessageDetail:"maximum upload size is {0}.",style:null,className:null,widthCredentials:!1,previewWidth:50,chooseLabel:null,uploadLabel:null,cancelLabel:null,chooseOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},uploadOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},cancelOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},customUpload:!1,headerClassName:null,headerStyle:null,contentClassName:null,contentStyle:null,headerTemplate:null,itemTemplate:null,emptyTemplate:null,progressBarTemplate:null,onBeforeUpload:null,onBeforeSend:null,onUpload:null,onError:null,onClear:null,onSelect:null,onProgress:null,onValidationFail:null,uploadHandler:null,onRemove:null},e.FileUpload=B,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.button,primereact.messages,primereact.progressbar,primereact.ripple,primereact.utils);
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.fileupload=function(e,t,n,l,a,r,o,i){"use strict";function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var c=s(t);function u(){return u=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},u.apply(this,arguments)}function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function m(e){if(Array.isArray(e))return p(e)}function d(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function f(e,t){if(e){if("string"==typeof e)return p(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?p(e,t):void 0}}function y(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function b(e){return m(e)||d(e)||f(e)||y()}function v(e){if(Array.isArray(e))return e}function h(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,a,r=[],o=!0,i=!1;try{for(n=n.call(e);!(o=(l=n.next()).done)&&(r.push(l.value),!t||r.length!==t);o=!0);}catch(e){i=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(i)throw a}}return r}}function g(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function E(e,t){return v(e)||h(e,t)||f(e,t)||g()}function S(e){throw new TypeError('"'+e+'" is read-only')}function O(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=N(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var l=0,a=function(){};return{s:a,n:function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}},e:function(e){throw e},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var r,o=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){i=!0,r=e},f:function(){try{o||null==n.return||n.return()}finally{if(i)throw r}}}}function N(e,t){if(e){if("string"==typeof e)return w(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?w(e,t):void 0}}function w(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}var B=c.memo(c.forwardRef((function(e,t){var s=E(c.useState([]),2),p=s[0],m=s[1],d=E(c.useState(0),2),f=d[0],y=d[1],v=E(c.useState(!1),2),h=v[0],g=v[1],N=E(c.useState(!1),2),w=N[0],U=N[1],T=c.useRef(null),j=c.useRef(null),C=c.useRef(null),D=c.useRef(!1),F=c.useRef(0),M=i.ObjectUtils.isNotEmpty(p),z=e.disabled||w,I=e.chooseLabel||e.chooseOptions.label||n.localeOption("choose"),L=e.uploadLabel||e.uploadOptions.label||n.localeOption("upload"),R=e.cancelLabel||e.cancelOptions.label||n.localeOption("cancel"),P=z||e.fileLimit&&e.fileLimit<=p.length+F,x=z||!M,A=z||!M,k=function(e){return/^image\//.test(e.type)},H=function(t,n){_();var l=b(p),a=p[n];l.splice(n,1),m(l),e.onRemove&&e.onRemove({originalEvent:t,file:a})},_=function(){T.current&&(T.current.value="")},X=function(e){if(0===e)return"0 B";var t=Math.floor(Math.log(e)/Math.log(1e3));return parseFloat((e/Math.pow(1e3,t)).toFixed(3))+" "+["B","KB","MB","GB","TB","PB","EB","ZB","YB"][t]},J=function(t){if("drop"!==t.type&&V()&&D.current)D.current=!1;else{var n=[];e.multiple&&(n=p?b(p):[]);for(var l=t.dataTransfer?t.dataTransfer.files:t.target.files,a=0;a<l.length;a++){var r=l[a];!K(r)&&W(r)&&(k(r)&&(r.objectURL=window.URL.createObjectURL(r)),n.push(r))}m(n),i.ObjectUtils.isNotEmpty(n)&&e.auto&&Y(n),e.onSelect&&e.onSelect({originalEvent:t,files:l}),"drop"!==t.type&&V()?T.current&&(D.current=!0,T.current.value=""):_(),"basic"===e.mode&&n.length>0&&(T.current.style.display="none")}},K=function(e){return p.some((function(t){return t.name+t.type+t.size===e.name+e.type+e.size}))},V=function(){return!!window.MSInputMethodContext&&!!document.documentMode},W=function(t){if(e.maxFileSize&&t.size>e.maxFileSize){var n={severity:"error",summary:e.invalidFileSizeMessageSummary.replace("{0}",t.name),detail:e.invalidFileSizeMessageDetail.replace("{0}",X(e.maxFileSize)),sticky:!0};return"advanced"===e.mode&&j.current.show(n),e.onValidationFail&&e.onValidationFail(t),!1}return!0},Y=function(t){if((t=t||p)&&t.nativeEvent&&(t=p),e.customUpload)e.fileLimit&&S("uploadedFileCount"),e.uploadHandler&&e.uploadHandler({files:t,options:{clear:$,props:e}});else{U(!0);var n=new XMLHttpRequest,l=new FormData;e.onBeforeUpload&&e.onBeforeUpload({xhr:n,formData:l});var a,r=O(t);try{for(r.s();!(a=r.n()).done;){var o=a.value;l.append(e.name,o,o.name)}}catch(e){r.e(e)}finally{r.f()}n.upload.addEventListener("progress",(function(t){if(t.lengthComputable){var n=Math.round(100*t.loaded/t.total);y(n),e.onProgress&&e.onProgress({originalEvent:t,progress:n})}})),n.onreadystatechange=function(){4===n.readyState&&(y(0),U(!1),n.status>=200&&n.status<300?(e.fileLimit&&S("uploadedFileCount"),e.onUpload&&e.onUpload({xhr:n,files:t})):e.onError&&e.onError({xhr:n,files:t}),$())},n.open("POST",e.url,!0),e.onBeforeSend&&e.onBeforeSend({xhr:n,formData:l}),n.withCredentials=e.withCredentials,n.send(l)}},$=function(){m([]),U(!1),e.onClear&&e.onClear(),_()},q=function(){T.current.click()},G=function(){g(!0)},Z=function(){g(!1)},Q=function(e){13===e.which&&q()},ee=function(e){z||(e.dataTransfer.dropEffect="copy",e.stopPropagation(),e.preventDefault())},te=function(e){z||(e.dataTransfer.dropEffect="copy",i.DomHandler.addClass(C.current,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault())},ne=function(e){z||(e.dataTransfer.dropEffect="copy",i.DomHandler.removeClass(C.current,"p-fileupload-highlight"))},le=function(t){if(!e.disabled&&(i.DomHandler.removeClass(C.current,"p-fileupload-highlight"),t.stopPropagation(),t.preventDefault(),!e.onBeforeDrop||!1!==e.onBeforeDrop(t))){var n=t.dataTransfer?t.dataTransfer.files:t.target.files;(e.multiple||i.ObjectUtils.isEmpty(p)&&n&&1===n.length)&&J(t)}},ae=function(){!z&&M?Y():T.current.click()};c.useImperativeHandle(t,(function(){return{upload:Y,clear:$,formatSize:X}}));var re,oe,ie,se,ce,ue,pe,me,de,fe,ye=function(t,n){var a=t.name+t.type+t.size,r=k(t)?c.createElement("div",null,c.createElement("img",{alt:t.name,role:"presentation",src:t.objectURL,width:e.previewWidth})):null,o=c.createElement("div",{className:"p-fileupload-filename"},t.name),s=c.createElement("div",null,X(t.size)),u=c.createElement("div",null,c.createElement(l.Button,{type:"button",icon:"pi pi-times",onClick:function(e){return H(e,n)},disabled:z})),p=c.createElement(c.Fragment,null,r,o,s,u);if(e.itemTemplate){var m={onRemove:function(e){return H(e,n)},previewElement:r,fileNameElement:o,sizeElement:s,removeElement:u,formatSize:X(t.size),element:p,props:e};p=i.ObjectUtils.getJSXElement(e.itemTemplate,t,m)}return c.createElement("div",{className:"p-fileupload-row",key:a},p)};return"advanced"===e.mode?function(){var t,n,s,m,d,y,b,v,g,E,S,O,N,w,U=i.ObjectUtils.findDiffKeys(e,B.defaultProps),D=i.classNames("p-fileupload p-fileupload-advanced p-component",e.className),F=i.classNames("p-fileupload-buttonbar",e.headerClassName),k=i.classNames("p-fileupload-content",e.contentClassName),H=(n=(t=e.chooseOptions).style,s=t.icon,d=i.classNames("p-button p-fileupload-choose p-component",{"p-disabled":z,"p-focus":h,"p-button-icon-only":m=t.iconOnly},t.className),y="p-button-label p-clickable",b=m?c.createElement("span",{className:y,dangerouslySetInnerHTML:{__html:" "}}):c.createElement("span",{className:y},I),v=c.createElement("input",{ref:T,type:"file",onChange:J,multiple:e.multiple,accept:e.accept,disabled:P}),g=i.IconUtils.getJSXIcon(s||"pi pi-fw pi-plus",{className:"p-button-icon p-button-icon-left p-clickable"},{props:e}),c.createElement("span",{className:d,style:n,onClick:q,onKeyDown:Q,onFocus:G,onBlur:Z,tabIndex:0},v,g,b,c.createElement(o.Ripple,null))),_=e.emptyTemplate&&!M?i.ObjectUtils.getJSXElement(e.emptyTemplate,e):null;if(!e.auto){var X=e.uploadOptions,K=e.cancelOptions,V=K.iconOnly?"":R;E=c.createElement(l.Button,{type:"button",label:X.iconOnly?"":L,icon:X.icon||"pi pi-upload",onClick:Y,disabled:x,style:X.style,className:X.className}),S=c.createElement(l.Button,{type:"button",label:V,icon:K.icon||"pi pi-times",onClick:$,disabled:A,style:K.style,className:K.className})}M&&(w=p.map(ye),O=c.createElement("div",{className:"p-fileupload-files"},w),N=e.progressBarTemplate?i.ObjectUtils.getJSXElement(e.progressBarTemplate,e):c.createElement(r.ProgressBar,{value:f,showValue:!1}));var W=c.createElement("div",{className:F,style:e.headerStyle},H,E,S);e.headerTemplate&&(W=i.ObjectUtils.getJSXElement(e.headerTemplate,{className:F,chooseButton:H,uploadButton:E,cancelButton:S,element:W,props:e}));return c.createElement("div",u({id:e.id,className:D,style:e.style},U),W,c.createElement("div",{ref:C,className:k,style:e.contentStyle,onDragEnter:ee,onDragOver:te,onDragLeave:ne,onDrop:le},N,c.createElement(a.Messages,{ref:j}),O,_))}():"basic"===e.mode?(re=e.chooseOptions,oe=i.ObjectUtils.findDiffKeys(e,B.defaultProps),ie=i.classNames("p-fileupload p-fileupload-basic p-component",e.className),se=i.classNames("p-button p-component p-fileupload-choose",{"p-fileupload-choose-selected":M,"p-disabled":z,"p-focus":h},re.className),ce=re.icon||i.classNames({"pi pi-plus":!re.icon&&(!M||e.auto),"pi pi-upload":!re.icon&&M&&!e.auto}),ue="p-button-label p-clickable",pe=re.iconOnly?c.createElement("span",{className:ue,dangerouslySetInnerHTML:{__html:" "}}):c.createElement("span",{className:ue},I),me=e.auto?pe:c.createElement("span",{className:ue},M?p[0].name:pe),de=i.IconUtils.getJSXIcon(ce,{className:"p-button-icon p-button-icon-left"},{props:e,hasFiles:M}),fe=!M&&c.createElement("input",{ref:T,type:"file",accept:e.accept,multiple:e.multiple,disabled:z,onChange:J}),c.createElement("div",u({className:ie,style:e.style},oe),c.createElement(a.Messages,{ref:j}),c.createElement("span",{className:se,style:re.style,onMouseUp:ae,onKeyDown:Q,onFocus:G,onBlur:Z,tabIndex:0},de,me,fe,c.createElement(o.Ripple,null)))):void 0})));return B.displayName="FileUpload",B.defaultProps={__TYPE:"FileUpload",id:null,name:null,url:null,mode:"advanced",multiple:!1,accept:null,disabled:!1,auto:!1,maxFileSize:null,invalidFileSizeMessageSummary:"{0}: Invalid file size, ",invalidFileSizeMessageDetail:"maximum upload size is {0}.",style:null,className:null,widthCredentials:!1,previewWidth:50,chooseLabel:null,uploadLabel:null,cancelLabel:null,chooseOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},uploadOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},cancelOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},customUpload:!1,headerClassName:null,headerStyle:null,contentClassName:null,contentStyle:null,headerTemplate:null,itemTemplate:null,emptyTemplate:null,progressBarTemplate:null,onBeforeUpload:null,onBeforeSend:null,onBeforeDrop:null,onUpload:null,onError:null,onClear:null,onSelect:null,onProgress:null,onValidationFail:null,uploadHandler:null,onRemove:null},e.FileUpload=B,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.button,primereact.messages,primereact.progressbar,primereact.ripple,primereact.utils);
|
|
@@ -66,6 +66,7 @@ var FullCalendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
|
|
|
66
66
|
};
|
|
67
67
|
|
|
68
68
|
hooks.useMountEffect(function () {
|
|
69
|
+
// eslint-disable-next-line no-console
|
|
69
70
|
console.warn("FullCalendar component is deprecated. Use FullCalendar component of '@fullcalendar/react' package.");
|
|
70
71
|
config.current = {
|
|
71
72
|
theme: true
|
|
@@ -42,6 +42,7 @@ var FullCalendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
|
|
|
42
42
|
};
|
|
43
43
|
|
|
44
44
|
useMountEffect(function () {
|
|
45
|
+
// eslint-disable-next-line no-console
|
|
45
46
|
console.warn("FullCalendar component is deprecated. Use FullCalendar component of '@fullcalendar/react' package.");
|
|
46
47
|
config.current = {
|
|
47
48
|
theme: true
|
|
@@ -62,6 +62,7 @@ this.primereact.fullcalendar = (function (exports, React, hooks, utils) {
|
|
|
62
62
|
};
|
|
63
63
|
|
|
64
64
|
hooks.useMountEffect(function () {
|
|
65
|
+
// eslint-disable-next-line no-console
|
|
65
66
|
console.warn("FullCalendar component is deprecated. Use FullCalendar component of '@fullcalendar/react' package.");
|
|
66
67
|
config.current = {
|
|
67
68
|
theme: true
|
|
@@ -342,21 +342,36 @@ var InputNumber = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
|
|
|
342
342
|
if (inputRef.current) {
|
|
343
343
|
var step = props.step * dir;
|
|
344
344
|
var currentValue = parseValue(inputRef.current.value) || 0;
|
|
345
|
-
var newValue = validateValue(currentValue + step);
|
|
346
|
-
|
|
345
|
+
var newValue = validateValue(currentValue + step); // touch devices trigger the keyboard to display because of setSelectionRange
|
|
346
|
+
|
|
347
|
+
!utils.DomHandler.isTouchDevice() && updateInput(newValue, null, 'spin');
|
|
347
348
|
updateModel(event, newValue);
|
|
348
349
|
handleOnChange(event, currentValue, newValue);
|
|
349
350
|
}
|
|
350
351
|
};
|
|
351
352
|
|
|
353
|
+
var onUpButtonTouchStart = function onUpButtonTouchStart(event) {
|
|
354
|
+
if (!props.disabled && !props.readOnly) {
|
|
355
|
+
repeat(event, null, 1);
|
|
356
|
+
event.preventDefault();
|
|
357
|
+
}
|
|
358
|
+
};
|
|
359
|
+
|
|
352
360
|
var onUpButtonMouseDown = function onUpButtonMouseDown(event) {
|
|
353
361
|
if (!props.disabled && !props.readOnly) {
|
|
354
|
-
inputRef.current.focus();
|
|
362
|
+
props.autoFocus && inputRef.current.focus();
|
|
355
363
|
repeat(event, null, 1);
|
|
356
364
|
event.preventDefault();
|
|
357
365
|
}
|
|
358
366
|
};
|
|
359
367
|
|
|
368
|
+
var onUpButtonTouchEnd = function onUpButtonTouchEnd() {
|
|
369
|
+
if (!props.disabled && !props.readOnly) {
|
|
370
|
+
clearTimer();
|
|
371
|
+
event.preventDefault();
|
|
372
|
+
}
|
|
373
|
+
};
|
|
374
|
+
|
|
360
375
|
var onUpButtonMouseUp = function onUpButtonMouseUp() {
|
|
361
376
|
if (!props.disabled && !props.readOnly) {
|
|
362
377
|
clearTimer();
|
|
@@ -381,9 +396,23 @@ var InputNumber = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
|
|
|
381
396
|
}
|
|
382
397
|
};
|
|
383
398
|
|
|
399
|
+
var onDownButtonTouchStart = function onDownButtonTouchStart(event) {
|
|
400
|
+
if (!props.disabled && !props.readOnly) {
|
|
401
|
+
repeat(event, null, -1);
|
|
402
|
+
event.preventDefault();
|
|
403
|
+
}
|
|
404
|
+
};
|
|
405
|
+
|
|
406
|
+
var onDownButtonTouchEnd = function onDownButtonTouchEnd() {
|
|
407
|
+
if (!props.disabled && !props.readOnly) {
|
|
408
|
+
clearTimer();
|
|
409
|
+
event.preventDefault();
|
|
410
|
+
}
|
|
411
|
+
};
|
|
412
|
+
|
|
384
413
|
var onDownButtonMouseDown = function onDownButtonMouseDown(event) {
|
|
385
414
|
if (!props.disabled && !props.readOnly) {
|
|
386
|
-
inputRef.current.focus();
|
|
415
|
+
props.autoFocus && inputRef.current.focus();
|
|
387
416
|
repeat(event, null, -1);
|
|
388
417
|
event.preventDefault();
|
|
389
418
|
}
|
|
@@ -1127,6 +1156,8 @@ var InputNumber = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
|
|
|
1127
1156
|
onMouseUp: onUpButtonMouseUp,
|
|
1128
1157
|
onKeyDown: onUpButtonKeyDown,
|
|
1129
1158
|
onKeyUp: onUpButtonKeyUp,
|
|
1159
|
+
onTouchStart: onUpButtonTouchStart,
|
|
1160
|
+
onTouchEnd: onUpButtonTouchEnd,
|
|
1130
1161
|
disabled: props.disabled,
|
|
1131
1162
|
tabIndex: -1
|
|
1132
1163
|
}, /*#__PURE__*/React__namespace.createElement("span", {
|
|
@@ -1147,6 +1178,8 @@ var InputNumber = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
|
|
|
1147
1178
|
onMouseUp: onDownButtonMouseUp,
|
|
1148
1179
|
onKeyDown: onDownButtonKeyDown,
|
|
1149
1180
|
onKeyUp: onDownButtonKeyUp,
|
|
1181
|
+
onTouchStart: onDownButtonTouchStart,
|
|
1182
|
+
onTouchEnd: onDownButtonTouchEnd,
|
|
1150
1183
|
disabled: props.disabled,
|
|
1151
1184
|
tabIndex: -1
|
|
1152
1185
|
}, /*#__PURE__*/React__namespace.createElement("span", {
|