primereact 8.7.1 → 8.7.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/accordion/accordion.cjs.js +56 -57
- package/accordion/accordion.cjs.min.js +1 -1
- package/accordion/accordion.esm.js +56 -57
- package/accordion/accordion.esm.min.js +1 -1
- package/accordion/accordion.js +56 -57
- package/accordion/accordion.min.js +1 -1
- package/api/api.cjs.js +30 -68
- package/api/api.cjs.min.js +1 -1
- package/api/api.esm.js +30 -68
- package/api/api.esm.min.js +1 -1
- package/api/api.js +30 -68
- package/api/api.min.js +1 -1
- package/autocomplete/autocomplete.cjs.js +88 -156
- package/autocomplete/autocomplete.cjs.min.js +1 -1
- package/autocomplete/autocomplete.d.ts +1 -0
- package/autocomplete/autocomplete.esm.js +88 -156
- package/autocomplete/autocomplete.esm.min.js +1 -1
- package/autocomplete/autocomplete.js +88 -156
- package/autocomplete/autocomplete.min.js +1 -1
- package/avatar/avatar.cjs.js +86 -14
- package/avatar/avatar.cjs.min.js +1 -1
- package/avatar/avatar.d.ts +5 -4
- package/avatar/avatar.esm.js +86 -14
- package/avatar/avatar.esm.min.js +1 -1
- package/avatar/avatar.js +86 -14
- package/avatar/avatar.min.js +1 -1
- package/avatargroup/avatargroup.cjs.js +0 -2
- package/avatargroup/avatargroup.esm.js +0 -2
- package/avatargroup/avatargroup.js +0 -2
- package/badge/badge.cjs.js +27 -3
- package/badge/badge.cjs.min.js +1 -1
- package/badge/badge.esm.js +27 -3
- package/badge/badge.esm.min.js +1 -1
- package/badge/badge.js +27 -3
- package/badge/badge.min.js +1 -1
- package/blockui/blockui.cjs.js +40 -54
- package/blockui/blockui.cjs.min.js +1 -1
- package/blockui/blockui.d.ts +5 -3
- package/blockui/blockui.esm.js +40 -54
- package/blockui/blockui.esm.min.js +1 -1
- package/blockui/blockui.js +40 -54
- package/blockui/blockui.min.js +1 -1
- package/breadcrumb/breadcrumb.cjs.js +6 -29
- package/breadcrumb/breadcrumb.esm.js +6 -29
- package/breadcrumb/breadcrumb.js +6 -29
- package/button/button.cjs.js +29 -11
- package/button/button.cjs.min.js +1 -1
- package/button/button.esm.js +29 -11
- package/button/button.esm.min.js +1 -1
- package/button/button.js +29 -11
- package/button/button.min.js +1 -1
- package/calendar/calendar.cjs.js +205 -667
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.d.ts +6 -4
- package/calendar/calendar.esm.js +205 -667
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +205 -667
- package/calendar/calendar.min.js +1 -1
- package/captcha/captcha.cjs.js +0 -15
- package/captcha/captcha.esm.js +0 -15
- package/captcha/captcha.js +0 -15
- package/card/card.cjs.js +0 -6
- package/card/card.esm.js +0 -6
- package/card/card.js +0 -6
- package/carousel/carousel.cjs.js +42 -130
- package/carousel/carousel.cjs.min.js +1 -1
- package/carousel/carousel.esm.js +42 -130
- package/carousel/carousel.esm.min.js +1 -1
- package/carousel/carousel.js +42 -130
- package/carousel/carousel.min.js +1 -1
- package/cascadeselect/cascadeselect.cjs.js +47 -132
- package/cascadeselect/cascadeselect.cjs.min.js +1 -1
- package/cascadeselect/cascadeselect.esm.js +47 -132
- package/cascadeselect/cascadeselect.esm.min.js +1 -1
- package/cascadeselect/cascadeselect.js +47 -132
- package/cascadeselect/cascadeselect.min.js +1 -1
- package/chart/chart.cjs.js +6 -7
- package/chart/chart.cjs.min.js +1 -1
- package/chart/chart.esm.js +6 -7
- package/chart/chart.esm.min.js +1 -1
- package/chart/chart.js +6 -7
- package/chart/chart.min.js +1 -1
- package/checkbox/checkbox.cjs.js +26 -40
- package/checkbox/checkbox.cjs.min.js +1 -1
- package/checkbox/checkbox.esm.js +26 -40
- package/checkbox/checkbox.esm.min.js +1 -1
- package/checkbox/checkbox.js +26 -40
- package/checkbox/checkbox.min.css +1 -1
- package/checkbox/checkbox.min.js +1 -1
- package/chip/chip.cjs.js +26 -41
- package/chip/chip.cjs.min.js +1 -1
- package/chip/chip.esm.js +26 -41
- package/chip/chip.esm.min.js +1 -1
- package/chip/chip.js +26 -41
- package/chip/chip.min.js +1 -1
- package/chips/chips.cjs.js +29 -72
- package/chips/chips.cjs.min.js +1 -1
- package/chips/chips.esm.js +29 -72
- package/chips/chips.esm.min.js +1 -1
- package/chips/chips.js +29 -72
- package/chips/chips.min.js +1 -1
- package/colorpicker/colorpicker.cjs.js +75 -143
- package/colorpicker/colorpicker.cjs.min.js +1 -1
- package/colorpicker/colorpicker.d.ts +8 -6
- package/colorpicker/colorpicker.esm.js +75 -143
- package/colorpicker/colorpicker.esm.min.js +1 -1
- package/colorpicker/colorpicker.js +75 -143
- package/colorpicker/colorpicker.min.js +1 -1
- package/column/column.d.ts +1 -0
- package/confirmdialog/confirmdialog.cjs.js +60 -60
- package/confirmdialog/confirmdialog.cjs.min.js +1 -1
- package/confirmdialog/confirmdialog.esm.js +60 -60
- package/confirmdialog/confirmdialog.esm.min.js +1 -1
- package/confirmdialog/confirmdialog.js +60 -60
- package/confirmdialog/confirmdialog.min.js +1 -1
- package/confirmpopup/confirmpopup.cjs.js +74 -94
- package/confirmpopup/confirmpopup.cjs.min.js +1 -1
- package/confirmpopup/confirmpopup.esm.js +74 -94
- package/confirmpopup/confirmpopup.esm.min.js +1 -1
- package/confirmpopup/confirmpopup.js +74 -94
- package/confirmpopup/confirmpopup.min.js +1 -1
- package/contextmenu/contextmenu.cjs.js +75 -120
- package/contextmenu/contextmenu.cjs.min.js +1 -1
- package/contextmenu/contextmenu.esm.js +75 -120
- package/contextmenu/contextmenu.esm.min.js +1 -1
- package/contextmenu/contextmenu.js +75 -120
- package/contextmenu/contextmenu.min.js +1 -1
- package/core/core.js +986 -2025
- package/core/core.min.js +18 -18
- package/csstransition/csstransition.cjs.js +27 -13
- package/csstransition/csstransition.cjs.min.js +1 -1
- package/csstransition/csstransition.esm.js +27 -13
- package/csstransition/csstransition.esm.min.js +1 -1
- package/csstransition/csstransition.js +27 -13
- package/csstransition/csstransition.min.js +1 -1
- package/datascroller/datascroller.cjs.js +32 -64
- package/datascroller/datascroller.cjs.min.js +1 -1
- package/datascroller/datascroller.esm.js +32 -64
- package/datascroller/datascroller.esm.min.js +1 -1
- package/datascroller/datascroller.js +32 -64
- package/datascroller/datascroller.min.js +1 -1
- package/datatable/datatable.cjs.js +318 -1077
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.d.ts +6 -1
- package/datatable/datatable.esm.js +318 -1077
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +318 -1077
- package/datatable/datatable.min.js +1 -1
- package/dataview/dataview.cjs.js +56 -68
- package/dataview/dataview.cjs.min.js +1 -1
- package/dataview/dataview.esm.js +56 -68
- package/dataview/dataview.esm.min.js +1 -1
- package/dataview/dataview.js +56 -68
- package/dataview/dataview.min.js +1 -1
- package/deferredcontent/deferredcontent.cjs.js +37 -46
- package/deferredcontent/deferredcontent.cjs.min.js +1 -1
- package/deferredcontent/deferredcontent.esm.js +37 -46
- package/deferredcontent/deferredcontent.esm.min.js +1 -1
- package/deferredcontent/deferredcontent.js +37 -46
- package/deferredcontent/deferredcontent.min.js +1 -1
- package/dialog/dialog.cjs.js +89 -175
- package/dialog/dialog.cjs.min.js +1 -1
- package/dialog/dialog.esm.js +89 -175
- package/dialog/dialog.esm.min.js +1 -1
- package/dialog/dialog.js +89 -175
- package/dialog/dialog.min.css +1 -1
- package/dialog/dialog.min.js +1 -1
- package/divider/divider.cjs.js +0 -2
- package/divider/divider.esm.js +0 -2
- package/divider/divider.js +0 -2
- package/dock/dock.cjs.js +31 -53
- package/dock/dock.cjs.min.js +1 -1
- package/dock/dock.esm.js +31 -53
- package/dock/dock.esm.min.js +1 -1
- package/dock/dock.js +31 -53
- package/dock/dock.min.js +1 -1
- package/dropdown/dropdown.cjs.js +72 -199
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.d.ts +39 -38
- package/dropdown/dropdown.esm.js +72 -199
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +72 -199
- package/dropdown/dropdown.min.js +1 -1
- package/editor/editor.cjs.js +31 -22
- package/editor/editor.cjs.min.js +1 -1
- package/editor/editor.esm.js +31 -22
- package/editor/editor.esm.min.js +1 -1
- package/editor/editor.js +31 -22
- package/editor/editor.min.js +1 -1
- package/fieldset/fieldset.cjs.js +29 -51
- package/fieldset/fieldset.cjs.min.js +1 -1
- package/fieldset/fieldset.esm.js +29 -51
- package/fieldset/fieldset.esm.min.js +1 -1
- package/fieldset/fieldset.js +29 -51
- package/fieldset/fieldset.min.js +1 -1
- package/fileupload/fileupload.cjs.js +45 -128
- package/fileupload/fileupload.cjs.min.js +1 -1
- package/fileupload/fileupload.esm.js +45 -128
- package/fileupload/fileupload.esm.min.js +1 -1
- package/fileupload/fileupload.js +45 -128
- package/fileupload/fileupload.min.js +1 -1
- package/galleria/galleria.cjs.js +54 -165
- package/galleria/galleria.cjs.min.js +1 -1
- package/galleria/galleria.esm.js +54 -165
- package/galleria/galleria.esm.min.js +1 -1
- package/galleria/galleria.js +54 -165
- package/galleria/galleria.min.js +1 -1
- package/gmap/gmap.cjs.js +2 -23
- package/gmap/gmap.esm.js +2 -23
- package/gmap/gmap.js +2 -23
- package/hooks/hooks.cjs.js +102 -131
- package/hooks/hooks.cjs.min.js +1 -1
- package/hooks/hooks.esm.js +102 -131
- package/hooks/hooks.esm.min.js +1 -1
- package/hooks/hooks.js +102 -131
- package/hooks/hooks.min.js +1 -1
- package/image/image.cjs.js +41 -67
- package/image/image.cjs.min.js +1 -1
- package/image/image.d.ts +1 -1
- package/image/image.esm.js +41 -67
- package/image/image.esm.min.js +1 -1
- package/image/image.js +41 -67
- package/image/image.min.js +1 -1
- package/inplace/inplace.cjs.js +26 -45
- package/inplace/inplace.cjs.min.js +1 -1
- package/inplace/inplace.esm.js +26 -45
- package/inplace/inplace.esm.min.js +1 -1
- package/inplace/inplace.js +26 -45
- package/inplace/inplace.min.js +1 -1
- package/inputmask/inputmask.cjs.js +16 -108
- package/inputmask/inputmask.d.ts +1 -1
- package/inputmask/inputmask.esm.js +16 -108
- package/inputmask/inputmask.js +16 -108
- package/inputnumber/inputnumber.cjs.js +89 -230
- package/inputnumber/inputnumber.cjs.min.js +1 -1
- package/inputnumber/inputnumber.d.ts +2 -1
- package/inputnumber/inputnumber.esm.js +89 -230
- package/inputnumber/inputnumber.esm.min.js +1 -1
- package/inputnumber/inputnumber.js +89 -230
- package/inputnumber/inputnumber.min.js +1 -1
- package/inputswitch/inputswitch.cjs.js +26 -37
- package/inputswitch/inputswitch.cjs.min.js +1 -1
- package/inputswitch/inputswitch.esm.js +26 -37
- package/inputswitch/inputswitch.esm.min.js +1 -1
- package/inputswitch/inputswitch.js +26 -37
- package/inputswitch/inputswitch.min.js +1 -1
- package/inputtext/inputtext.cjs.js +4 -15
- package/inputtext/inputtext.cjs.min.js +1 -1
- package/inputtext/inputtext.d.ts +3 -3
- package/inputtext/inputtext.esm.js +4 -15
- package/inputtext/inputtext.esm.min.js +1 -1
- package/inputtext/inputtext.js +4 -15
- package/inputtext/inputtext.min.js +1 -1
- package/inputtextarea/inputtextarea.cjs.js +24 -18
- package/inputtextarea/inputtextarea.cjs.min.js +1 -1
- package/inputtextarea/inputtextarea.d.ts +4 -2
- package/inputtextarea/inputtextarea.esm.js +24 -18
- package/inputtextarea/inputtextarea.esm.min.js +1 -1
- package/inputtextarea/inputtextarea.js +25 -20
- package/inputtextarea/inputtextarea.min.js +1 -1
- package/keyfilter/keyfilter.cjs.js +6 -16
- package/keyfilter/keyfilter.cjs.min.js +1 -1
- package/keyfilter/keyfilter.esm.js +6 -16
- package/keyfilter/keyfilter.esm.min.js +1 -1
- package/keyfilter/keyfilter.js +6 -16
- package/keyfilter/keyfilter.min.js +1 -1
- package/knob/knob.cjs.js +74 -106
- package/knob/knob.cjs.min.js +1 -1
- package/knob/knob.esm.js +74 -106
- package/knob/knob.esm.min.js +1 -1
- package/knob/knob.js +74 -106
- package/knob/knob.min.js +1 -1
- package/listbox/listbox.cjs.js +94 -125
- package/listbox/listbox.cjs.min.js +1 -1
- package/listbox/listbox.d.ts +6 -0
- package/listbox/listbox.esm.js +95 -126
- package/listbox/listbox.esm.min.js +1 -1
- package/listbox/listbox.js +94 -125
- package/listbox/listbox.min.js +1 -1
- package/megamenu/megamenu.cjs.js +36 -99
- package/megamenu/megamenu.cjs.min.js +1 -1
- package/megamenu/megamenu.esm.js +36 -99
- package/megamenu/megamenu.esm.min.js +1 -1
- package/megamenu/megamenu.js +36 -99
- package/megamenu/megamenu.min.js +1 -1
- package/mention/mention.cjs.js +106 -136
- package/mention/mention.cjs.min.js +1 -1
- package/mention/mention.d.ts +1 -1
- package/mention/mention.esm.js +106 -136
- package/mention/mention.esm.min.js +1 -1
- package/mention/mention.js +107 -138
- package/mention/mention.min.js +1 -1
- package/menu/menu.cjs.js +38 -72
- package/menu/menu.cjs.min.js +1 -1
- package/menu/menu.esm.js +38 -72
- package/menu/menu.esm.min.js +1 -1
- package/menu/menu.js +38 -72
- package/menu/menu.min.css +1 -1
- package/menu/menu.min.js +1 -1
- package/menubar/menubar.cjs.js +49 -99
- package/menubar/menubar.cjs.min.js +1 -1
- package/menubar/menubar.esm.js +49 -99
- package/menubar/menubar.esm.min.js +1 -1
- package/menubar/menubar.js +49 -99
- package/menubar/menubar.min.js +1 -1
- package/message/message.cjs.js +0 -7
- package/message/message.esm.js +0 -7
- package/message/message.js +0 -7
- package/messages/messages.cjs.js +39 -67
- package/messages/messages.cjs.min.js +1 -1
- package/messages/messages.esm.js +39 -67
- package/messages/messages.esm.min.js +1 -1
- package/messages/messages.js +39 -67
- package/messages/messages.min.js +1 -1
- package/multiselect/multiselect.cjs.js +137 -210
- package/multiselect/multiselect.cjs.min.js +1 -1
- package/multiselect/multiselect.d.ts +46 -41
- package/multiselect/multiselect.esm.js +137 -210
- package/multiselect/multiselect.esm.min.js +1 -1
- package/multiselect/multiselect.js +137 -210
- package/multiselect/multiselect.min.css +1 -1
- package/multiselect/multiselect.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.cjs.js +58 -53
- package/multistatecheckbox/multistatecheckbox.cjs.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.esm.js +58 -53
- package/multistatecheckbox/multistatecheckbox.esm.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.js +58 -53
- package/multistatecheckbox/multistatecheckbox.min.js +1 -1
- package/orderlist/orderlist.cjs.js +38 -103
- package/orderlist/orderlist.cjs.min.js +1 -1
- package/orderlist/orderlist.esm.js +38 -103
- package/orderlist/orderlist.esm.min.js +1 -1
- package/orderlist/orderlist.js +38 -103
- package/orderlist/orderlist.min.css +1 -1
- package/orderlist/orderlist.min.js +1 -1
- package/organizationchart/organizationchart.cjs.js +26 -52
- package/organizationchart/organizationchart.cjs.min.js +1 -1
- package/organizationchart/organizationchart.esm.js +26 -52
- package/organizationchart/organizationchart.esm.min.js +1 -1
- package/organizationchart/organizationchart.js +26 -52
- package/organizationchart/organizationchart.min.js +1 -1
- package/overlaypanel/overlaypanel.cjs.js +40 -79
- package/overlaypanel/overlaypanel.cjs.min.js +1 -1
- package/overlaypanel/overlaypanel.esm.js +40 -79
- package/overlaypanel/overlaypanel.esm.min.js +1 -1
- package/overlaypanel/overlaypanel.js +40 -79
- package/overlaypanel/overlaypanel.min.css +1 -1
- package/overlaypanel/overlaypanel.min.js +1 -1
- package/package.json +1 -1
- package/paginator/paginator.cjs.js +46 -87
- package/paginator/paginator.cjs.min.js +1 -1
- package/paginator/paginator.esm.js +46 -87
- package/paginator/paginator.esm.min.js +1 -1
- package/paginator/paginator.js +46 -87
- package/paginator/paginator.min.js +1 -1
- package/panel/panel.cjs.js +29 -50
- package/panel/panel.cjs.min.js +1 -1
- package/panel/panel.esm.js +29 -50
- package/panel/panel.esm.min.js +1 -1
- package/panel/panel.js +29 -50
- package/panel/panel.min.js +1 -1
- package/panelmenu/panelmenu.cjs.js +35 -81
- package/panelmenu/panelmenu.cjs.min.js +1 -1
- package/panelmenu/panelmenu.esm.js +35 -81
- package/panelmenu/panelmenu.esm.min.js +1 -1
- package/panelmenu/panelmenu.js +35 -81
- package/panelmenu/panelmenu.min.js +1 -1
- package/password/password.cjs.js +54 -107
- package/password/password.cjs.min.js +1 -1
- package/password/password.d.ts +1 -1
- package/password/password.esm.js +54 -107
- package/password/password.esm.min.js +1 -1
- package/password/password.js +54 -107
- package/password/password.min.js +1 -1
- package/picklist/picklist.cjs.js +48 -159
- package/picklist/picklist.cjs.min.js +1 -1
- package/picklist/picklist.esm.js +48 -159
- package/picklist/picklist.esm.min.js +1 -1
- package/picklist/picklist.js +48 -159
- package/picklist/picklist.min.js +1 -1
- package/portal/portal.cjs.js +26 -31
- package/portal/portal.cjs.min.js +1 -1
- package/portal/portal.esm.js +26 -31
- package/portal/portal.esm.min.js +1 -1
- package/portal/portal.js +26 -31
- package/portal/portal.min.js +1 -1
- package/primereact.all.cjs.js +2325 -7353
- package/primereact.all.cjs.min.js +1 -1
- package/primereact.all.esm.js +2325 -7353
- package/primereact.all.esm.min.js +1 -1
- package/primereact.all.js +2325 -7353
- package/primereact.all.min.js +1 -1
- package/progressbar/progressbar.cjs.js +0 -7
- package/progressbar/progressbar.esm.js +0 -7
- package/progressbar/progressbar.js +0 -7
- package/progressspinner/progressspinner.cjs.js +0 -2
- package/progressspinner/progressspinner.esm.js +0 -2
- package/progressspinner/progressspinner.js +0 -2
- package/radiobutton/radiobutton.cjs.js +30 -40
- package/radiobutton/radiobutton.cjs.min.js +1 -1
- package/radiobutton/radiobutton.esm.js +30 -40
- package/radiobutton/radiobutton.esm.min.js +1 -1
- package/radiobutton/radiobutton.js +30 -40
- package/radiobutton/radiobutton.min.js +1 -1
- package/rating/rating.cjs.js +27 -14
- package/rating/rating.cjs.min.js +1 -1
- package/rating/rating.esm.js +27 -14
- package/rating/rating.esm.min.js +1 -1
- package/rating/rating.js +27 -14
- package/rating/rating.min.js +1 -1
- package/resources/primereact.css +47 -1
- package/resources/primereact.min.css +1 -1
- package/ripple/ripple.cjs.js +0 -13
- package/ripple/ripple.cjs.min.js +1 -1
- package/ripple/ripple.esm.js +0 -13
- package/ripple/ripple.esm.min.js +1 -1
- package/ripple/ripple.js +0 -13
- package/ripple/ripple.min.js +1 -1
- package/row/row.cjs.js +0 -2
- package/row/row.esm.js +0 -2
- package/row/row.js +0 -2
- package/scrollpanel/scrollpanel.cjs.js +2 -16
- package/scrollpanel/scrollpanel.esm.js +2 -16
- package/scrollpanel/scrollpanel.js +2 -16
- package/scrolltop/scrolltop.cjs.js +44 -57
- package/scrolltop/scrolltop.cjs.min.js +1 -1
- package/scrolltop/scrolltop.esm.js +44 -57
- package/scrolltop/scrolltop.esm.min.js +1 -1
- package/scrolltop/scrolltop.js +44 -57
- package/scrolltop/scrolltop.min.js +1 -1
- package/selectbutton/selectbutton.cjs.js +26 -53
- package/selectbutton/selectbutton.cjs.min.js +1 -1
- package/selectbutton/selectbutton.esm.js +26 -53
- package/selectbutton/selectbutton.esm.min.js +1 -1
- package/selectbutton/selectbutton.js +26 -53
- package/selectbutton/selectbutton.min.js +1 -1
- package/sidebar/sidebar.cjs.js +52 -83
- package/sidebar/sidebar.cjs.min.js +1 -1
- package/sidebar/sidebar.esm.js +52 -83
- package/sidebar/sidebar.esm.min.js +1 -1
- package/sidebar/sidebar.js +52 -83
- package/sidebar/sidebar.min.css +1 -1
- package/sidebar/sidebar.min.js +1 -1
- package/skeleton/skeleton.cjs.js +0 -2
- package/skeleton/skeleton.esm.js +0 -2
- package/skeleton/skeleton.js +0 -2
- package/slidemenu/slidemenu.cjs.js +73 -87
- package/slidemenu/slidemenu.cjs.min.js +1 -1
- package/slidemenu/slidemenu.esm.js +73 -87
- package/slidemenu/slidemenu.esm.min.js +1 -1
- package/slidemenu/slidemenu.js +73 -87
- package/slidemenu/slidemenu.min.js +1 -1
- package/slider/slider.cjs.js +61 -96
- package/slider/slider.cjs.min.js +1 -1
- package/slider/slider.esm.js +61 -96
- package/slider/slider.esm.min.js +1 -1
- package/slider/slider.js +61 -96
- package/slider/slider.min.js +1 -1
- package/speeddial/speeddial.cjs.js +70 -89
- package/speeddial/speeddial.cjs.min.js +1 -1
- package/speeddial/speeddial.esm.js +70 -89
- package/speeddial/speeddial.esm.min.js +1 -1
- package/speeddial/speeddial.js +70 -89
- package/speeddial/speeddial.min.js +1 -1
- package/splitbutton/splitbutton.cjs.js +46 -80
- package/splitbutton/splitbutton.cjs.min.js +1 -1
- package/splitbutton/splitbutton.esm.js +46 -80
- package/splitbutton/splitbutton.esm.min.js +1 -1
- package/splitbutton/splitbutton.js +46 -80
- package/splitbutton/splitbutton.min.js +1 -1
- package/splitter/splitter.cjs.js +72 -85
- package/splitter/splitter.cjs.min.js +1 -1
- package/splitter/splitter.esm.js +72 -85
- package/splitter/splitter.esm.min.js +1 -1
- package/splitter/splitter.js +72 -85
- package/splitter/splitter.min.js +1 -1
- package/steps/steps.cjs.js +0 -14
- package/steps/steps.esm.js +0 -14
- package/steps/steps.js +0 -14
- package/styleclass/styleclass.cjs.js +75 -111
- package/styleclass/styleclass.cjs.min.js +1 -1
- package/styleclass/styleclass.esm.js +75 -111
- package/styleclass/styleclass.esm.min.js +1 -1
- package/styleclass/styleclass.js +75 -111
- package/styleclass/styleclass.min.js +1 -1
- package/tabmenu/tabmenu.cjs.js +33 -54
- package/tabmenu/tabmenu.cjs.min.js +1 -1
- package/tabmenu/tabmenu.esm.js +33 -54
- package/tabmenu/tabmenu.esm.min.js +1 -1
- package/tabmenu/tabmenu.js +33 -54
- package/tabmenu/tabmenu.min.js +1 -1
- package/tabview/tabview.cjs.js +83 -102
- package/tabview/tabview.cjs.min.js +1 -1
- package/tabview/tabview.esm.js +83 -102
- package/tabview/tabview.esm.min.js +1 -1
- package/tabview/tabview.js +83 -102
- package/tabview/tabview.min.js +1 -1
- package/tag/tag.cjs.js +27 -4
- package/tag/tag.cjs.min.js +1 -1
- package/tag/tag.esm.js +27 -4
- package/tag/tag.esm.min.js +1 -1
- package/tag/tag.js +27 -4
- package/tag/tag.min.js +1 -1
- package/terminal/terminal.cjs.js +37 -63
- package/terminal/terminal.cjs.min.js +1 -1
- package/terminal/terminal.esm.js +37 -63
- package/terminal/terminal.esm.min.js +1 -1
- package/terminal/terminal.js +37 -63
- package/terminal/terminal.min.js +1 -1
- package/tieredmenu/tieredmenu.cjs.js +76 -117
- package/tieredmenu/tieredmenu.cjs.min.js +1 -1
- package/tieredmenu/tieredmenu.esm.js +76 -117
- package/tieredmenu/tieredmenu.esm.min.js +1 -1
- package/tieredmenu/tieredmenu.js +76 -117
- package/tieredmenu/tieredmenu.min.js +1 -1
- package/timeline/timeline.cjs.js +27 -7
- package/timeline/timeline.cjs.min.js +1 -1
- package/timeline/timeline.esm.js +27 -7
- package/timeline/timeline.esm.min.js +1 -1
- package/timeline/timeline.js +27 -7
- package/timeline/timeline.min.js +1 -1
- package/toast/toast.cjs.js +81 -99
- package/toast/toast.cjs.min.js +1 -1
- package/toast/toast.esm.js +81 -99
- package/toast/toast.esm.min.js +1 -1
- package/toast/toast.js +81 -99
- package/toast/toast.min.js +1 -1
- package/togglebutton/togglebutton.cjs.js +0 -7
- package/togglebutton/togglebutton.esm.js +0 -7
- package/togglebutton/togglebutton.js +0 -7
- package/toolbar/toolbar.cjs.js +0 -2
- package/toolbar/toolbar.esm.js +0 -2
- package/toolbar/toolbar.js +0 -2
- package/tooltip/tooltip.cjs.js +113 -167
- package/tooltip/tooltip.cjs.min.js +1 -1
- package/tooltip/tooltip.esm.js +113 -167
- package/tooltip/tooltip.esm.min.js +1 -1
- package/tooltip/tooltip.js +113 -167
- package/tooltip/tooltip.min.css +1 -1
- package/tooltip/tooltip.min.js +1 -1
- package/tooltip/tooltipoptions.d.ts +13 -13
- package/tree/tree.cjs.js +68 -223
- package/tree/tree.cjs.min.js +1 -1
- package/tree/tree.esm.js +68 -223
- package/tree/tree.esm.min.js +1 -1
- package/tree/tree.js +68 -223
- package/tree/tree.min.js +1 -1
- package/treenode/treenode.d.ts +1 -0
- package/treeselect/treeselect.cjs.js +117 -167
- package/treeselect/treeselect.cjs.min.js +1 -1
- package/treeselect/treeselect.d.ts +30 -29
- package/treeselect/treeselect.esm.js +117 -167
- package/treeselect/treeselect.esm.min.js +1 -1
- package/treeselect/treeselect.js +117 -167
- package/treeselect/treeselect.min.js +1 -1
- package/treetable/treetable.cjs.js +143 -462
- package/treetable/treetable.cjs.min.js +1 -1
- package/treetable/treetable.esm.js +143 -462
- package/treetable/treetable.esm.min.js +1 -1
- package/treetable/treetable.js +143 -462
- package/treetable/treetable.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.cjs.js +29 -39
- package/tristatecheckbox/tristatecheckbox.cjs.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.esm.js +29 -39
- package/tristatecheckbox/tristatecheckbox.esm.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.js +29 -39
- package/tristatecheckbox/tristatecheckbox.min.js +1 -1
- package/utils/utils.cjs.js +112 -328
- package/utils/utils.cjs.min.js +1 -1
- package/utils/utils.d.ts +1 -1
- package/utils/utils.esm.js +112 -328
- package/utils/utils.esm.min.js +1 -1
- package/utils/utils.js +112 -328
- package/utils/utils.min.js +1 -1
- package/virtualscroller/virtualscroller.cjs.js +108 -204
- package/virtualscroller/virtualscroller.cjs.min.js +1 -1
- package/virtualscroller/virtualscroller.esm.js +108 -204
- package/virtualscroller/virtualscroller.esm.min.js +1 -1
- package/virtualscroller/virtualscroller.js +108 -204
- package/virtualscroller/virtualscroller.min.js +1 -1
- package/web-types.json +166 -40
|
@@ -10,14 +10,12 @@ function _extends() {
|
|
|
10
10
|
_extends = Object.assign ? Object.assign.bind() : function (target) {
|
|
11
11
|
for (var i = 1; i < arguments.length; i++) {
|
|
12
12
|
var source = arguments[i];
|
|
13
|
-
|
|
14
13
|
for (var key in source) {
|
|
15
14
|
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
16
15
|
target[key] = source[key];
|
|
17
16
|
}
|
|
18
17
|
}
|
|
19
18
|
}
|
|
20
|
-
|
|
21
19
|
return target;
|
|
22
20
|
};
|
|
23
21
|
return _extends.apply(this, arguments);
|
|
@@ -25,11 +23,9 @@ function _extends() {
|
|
|
25
23
|
|
|
26
24
|
function _arrayLikeToArray$1(arr, len) {
|
|
27
25
|
if (len == null || len > arr.length) len = arr.length;
|
|
28
|
-
|
|
29
26
|
for (var i = 0, arr2 = new Array(len); i < len; i++) {
|
|
30
27
|
arr2[i] = arr[i];
|
|
31
28
|
}
|
|
32
|
-
|
|
33
29
|
return arr2;
|
|
34
30
|
}
|
|
35
31
|
|
|
@@ -63,33 +59,33 @@ function _arrayWithHoles(arr) {
|
|
|
63
59
|
}
|
|
64
60
|
|
|
65
61
|
function _iterableToArrayLimit(arr, i) {
|
|
66
|
-
var _i =
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
try {
|
|
76
|
-
for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
|
|
77
|
-
_arr.push(_s.value);
|
|
78
|
-
|
|
79
|
-
if (i && _arr.length === i) break;
|
|
80
|
-
}
|
|
81
|
-
} catch (err) {
|
|
82
|
-
_d = true;
|
|
83
|
-
_e = err;
|
|
84
|
-
} finally {
|
|
62
|
+
var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
|
|
63
|
+
if (null != _i) {
|
|
64
|
+
var _s,
|
|
65
|
+
_e,
|
|
66
|
+
_x,
|
|
67
|
+
_r,
|
|
68
|
+
_arr = [],
|
|
69
|
+
_n = !0,
|
|
70
|
+
_d = !1;
|
|
85
71
|
try {
|
|
86
|
-
if (
|
|
72
|
+
if (_x = (_i = _i.call(arr)).next, 0 === i) {
|
|
73
|
+
if (Object(_i) !== _i) return;
|
|
74
|
+
_n = !1;
|
|
75
|
+
} else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
|
|
76
|
+
;
|
|
77
|
+
}
|
|
78
|
+
} catch (err) {
|
|
79
|
+
_d = !0, _e = err;
|
|
87
80
|
} finally {
|
|
88
|
-
|
|
81
|
+
try {
|
|
82
|
+
if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
|
|
83
|
+
} finally {
|
|
84
|
+
if (_d) throw _e;
|
|
85
|
+
}
|
|
89
86
|
}
|
|
87
|
+
return _arr;
|
|
90
88
|
}
|
|
91
|
-
|
|
92
|
-
return _arr;
|
|
93
89
|
}
|
|
94
90
|
|
|
95
91
|
function _nonIterableRest() {
|
|
@@ -105,31 +101,25 @@ function _readOnlyError(name) {
|
|
|
105
101
|
}
|
|
106
102
|
|
|
107
103
|
function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } 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 normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
|
|
108
|
-
|
|
109
104
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
110
|
-
|
|
111
105
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
112
106
|
var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
113
107
|
var _React$useState = React.useState([]),
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
108
|
+
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
109
|
+
filesState = _React$useState2[0],
|
|
110
|
+
setFilesState = _React$useState2[1];
|
|
118
111
|
var _React$useState3 = React.useState(0),
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
112
|
+
_React$useState4 = _slicedToArray(_React$useState3, 2),
|
|
113
|
+
progressState = _React$useState4[0],
|
|
114
|
+
setProgressState = _React$useState4[1];
|
|
123
115
|
var _React$useState5 = React.useState(false),
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
116
|
+
_React$useState6 = _slicedToArray(_React$useState5, 2),
|
|
117
|
+
focusedState = _React$useState6[0],
|
|
118
|
+
setFocusedState = _React$useState6[1];
|
|
128
119
|
var _React$useState7 = React.useState(false),
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
120
|
+
_React$useState8 = _slicedToArray(_React$useState7, 2),
|
|
121
|
+
uploadingState = _React$useState8[0],
|
|
122
|
+
setUploadingState = _React$useState8[1];
|
|
133
123
|
var fileInputRef = React.useRef(null);
|
|
134
124
|
var messagesRef = React.useRef(null);
|
|
135
125
|
var contentRef = React.useRef(null);
|
|
@@ -143,20 +133,15 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
143
133
|
var chooseDisabled = disabled || props.fileLimit && props.fileLimit <= filesState.length + uploadedFileCount;
|
|
144
134
|
var uploadDisabled = disabled || !hasFiles;
|
|
145
135
|
var cancelDisabled = disabled || !hasFiles;
|
|
146
|
-
|
|
147
136
|
var isImage = function isImage(file) {
|
|
148
137
|
return /^image\//.test(file.type);
|
|
149
138
|
};
|
|
150
|
-
|
|
151
139
|
var remove = function remove(event, index) {
|
|
152
140
|
clearInput();
|
|
153
|
-
|
|
154
141
|
var currentFiles = _toConsumableArray(filesState);
|
|
155
|
-
|
|
156
142
|
var removedFile = filesState[index];
|
|
157
143
|
currentFiles.splice(index, 1);
|
|
158
144
|
setFilesState(currentFiles);
|
|
159
|
-
|
|
160
145
|
if (props.onRemove) {
|
|
161
146
|
props.onRemove({
|
|
162
147
|
originalEvent: event,
|
|
@@ -164,33 +149,27 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
164
149
|
});
|
|
165
150
|
}
|
|
166
151
|
};
|
|
167
|
-
|
|
168
152
|
var clearInput = function clearInput() {
|
|
169
153
|
if (fileInputRef.current) {
|
|
170
154
|
fileInputRef.current.value = '';
|
|
171
155
|
}
|
|
172
156
|
};
|
|
173
|
-
|
|
174
157
|
var clearIEInput = function clearIEInput() {
|
|
175
158
|
if (fileInputRef.current) {
|
|
176
159
|
duplicateIEEvent.current = true; //IE11 fix to prevent onFileChange trigger again
|
|
177
|
-
|
|
178
160
|
fileInputRef.current.value = '';
|
|
179
161
|
}
|
|
180
162
|
};
|
|
181
|
-
|
|
182
163
|
var formatSize = function formatSize(bytes) {
|
|
183
164
|
if (bytes === 0) {
|
|
184
165
|
return '0 B';
|
|
185
166
|
}
|
|
186
|
-
|
|
187
167
|
var k = 1000,
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
168
|
+
dm = 3,
|
|
169
|
+
sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'],
|
|
170
|
+
i = Math.floor(Math.log(bytes) / Math.log(k));
|
|
191
171
|
return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i];
|
|
192
172
|
};
|
|
193
|
-
|
|
194
173
|
var onFileSelect = function onFileSelect(event) {
|
|
195
174
|
// give caller a chance to stop the selection
|
|
196
175
|
if (props.onBeforeSelect && props.onBeforeSelect({
|
|
@@ -199,66 +178,51 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
199
178
|
}) === false) {
|
|
200
179
|
return;
|
|
201
180
|
}
|
|
202
|
-
|
|
203
181
|
if (event.type !== 'drop' && isIE11() && duplicateIEEvent.current) {
|
|
204
182
|
duplicateIEEvent.current = false;
|
|
205
183
|
return;
|
|
206
184
|
}
|
|
207
|
-
|
|
208
185
|
var currentFiles = [];
|
|
209
|
-
|
|
210
186
|
if (props.multiple) {
|
|
211
187
|
currentFiles = filesState ? _toConsumableArray(filesState) : [];
|
|
212
188
|
}
|
|
213
|
-
|
|
214
189
|
var selectedFiles = event.dataTransfer ? event.dataTransfer.files : event.target.files;
|
|
215
|
-
|
|
216
190
|
for (var i = 0; i < selectedFiles.length; i++) {
|
|
217
191
|
var file = selectedFiles[i];
|
|
218
|
-
|
|
219
192
|
if (!isFileSelected(file) && validate(file)) {
|
|
220
193
|
if (isImage(file)) {
|
|
221
194
|
file.objectURL = window.URL.createObjectURL(file);
|
|
222
195
|
}
|
|
223
|
-
|
|
224
196
|
currentFiles.push(file);
|
|
225
197
|
}
|
|
226
198
|
}
|
|
227
|
-
|
|
228
199
|
setFilesState(currentFiles);
|
|
229
|
-
|
|
230
200
|
if (ObjectUtils.isNotEmpty(currentFiles) && props.auto) {
|
|
231
201
|
upload(currentFiles);
|
|
232
202
|
}
|
|
233
|
-
|
|
234
203
|
if (props.onSelect) {
|
|
235
204
|
props.onSelect({
|
|
236
205
|
originalEvent: event,
|
|
237
206
|
files: selectedFiles
|
|
238
207
|
});
|
|
239
208
|
}
|
|
240
|
-
|
|
241
209
|
if (event.type !== 'drop' && isIE11()) {
|
|
242
210
|
clearIEInput();
|
|
243
211
|
} else {
|
|
244
212
|
clearInput();
|
|
245
213
|
}
|
|
246
|
-
|
|
247
214
|
if (props.mode === 'basic' && currentFiles.length > 0) {
|
|
248
215
|
fileInputRef.current.style.display = 'none';
|
|
249
216
|
}
|
|
250
217
|
};
|
|
251
|
-
|
|
252
218
|
var isFileSelected = function isFileSelected(file) {
|
|
253
219
|
return filesState.some(function (f) {
|
|
254
220
|
return f.name + f.type + f.size === file.name + file.type + file.size;
|
|
255
221
|
});
|
|
256
222
|
};
|
|
257
|
-
|
|
258
223
|
var isIE11 = function isIE11() {
|
|
259
224
|
return !!window['MSInputMethodContext'] && !!document['documentMode'];
|
|
260
225
|
};
|
|
261
|
-
|
|
262
226
|
var validate = function validate(file) {
|
|
263
227
|
if (props.maxFileSize && file.size > props.maxFileSize) {
|
|
264
228
|
var message = {
|
|
@@ -267,30 +231,23 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
267
231
|
detail: props.invalidFileSizeMessageDetail.replace('{0}', formatSize(props.maxFileSize)),
|
|
268
232
|
sticky: true
|
|
269
233
|
};
|
|
270
|
-
|
|
271
234
|
if (props.mode === 'advanced') {
|
|
272
235
|
messagesRef.current.show(message);
|
|
273
236
|
}
|
|
274
|
-
|
|
275
237
|
props.onValidationFail && props.onValidationFail(file);
|
|
276
238
|
return false;
|
|
277
239
|
}
|
|
278
|
-
|
|
279
240
|
return true;
|
|
280
241
|
};
|
|
281
|
-
|
|
282
242
|
var upload = function upload(files) {
|
|
283
243
|
files = files || filesState;
|
|
284
|
-
|
|
285
244
|
if (files && files.nativeEvent) {
|
|
286
245
|
files = filesState;
|
|
287
246
|
}
|
|
288
|
-
|
|
289
247
|
if (props.customUpload) {
|
|
290
248
|
if (props.fileLimit) {
|
|
291
249
|
uploadedFileCount + files.length, _readOnlyError("uploadedFileCount");
|
|
292
250
|
}
|
|
293
|
-
|
|
294
251
|
if (props.uploadHandler) {
|
|
295
252
|
props.uploadHandler({
|
|
296
253
|
files: files,
|
|
@@ -304,17 +261,14 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
304
261
|
setUploadingState(true);
|
|
305
262
|
var xhr = new XMLHttpRequest();
|
|
306
263
|
var formData = new FormData();
|
|
307
|
-
|
|
308
264
|
if (props.onBeforeUpload) {
|
|
309
265
|
props.onBeforeUpload({
|
|
310
266
|
xhr: xhr,
|
|
311
267
|
formData: formData
|
|
312
268
|
});
|
|
313
269
|
}
|
|
314
|
-
|
|
315
270
|
var _iterator = _createForOfIteratorHelper(files),
|
|
316
|
-
|
|
317
|
-
|
|
271
|
+
_step;
|
|
318
272
|
try {
|
|
319
273
|
for (_iterator.s(); !(_step = _iterator.n()).done;) {
|
|
320
274
|
var file = _step.value;
|
|
@@ -325,12 +279,10 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
325
279
|
} finally {
|
|
326
280
|
_iterator.f();
|
|
327
281
|
}
|
|
328
|
-
|
|
329
282
|
xhr.upload.addEventListener('progress', function (event) {
|
|
330
283
|
if (event.lengthComputable) {
|
|
331
284
|
var progress = Math.round(event.loaded * 100 / event.total);
|
|
332
285
|
setProgressState(progress);
|
|
333
|
-
|
|
334
286
|
if (props.onProgress) {
|
|
335
287
|
props.onProgress({
|
|
336
288
|
originalEvent: event,
|
|
@@ -339,17 +291,14 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
339
291
|
}
|
|
340
292
|
}
|
|
341
293
|
});
|
|
342
|
-
|
|
343
294
|
xhr.onreadystatechange = function () {
|
|
344
295
|
if (xhr.readyState === 4) {
|
|
345
296
|
setProgressState(0);
|
|
346
297
|
setUploadingState(false);
|
|
347
|
-
|
|
348
298
|
if (xhr.status >= 200 && xhr.status < 300) {
|
|
349
299
|
if (props.fileLimit) {
|
|
350
300
|
uploadedFileCount + files.length, _readOnlyError("uploadedFileCount");
|
|
351
301
|
}
|
|
352
|
-
|
|
353
302
|
if (props.onUpload) {
|
|
354
303
|
props.onUpload({
|
|
355
304
|
xhr: xhr,
|
|
@@ -364,51 +313,41 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
364
313
|
});
|
|
365
314
|
}
|
|
366
315
|
}
|
|
367
|
-
|
|
368
316
|
clear();
|
|
369
317
|
}
|
|
370
318
|
};
|
|
371
|
-
|
|
372
319
|
xhr.open('POST', props.url, true);
|
|
373
|
-
|
|
374
320
|
if (props.onBeforeSend) {
|
|
375
321
|
props.onBeforeSend({
|
|
376
322
|
xhr: xhr,
|
|
377
323
|
formData: formData
|
|
378
324
|
});
|
|
379
325
|
}
|
|
380
|
-
|
|
381
326
|
xhr.withCredentials = props.withCredentials;
|
|
382
327
|
xhr.send(formData);
|
|
383
328
|
}
|
|
384
329
|
};
|
|
385
|
-
|
|
386
330
|
var clear = function clear() {
|
|
387
331
|
setFilesState([]);
|
|
388
332
|
setUploadingState(false);
|
|
389
333
|
props.onClear && props.onClear();
|
|
390
334
|
clearInput();
|
|
391
335
|
};
|
|
392
|
-
|
|
393
336
|
var choose = function choose() {
|
|
394
337
|
fileInputRef.current.click();
|
|
395
338
|
};
|
|
396
|
-
|
|
397
339
|
var onFocus = function onFocus() {
|
|
398
340
|
setFocusedState(true);
|
|
399
341
|
};
|
|
400
|
-
|
|
401
342
|
var onBlur = function onBlur() {
|
|
402
343
|
setFocusedState(false);
|
|
403
344
|
};
|
|
404
|
-
|
|
405
345
|
var onKeyDown = function onKeyDown(event) {
|
|
406
346
|
if (event.which === 13) {
|
|
407
347
|
// enter
|
|
408
348
|
choose();
|
|
409
349
|
}
|
|
410
350
|
};
|
|
411
|
-
|
|
412
351
|
var onDragEnter = function onDragEnter(event) {
|
|
413
352
|
if (!disabled) {
|
|
414
353
|
event.dataTransfer.dropEffect = 'copy';
|
|
@@ -416,7 +355,6 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
416
355
|
event.preventDefault();
|
|
417
356
|
}
|
|
418
357
|
};
|
|
419
|
-
|
|
420
358
|
var onDragOver = function onDragOver(event) {
|
|
421
359
|
if (!disabled) {
|
|
422
360
|
event.dataTransfer.dropEffect = 'copy';
|
|
@@ -425,36 +363,31 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
425
363
|
event.preventDefault();
|
|
426
364
|
}
|
|
427
365
|
};
|
|
428
|
-
|
|
429
366
|
var onDragLeave = function onDragLeave(event) {
|
|
430
367
|
if (!disabled) {
|
|
431
368
|
event.dataTransfer.dropEffect = 'copy';
|
|
432
369
|
DomHandler.removeClass(contentRef.current, 'p-fileupload-highlight');
|
|
433
370
|
}
|
|
434
371
|
};
|
|
435
|
-
|
|
436
372
|
var onDrop = function onDrop(event) {
|
|
437
373
|
if (props.disabled) {
|
|
438
374
|
return;
|
|
439
375
|
}
|
|
440
|
-
|
|
441
376
|
DomHandler.removeClass(contentRef.current, 'p-fileupload-highlight');
|
|
442
377
|
event.stopPropagation();
|
|
443
|
-
event.preventDefault();
|
|
378
|
+
event.preventDefault();
|
|
444
379
|
|
|
380
|
+
// give caller a chance to stop the drop
|
|
445
381
|
if (props.onBeforeDrop && props.onBeforeDrop(event) === false) {
|
|
446
382
|
return;
|
|
447
383
|
}
|
|
448
|
-
|
|
449
384
|
var files = event.dataTransfer ? event.dataTransfer.files : event.target.files;
|
|
450
385
|
var allowDrop = props.multiple || ObjectUtils.isEmpty(filesState) && files && files.length === 1;
|
|
451
386
|
allowDrop && onFileSelect(event);
|
|
452
387
|
};
|
|
453
|
-
|
|
454
388
|
var onSimpleUploaderClick = function onSimpleUploaderClick() {
|
|
455
389
|
!disabled && hasFiles ? upload() : fileInputRef.current.click();
|
|
456
390
|
};
|
|
457
|
-
|
|
458
391
|
React.useImperativeHandle(ref, function () {
|
|
459
392
|
return {
|
|
460
393
|
props: props,
|
|
@@ -473,13 +406,12 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
473
406
|
}
|
|
474
407
|
};
|
|
475
408
|
});
|
|
476
|
-
|
|
477
409
|
var createChooseButton = function createChooseButton() {
|
|
478
410
|
var _props$chooseOptions = props.chooseOptions,
|
|
479
|
-
|
|
480
|
-
|
|
481
|
-
|
|
482
|
-
|
|
411
|
+
className = _props$chooseOptions.className,
|
|
412
|
+
style = _props$chooseOptions.style,
|
|
413
|
+
_icon = _props$chooseOptions.icon,
|
|
414
|
+
iconOnly = _props$chooseOptions.iconOnly;
|
|
483
415
|
var chooseClassName = classNames('p-button p-fileupload-choose p-component', {
|
|
484
416
|
'p-disabled': disabled,
|
|
485
417
|
'p-focus': focusedState,
|
|
@@ -517,7 +449,6 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
517
449
|
tabIndex: 0
|
|
518
450
|
}, input, icon, label, /*#__PURE__*/React.createElement(Ripple, null));
|
|
519
451
|
};
|
|
520
|
-
|
|
521
452
|
var createFile = function createFile(file, index) {
|
|
522
453
|
var key = file.name + file.type + file.size;
|
|
523
454
|
var preview = isImage(file) ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("img", {
|
|
@@ -539,7 +470,6 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
539
470
|
disabled: disabled
|
|
540
471
|
}));
|
|
541
472
|
var content = /*#__PURE__*/React.createElement(React.Fragment, null, preview, fileName, size, removeButton);
|
|
542
|
-
|
|
543
473
|
if (props.itemTemplate) {
|
|
544
474
|
var defaultContentOptions = {
|
|
545
475
|
onRemove: function onRemove(event) {
|
|
@@ -555,35 +485,29 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
555
485
|
};
|
|
556
486
|
content = ObjectUtils.getJSXElement(props.itemTemplate, file, defaultContentOptions);
|
|
557
487
|
}
|
|
558
|
-
|
|
559
488
|
return /*#__PURE__*/React.createElement("div", {
|
|
560
489
|
className: "p-fileupload-row",
|
|
561
490
|
key: key
|
|
562
491
|
}, content);
|
|
563
492
|
};
|
|
564
|
-
|
|
565
493
|
var createFiles = function createFiles() {
|
|
566
494
|
var content = filesState.map(createFile);
|
|
567
495
|
return /*#__PURE__*/React.createElement("div", {
|
|
568
496
|
className: "p-fileupload-files"
|
|
569
497
|
}, content);
|
|
570
498
|
};
|
|
571
|
-
|
|
572
499
|
var createEmptyContent = function createEmptyContent() {
|
|
573
500
|
return props.emptyTemplate && !hasFiles ? ObjectUtils.getJSXElement(props.emptyTemplate, props) : null;
|
|
574
501
|
};
|
|
575
|
-
|
|
576
502
|
var createProgressBarContent = function createProgressBarContent() {
|
|
577
503
|
if (props.progressBarTemplate) {
|
|
578
504
|
return ObjectUtils.getJSXElement(props.progressBarTemplate, props);
|
|
579
505
|
}
|
|
580
|
-
|
|
581
506
|
return /*#__PURE__*/React.createElement(ProgressBar, {
|
|
582
507
|
value: progressState,
|
|
583
508
|
showValue: false
|
|
584
509
|
});
|
|
585
510
|
};
|
|
586
|
-
|
|
587
511
|
var createAdvanced = function createAdvanced() {
|
|
588
512
|
var otherProps = ObjectUtils.findDiffKeys(props, FileUpload.defaultProps);
|
|
589
513
|
var className = classNames('p-fileupload p-fileupload-advanced p-component', props.className);
|
|
@@ -592,7 +516,6 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
592
516
|
var chooseButton = createChooseButton();
|
|
593
517
|
var emptyContent = createEmptyContent();
|
|
594
518
|
var uploadButton, cancelButton, filesList, progressBar;
|
|
595
|
-
|
|
596
519
|
if (!props.auto) {
|
|
597
520
|
var uploadOptions = props.uploadOptions;
|
|
598
521
|
var cancelOptions = props.cancelOptions;
|
|
@@ -617,17 +540,14 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
617
540
|
className: cancelOptions.className
|
|
618
541
|
});
|
|
619
542
|
}
|
|
620
|
-
|
|
621
543
|
if (hasFiles) {
|
|
622
544
|
filesList = createFiles();
|
|
623
545
|
progressBar = createProgressBarContent();
|
|
624
546
|
}
|
|
625
|
-
|
|
626
547
|
var header = /*#__PURE__*/React.createElement("div", {
|
|
627
548
|
className: headerClassName,
|
|
628
549
|
style: props.headerStyle
|
|
629
550
|
}, chooseButton, uploadButton, cancelButton);
|
|
630
|
-
|
|
631
551
|
if (props.headerTemplate) {
|
|
632
552
|
var defaultContentOptions = {
|
|
633
553
|
className: headerClassName,
|
|
@@ -639,7 +559,6 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
639
559
|
};
|
|
640
560
|
header = ObjectUtils.getJSXElement(props.headerTemplate, defaultContentOptions);
|
|
641
561
|
}
|
|
642
|
-
|
|
643
562
|
return /*#__PURE__*/React.createElement("div", _extends({
|
|
644
563
|
id: props.id,
|
|
645
564
|
className: className,
|
|
@@ -656,7 +575,6 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
656
575
|
ref: messagesRef
|
|
657
576
|
}), filesList, emptyContent));
|
|
658
577
|
};
|
|
659
|
-
|
|
660
578
|
var createBasic = function createBasic() {
|
|
661
579
|
var chooseOptions = props.chooseOptions;
|
|
662
580
|
var otherProps = ObjectUtils.findDiffKeys(props, FileUpload.defaultProps);
|
|
@@ -711,7 +629,6 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
711
629
|
tabIndex: 0
|
|
712
630
|
}, icon, label, input, /*#__PURE__*/React.createElement(Ripple, null)));
|
|
713
631
|
};
|
|
714
|
-
|
|
715
632
|
if (props.mode === 'advanced') return createAdvanced();else if (props.mode === 'basic') return createBasic();
|
|
716
633
|
}));
|
|
717
634
|
FileUpload.displayName = 'FileUpload';
|
|
@@ -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 u,DomHandler as s}from"primereact/utils";function c(){return c=Object.assign?Object.assign.bind():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 b(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 b(e)||h(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 B(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)?B(e,t):void 0}}function B(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 f=E(e.useState([]),2),d=f[0],y=f[1],b=E(e.useState(0),2),h=b[0],g=b[1],w=E(e.useState(!1),2),B=w[0],T=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"),j=p.uploadLabel||p.uploadOptions.label||t("upload"),P=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(!p.onBeforeSelect||!1!==p.onBeforeSelect({originalEvent:e,files:d}))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(){T(!0)},te=function(){T(!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",s.addClass(M.current,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault())},re=function(e){A||(e.dataTransfer.dropEffect="copy",s.removeClass(M.current,"p-fileupload-highlight"))},oe=function(e){if(!p.disabled&&(s.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{props:p,upload:G,clear:Z,formatSize:V,onFileSelect:W,getInput:function(){return D.current},getContent:function(){return M.current},getFiles:function(){return d}}}));var ue,se,ce,pe,me,fe,de,ye,ve,be,he=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),u=e.createElement("div",null,V(t.size)),s=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,u,s);if(p.itemTemplate){var m={onRemove:function(e){return _(e,l)},previewElement:r,fileNameElement:i,sizeElement:u,removeElement:s,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,s,m,f,y,v,b,g,E,S,N,w,T,C,F=o.findDiffKeys(p,O.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=(s=(t=p.chooseOptions).style,m=t.icon,y=i("p-button p-fileupload-choose p-component",{"p-disabled":A,"p-focus":B,"p-button-icon-only":f=t.iconOnly},t.className),v="p-button-label p-clickable",b=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=u.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:s,onClick:Q,onKeyDown:ne,onFocus:ee,onBlur:te,tabIndex:0},g,E,b,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?"":P;S=e.createElement(n,{type:"button",label:K.iconOnly?"":j,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(he),w=e.createElement("div",{className:"p-fileupload-files"},C),T=p.progressBarTemplate?o.getJSXElement(p.progressBarTemplate,p):e.createElement(a,{value:h,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},T,e.createElement(l,{ref:L}),w,_))}():"basic"===p.mode?(ue=p.chooseOptions,se=o.findDiffKeys(p,O.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":B},ue.className),me=ue.icon||i({"pi pi-plus":!ue.icon&&(!x||p.auto),"pi pi-upload":!ue.icon&&x&&!p.auto}),fe="p-button-label p-clickable",de=ue.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=u.getJSXIcon(me,{className:"p-button-icon p-button-icon-left"},{props:p,hasFiles:x}),be=!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},se),e.createElement(l,{ref:L}),e.createElement("span",{className:pe,style:ue.style,onMouseUp:ie,onKeyDown:ne,onFocus:ee,onBlur:te,tabIndex:0},ve,ye,be,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,onBeforeDrop:null,onBeforeSelect: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 u,DomHandler as s}from"primereact/utils";function c(){return c=Object.assign?Object.assign.bind():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 b(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,i=[],u=!0,s=!1;try{if(r=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(l=r.call(n)).done)&&(i.push(l.value),i.length!==t);u=!0);}catch(e){s=!0,a=e}finally{try{if(!u&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw a}}return i}}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 b(e)||h(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 B(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)?B(e,t):void 0}}function B(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 f=E(e.useState([]),2),d=f[0],y=f[1],b=E(e.useState(0),2),h=b[0],g=b[1],w=E(e.useState(!1),2),B=w[0],T=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),j=p.disabled||F,A=p.chooseLabel||p.chooseOptions.label||t("choose"),R=p.uploadLabel||p.uploadOptions.label||t("upload"),P=p.cancelLabel||p.cancelOptions.label||t("cancel"),k=j||p.fileLimit&&p.fileLimit<=d.length+U,H=j||!x,X=j||!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(!p.onBeforeSelect||!1!==p.onBeforeSelect({originalEvent:e,files:d}))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(){T(!0)},te=function(){T(!1)},ne=function(e){13===e.which&&Q()},le=function(e){j||(e.dataTransfer.dropEffect="copy",e.stopPropagation(),e.preventDefault())},ae=function(e){j||(e.dataTransfer.dropEffect="copy",s.addClass(M.current,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault())},re=function(e){j||(e.dataTransfer.dropEffect="copy",s.removeClass(M.current,"p-fileupload-highlight"))},oe=function(e){if(!p.disabled&&(s.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(){!j&&x?G():D.current.click()};e.useImperativeHandle(m,(function(){return{props:p,upload:G,clear:Z,formatSize:V,onFileSelect:W,getInput:function(){return D.current},getContent:function(){return M.current},getFiles:function(){return d}}}));var ue,se,ce,pe,me,fe,de,ye,ve,be,he=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),u=e.createElement("div",null,V(t.size)),s=e.createElement("div",null,e.createElement(n,{type:"button",icon:"pi pi-times",onClick:function(e){return _(e,l)},disabled:j})),c=e.createElement(e.Fragment,null,r,i,u,s);if(p.itemTemplate){var m={onRemove:function(e){return _(e,l)},previewElement:r,fileNameElement:i,sizeElement:u,removeElement:s,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,s,m,f,y,v,b,g,E,S,N,w,T,C,F=o.findDiffKeys(p,O.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=(s=(t=p.chooseOptions).style,m=t.icon,y=i("p-button p-fileupload-choose p-component",{"p-disabled":j,"p-focus":B,"p-button-icon-only":f=t.iconOnly},t.className),v="p-button-label p-clickable",b=f?e.createElement("span",{className:v,dangerouslySetInnerHTML:{__html:" "}}):e.createElement("span",{className:v},A),g=e.createElement("input",{ref:D,type:"file",onChange:W,multiple:p.multiple,accept:p.accept,disabled:k}),E=u.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:s,onClick:Q,onKeyDown:ne,onFocus:ee,onBlur:te,tabIndex:0},g,E,b,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?"":P;S=e.createElement(n,{type:"button",label:K.iconOnly?"":R,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(he),w=e.createElement("div",{className:"p-fileupload-files"},C),T=p.progressBarTemplate?o.getJSXElement(p.progressBarTemplate,p):e.createElement(a,{value:h,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},T,e.createElement(l,{ref:L}),w,_))}():"basic"===p.mode?(ue=p.chooseOptions,se=o.findDiffKeys(p,O.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":j,"p-focus":B},ue.className),me=ue.icon||i({"pi pi-plus":!ue.icon&&(!x||p.auto),"pi pi-upload":!ue.icon&&x&&!p.auto}),fe="p-button-label p-clickable",de=ue.iconOnly?e.createElement("span",{className:fe,dangerouslySetInnerHTML:{__html:" "}}):e.createElement("span",{className:fe},A),ye=p.auto?de:e.createElement("span",{className:fe},x?d[0].name:de),ve=u.getJSXIcon(me,{className:"p-button-icon p-button-icon-left"},{props:p,hasFiles:x}),be=!x&&e.createElement("input",{ref:D,type:"file",accept:p.accept,multiple:p.multiple,disabled:j,onChange:W}),e.createElement("div",c({className:ce,style:p.style},se),e.createElement(l,{ref:L}),e.createElement("span",{className:pe,style:ue.style,onMouseUp:ie,onKeyDown:ne,onFocus:ee,onBlur:te,tabIndex:0},ve,ye,be,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,onBeforeDrop:null,onBeforeSelect:null,onUpload:null,onError:null,onClear:null,onSelect:null,onProgress:null,onValidationFail:null,uploadHandler:null,onRemove:null};export{O as FileUpload};
|