primereact 10.2.1 → 10.3.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/accordion/accordion.cjs.js +83 -11
- package/accordion/accordion.cjs.min.js +1 -1
- package/accordion/accordion.d.ts +1 -1
- package/accordion/accordion.esm.js +83 -11
- package/accordion/accordion.esm.min.js +1 -1
- package/accordion/accordion.js +81 -9
- package/accordion/accordion.min.js +1 -1
- package/api/api.cjs.js +24 -0
- package/api/api.cjs.min.js +1 -1
- package/api/api.d.ts +13 -246
- package/api/api.esm.js +24 -0
- package/api/api.esm.min.js +1 -1
- package/api/api.js +24 -0
- package/api/api.min.js +1 -1
- package/breadcrumb/breadcrumb.cjs.js +12 -6
- package/breadcrumb/breadcrumb.cjs.min.js +1 -1
- package/breadcrumb/breadcrumb.esm.js +12 -6
- package/breadcrumb/breadcrumb.esm.min.js +1 -1
- package/breadcrumb/breadcrumb.js +12 -6
- package/breadcrumb/breadcrumb.min.js +1 -1
- package/calendar/calendar.cjs.js +6 -9
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.esm.js +6 -9
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +6 -9
- package/calendar/calendar.min.js +1 -1
- package/carousel/carousel.cjs.js +102 -8
- package/carousel/carousel.cjs.min.js +1 -1
- package/carousel/carousel.esm.js +103 -9
- package/carousel/carousel.esm.min.js +1 -1
- package/carousel/carousel.js +102 -8
- package/carousel/carousel.min.js +1 -1
- package/cascadeselect/cascadeselect.cjs.js +24 -5
- package/cascadeselect/cascadeselect.cjs.min.js +1 -1
- package/cascadeselect/cascadeselect.esm.js +25 -6
- package/cascadeselect/cascadeselect.esm.min.js +1 -1
- package/cascadeselect/cascadeselect.js +25 -7
- package/cascadeselect/cascadeselect.min.js +1 -1
- package/chip/chip.cjs.js +0 -1
- package/chip/chip.cjs.min.js +1 -1
- package/chip/chip.esm.js +0 -1
- package/chip/chip.esm.min.js +1 -1
- package/chip/chip.js +0 -1
- package/chip/chip.min.js +1 -1
- package/chips/chips.cjs.js +1 -2
- package/chips/chips.cjs.min.js +1 -1
- package/chips/chips.esm.js +1 -2
- package/chips/chips.esm.min.js +1 -1
- package/chips/chips.js +1 -2
- package/chips/chips.min.js +1 -1
- package/confirmdialog/confirmdialog.cjs.js +13 -8
- package/confirmdialog/confirmdialog.cjs.min.js +1 -1
- package/confirmdialog/confirmdialog.esm.js +13 -8
- package/confirmdialog/confirmdialog.esm.min.js +1 -1
- package/confirmdialog/confirmdialog.js +13 -8
- package/confirmdialog/confirmdialog.min.js +1 -1
- package/confirmpopup/confirmpopup.cjs.js +57 -36
- package/confirmpopup/confirmpopup.cjs.min.js +1 -1
- package/confirmpopup/confirmpopup.d.ts +29 -0
- package/confirmpopup/confirmpopup.esm.js +57 -36
- package/confirmpopup/confirmpopup.esm.min.js +1 -1
- package/confirmpopup/confirmpopup.js +57 -36
- package/confirmpopup/confirmpopup.min.js +1 -1
- package/contextmenu/contextmenu.cjs.js +640 -98
- package/contextmenu/contextmenu.cjs.min.js +1 -1
- package/contextmenu/contextmenu.d.ts +22 -0
- package/contextmenu/contextmenu.esm.js +640 -98
- package/contextmenu/contextmenu.esm.min.js +1 -1
- package/contextmenu/contextmenu.js +640 -98
- package/contextmenu/contextmenu.min.js +1 -1
- package/core/core.js +596 -130
- package/core/core.min.js +35 -35
- package/datatable/datatable.cjs.js +4 -7
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.d.ts +1 -1
- package/datatable/datatable.esm.js +4 -7
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +4 -7
- package/datatable/datatable.min.js +1 -1
- package/dialog/dialog.cjs.js +86 -38
- package/dialog/dialog.cjs.min.js +1 -1
- package/dialog/dialog.d.ts +59 -0
- package/dialog/dialog.esm.js +86 -38
- package/dialog/dialog.esm.min.js +1 -1
- package/dialog/dialog.js +86 -38
- package/dialog/dialog.min.js +1 -1
- package/divider/divider.cjs.js +1 -0
- package/divider/divider.cjs.min.js +1 -1
- package/divider/divider.esm.js +1 -0
- package/divider/divider.esm.min.js +1 -1
- package/divider/divider.js +1 -0
- package/divider/divider.min.js +1 -1
- package/dock/dock.cjs.js +169 -33
- package/dock/dock.cjs.min.js +1 -1
- package/dock/dock.d.ts +15 -0
- package/dock/dock.esm.js +170 -34
- package/dock/dock.esm.min.js +1 -1
- package/dock/dock.js +169 -33
- package/dock/dock.min.js +1 -1
- package/dropdown/dropdown.cjs.js +25 -2
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.esm.js +25 -2
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +26 -4
- package/dropdown/dropdown.min.js +1 -1
- package/fieldset/fieldset.cjs.js +12 -5
- package/fieldset/fieldset.cjs.min.js +1 -1
- package/fieldset/fieldset.esm.js +12 -5
- package/fieldset/fieldset.esm.min.js +1 -1
- package/fieldset/fieldset.js +12 -5
- package/fieldset/fieldset.min.js +1 -1
- package/fileupload/fileupload.cjs.js +14 -6
- package/fileupload/fileupload.cjs.min.js +1 -1
- package/fileupload/fileupload.d.ts +17 -1
- package/fileupload/fileupload.esm.js +14 -6
- package/fileupload/fileupload.esm.min.js +1 -1
- package/fileupload/fileupload.js +14 -6
- package/fileupload/fileupload.min.js +1 -1
- package/galleria/galleria.cjs.js +222 -42
- package/galleria/galleria.cjs.min.js +1 -1
- package/galleria/galleria.esm.js +224 -44
- package/galleria/galleria.esm.min.js +1 -1
- package/galleria/galleria.js +222 -42
- package/galleria/galleria.min.js +1 -1
- package/hooks/hooks.cjs.js +4 -2
- package/hooks/hooks.cjs.min.js +1 -1
- package/hooks/hooks.esm.js +4 -2
- package/hooks/hooks.esm.min.js +1 -1
- package/hooks/hooks.js +4 -2
- package/hooks/hooks.min.js +1 -1
- package/icons/arrowdown/index.cjs.js +12 -1
- package/icons/arrowdown/index.cjs.min.js +1 -1
- package/icons/arrowdown/index.esm.js +12 -1
- package/icons/arrowdown/index.esm.min.js +1 -1
- package/icons/arrowdown/index.js +12 -1
- package/icons/arrowdown/index.min.js +1 -1
- package/icons/arrowup/index.cjs.js +12 -1
- package/icons/arrowup/index.cjs.min.js +1 -1
- package/icons/arrowup/index.esm.js +12 -1
- package/icons/arrowup/index.esm.min.js +1 -1
- package/icons/arrowup/index.js +12 -1
- package/icons/arrowup/index.min.js +1 -1
- package/icons/ban/index.cjs.js +12 -1
- package/icons/ban/index.cjs.min.js +1 -1
- package/icons/ban/index.esm.js +12 -1
- package/icons/ban/index.esm.min.js +1 -1
- package/icons/ban/index.js +12 -1
- package/icons/ban/index.min.js +1 -1
- package/icons/download/index.cjs.js +12 -1
- package/icons/download/index.cjs.min.js +1 -1
- package/icons/download/index.esm.js +12 -1
- package/icons/download/index.esm.min.js +1 -1
- package/icons/download/index.js +12 -1
- package/icons/download/index.min.js +1 -1
- package/icons/exclamationtriangle/index.cjs.js +12 -1
- package/icons/exclamationtriangle/index.cjs.min.js +1 -1
- package/icons/exclamationtriangle/index.esm.js +12 -1
- package/icons/exclamationtriangle/index.esm.min.js +1 -1
- package/icons/exclamationtriangle/index.js +12 -1
- package/icons/exclamationtriangle/index.min.js +1 -1
- package/icons/eyeslash/index.cjs.js +12 -1
- package/icons/eyeslash/index.cjs.min.js +1 -1
- package/icons/eyeslash/index.esm.js +12 -1
- package/icons/eyeslash/index.esm.min.js +1 -1
- package/icons/eyeslash/index.js +12 -1
- package/icons/eyeslash/index.min.js +1 -1
- package/icons/filter/index.cjs.js +12 -1
- package/icons/filter/index.cjs.min.js +1 -1
- package/icons/filter/index.esm.js +12 -1
- package/icons/filter/index.esm.min.js +1 -1
- package/icons/filter/index.js +12 -1
- package/icons/filter/index.min.js +1 -1
- package/icons/filterslash/index.cjs.js +12 -1
- package/icons/filterslash/index.cjs.min.js +1 -1
- package/icons/filterslash/index.esm.js +12 -1
- package/icons/filterslash/index.esm.min.js +1 -1
- package/icons/filterslash/index.js +12 -1
- package/icons/filterslash/index.min.js +1 -1
- package/icons/infocircle/index.cjs.js +12 -1
- package/icons/infocircle/index.cjs.min.js +1 -1
- package/icons/infocircle/index.esm.js +12 -1
- package/icons/infocircle/index.esm.min.js +1 -1
- package/icons/infocircle/index.js +12 -1
- package/icons/infocircle/index.min.js +1 -1
- package/icons/pencil/index.cjs.js +12 -1
- package/icons/pencil/index.cjs.min.js +1 -1
- package/icons/pencil/index.esm.js +12 -1
- package/icons/pencil/index.esm.min.js +1 -1
- package/icons/pencil/index.js +12 -1
- package/icons/pencil/index.min.js +1 -1
- package/icons/plus/index.cjs.js +12 -1
- package/icons/plus/index.cjs.min.js +1 -1
- package/icons/plus/index.esm.js +12 -1
- package/icons/plus/index.esm.min.js +1 -1
- package/icons/plus/index.js +12 -1
- package/icons/plus/index.min.js +1 -1
- package/icons/refresh/index.cjs.js +12 -1
- package/icons/refresh/index.cjs.min.js +1 -1
- package/icons/refresh/index.esm.js +12 -1
- package/icons/refresh/index.esm.min.js +1 -1
- package/icons/refresh/index.js +12 -1
- package/icons/refresh/index.min.js +1 -1
- package/icons/search/index.cjs.js +12 -1
- package/icons/search/index.cjs.min.js +1 -1
- package/icons/search/index.esm.js +12 -1
- package/icons/search/index.esm.min.js +1 -1
- package/icons/search/index.js +12 -1
- package/icons/search/index.min.js +1 -1
- package/icons/searchminus/index.cjs.js +12 -1
- package/icons/searchminus/index.cjs.min.js +1 -1
- package/icons/searchminus/index.esm.js +12 -1
- package/icons/searchminus/index.esm.min.js +1 -1
- package/icons/searchminus/index.js +12 -1
- package/icons/searchminus/index.min.js +1 -1
- package/icons/searchplus/index.cjs.js +12 -1
- package/icons/searchplus/index.cjs.min.js +1 -1
- package/icons/searchplus/index.esm.js +12 -1
- package/icons/searchplus/index.esm.min.js +1 -1
- package/icons/searchplus/index.js +12 -1
- package/icons/searchplus/index.min.js +1 -1
- package/icons/sortalt/index.cjs.js +12 -1
- package/icons/sortalt/index.cjs.min.js +1 -1
- package/icons/sortalt/index.esm.js +12 -1
- package/icons/sortalt/index.esm.min.js +1 -1
- package/icons/sortalt/index.js +12 -1
- package/icons/sortalt/index.min.js +1 -1
- package/icons/sortamountdown/index.cjs.js +12 -1
- package/icons/sortamountdown/index.cjs.min.js +1 -1
- package/icons/sortamountdown/index.esm.js +12 -1
- package/icons/sortamountdown/index.esm.min.js +1 -1
- package/icons/sortamountdown/index.js +12 -1
- package/icons/sortamountdown/index.min.js +1 -1
- package/icons/sortamountupalt/index.cjs.js +12 -1
- package/icons/sortamountupalt/index.cjs.min.js +1 -1
- package/icons/sortamountupalt/index.esm.js +12 -1
- package/icons/sortamountupalt/index.esm.min.js +1 -1
- package/icons/sortamountupalt/index.js +12 -1
- package/icons/sortamountupalt/index.min.js +1 -1
- package/icons/spinner/index.cjs.js +12 -1
- package/icons/spinner/index.cjs.min.js +1 -1
- package/icons/spinner/index.esm.js +12 -1
- package/icons/spinner/index.esm.min.js +1 -1
- package/icons/spinner/index.js +12 -1
- package/icons/spinner/index.min.js +1 -1
- package/icons/star/index.cjs.js +12 -1
- package/icons/star/index.cjs.min.js +1 -1
- package/icons/star/index.esm.js +12 -1
- package/icons/star/index.esm.min.js +1 -1
- package/icons/star/index.js +12 -1
- package/icons/star/index.min.js +1 -1
- package/icons/starfill/index.cjs.js +12 -1
- package/icons/starfill/index.cjs.min.js +1 -1
- package/icons/starfill/index.esm.js +12 -1
- package/icons/starfill/index.esm.min.js +1 -1
- package/icons/starfill/index.js +12 -1
- package/icons/starfill/index.min.js +1 -1
- package/icons/thlarge/index.cjs.js +12 -1
- package/icons/thlarge/index.cjs.min.js +1 -1
- package/icons/thlarge/index.esm.js +12 -1
- package/icons/thlarge/index.esm.min.js +1 -1
- package/icons/thlarge/index.js +12 -1
- package/icons/thlarge/index.min.js +1 -1
- package/icons/timescircle/index.cjs.js +12 -1
- package/icons/timescircle/index.cjs.min.js +1 -1
- package/icons/timescircle/index.esm.js +12 -1
- package/icons/timescircle/index.esm.min.js +1 -1
- package/icons/timescircle/index.js +12 -1
- package/icons/timescircle/index.min.js +1 -1
- package/icons/trash/index.cjs.js +12 -1
- package/icons/trash/index.cjs.min.js +1 -1
- package/icons/trash/index.esm.js +12 -1
- package/icons/trash/index.esm.min.js +1 -1
- package/icons/trash/index.js +12 -1
- package/icons/trash/index.min.js +1 -1
- package/icons/undo/index.cjs.js +12 -1
- package/icons/undo/index.cjs.min.js +1 -1
- package/icons/undo/index.esm.js +12 -1
- package/icons/undo/index.esm.min.js +1 -1
- package/icons/undo/index.js +12 -1
- package/icons/undo/index.min.js +1 -1
- package/icons/upload/index.cjs.js +12 -1
- package/icons/upload/index.cjs.min.js +1 -1
- package/icons/upload/index.esm.js +12 -1
- package/icons/upload/index.esm.min.js +1 -1
- package/icons/upload/index.js +12 -1
- package/icons/upload/index.min.js +1 -1
- package/icons/windowmaximize/index.cjs.js +12 -1
- package/icons/windowmaximize/index.cjs.min.js +1 -1
- package/icons/windowmaximize/index.esm.js +12 -1
- package/icons/windowmaximize/index.esm.min.js +1 -1
- package/icons/windowmaximize/index.js +12 -1
- package/icons/windowmaximize/index.min.js +1 -1
- package/icons/windowminimize/index.cjs.js +12 -1
- package/icons/windowminimize/index.cjs.min.js +1 -1
- package/icons/windowminimize/index.esm.js +12 -1
- package/icons/windowminimize/index.esm.min.js +1 -1
- package/icons/windowminimize/index.js +12 -1
- package/icons/windowminimize/index.min.js +1 -1
- package/image/image.cjs.js +71 -16
- package/image/image.cjs.min.js +1 -1
- package/image/image.esm.js +71 -16
- package/image/image.esm.min.js +1 -1
- package/image/image.js +71 -16
- package/image/image.min.js +1 -1
- package/megamenu/megamenu.cjs.js +787 -168
- package/megamenu/megamenu.cjs.min.js +1 -1
- package/megamenu/megamenu.d.ts +14 -0
- package/megamenu/megamenu.esm.js +790 -171
- package/megamenu/megamenu.esm.min.js +1 -1
- package/megamenu/megamenu.js +787 -168
- package/megamenu/megamenu.min.js +1 -1
- package/mention/mention.cjs.js +10 -9
- package/mention/mention.cjs.min.js +1 -1
- package/mention/mention.esm.js +11 -10
- package/mention/mention.esm.min.js +1 -1
- package/mention/mention.js +10 -9
- package/mention/mention.min.js +1 -1
- package/menu/menu.cjs.js +214 -68
- package/menu/menu.cjs.min.js +1 -1
- package/menu/menu.d.ts +14 -0
- package/menu/menu.esm.js +214 -68
- package/menu/menu.esm.min.js +1 -1
- package/menu/menu.js +214 -68
- package/menu/menu.min.js +1 -1
- package/menubar/menubar.cjs.js +714 -179
- package/menubar/menubar.cjs.min.js +1 -1
- package/menubar/menubar.d.ts +18 -0
- package/menubar/menubar.esm.js +717 -182
- package/menubar/menubar.esm.min.js +1 -1
- package/menubar/menubar.js +714 -179
- package/menubar/menubar.min.js +1 -1
- package/message/message.cjs.js +2 -1
- package/message/message.cjs.min.js +1 -1
- package/message/message.esm.js +2 -1
- package/message/message.esm.min.js +1 -1
- package/message/message.js +2 -1
- package/message/message.min.js +1 -1
- package/messages/messages.cjs.js +4 -2
- package/messages/messages.cjs.min.js +1 -1
- package/messages/messages.esm.js +4 -2
- package/messages/messages.esm.min.js +1 -1
- package/messages/messages.js +4 -2
- package/messages/messages.min.js +1 -1
- package/multiselect/multiselect.cjs.js +11 -5
- package/multiselect/multiselect.cjs.min.js +1 -1
- package/multiselect/multiselect.esm.js +11 -5
- package/multiselect/multiselect.esm.min.js +1 -1
- package/multiselect/multiselect.js +12 -7
- package/multiselect/multiselect.min.js +1 -1
- package/orderlist/orderlist.cjs.js +259 -104
- package/orderlist/orderlist.cjs.min.js +1 -1
- package/orderlist/orderlist.d.ts +8 -0
- package/orderlist/orderlist.esm.js +260 -105
- package/orderlist/orderlist.esm.min.js +1 -1
- package/orderlist/orderlist.js +259 -104
- package/orderlist/orderlist.min.js +1 -1
- package/overlaypanel/overlaypanel.cjs.js +4 -2
- package/overlaypanel/overlaypanel.cjs.min.js +1 -1
- package/overlaypanel/overlaypanel.esm.js +4 -2
- package/overlaypanel/overlaypanel.esm.min.js +1 -1
- package/overlaypanel/overlaypanel.js +4 -2
- package/overlaypanel/overlaypanel.min.js +1 -1
- package/package.json +1 -1
- package/panel/panel.cjs.js +22 -19
- package/panel/panel.cjs.min.js +1 -1
- package/panel/panel.esm.js +22 -19
- package/panel/panel.esm.min.js +1 -1
- package/panel/panel.js +22 -19
- package/panel/panel.min.js +1 -1
- package/panelmenu/panelmenu.cjs.js +775 -196
- package/panelmenu/panelmenu.cjs.min.js +1 -1
- package/panelmenu/panelmenu.d.ts +15 -0
- package/panelmenu/panelmenu.esm.js +776 -197
- package/panelmenu/panelmenu.esm.min.js +1 -1
- package/panelmenu/panelmenu.js +775 -196
- package/panelmenu/panelmenu.min.js +1 -1
- package/passthrough/tailwind/index.cjs.js +5 -4
- package/passthrough/tailwind/index.cjs.min.js +1 -1
- package/passthrough/tailwind/index.esm.js +5 -4
- package/passthrough/tailwind/index.esm.min.js +1 -1
- package/passthrough/tailwind/index.js +5 -4
- package/passthrough/tailwind/index.min.js +1 -1
- package/password/password.cjs.js +1 -1
- package/password/password.cjs.min.js +1 -1
- package/password/password.esm.js +1 -1
- package/password/password.esm.min.js +1 -1
- package/password/password.js +1 -1
- package/password/password.min.js +1 -1
- package/primereact.all.cjs.js +9489 -5244
- package/primereact.all.cjs.min.js +1 -1
- package/primereact.all.esm.js +9489 -5244
- package/primereact.all.esm.min.js +1 -1
- package/primereact.all.js +9489 -5244
- package/primereact.all.min.js +1 -1
- package/radiobutton/radiobutton.cjs.js +3 -2
- package/radiobutton/radiobutton.cjs.min.js +1 -1
- package/radiobutton/radiobutton.esm.js +3 -2
- package/radiobutton/radiobutton.esm.min.js +1 -1
- package/radiobutton/radiobutton.js +3 -2
- package/radiobutton/radiobutton.min.js +1 -1
- package/resources/themes/arya-blue/theme.css +844 -789
- package/resources/themes/arya-green/theme.css +844 -789
- package/resources/themes/arya-orange/theme.css +844 -789
- package/resources/themes/arya-purple/theme.css +844 -789
- package/resources/themes/bootstrap4-dark-blue/theme.css +654 -600
- package/resources/themes/bootstrap4-dark-purple/theme.css +654 -600
- package/resources/themes/bootstrap4-light-blue/theme.css +658 -604
- package/resources/themes/bootstrap4-light-purple/theme.css +658 -604
- package/resources/themes/fluent-light/theme.css +661 -622
- package/resources/themes/lara-dark-amber/theme.css +665 -625
- package/resources/themes/lara-dark-blue/theme.css +665 -625
- package/resources/themes/lara-dark-cyan/theme.css +665 -625
- package/resources/themes/lara-dark-green/theme.css +665 -625
- package/resources/themes/lara-dark-indigo/theme.css +665 -625
- package/resources/themes/lara-dark-pink/theme.css +665 -625
- package/resources/themes/lara-dark-purple/theme.css +665 -625
- package/resources/themes/lara-dark-teal/theme.css +665 -625
- package/resources/themes/lara-light-amber/theme.css +758 -716
- package/resources/themes/lara-light-blue/theme.css +992 -950
- package/resources/themes/lara-light-cyan/theme.css +758 -716
- package/resources/themes/lara-light-green/theme.css +797 -755
- package/resources/themes/lara-light-indigo/theme.css +1008 -966
- package/resources/themes/lara-light-pink/theme.css +758 -716
- package/resources/themes/lara-light-purple/theme.css +1008 -966
- package/resources/themes/lara-light-teal/theme.css +758 -716
- package/resources/themes/luna-amber/theme.css +931 -877
- package/resources/themes/luna-blue/theme.css +931 -877
- package/resources/themes/luna-green/theme.css +931 -877
- package/resources/themes/luna-pink/theme.css +931 -877
- package/resources/themes/md-dark-deeppurple/theme.css +900 -941
- package/resources/themes/md-dark-indigo/theme.css +905 -946
- package/resources/themes/md-light-deeppurple/theme.css +862 -903
- package/resources/themes/md-light-indigo/theme.css +862 -903
- package/resources/themes/mdc-dark-deeppurple/theme.css +900 -941
- package/resources/themes/mdc-dark-indigo/theme.css +905 -946
- package/resources/themes/mdc-light-deeppurple/theme.css +862 -903
- package/resources/themes/mdc-light-indigo/theme.css +862 -903
- package/resources/themes/mira/theme.css +1546 -1525
- package/resources/themes/nano/theme.css +696 -639
- package/resources/themes/nova/theme.css +690 -637
- package/resources/themes/nova-accent/theme.css +692 -636
- package/resources/themes/nova-alt/theme.css +690 -637
- package/resources/themes/rhea/theme.css +865 -809
- package/resources/themes/saga-blue/theme.css +883 -828
- package/resources/themes/saga-green/theme.css +883 -828
- package/resources/themes/saga-orange/theme.css +883 -828
- package/resources/themes/saga-purple/theme.css +883 -828
- package/resources/themes/soho-dark/theme.css +684 -635
- package/resources/themes/soho-light/theme.css +672 -625
- package/resources/themes/tailwind-light/theme.css +1354 -1299
- package/resources/themes/vela-blue/theme.css +852 -797
- package/resources/themes/vela-green/theme.css +852 -797
- package/resources/themes/vela-orange/theme.css +852 -797
- package/resources/themes/vela-purple/theme.css +852 -797
- package/resources/themes/viva-dark/theme.css +647 -613
- package/resources/themes/viva-light/theme.css +728 -694
- package/ripple/ripple.cjs.js +65 -2
- package/ripple/ripple.cjs.min.js +1 -1
- package/ripple/ripple.esm.js +65 -2
- package/ripple/ripple.esm.min.js +1 -1
- package/ripple/ripple.js +65 -2
- package/ripple/ripple.min.js +1 -1
- package/scrollpanel/scrollpanel.cjs.js +183 -3
- package/scrollpanel/scrollpanel.cjs.min.js +1 -1
- package/scrollpanel/scrollpanel.esm.js +184 -4
- package/scrollpanel/scrollpanel.esm.min.js +1 -1
- package/scrollpanel/scrollpanel.js +183 -3
- package/scrollpanel/scrollpanel.min.js +1 -1
- package/sidebar/sidebar.cjs.js +58 -45
- package/sidebar/sidebar.cjs.min.js +1 -1
- package/sidebar/sidebar.d.ts +23 -1
- package/sidebar/sidebar.esm.js +58 -45
- package/sidebar/sidebar.esm.min.js +1 -1
- package/sidebar/sidebar.js +58 -45
- package/sidebar/sidebar.min.js +1 -1
- package/slidemenu/slidemenu.cjs.js +4 -2
- package/slidemenu/slidemenu.cjs.min.js +1 -1
- package/slidemenu/slidemenu.esm.js +4 -2
- package/slidemenu/slidemenu.esm.min.js +1 -1
- package/slidemenu/slidemenu.js +4 -2
- package/slidemenu/slidemenu.min.js +1 -1
- package/slider/slider.cjs.js +1 -1
- package/slider/slider.cjs.min.js +1 -1
- package/slider/slider.esm.js +1 -1
- package/slider/slider.esm.min.js +1 -1
- package/slider/slider.js +1 -1
- package/slider/slider.min.js +1 -1
- package/speeddial/speeddial.cjs.js +264 -29
- package/speeddial/speeddial.cjs.min.js +1 -1
- package/speeddial/speeddial.esm.js +266 -31
- package/speeddial/speeddial.esm.min.js +1 -1
- package/speeddial/speeddial.js +264 -29
- package/speeddial/speeddial.min.js +1 -1
- package/splitbutton/splitbutton.cjs.js +1048 -267
- package/splitbutton/splitbutton.cjs.min.js +1 -1
- package/splitbutton/splitbutton.d.ts +4 -4
- package/splitbutton/splitbutton.esm.js +1049 -268
- package/splitbutton/splitbutton.esm.min.js +1 -1
- package/splitbutton/splitbutton.js +1048 -269
- package/splitbutton/splitbutton.min.js +1 -1
- package/splitter/splitter.cjs.js +103 -15
- package/splitter/splitter.cjs.min.js +1 -1
- package/splitter/splitter.d.ts +5 -0
- package/splitter/splitter.esm.js +103 -15
- package/splitter/splitter.esm.min.js +1 -1
- package/splitter/splitter.js +103 -15
- package/splitter/splitter.min.js +1 -1
- package/steps/steps.cjs.js +99 -13
- package/steps/steps.cjs.min.js +1 -1
- package/steps/steps.esm.js +100 -14
- package/steps/steps.esm.min.js +1 -1
- package/steps/steps.js +99 -13
- package/steps/steps.min.js +1 -1
- package/tabmenu/tabmenu.cjs.js +104 -10
- package/tabmenu/tabmenu.cjs.min.js +1 -1
- package/tabmenu/tabmenu.esm.js +104 -10
- package/tabmenu/tabmenu.esm.min.js +1 -1
- package/tabmenu/tabmenu.js +104 -10
- package/tabmenu/tabmenu.min.js +1 -1
- package/tabview/tabview.cjs.js +106 -12
- package/tabview/tabview.cjs.min.js +1 -1
- package/tabview/tabview.esm.js +106 -12
- package/tabview/tabview.esm.min.js +1 -1
- package/tabview/tabview.js +106 -12
- package/tabview/tabview.min.js +1 -1
- package/tieredmenu/tieredmenu.cjs.js +752 -274
- package/tieredmenu/tieredmenu.cjs.min.js +1 -1
- package/tieredmenu/tieredmenu.d.ts +10 -0
- package/tieredmenu/tieredmenu.esm.js +754 -276
- package/tieredmenu/tieredmenu.esm.min.js +1 -1
- package/tieredmenu/tieredmenu.js +752 -274
- package/tieredmenu/tieredmenu.min.js +1 -1
- package/toast/toast.cjs.js +6 -1
- package/toast/toast.cjs.min.js +1 -1
- package/toast/toast.d.ts +35 -1
- package/toast/toast.esm.js +6 -1
- package/toast/toast.esm.min.js +1 -1
- package/toast/toast.js +6 -1
- package/toast/toast.min.js +1 -1
- package/tree/tree.cjs.js +51 -54
- package/tree/tree.cjs.min.js +1 -1
- package/tree/tree.esm.js +51 -54
- package/tree/tree.esm.min.js +1 -1
- package/tree/tree.js +51 -54
- package/tree/tree.min.js +1 -1
- package/treetable/treetable.cjs.js +11 -28
- package/treetable/treetable.cjs.min.js +1 -1
- package/treetable/treetable.esm.js +11 -28
- package/treetable/treetable.esm.min.js +1 -1
- package/treetable/treetable.js +11 -28
- package/treetable/treetable.min.js +1 -1
- package/utils/utils.cjs.js +12 -1
- package/utils/utils.cjs.min.js +1 -1
- package/utils/utils.esm.js +12 -1
- package/utils/utils.esm.min.js +1 -1
- package/utils/utils.js +12 -1
- package/utils/utils.min.js +1 -1
- package/web-types.json +267 -5
|
@@ -623,8 +623,7 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
|
|
|
623
623
|
setFocusedState(false);
|
|
624
624
|
};
|
|
625
625
|
var _onKeyDown = function onKeyDown(event) {
|
|
626
|
-
if (event.
|
|
627
|
-
// enter
|
|
626
|
+
if (event.code === 'Enter') {
|
|
628
627
|
choose();
|
|
629
628
|
}
|
|
630
629
|
};
|
|
@@ -726,7 +725,8 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
|
|
|
726
725
|
var chooseIconProps = utils.mergeProps({
|
|
727
726
|
className: cx('chooseIcon', {
|
|
728
727
|
iconOnly: iconOnly
|
|
729
|
-
})
|
|
728
|
+
}),
|
|
729
|
+
'aria-hidden': 'true'
|
|
730
730
|
}, ptm('chooseIcon'));
|
|
731
731
|
var icon = _icon || /*#__PURE__*/React__namespace.createElement(plus.PlusIcon, chooseIconProps);
|
|
732
732
|
var chooseIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, chooseIconProps), {
|
|
@@ -846,7 +846,11 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
|
|
|
846
846
|
};
|
|
847
847
|
var createProgressBarContent = function createProgressBarContent() {
|
|
848
848
|
if (props.progressBarTemplate) {
|
|
849
|
-
|
|
849
|
+
var defaultProgressBarTemplateOptions = {
|
|
850
|
+
progress: progressState,
|
|
851
|
+
props: props
|
|
852
|
+
};
|
|
853
|
+
return utils.ObjectUtils.getJSXElement(props.progressBarTemplate, defaultProgressBarTemplateOptions);
|
|
850
854
|
}
|
|
851
855
|
return /*#__PURE__*/React__namespace.createElement(progressbar.ProgressBar, {
|
|
852
856
|
value: progressState,
|
|
@@ -869,7 +873,8 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
|
|
|
869
873
|
var uploadIconProps = utils.mergeProps({
|
|
870
874
|
className: cx('uploadIcon', {
|
|
871
875
|
iconOnly: uploadOptions.iconOnly
|
|
872
|
-
})
|
|
876
|
+
}),
|
|
877
|
+
'aria-hidden': 'true'
|
|
873
878
|
}, ptm('uploadIcon'));
|
|
874
879
|
var uploadIcon = utils.IconUtils.getJSXIcon(uploadOptions.icon || /*#__PURE__*/React__namespace.createElement(upload.UploadIcon, uploadIconProps), _objectSpread({}, uploadIconProps), {
|
|
875
880
|
props: props
|
|
@@ -877,7 +882,8 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
|
|
|
877
882
|
var cancelIconProps = utils.mergeProps({
|
|
878
883
|
className: cx('cancelIcon', {
|
|
879
884
|
iconOnly: cancelOptions.iconOnly
|
|
880
|
-
})
|
|
885
|
+
}),
|
|
886
|
+
'aria-hidden': 'true'
|
|
881
887
|
}, ptm('cancelIcon'));
|
|
882
888
|
var cancelIcon = utils.IconUtils.getJSXIcon(cancelOptions.icon || /*#__PURE__*/React__namespace.createElement(times.TimesIcon, cancelIconProps), _objectSpread({}, cancelIconProps), {
|
|
883
889
|
props: props
|
|
@@ -885,6 +891,7 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
|
|
|
885
891
|
uploadButton = /*#__PURE__*/React__namespace.createElement(button.Button, {
|
|
886
892
|
type: "button",
|
|
887
893
|
label: uploadLabel,
|
|
894
|
+
"aria-hidden": "true",
|
|
888
895
|
icon: uploadIcon,
|
|
889
896
|
onClick: upload$1,
|
|
890
897
|
disabled: uploadDisabled,
|
|
@@ -898,6 +905,7 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
|
|
|
898
905
|
cancelButton = /*#__PURE__*/React__namespace.createElement(button.Button, {
|
|
899
906
|
type: "button",
|
|
900
907
|
label: cancelLabel,
|
|
908
|
+
"aria-hidden": "true",
|
|
901
909
|
icon: cancelIcon,
|
|
902
910
|
onClick: clear,
|
|
903
911
|
disabled: cancelDisabled,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/utils"),o=require("primereact/button"),a=require("primereact/icons/plus"),l=require("primereact/icons/times"),i=require("primereact/icons/upload"),s=require("primereact/messages"),c=require("primereact/progressbar"),u=require("primereact/ripple");function p(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var d=p(e);function m(e){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m(e)}function f(e,t){if("object"!==m(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==m(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function b(e){var t=f(e,"string");return"symbol"===m(t)?t:String(t)}function y(e,t,n){return(t=b(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function g(){return g=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},g.apply(this,arguments)}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function h(e){if(Array.isArray(e))return v(e)}function O(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function E(e,t){if(e){if("string"==typeof e)return v(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)?v(e,t):void 0}}function S(){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 P(e){return h(e)||O(e)||E(e)||S()}function w(e){throw new TypeError('"'+e+'" is read-only')}function N(e){if(Array.isArray(e))return e}function j(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a,l,i=[],s=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=a.call(n)).done)&&(i.push(r.value),i.length!==t);s=!0);}catch(e){c=!0,o=e}finally{try{if(!s&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(c)throw o}}return i}}function I(){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 B(e,t){return N(e)||j(e,t)||E(e,t)||I()}var U=n.ComponentBase.extend({defaultProps:{__TYPE:"Badge",__parentMetadata:null,value:null,severity:null,size:null,style:null,className:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return r.classNames("p-badge p-component",y({"p-badge-no-gutter":r.ObjectUtils.isNotEmpty(t.value)&&1===String(t.value).length,"p-badge-dot":r.ObjectUtils.isEmpty(t.value),"p-badge-lg":"large"===t.size,"p-badge-xl":"xlarge"===t.size},"p-badge-".concat(t.severity),null!==t.severity))}},styles:"\n@layer primereact {\n .p-badge {\n display: inline-block;\n border-radius: 10px;\n text-align: center;\n padding: 0 .5rem;\n }\n \n .p-overlay-badge {\n position: relative;\n }\n \n .p-overlay-badge .p-badge {\n position: absolute;\n top: 0;\n right: 0;\n transform: translate(50%,-50%);\n transform-origin: 100% 0;\n margin: 0;\n }\n \n .p-badge-dot {\n width: .5rem;\n min-width: .5rem;\n height: .5rem;\n border-radius: 50%;\n padding: 0;\n }\n \n .p-badge-no-gutter {\n padding: 0;\n border-radius: 50%;\n }\n}\n"}});function x(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function C(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?x(Object(n),!0).forEach((function(t){y(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):x(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var T=d.memo(d.forwardRef((function(e,o){var a=d.useContext(t.PrimeReactContext),l=U.getProps(e,a),i=U.setMetaData(C({props:l},l.__parentMetadata)),s=i.ptm,c=i.cx;n.useHandleStyle(U.css.styles,i.isUnstyled,{name:"badge"});var u=d.useRef(null);d.useImperativeHandle(o,(function(){return{props:l,getElement:function(){return u.current}}}));var p=r.mergeProps({ref:u,style:l.style,className:r.classNames(l.className,c("root"))},U.getOtherProps(l),s("root"));return d.createElement("span",p,l.value)})));T.displayName="Badge";var D=n.ComponentBase.extend({defaultProps:{__TYPE:"FileUpload",id:null,name:null,url:null,mode:"advanced",multiple:!1,accept:null,removeIcon:null,disabled:!1,auto:!1,maxFileSize:null,invalidFileSizeMessageSummary:"{0}: Invalid file size, ",invalidFileSizeMessageDetail:"maximum upload size is {0}.",style:null,className:null,withCredentials:!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,children:void 0},css:{classes:{root:function(e){return r.classNames("p-fileupload p-fileupload-".concat(e.props.mode," p-component"))},buttonbar:"p-fileupload-buttonbar",content:"p-fileupload-content",chooseButton:function(e){return r.classNames("p-button p-fileupload-choose p-component",{"p-disabled":e.disabled,"p-focus":e.focusedState,"p-button-icon-only":e.iconOnly})},label:"p-button-label p-clickable",file:"p-fileupload-row",fileName:"p-fileupload-filename",thumbnail:"p-fileupload-file-thumbnail",chooseButtonLabel:"p-button-label p-clickable",basicButton:function(e){return r.classNames("p-button p-component p-fileupload-choose",{"p-fileupload-choose-selected":e.hasFiles,"p-disabled":e.disabled,"p-focus":e.focusedState})},chooseIcon:function(e){var t=e.iconOnly;return r.classNames("basic"===e.props.mode?"p-button-icon":"p-button-icon p-clickable",{"p-button-icon-left":!t})},uploadIcon:function(e){return r.classNames("p-button-icon p-c",{"p-button-icon-left":!e.iconOnly})},cancelIcon:function(e){return r.classNames("p-button-icon p-c",{"p-button-icon-left":!e.iconOnly})}},styles:"\n@layer primereact {\n .p-fileupload-content {\n position: relative;\n }\n \n .p-fileupload-row {\n display: flex;\n align-items: center;\n }\n \n .p-fileupload-row > div {\n flex: 1 1 auto;\n width: 25%;\n }\n \n .p-fileupload-row > div:last-child {\n text-align: right;\n }\n \n .p-fileupload-content > .p-progressbar {\n width: 100%;\n position: absolute;\n top: 0;\n left: 0;\n }\n \n .p-button.p-fileupload-choose {\n position: relative;\n overflow: hidden;\n }\n \n .p-fileupload-buttonbar {\n display: flex;\n flex-wrap: wrap;\n }\n \n .p-button.p-fileupload-choose input[type='file'] {\n display: none;\n }\n \n .p-fileupload-choose.p-fileupload-choose-selected input[type='file'] {\n display: none;\n }\n \n .p-fileupload-filename {\n word-break: break-all;\n }\n \n .p-fileupload-file-thumbnail {\n flex-shrink: 0;\n }\n \n .p-fileupload-file-badge {\n margin: 0.5rem;\n }\n \n .p-fluid .p-fileupload .p-button {\n width: auto;\n }\n}\n"}});function F(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?F(Object(n),!0).forEach((function(t){y(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):F(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function M(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=z(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}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 a,l=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return l=e.done,e},e:function(e){i=!0,a=e},f:function(){try{l||null==n.return||n.return()}finally{if(i)throw a}}}}function z(e,t){if(e){if("string"==typeof e)return L(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)?L(e,t):void 0}}function L(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var R=d.memo(d.forwardRef((function(e,p){var m=d.useContext(t.PrimeReactContext),f=D.getProps(e,m),b=B(d.useState([]),2),y=b[0],v=b[1],h=B(d.useState([]),2),O=h[0],E=h[1],S=B(d.useState(0),2),N=S[0],j=S[1],I=B(d.useState(!1),2),U=I[0],x=I[1],C=B(d.useState(!1),2),F=C[0],z=C[1],L={props:f,state:{progress:N,uploading:F,uploadedFiles:y,files:O,focused:U}},R=D.setMetaData(L),k=R.ptm,A=R.cx,H=R.isUnstyled;n.useHandleStyle(D.css.styles,H,{name:"fileupload"});var q=d.useRef(null),X=d.useRef(null),J=d.useRef(null),V=d.useRef(0),K=r.ObjectUtils.isNotEmpty(O),W=r.ObjectUtils.isNotEmpty(y),Y=f.disabled||F,$=f.chooseLabel||f.chooseOptions.label||t.localeOption("choose"),G=f.uploadLabel||f.uploadOptions.label||t.localeOption("upload"),Q=f.cancelLabel||f.cancelOptions.label||t.localeOption("cancel"),Z=Y||f.fileLimit&&f.fileLimit<=O.length+V,ee=Y||!K,te=Y||!K,ne=function(e){return/^image\//.test(e.type)},re=function(e,t){ae();var n=P(O),r=O[t];n.splice(t,1),E(n),f.onRemove&&f.onRemove({originalEvent:e,file:r})},oe=function(e,t){ae();var n=P(y),r=O[t];n.splice(t,1),v(n),f.onRemove&&f.onRemove({originalEvent:e,file:r})},ae=function(){q.current&&(q.current.value="")},le=function(e){var n=t.localeOption("fileSizeTypes");if(0===e)return"0 ".concat(n[0]);var r=Math.floor(Math.log(e)/Math.log(1024)),o=parseFloat((e/Math.pow(1024,r)).toFixed(3));return"".concat(o," ").concat(n[r])},ie=function(e){if(!f.onBeforeSelect||!1!==f.onBeforeSelect({originalEvent:e,files:O})){var t=[];f.multiple&&(t=O?P(O):[]);for(var n=e.dataTransfer?e.dataTransfer.files:e.target.files,o=0;o<n.length;o++){var a=n[o];!se(a)&&ce(a)&&(ne(a)&&(a.objectURL=window.URL.createObjectURL(a)),t.push(a))}E(t),r.ObjectUtils.isNotEmpty(t)&&f.auto&&ue(t),f.onSelect&&f.onSelect({originalEvent:e,files:t}),ae(),"basic"===f.mode&&t.length>0&&(q.current.style.display="none")}},se=function(e){return O.some((function(t){return t.name+t.type+t.size===e.name+e.type+e.size}))},ce=function(e){if(f.maxFileSize&&e.size>f.maxFileSize){var t={severity:"error",summary:f.invalidFileSizeMessageSummary.replace("{0}",e.name),detail:f.invalidFileSizeMessageDetail.replace("{0}",le(f.maxFileSize)),sticky:!0};return"advanced"===f.mode&&X.current.show(t),f.onValidationFail&&f.onValidationFail(e),!1}return!0},ue=function(e){if((e=e||O)&&e.nativeEvent&&(e=O),f.customUpload)f.fileLimit&&w("uploadedFileCount"),f.uploadHandler&&f.uploadHandler({files:e,options:{clear:pe,props:f}});else{z(!0);var t=new XMLHttpRequest,n=new FormData;f.onBeforeUpload&&f.onBeforeUpload({xhr:t,formData:n});var r,o=M(e);try{for(o.s();!(r=o.n()).done;){var a=r.value;n.append(f.name,a,a.name)}}catch(e){o.e(e)}finally{o.f()}t.upload.addEventListener("progress",(function(e){if(e.lengthComputable){var t=Math.round(100*e.loaded/e.total);j(t),f.onProgress&&f.onProgress({originalEvent:e,progress:t})}})),t.onreadystatechange=function(){4===t.readyState&&(j(0),z(!1),t.status>=200&&t.status<300?(f.fileLimit&&w("uploadedFileCount"),f.onUpload&&f.onUpload({xhr:t,files:e})):f.onError&&f.onError({xhr:t,files:e}),pe(),v((function(t){return[].concat(P(t),P(e))})))},t.open("POST",f.url,!0),f.onBeforeSend&&f.onBeforeSend({xhr:t,formData:n}),t.withCredentials=f.withCredentials,t.send(n)}},pe=function(){E([]),v([]),z(!1),f.onClear&&f.onClear(),ae()},de=function(){q.current.click()},me=function(){x(!0)},fe=function(){x(!1)},be=function(e){13===e.which&&de()},ye=function(e){if(!f.disabled&&(!H()&&r.DomHandler.removeClass(J.current,"p-fileupload-highlight"),J.current.setAttribute("data-p-highlight",!1),e.stopPropagation(),e.preventDefault(),!f.onBeforeDrop||!1!==f.onBeforeDrop(e))){var t=e.dataTransfer?e.dataTransfer.files:e.target.files;(f.multiple||r.ObjectUtils.isEmpty(O)&&t&&1===t.length)&&ie(e)}},ge=function(){!Y&&K?ue():q.current.click()};d.useImperativeHandle(p,(function(){return{props:f,upload:ue,clear:pe,formatSize:le,onFileSelect:ie,getInput:function(){return q.current},getContent:function(){return J.current},getFiles:function(){return O},setFiles:function(e){return E(e||[])},getUploadedFiles:function(){return y},setUploadedFiles:function(e){return v(e||[])}}}));var ve,he,Oe,Ee,Se,Pe,we,Ne,je,Ie,Be=function(e,t,n){"warning"===t.severity?re(e,n):oe(e,n)},Ue=function(e,t,n){var a=e.name+e.type+e.size,i=r.mergeProps({role:"presentation",className:A("thumbnail"),src:e.objectURL,width:f.previewWidth},k("thumbnail")),s=ne(e)?d.createElement("img",g({},i,{alt:e.name})):null,c=r.mergeProps(k("details")),u=r.mergeProps(k("fileSize")),p=r.mergeProps({className:A("fileName")},k("fileName")),m=r.mergeProps(k("actions")),b=d.createElement("div",p,e.name),y=d.createElement("div",u,le(e.size)),v=d.createElement("div",c,d.createElement("div",p," ",e.name),d.createElement("span",u,le(e.size)),d.createElement(T,{className:"p-fileupload-file-badge",value:n.value,severity:n.severity,pt:k("badge"),__parentMetadata:{parent:L}})),h=d.createElement("div",m,d.createElement(o.Button,{type:"button",icon:f.removeIcon||d.createElement(l.TimesIcon,null),text:!0,rounded:!0,severity:"danger",onClick:function(e){return Be(e,n,t)},disabled:Y,pt:k("removeButton"),__parentMetadata:{parent:L}})),O=d.createElement(d.Fragment,null,s,v,h);if(f.itemTemplate){var E={onRemove:function(e){return re(e,t)},previewElement:s,fileNameElement:b,sizeElement:y,removeElement:h,formatSize:le(e.size),element:O,index:t,props:f};O=r.ObjectUtils.getJSXElement(f.itemTemplate,e,E)}var S=r.mergeProps({key:a,className:A("file")},k("file"));return d.createElement("div",S,O)},xe=function(){var e={severity:"success",value:t.localeOption("completed")||"Completed"},n=y&&y.map((function(t,n){return Ue(t,n,e)}));return d.createElement("div",null,n)};return"advanced"===f.mode?function(){var e,n,p,m,b,y,v,h,E,S,P,w,j,I,B,x,C,T,F,M=(n=(e=f.chooseOptions).className,p=e.style,m=e.icon,b=e.iconOnly,y=r.mergeProps({className:A("chooseButtonLabel")},k("chooseButtonLabel")),v=b?d.createElement("span",g({},y,{dangerouslySetInnerHTML:{__html:" "}})):d.createElement("span",y,$),h=r.mergeProps({ref:q,type:"file",onChange:function(e){return ie(e)},multiple:f.multiple,accept:f.accept,disabled:Z},k("input")),E=d.createElement("input",h),S=r.mergeProps({className:A("chooseIcon",{iconOnly:b})},k("chooseIcon")),P=r.IconUtils.getJSXIcon(m||d.createElement(a.PlusIcon,S),_({},S),{props:f}),w=r.mergeProps({className:r.classNames(n,A("chooseButton",{iconOnly:b,disabled:Y,className:n,focusedState:U})),style:p,onClick:de,onKeyDown:function(e){return be(e)},onFocus:me,onBlur:fe,tabIndex:0,"data-p-disabled":Y,"data-p-focus":U},k("chooseButton")),d.createElement("span",w,E,P,v,d.createElement(u.Ripple,null))),z=!f.emptyTemplate||K||W?null:r.ObjectUtils.getJSXElement(f.emptyTemplate,f);if(!f.auto){var R=f.uploadOptions,V=f.cancelOptions,ne=R.iconOnly?"":G,re=V.iconOnly?"":Q,oe=r.mergeProps({className:A("uploadIcon",{iconOnly:R.iconOnly})},k("uploadIcon")),ae=r.IconUtils.getJSXIcon(R.icon||d.createElement(i.UploadIcon,oe),_({},oe),{props:f}),le=r.mergeProps({className:A("cancelIcon",{iconOnly:V.iconOnly})},k("cancelIcon")),se=r.IconUtils.getJSXIcon(V.icon||d.createElement(l.TimesIcon,le),_({},le),{props:f});j=d.createElement(o.Button,{type:"button",label:ne,icon:ae,onClick:ue,disabled:ee,style:R.style,className:R.className,pt:k("uploadButton"),__parentMetadata:{parent:L}}),I=d.createElement(o.Button,{type:"button",label:re,icon:se,onClick:pe,disabled:te,style:V.style,className:V.className,pt:k("cancelButton"),__parentMetadata:{parent:L}})}K&&(T={severity:"warning",value:t.localeOption("pending")||"Pending"},F=O.map((function(e,t){return Ue(e,t,T)})),B=d.createElement("div",null,F),C=f.progressBarTemplate?r.ObjectUtils.getJSXElement(f.progressBarTemplate,f):d.createElement(c.ProgressBar,{value:N,showValue:!1,pt:k("progressbar"),__parentMetadata:{parent:L}})),W&&(x=xe());var ce=r.mergeProps({className:r.classNames(f.headerClassName,A("buttonbar")),style:f.headerStyle},k("buttonbar")),ge=d.createElement("div",ce,M,j,I);if(f.headerTemplate){var ve={className:r.classNames("p-fileupload-buttonbar",f.headerClassName),chooseButton:M,uploadButton:j,cancelButton:I,element:ge,props:f};ge=r.ObjectUtils.getJSXElement(f.headerTemplate,ve)}var he=r.mergeProps({id:f.id,className:A("root"),style:f.style},D.getOtherProps(f),k("root")),Oe=r.mergeProps({ref:J,className:r.classNames(f.contentClassName,A("content")),style:f.contentStyle,onDragEnter:function(e){return t=e,void(Y||(t.dataTransfer.dropEffect="copy",t.stopPropagation(),t.preventDefault()));var t},onDragOver:function(e){return t=e,void(Y||(t.dataTransfer.dropEffect="copy",!H()&&r.DomHandler.addClass(J.current,"p-fileupload-highlight"),J.current.setAttribute("data-p-highlight",!0),t.stopPropagation(),t.preventDefault()));var t},onDragLeave:function(e){return t=e,void(Y||(t.dataTransfer.dropEffect="copy",!H()&&r.DomHandler.removeClass(J.current,"p-fileupload-highlight"),J.current.setAttribute("data-p-highlight",!1)));var t},onDrop:function(e){return ye(e)},"data-p-highlight":!1},k("content"));return d.createElement("div",he,ge,d.createElement("div",Oe,C,d.createElement(s.Messages,{ref:X,__parentMetadata:{parent:L}}),K?B:null,W?x:null,z))}():"basic"===f.mode?(ve=f.chooseOptions,he=r.mergeProps({className:A("label")},k("label")),Oe=ve.iconOnly?d.createElement("span",g({},he,{dangerouslySetInnerHTML:{__html:" "}})):d.createElement("span",he,$),Ee=f.auto?Oe:d.createElement("span",he,K?O[0].name:Oe),Se=r.mergeProps({className:A("chooseIcon",{iconOnly:ve.iconOnly})},k("chooseIcon")),Pe=r.IconUtils.getJSXIcon(ve.icon?ve.icon:ve.icon||K&&!f.auto?!ve.icon&&K&&!f.auto&&d.createElement(i.UploadIcon,Se):d.createElement(a.PlusIcon,Se),_({},Se),{props:f,hasFiles:K}),we=r.mergeProps({ref:q,type:"file",onChange:function(e){return ie(e)},multiple:f.multiple,accept:f.accept,disabled:Y},k("input")),Ne=!K&&d.createElement("input",we),je=r.mergeProps({className:r.classNames(f.className,A("root")),style:f.style},D.getOtherProps(f),k("root")),Ie=r.mergeProps({className:r.classNames(ve.className,A("basicButton",{hasFiles:K,disabled:Y,focusedState:U})),style:ve.style,tabIndex:0,onClick:ge,onKeyDown:function(e){return be(e)},onFocus:me,onBlur:fe},D.getOtherProps(f),k("basicButton")),d.createElement("div",je,d.createElement(s.Messages,{ref:X,pt:k("message"),__parentMetadata:{parent:L}}),d.createElement("span",Ie,Pe,Ee,Ne,d.createElement(u.Ripple,null)))):void 0})));R.displayName="FileUpload",exports.FileUpload=R;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/utils"),a=require("primereact/button"),o=require("primereact/icons/plus"),l=require("primereact/icons/times"),i=require("primereact/icons/upload"),s=require("primereact/messages"),c=require("primereact/progressbar"),u=require("primereact/ripple");function p(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var d=p(e);function m(e){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m(e)}function f(e,t){if("object"!==m(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==m(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function b(e){var t=f(e,"string");return"symbol"===m(t)?t:String(t)}function y(e,t,n){return(t=b(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function g(){return g=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},g.apply(this,arguments)}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function h(e){if(Array.isArray(e))return v(e)}function O(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function E(e,t){if(e){if("string"==typeof e)return v(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)?v(e,t):void 0}}function S(){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 P(e){return h(e)||O(e)||E(e)||S()}function w(e){throw new TypeError('"'+e+'" is read-only')}function N(e){if(Array.isArray(e))return e}function j(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,l,i=[],s=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=o.call(n)).done)&&(i.push(r.value),i.length!==t);s=!0);}catch(e){c=!0,a=e}finally{try{if(!s&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(c)throw a}}return i}}function I(){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 B(e,t){return N(e)||j(e,t)||E(e,t)||I()}var U=n.ComponentBase.extend({defaultProps:{__TYPE:"Badge",__parentMetadata:null,value:null,severity:null,size:null,style:null,className:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return r.classNames("p-badge p-component",y({"p-badge-no-gutter":r.ObjectUtils.isNotEmpty(t.value)&&1===String(t.value).length,"p-badge-dot":r.ObjectUtils.isEmpty(t.value),"p-badge-lg":"large"===t.size,"p-badge-xl":"xlarge"===t.size},"p-badge-".concat(t.severity),null!==t.severity))}},styles:"\n@layer primereact {\n .p-badge {\n display: inline-block;\n border-radius: 10px;\n text-align: center;\n padding: 0 .5rem;\n }\n \n .p-overlay-badge {\n position: relative;\n }\n \n .p-overlay-badge .p-badge {\n position: absolute;\n top: 0;\n right: 0;\n transform: translate(50%,-50%);\n transform-origin: 100% 0;\n margin: 0;\n }\n \n .p-badge-dot {\n width: .5rem;\n min-width: .5rem;\n height: .5rem;\n border-radius: 50%;\n padding: 0;\n }\n \n .p-badge-no-gutter {\n padding: 0;\n border-radius: 50%;\n }\n}\n"}});function x(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function C(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?x(Object(n),!0).forEach((function(t){y(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):x(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var T=d.memo(d.forwardRef((function(e,a){var o=d.useContext(t.PrimeReactContext),l=U.getProps(e,o),i=U.setMetaData(C({props:l},l.__parentMetadata)),s=i.ptm,c=i.cx;n.useHandleStyle(U.css.styles,i.isUnstyled,{name:"badge"});var u=d.useRef(null);d.useImperativeHandle(a,(function(){return{props:l,getElement:function(){return u.current}}}));var p=r.mergeProps({ref:u,style:l.style,className:r.classNames(l.className,c("root"))},U.getOtherProps(l),s("root"));return d.createElement("span",p,l.value)})));T.displayName="Badge";var D=n.ComponentBase.extend({defaultProps:{__TYPE:"FileUpload",id:null,name:null,url:null,mode:"advanced",multiple:!1,accept:null,removeIcon:null,disabled:!1,auto:!1,maxFileSize:null,invalidFileSizeMessageSummary:"{0}: Invalid file size, ",invalidFileSizeMessageDetail:"maximum upload size is {0}.",style:null,className:null,withCredentials:!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,children:void 0},css:{classes:{root:function(e){return r.classNames("p-fileupload p-fileupload-".concat(e.props.mode," p-component"))},buttonbar:"p-fileupload-buttonbar",content:"p-fileupload-content",chooseButton:function(e){return r.classNames("p-button p-fileupload-choose p-component",{"p-disabled":e.disabled,"p-focus":e.focusedState,"p-button-icon-only":e.iconOnly})},label:"p-button-label p-clickable",file:"p-fileupload-row",fileName:"p-fileupload-filename",thumbnail:"p-fileupload-file-thumbnail",chooseButtonLabel:"p-button-label p-clickable",basicButton:function(e){return r.classNames("p-button p-component p-fileupload-choose",{"p-fileupload-choose-selected":e.hasFiles,"p-disabled":e.disabled,"p-focus":e.focusedState})},chooseIcon:function(e){var t=e.iconOnly;return r.classNames("basic"===e.props.mode?"p-button-icon":"p-button-icon p-clickable",{"p-button-icon-left":!t})},uploadIcon:function(e){return r.classNames("p-button-icon p-c",{"p-button-icon-left":!e.iconOnly})},cancelIcon:function(e){return r.classNames("p-button-icon p-c",{"p-button-icon-left":!e.iconOnly})}},styles:"\n@layer primereact {\n .p-fileupload-content {\n position: relative;\n }\n \n .p-fileupload-row {\n display: flex;\n align-items: center;\n }\n \n .p-fileupload-row > div {\n flex: 1 1 auto;\n width: 25%;\n }\n \n .p-fileupload-row > div:last-child {\n text-align: right;\n }\n \n .p-fileupload-content > .p-progressbar {\n width: 100%;\n position: absolute;\n top: 0;\n left: 0;\n }\n \n .p-button.p-fileupload-choose {\n position: relative;\n overflow: hidden;\n }\n \n .p-fileupload-buttonbar {\n display: flex;\n flex-wrap: wrap;\n }\n \n .p-button.p-fileupload-choose input[type='file'] {\n display: none;\n }\n \n .p-fileupload-choose.p-fileupload-choose-selected input[type='file'] {\n display: none;\n }\n \n .p-fileupload-filename {\n word-break: break-all;\n }\n \n .p-fileupload-file-thumbnail {\n flex-shrink: 0;\n }\n \n .p-fileupload-file-badge {\n margin: 0.5rem;\n }\n \n .p-fluid .p-fileupload .p-button {\n width: auto;\n }\n}\n"}});function F(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?F(Object(n),!0).forEach((function(t){y(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):F(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function M(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=z(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,a=function(){};return{s:a,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},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 o,l=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return l=e.done,e},e:function(e){i=!0,o=e},f:function(){try{l||null==n.return||n.return()}finally{if(i)throw o}}}}function z(e,t){if(e){if("string"==typeof e)return L(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)?L(e,t):void 0}}function L(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var R=d.memo(d.forwardRef((function(e,p){var m=d.useContext(t.PrimeReactContext),f=D.getProps(e,m),b=B(d.useState([]),2),y=b[0],v=b[1],h=B(d.useState([]),2),O=h[0],E=h[1],S=B(d.useState(0),2),N=S[0],j=S[1],I=B(d.useState(!1),2),U=I[0],x=I[1],C=B(d.useState(!1),2),F=C[0],z=C[1],L={props:f,state:{progress:N,uploading:F,uploadedFiles:y,files:O,focused:U}},R=D.setMetaData(L),k=R.ptm,A=R.cx,H=R.isUnstyled;n.useHandleStyle(D.css.styles,H,{name:"fileupload"});var q=d.useRef(null),X=d.useRef(null),J=d.useRef(null),V=d.useRef(0),K=r.ObjectUtils.isNotEmpty(O),W=r.ObjectUtils.isNotEmpty(y),Y=f.disabled||F,$=f.chooseLabel||f.chooseOptions.label||t.localeOption("choose"),G=f.uploadLabel||f.uploadOptions.label||t.localeOption("upload"),Q=f.cancelLabel||f.cancelOptions.label||t.localeOption("cancel"),Z=Y||f.fileLimit&&f.fileLimit<=O.length+V,ee=Y||!K,te=Y||!K,ne=function(e){return/^image\//.test(e.type)},re=function(e,t){oe();var n=P(O),r=O[t];n.splice(t,1),E(n),f.onRemove&&f.onRemove({originalEvent:e,file:r})},ae=function(e,t){oe();var n=P(y),r=O[t];n.splice(t,1),v(n),f.onRemove&&f.onRemove({originalEvent:e,file:r})},oe=function(){q.current&&(q.current.value="")},le=function(e){var n=t.localeOption("fileSizeTypes");if(0===e)return"0 ".concat(n[0]);var r=Math.floor(Math.log(e)/Math.log(1024)),a=parseFloat((e/Math.pow(1024,r)).toFixed(3));return"".concat(a," ").concat(n[r])},ie=function(e){if(!f.onBeforeSelect||!1!==f.onBeforeSelect({originalEvent:e,files:O})){var t=[];f.multiple&&(t=O?P(O):[]);for(var n=e.dataTransfer?e.dataTransfer.files:e.target.files,a=0;a<n.length;a++){var o=n[a];!se(o)&&ce(o)&&(ne(o)&&(o.objectURL=window.URL.createObjectURL(o)),t.push(o))}E(t),r.ObjectUtils.isNotEmpty(t)&&f.auto&&ue(t),f.onSelect&&f.onSelect({originalEvent:e,files:t}),oe(),"basic"===f.mode&&t.length>0&&(q.current.style.display="none")}},se=function(e){return O.some((function(t){return t.name+t.type+t.size===e.name+e.type+e.size}))},ce=function(e){if(f.maxFileSize&&e.size>f.maxFileSize){var t={severity:"error",summary:f.invalidFileSizeMessageSummary.replace("{0}",e.name),detail:f.invalidFileSizeMessageDetail.replace("{0}",le(f.maxFileSize)),sticky:!0};return"advanced"===f.mode&&X.current.show(t),f.onValidationFail&&f.onValidationFail(e),!1}return!0},ue=function(e){if((e=e||O)&&e.nativeEvent&&(e=O),f.customUpload)f.fileLimit&&w("uploadedFileCount"),f.uploadHandler&&f.uploadHandler({files:e,options:{clear:pe,props:f}});else{z(!0);var t=new XMLHttpRequest,n=new FormData;f.onBeforeUpload&&f.onBeforeUpload({xhr:t,formData:n});var r,a=M(e);try{for(a.s();!(r=a.n()).done;){var o=r.value;n.append(f.name,o,o.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);j(t),f.onProgress&&f.onProgress({originalEvent:e,progress:t})}})),t.onreadystatechange=function(){4===t.readyState&&(j(0),z(!1),t.status>=200&&t.status<300?(f.fileLimit&&w("uploadedFileCount"),f.onUpload&&f.onUpload({xhr:t,files:e})):f.onError&&f.onError({xhr:t,files:e}),pe(),v((function(t){return[].concat(P(t),P(e))})))},t.open("POST",f.url,!0),f.onBeforeSend&&f.onBeforeSend({xhr:t,formData:n}),t.withCredentials=f.withCredentials,t.send(n)}},pe=function(){E([]),v([]),z(!1),f.onClear&&f.onClear(),oe()},de=function(){q.current.click()},me=function(){x(!0)},fe=function(){x(!1)},be=function(e){"Enter"===e.code&&de()},ye=function(e){if(!f.disabled&&(!H()&&r.DomHandler.removeClass(J.current,"p-fileupload-highlight"),J.current.setAttribute("data-p-highlight",!1),e.stopPropagation(),e.preventDefault(),!f.onBeforeDrop||!1!==f.onBeforeDrop(e))){var t=e.dataTransfer?e.dataTransfer.files:e.target.files;(f.multiple||r.ObjectUtils.isEmpty(O)&&t&&1===t.length)&&ie(e)}},ge=function(){!Y&&K?ue():q.current.click()};d.useImperativeHandle(p,(function(){return{props:f,upload:ue,clear:pe,formatSize:le,onFileSelect:ie,getInput:function(){return q.current},getContent:function(){return J.current},getFiles:function(){return O},setFiles:function(e){return E(e||[])},getUploadedFiles:function(){return y},setUploadedFiles:function(e){return v(e||[])}}}));var ve,he,Oe,Ee,Se,Pe,we,Ne,je,Ie,Be=function(e,t,n){"warning"===t.severity?re(e,n):ae(e,n)},Ue=function(e,t,n){var o=e.name+e.type+e.size,i=r.mergeProps({role:"presentation",className:A("thumbnail"),src:e.objectURL,width:f.previewWidth},k("thumbnail")),s=ne(e)?d.createElement("img",g({},i,{alt:e.name})):null,c=r.mergeProps(k("details")),u=r.mergeProps(k("fileSize")),p=r.mergeProps({className:A("fileName")},k("fileName")),m=r.mergeProps(k("actions")),b=d.createElement("div",p,e.name),y=d.createElement("div",u,le(e.size)),v=d.createElement("div",c,d.createElement("div",p," ",e.name),d.createElement("span",u,le(e.size)),d.createElement(T,{className:"p-fileupload-file-badge",value:n.value,severity:n.severity,pt:k("badge"),__parentMetadata:{parent:L}})),h=d.createElement("div",m,d.createElement(a.Button,{type:"button",icon:f.removeIcon||d.createElement(l.TimesIcon,null),text:!0,rounded:!0,severity:"danger",onClick:function(e){return Be(e,n,t)},disabled:Y,pt:k("removeButton"),__parentMetadata:{parent:L}})),O=d.createElement(d.Fragment,null,s,v,h);if(f.itemTemplate){var E={onRemove:function(e){return re(e,t)},previewElement:s,fileNameElement:b,sizeElement:y,removeElement:h,formatSize:le(e.size),element:O,index:t,props:f};O=r.ObjectUtils.getJSXElement(f.itemTemplate,e,E)}var S=r.mergeProps({key:o,className:A("file")},k("file"));return d.createElement("div",S,O)},xe=function(){var e={severity:"success",value:t.localeOption("completed")||"Completed"},n=y&&y.map((function(t,n){return Ue(t,n,e)}));return d.createElement("div",null,n)};return"advanced"===f.mode?function(){var e,n,p,m,b,y,v,h,E,S,P,w,j,I,B,x,C,T,F,M=(n=(e=f.chooseOptions).className,p=e.style,m=e.icon,b=e.iconOnly,y=r.mergeProps({className:A("chooseButtonLabel")},k("chooseButtonLabel")),v=b?d.createElement("span",g({},y,{dangerouslySetInnerHTML:{__html:" "}})):d.createElement("span",y,$),h=r.mergeProps({ref:q,type:"file",onChange:function(e){return ie(e)},multiple:f.multiple,accept:f.accept,disabled:Z},k("input")),E=d.createElement("input",h),S=r.mergeProps({className:A("chooseIcon",{iconOnly:b}),"aria-hidden":"true"},k("chooseIcon")),P=r.IconUtils.getJSXIcon(m||d.createElement(o.PlusIcon,S),_({},S),{props:f}),w=r.mergeProps({className:r.classNames(n,A("chooseButton",{iconOnly:b,disabled:Y,className:n,focusedState:U})),style:p,onClick:de,onKeyDown:function(e){return be(e)},onFocus:me,onBlur:fe,tabIndex:0,"data-p-disabled":Y,"data-p-focus":U},k("chooseButton")),d.createElement("span",w,E,P,v,d.createElement(u.Ripple,null))),z=!f.emptyTemplate||K||W?null:r.ObjectUtils.getJSXElement(f.emptyTemplate,f);if(!f.auto){var R=f.uploadOptions,V=f.cancelOptions,ne=R.iconOnly?"":G,re=V.iconOnly?"":Q,ae=r.mergeProps({className:A("uploadIcon",{iconOnly:R.iconOnly}),"aria-hidden":"true"},k("uploadIcon")),oe=r.IconUtils.getJSXIcon(R.icon||d.createElement(i.UploadIcon,ae),_({},ae),{props:f}),le=r.mergeProps({className:A("cancelIcon",{iconOnly:V.iconOnly}),"aria-hidden":"true"},k("cancelIcon")),se=r.IconUtils.getJSXIcon(V.icon||d.createElement(l.TimesIcon,le),_({},le),{props:f});j=d.createElement(a.Button,{type:"button",label:ne,"aria-hidden":"true",icon:oe,onClick:ue,disabled:ee,style:R.style,className:R.className,pt:k("uploadButton"),__parentMetadata:{parent:L}}),I=d.createElement(a.Button,{type:"button",label:re,"aria-hidden":"true",icon:se,onClick:pe,disabled:te,style:V.style,className:V.className,pt:k("cancelButton"),__parentMetadata:{parent:L}})}K&&(T={severity:"warning",value:t.localeOption("pending")||"Pending"},F=O.map((function(e,t){return Ue(e,t,T)})),B=d.createElement("div",null,F),C=f.progressBarTemplate?r.ObjectUtils.getJSXElement(f.progressBarTemplate,{progress:N,props:f}):d.createElement(c.ProgressBar,{value:N,showValue:!1,pt:k("progressbar"),__parentMetadata:{parent:L}})),W&&(x=xe());var ce=r.mergeProps({className:r.classNames(f.headerClassName,A("buttonbar")),style:f.headerStyle},k("buttonbar")),ge=d.createElement("div",ce,M,j,I);if(f.headerTemplate){var ve={className:r.classNames("p-fileupload-buttonbar",f.headerClassName),chooseButton:M,uploadButton:j,cancelButton:I,element:ge,props:f};ge=r.ObjectUtils.getJSXElement(f.headerTemplate,ve)}var he=r.mergeProps({id:f.id,className:A("root"),style:f.style},D.getOtherProps(f),k("root")),Oe=r.mergeProps({ref:J,className:r.classNames(f.contentClassName,A("content")),style:f.contentStyle,onDragEnter:function(e){return t=e,void(Y||(t.dataTransfer.dropEffect="copy",t.stopPropagation(),t.preventDefault()));var t},onDragOver:function(e){return t=e,void(Y||(t.dataTransfer.dropEffect="copy",!H()&&r.DomHandler.addClass(J.current,"p-fileupload-highlight"),J.current.setAttribute("data-p-highlight",!0),t.stopPropagation(),t.preventDefault()));var t},onDragLeave:function(e){return t=e,void(Y||(t.dataTransfer.dropEffect="copy",!H()&&r.DomHandler.removeClass(J.current,"p-fileupload-highlight"),J.current.setAttribute("data-p-highlight",!1)));var t},onDrop:function(e){return ye(e)},"data-p-highlight":!1},k("content"));return d.createElement("div",he,ge,d.createElement("div",Oe,C,d.createElement(s.Messages,{ref:X,__parentMetadata:{parent:L}}),K?B:null,W?x:null,z))}():"basic"===f.mode?(ve=f.chooseOptions,he=r.mergeProps({className:A("label")},k("label")),Oe=ve.iconOnly?d.createElement("span",g({},he,{dangerouslySetInnerHTML:{__html:" "}})):d.createElement("span",he,$),Ee=f.auto?Oe:d.createElement("span",he,K?O[0].name:Oe),Se=r.mergeProps({className:A("chooseIcon",{iconOnly:ve.iconOnly})},k("chooseIcon")),Pe=r.IconUtils.getJSXIcon(ve.icon?ve.icon:ve.icon||K&&!f.auto?!ve.icon&&K&&!f.auto&&d.createElement(i.UploadIcon,Se):d.createElement(o.PlusIcon,Se),_({},Se),{props:f,hasFiles:K}),we=r.mergeProps({ref:q,type:"file",onChange:function(e){return ie(e)},multiple:f.multiple,accept:f.accept,disabled:Y},k("input")),Ne=!K&&d.createElement("input",we),je=r.mergeProps({className:r.classNames(f.className,A("root")),style:f.style},D.getOtherProps(f),k("root")),Ie=r.mergeProps({className:r.classNames(ve.className,A("basicButton",{hasFiles:K,disabled:Y,focusedState:U})),style:ve.style,tabIndex:0,onClick:ge,onKeyDown:function(e){return be(e)},onFocus:me,onBlur:fe},D.getOtherProps(f),k("basicButton")),d.createElement("div",je,d.createElement(s.Messages,{ref:X,pt:k("message"),__parentMetadata:{parent:L}}),d.createElement("span",Ie,Pe,Ee,Ne,d.createElement(u.Ripple,null)))):void 0})));R.displayName="FileUpload",exports.FileUpload=R;
|
|
@@ -218,6 +218,22 @@ interface FileUploadHeaderTemplateOptions {
|
|
|
218
218
|
props: FileUploadProps;
|
|
219
219
|
}
|
|
220
220
|
|
|
221
|
+
/**
|
|
222
|
+
* Custom file upload progressbar template options
|
|
223
|
+
*/
|
|
224
|
+
interface FileUploadProgressBarTemplateOptions {
|
|
225
|
+
/**
|
|
226
|
+
* Current progress state as a number.
|
|
227
|
+
* @defaultValue 0
|
|
228
|
+
*/
|
|
229
|
+
progress: number;
|
|
230
|
+
/**
|
|
231
|
+
* The props passed to the component.
|
|
232
|
+
* @type {FileUploadProps}
|
|
233
|
+
*/
|
|
234
|
+
props: FileUploadProps;
|
|
235
|
+
}
|
|
236
|
+
|
|
221
237
|
/**
|
|
222
238
|
* Custom item template options
|
|
223
239
|
*/
|
|
@@ -532,7 +548,7 @@ interface FileUploadProps {
|
|
|
532
548
|
/**
|
|
533
549
|
* Custom template of progressBar content in the container.
|
|
534
550
|
*/
|
|
535
|
-
progressBarTemplate?: React.ReactNode | ((
|
|
551
|
+
progressBarTemplate?: React.ReactNode | ((options: FileUploadProgressBarTemplateOptions) => React.ReactNode);
|
|
536
552
|
/**
|
|
537
553
|
* Callback to invoke before file upload begins to customize the request such as post parameters before the files.
|
|
538
554
|
* @param {FileUploadBeforeUploadEvent} event - Custom beforeUpload.
|
|
@@ -599,8 +599,7 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
599
599
|
setFocusedState(false);
|
|
600
600
|
};
|
|
601
601
|
var _onKeyDown = function onKeyDown(event) {
|
|
602
|
-
if (event.
|
|
603
|
-
// enter
|
|
602
|
+
if (event.code === 'Enter') {
|
|
604
603
|
choose();
|
|
605
604
|
}
|
|
606
605
|
};
|
|
@@ -702,7 +701,8 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
702
701
|
var chooseIconProps = mergeProps({
|
|
703
702
|
className: cx('chooseIcon', {
|
|
704
703
|
iconOnly: iconOnly
|
|
705
|
-
})
|
|
704
|
+
}),
|
|
705
|
+
'aria-hidden': 'true'
|
|
706
706
|
}, ptm('chooseIcon'));
|
|
707
707
|
var icon = _icon || /*#__PURE__*/React.createElement(PlusIcon, chooseIconProps);
|
|
708
708
|
var chooseIcon = IconUtils.getJSXIcon(icon, _objectSpread({}, chooseIconProps), {
|
|
@@ -822,7 +822,11 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
822
822
|
};
|
|
823
823
|
var createProgressBarContent = function createProgressBarContent() {
|
|
824
824
|
if (props.progressBarTemplate) {
|
|
825
|
-
|
|
825
|
+
var defaultProgressBarTemplateOptions = {
|
|
826
|
+
progress: progressState,
|
|
827
|
+
props: props
|
|
828
|
+
};
|
|
829
|
+
return ObjectUtils.getJSXElement(props.progressBarTemplate, defaultProgressBarTemplateOptions);
|
|
826
830
|
}
|
|
827
831
|
return /*#__PURE__*/React.createElement(ProgressBar, {
|
|
828
832
|
value: progressState,
|
|
@@ -845,7 +849,8 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
845
849
|
var uploadIconProps = mergeProps({
|
|
846
850
|
className: cx('uploadIcon', {
|
|
847
851
|
iconOnly: uploadOptions.iconOnly
|
|
848
|
-
})
|
|
852
|
+
}),
|
|
853
|
+
'aria-hidden': 'true'
|
|
849
854
|
}, ptm('uploadIcon'));
|
|
850
855
|
var uploadIcon = IconUtils.getJSXIcon(uploadOptions.icon || /*#__PURE__*/React.createElement(UploadIcon, uploadIconProps), _objectSpread({}, uploadIconProps), {
|
|
851
856
|
props: props
|
|
@@ -853,7 +858,8 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
853
858
|
var cancelIconProps = mergeProps({
|
|
854
859
|
className: cx('cancelIcon', {
|
|
855
860
|
iconOnly: cancelOptions.iconOnly
|
|
856
|
-
})
|
|
861
|
+
}),
|
|
862
|
+
'aria-hidden': 'true'
|
|
857
863
|
}, ptm('cancelIcon'));
|
|
858
864
|
var cancelIcon = IconUtils.getJSXIcon(cancelOptions.icon || /*#__PURE__*/React.createElement(TimesIcon, cancelIconProps), _objectSpread({}, cancelIconProps), {
|
|
859
865
|
props: props
|
|
@@ -861,6 +867,7 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
861
867
|
uploadButton = /*#__PURE__*/React.createElement(Button, {
|
|
862
868
|
type: "button",
|
|
863
869
|
label: uploadLabel,
|
|
870
|
+
"aria-hidden": "true",
|
|
864
871
|
icon: uploadIcon,
|
|
865
872
|
onClick: upload,
|
|
866
873
|
disabled: uploadDisabled,
|
|
@@ -874,6 +881,7 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
874
881
|
cancelButton = /*#__PURE__*/React.createElement(Button, {
|
|
875
882
|
type: "button",
|
|
876
883
|
label: cancelLabel,
|
|
884
|
+
"aria-hidden": "true",
|
|
877
885
|
icon: cancelIcon,
|
|
878
886
|
onClick: clear,
|
|
879
887
|
disabled: cancelDisabled,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import{PrimeReactContext as t,localeOption as n}from"primereact/api";import{ComponentBase as r,useHandleStyle as o}from"primereact/componentbase";import{classNames as a,ObjectUtils as l,mergeProps as i,IconUtils as c,DomHandler as u}from"primereact/utils";import{Button as s}from"primereact/button";import{PlusIcon as p}from"primereact/icons/plus";import{TimesIcon as d}from"primereact/icons/times";import{UploadIcon as f}from"primereact/icons/upload";import{Messages as m}from"primereact/messages";import{ProgressBar as b}from"primereact/progressbar";import{Ripple as y}from"primereact/ripple";function v(e){return v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},v(e)}function g(e,t){if("object"!==v(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==v(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function h(e){var t=g(e,"string");return"symbol"===v(t)?t:String(t)}function O(e,t,n){return(t=h(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function E(){return E=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},E.apply(this,arguments)}function S(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function w(e){if(Array.isArray(e))return S(e)}function N(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function j(e,t){if(e){if("string"==typeof e)return S(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)?S(e,t):void 0}}function P(){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 w(e)||N(e)||j(e)||P()}function x(e){throw new TypeError('"'+e+'" is read-only')}function I(e){if(Array.isArray(e))return e}function C(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a,l,i=[],c=!0,u=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=a.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw o}}return i}}function F(){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 T(e,t){return I(e)||C(e,t)||j(e,t)||F()}var D=r.extend({defaultProps:{__TYPE:"Badge",__parentMetadata:null,value:null,severity:null,size:null,style:null,className:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return a("p-badge p-component",O({"p-badge-no-gutter":l.isNotEmpty(t.value)&&1===String(t.value).length,"p-badge-dot":l.isEmpty(t.value),"p-badge-lg":"large"===t.size,"p-badge-xl":"xlarge"===t.size},"p-badge-".concat(t.severity),null!==t.severity))}},styles:"\n@layer primereact {\n .p-badge {\n display: inline-block;\n border-radius: 10px;\n text-align: center;\n padding: 0 .5rem;\n }\n \n .p-overlay-badge {\n position: relative;\n }\n \n .p-overlay-badge .p-badge {\n position: absolute;\n top: 0;\n right: 0;\n transform: translate(50%,-50%);\n transform-origin: 100% 0;\n margin: 0;\n }\n \n .p-badge-dot {\n width: .5rem;\n min-width: .5rem;\n height: .5rem;\n border-radius: 50%;\n padding: 0;\n }\n \n .p-badge-no-gutter {\n padding: 0;\n border-radius: 50%;\n }\n}\n"}});function _(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function z(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?_(Object(n),!0).forEach((function(t){O(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):_(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var M=e.memo(e.forwardRef((function(n,r){var l=e.useContext(t),c=D.getProps(n,l),u=D.setMetaData(z({props:c},c.__parentMetadata)),s=u.ptm,p=u.cx;o(D.css.styles,u.isUnstyled,{name:"badge"});var d=e.useRef(null);e.useImperativeHandle(r,(function(){return{props:c,getElement:function(){return d.current}}}));var f=i({ref:d,style:c.style,className:a(c.className,p("root"))},D.getOtherProps(c),s("root"));return e.createElement("span",f,c.value)})));M.displayName="Badge";var L=r.extend({defaultProps:{__TYPE:"FileUpload",id:null,name:null,url:null,mode:"advanced",multiple:!1,accept:null,removeIcon:null,disabled:!1,auto:!1,maxFileSize:null,invalidFileSizeMessageSummary:"{0}: Invalid file size, ",invalidFileSizeMessageDetail:"maximum upload size is {0}.",style:null,className:null,withCredentials:!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,children:void 0},css:{classes:{root:function(e){return a("p-fileupload p-fileupload-".concat(e.props.mode," p-component"))},buttonbar:"p-fileupload-buttonbar",content:"p-fileupload-content",chooseButton:function(e){return a("p-button p-fileupload-choose p-component",{"p-disabled":e.disabled,"p-focus":e.focusedState,"p-button-icon-only":e.iconOnly})},label:"p-button-label p-clickable",file:"p-fileupload-row",fileName:"p-fileupload-filename",thumbnail:"p-fileupload-file-thumbnail",chooseButtonLabel:"p-button-label p-clickable",basicButton:function(e){return a("p-button p-component p-fileupload-choose",{"p-fileupload-choose-selected":e.hasFiles,"p-disabled":e.disabled,"p-focus":e.focusedState})},chooseIcon:function(e){var t=e.iconOnly;return a("basic"===e.props.mode?"p-button-icon":"p-button-icon p-clickable",{"p-button-icon-left":!t})},uploadIcon:function(e){return a("p-button-icon p-c",{"p-button-icon-left":!e.iconOnly})},cancelIcon:function(e){return a("p-button-icon p-c",{"p-button-icon-left":!e.iconOnly})}},styles:"\n@layer primereact {\n .p-fileupload-content {\n position: relative;\n }\n \n .p-fileupload-row {\n display: flex;\n align-items: center;\n }\n \n .p-fileupload-row > div {\n flex: 1 1 auto;\n width: 25%;\n }\n \n .p-fileupload-row > div:last-child {\n text-align: right;\n }\n \n .p-fileupload-content > .p-progressbar {\n width: 100%;\n position: absolute;\n top: 0;\n left: 0;\n }\n \n .p-button.p-fileupload-choose {\n position: relative;\n overflow: hidden;\n }\n \n .p-fileupload-buttonbar {\n display: flex;\n flex-wrap: wrap;\n }\n \n .p-button.p-fileupload-choose input[type='file'] {\n display: none;\n }\n \n .p-fileupload-choose.p-fileupload-choose-selected input[type='file'] {\n display: none;\n }\n \n .p-fileupload-filename {\n word-break: break-all;\n }\n \n .p-fileupload-file-thumbnail {\n flex-shrink: 0;\n }\n \n .p-fileupload-file-badge {\n margin: 0.5rem;\n }\n \n .p-fluid .p-fileupload .p-button {\n width: auto;\n }\n}\n"}});function U(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?U(Object(n),!0).forEach((function(t){O(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):U(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function A(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=R(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}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 a,l=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return l=e.done,e},e:function(e){i=!0,a=e},f:function(){try{l||null==n.return||n.return()}finally{if(i)throw a}}}}function R(e,t){if(e){if("string"==typeof e)return X(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)?X(e,t):void 0}}function X(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var H=e.memo(e.forwardRef((function(r,v){var g=e.useContext(t),h=L.getProps(r,g),O=T(e.useState([]),2),S=O[0],w=O[1],N=T(e.useState([]),2),j=N[0],P=N[1],I=T(e.useState(0),2),C=I[0],F=I[1],D=T(e.useState(!1),2),_=D[0],z=D[1],U=T(e.useState(!1),2),R=U[0],X=U[1],H={props:h,state:{progress:C,uploading:R,uploadedFiles:S,files:j,focused:_}},J=L.setMetaData(H),V=J.ptm,K=J.cx,W=J.isUnstyled;o(L.css.styles,W,{name:"fileupload"});var Y=e.useRef(null),$=e.useRef(null),q=e.useRef(null),G=e.useRef(0),Q=l.isNotEmpty(j),Z=l.isNotEmpty(S),ee=h.disabled||R,te=h.chooseLabel||h.chooseOptions.label||n("choose"),ne=h.uploadLabel||h.uploadOptions.label||n("upload"),re=h.cancelLabel||h.cancelOptions.label||n("cancel"),oe=ee||h.fileLimit&&h.fileLimit<=j.length+G,ae=ee||!Q,le=ee||!Q,ie=function(e){return/^image\//.test(e.type)},ce=function(e,t){se();var n=B(j),r=j[t];n.splice(t,1),P(n),h.onRemove&&h.onRemove({originalEvent:e,file:r})},ue=function(e,t){se();var n=B(S),r=j[t];n.splice(t,1),w(n),h.onRemove&&h.onRemove({originalEvent:e,file:r})},se=function(){Y.current&&(Y.current.value="")},pe=function(e){var t=n("fileSizeTypes");if(0===e)return"0 ".concat(t[0]);var r=Math.floor(Math.log(e)/Math.log(1024)),o=parseFloat((e/Math.pow(1024,r)).toFixed(3));return"".concat(o," ").concat(t[r])},de=function(e){if(!h.onBeforeSelect||!1!==h.onBeforeSelect({originalEvent:e,files:j})){var t=[];h.multiple&&(t=j?B(j):[]);for(var n=e.dataTransfer?e.dataTransfer.files:e.target.files,r=0;r<n.length;r++){var o=n[r];!fe(o)&&me(o)&&(ie(o)&&(o.objectURL=window.URL.createObjectURL(o)),t.push(o))}P(t),l.isNotEmpty(t)&&h.auto&&be(t),h.onSelect&&h.onSelect({originalEvent:e,files:t}),se(),"basic"===h.mode&&t.length>0&&(Y.current.style.display="none")}},fe=function(e){return j.some((function(t){return t.name+t.type+t.size===e.name+e.type+e.size}))},me=function(e){if(h.maxFileSize&&e.size>h.maxFileSize){var t={severity:"error",summary:h.invalidFileSizeMessageSummary.replace("{0}",e.name),detail:h.invalidFileSizeMessageDetail.replace("{0}",pe(h.maxFileSize)),sticky:!0};return"advanced"===h.mode&&$.current.show(t),h.onValidationFail&&h.onValidationFail(e),!1}return!0},be=function(e){if((e=e||j)&&e.nativeEvent&&(e=j),h.customUpload)h.fileLimit&&x("uploadedFileCount"),h.uploadHandler&&h.uploadHandler({files:e,options:{clear:ye,props:h}});else{X(!0);var t=new XMLHttpRequest,n=new FormData;h.onBeforeUpload&&h.onBeforeUpload({xhr:t,formData:n});var r,o=A(e);try{for(o.s();!(r=o.n()).done;){var a=r.value;n.append(h.name,a,a.name)}}catch(e){o.e(e)}finally{o.f()}t.upload.addEventListener("progress",(function(e){if(e.lengthComputable){var t=Math.round(100*e.loaded/e.total);F(t),h.onProgress&&h.onProgress({originalEvent:e,progress:t})}})),t.onreadystatechange=function(){4===t.readyState&&(F(0),X(!1),t.status>=200&&t.status<300?(h.fileLimit&&x("uploadedFileCount"),h.onUpload&&h.onUpload({xhr:t,files:e})):h.onError&&h.onError({xhr:t,files:e}),ye(),w((function(t){return[].concat(B(t),B(e))})))},t.open("POST",h.url,!0),h.onBeforeSend&&h.onBeforeSend({xhr:t,formData:n}),t.withCredentials=h.withCredentials,t.send(n)}},ye=function(){P([]),w([]),X(!1),h.onClear&&h.onClear(),se()},ve=function(){Y.current.click()},ge=function(){z(!0)},he=function(){z(!1)},Oe=function(e){13===e.which&&ve()},Ee=function(e){if(!h.disabled&&(!W()&&u.removeClass(q.current,"p-fileupload-highlight"),q.current.setAttribute("data-p-highlight",!1),e.stopPropagation(),e.preventDefault(),!h.onBeforeDrop||!1!==h.onBeforeDrop(e))){var t=e.dataTransfer?e.dataTransfer.files:e.target.files;(h.multiple||l.isEmpty(j)&&t&&1===t.length)&&de(e)}},Se=function(){!ee&&Q?be():Y.current.click()};e.useImperativeHandle(v,(function(){return{props:h,upload:be,clear:ye,formatSize:pe,onFileSelect:de,getInput:function(){return Y.current},getContent:function(){return q.current},getFiles:function(){return j},setFiles:function(e){return P(e||[])},getUploadedFiles:function(){return S},setUploadedFiles:function(e){return w(e||[])}}}));var we,Ne,je,Pe,Be,xe,Ie,Ce,Fe,Te,De=function(e,t,n){"warning"===t.severity?ce(e,n):ue(e,n)},_e=function(t,n,r){var o=t.name+t.type+t.size,a=i({role:"presentation",className:K("thumbnail"),src:t.objectURL,width:h.previewWidth},V("thumbnail")),c=ie(t)?e.createElement("img",E({},a,{alt:t.name})):null,u=i(V("details")),p=i(V("fileSize")),f=i({className:K("fileName")},V("fileName")),m=i(V("actions")),b=e.createElement("div",f,t.name),y=e.createElement("div",p,pe(t.size)),v=e.createElement("div",u,e.createElement("div",f," ",t.name),e.createElement("span",p,pe(t.size)),e.createElement(M,{className:"p-fileupload-file-badge",value:r.value,severity:r.severity,pt:V("badge"),__parentMetadata:{parent:H}})),g=e.createElement("div",m,e.createElement(s,{type:"button",icon:h.removeIcon||e.createElement(d,null),text:!0,rounded:!0,severity:"danger",onClick:function(e){return De(e,r,n)},disabled:ee,pt:V("removeButton"),__parentMetadata:{parent:H}})),O=e.createElement(e.Fragment,null,c,v,g);if(h.itemTemplate){var S={onRemove:function(e){return ce(e,n)},previewElement:c,fileNameElement:b,sizeElement:y,removeElement:g,formatSize:pe(t.size),element:O,index:n,props:h};O=l.getJSXElement(h.itemTemplate,t,S)}var w=i({key:o,className:K("file")},V("file"));return e.createElement("div",w,O)},ze=function(){var t={severity:"success",value:n("completed")||"Completed"},r=S&&S.map((function(e,n){return _e(e,n,t)}));return e.createElement("div",null,r)};return"advanced"===h.mode?function(){var t,r,o,v,g,O,S,w,N,P,B,x,I,F,T,D,z,M,U,A=(r=(t=h.chooseOptions).className,o=t.style,v=t.icon,g=t.iconOnly,O=i({className:K("chooseButtonLabel")},V("chooseButtonLabel")),S=g?e.createElement("span",E({},O,{dangerouslySetInnerHTML:{__html:" "}})):e.createElement("span",O,te),w=i({ref:Y,type:"file",onChange:function(e){return de(e)},multiple:h.multiple,accept:h.accept,disabled:oe},V("input")),N=e.createElement("input",w),P=i({className:K("chooseIcon",{iconOnly:g})},V("chooseIcon")),B=c.getJSXIcon(v||e.createElement(p,P),k({},P),{props:h}),x=i({className:a(r,K("chooseButton",{iconOnly:g,disabled:ee,className:r,focusedState:_})),style:o,onClick:ve,onKeyDown:function(e){return Oe(e)},onFocus:ge,onBlur:he,tabIndex:0,"data-p-disabled":ee,"data-p-focus":_},V("chooseButton")),e.createElement("span",x,N,B,S,e.createElement(y,null))),R=!h.emptyTemplate||Q||Z?null:l.getJSXElement(h.emptyTemplate,h);if(!h.auto){var X=h.uploadOptions,J=h.cancelOptions,G=X.iconOnly?"":ne,ie=J.iconOnly?"":re,ce=i({className:K("uploadIcon",{iconOnly:X.iconOnly})},V("uploadIcon")),ue=c.getJSXIcon(X.icon||e.createElement(f,ce),k({},ce),{props:h}),se=i({className:K("cancelIcon",{iconOnly:J.iconOnly})},V("cancelIcon")),pe=c.getJSXIcon(J.icon||e.createElement(d,se),k({},se),{props:h});I=e.createElement(s,{type:"button",label:G,icon:ue,onClick:be,disabled:ae,style:X.style,className:X.className,pt:V("uploadButton"),__parentMetadata:{parent:H}}),F=e.createElement(s,{type:"button",label:ie,icon:pe,onClick:ye,disabled:le,style:J.style,className:J.className,pt:V("cancelButton"),__parentMetadata:{parent:H}})}Q&&(M={severity:"warning",value:n("pending")||"Pending"},U=j.map((function(e,t){return _e(e,t,M)})),T=e.createElement("div",null,U),z=h.progressBarTemplate?l.getJSXElement(h.progressBarTemplate,h):e.createElement(b,{value:C,showValue:!1,pt:V("progressbar"),__parentMetadata:{parent:H}})),Z&&(D=ze());var fe=i({className:a(h.headerClassName,K("buttonbar")),style:h.headerStyle},V("buttonbar")),me=e.createElement("div",fe,A,I,F);if(h.headerTemplate){var Se={className:a("p-fileupload-buttonbar",h.headerClassName),chooseButton:A,uploadButton:I,cancelButton:F,element:me,props:h};me=l.getJSXElement(h.headerTemplate,Se)}var we=i({id:h.id,className:K("root"),style:h.style},L.getOtherProps(h),V("root")),Ne=i({ref:q,className:a(h.contentClassName,K("content")),style:h.contentStyle,onDragEnter:function(e){return t=e,void(ee||(t.dataTransfer.dropEffect="copy",t.stopPropagation(),t.preventDefault()));var t},onDragOver:function(e){return t=e,void(ee||(t.dataTransfer.dropEffect="copy",!W()&&u.addClass(q.current,"p-fileupload-highlight"),q.current.setAttribute("data-p-highlight",!0),t.stopPropagation(),t.preventDefault()));var t},onDragLeave:function(e){return t=e,void(ee||(t.dataTransfer.dropEffect="copy",!W()&&u.removeClass(q.current,"p-fileupload-highlight"),q.current.setAttribute("data-p-highlight",!1)));var t},onDrop:function(e){return Ee(e)},"data-p-highlight":!1},V("content"));return e.createElement("div",we,me,e.createElement("div",Ne,z,e.createElement(m,{ref:$,__parentMetadata:{parent:H}}),Q?T:null,Z?D:null,R))}():"basic"===h.mode?(we=h.chooseOptions,Ne=i({className:K("label")},V("label")),je=we.iconOnly?e.createElement("span",E({},Ne,{dangerouslySetInnerHTML:{__html:" "}})):e.createElement("span",Ne,te),Pe=h.auto?je:e.createElement("span",Ne,Q?j[0].name:je),Be=i({className:K("chooseIcon",{iconOnly:we.iconOnly})},V("chooseIcon")),xe=c.getJSXIcon(we.icon?we.icon:we.icon||Q&&!h.auto?!we.icon&&Q&&!h.auto&&e.createElement(f,Be):e.createElement(p,Be),k({},Be),{props:h,hasFiles:Q}),Ie=i({ref:Y,type:"file",onChange:function(e){return de(e)},multiple:h.multiple,accept:h.accept,disabled:ee},V("input")),Ce=!Q&&e.createElement("input",Ie),Fe=i({className:a(h.className,K("root")),style:h.style},L.getOtherProps(h),V("root")),Te=i({className:a(we.className,K("basicButton",{hasFiles:Q,disabled:ee,focusedState:_})),style:we.style,tabIndex:0,onClick:Se,onKeyDown:function(e){return Oe(e)},onFocus:ge,onBlur:he},L.getOtherProps(h),V("basicButton")),e.createElement("div",Fe,e.createElement(m,{ref:$,pt:V("message"),__parentMetadata:{parent:H}}),e.createElement("span",Te,xe,Pe,Ce,e.createElement(y,null)))):void 0})));H.displayName="FileUpload";export{H as FileUpload};
|
|
1
|
+
import*as e from"react";import{PrimeReactContext as t,localeOption as n}from"primereact/api";import{ComponentBase as r,useHandleStyle as o}from"primereact/componentbase";import{classNames as a,ObjectUtils as l,mergeProps as i,IconUtils as c,DomHandler as u}from"primereact/utils";import{Button as s}from"primereact/button";import{PlusIcon as p}from"primereact/icons/plus";import{TimesIcon as d}from"primereact/icons/times";import{UploadIcon as f}from"primereact/icons/upload";import{Messages as m}from"primereact/messages";import{ProgressBar as b}from"primereact/progressbar";import{Ripple as y}from"primereact/ripple";function v(e){return v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},v(e)}function g(e,t){if("object"!==v(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==v(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function h(e){var t=g(e,"string");return"symbol"===v(t)?t:String(t)}function E(e,t,n){return(t=h(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function O(){return O=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},O.apply(this,arguments)}function S(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function w(e){if(Array.isArray(e))return S(e)}function N(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function j(e,t){if(e){if("string"==typeof e)return S(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)?S(e,t):void 0}}function P(){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 w(e)||N(e)||j(e)||P()}function x(e){throw new TypeError('"'+e+'" is read-only')}function I(e){if(Array.isArray(e))return e}function C(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a,l,i=[],c=!0,u=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=a.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw o}}return i}}function F(){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 T(e,t){return I(e)||C(e,t)||j(e,t)||F()}var D=r.extend({defaultProps:{__TYPE:"Badge",__parentMetadata:null,value:null,severity:null,size:null,style:null,className:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return a("p-badge p-component",E({"p-badge-no-gutter":l.isNotEmpty(t.value)&&1===String(t.value).length,"p-badge-dot":l.isEmpty(t.value),"p-badge-lg":"large"===t.size,"p-badge-xl":"xlarge"===t.size},"p-badge-".concat(t.severity),null!==t.severity))}},styles:"\n@layer primereact {\n .p-badge {\n display: inline-block;\n border-radius: 10px;\n text-align: center;\n padding: 0 .5rem;\n }\n \n .p-overlay-badge {\n position: relative;\n }\n \n .p-overlay-badge .p-badge {\n position: absolute;\n top: 0;\n right: 0;\n transform: translate(50%,-50%);\n transform-origin: 100% 0;\n margin: 0;\n }\n \n .p-badge-dot {\n width: .5rem;\n min-width: .5rem;\n height: .5rem;\n border-radius: 50%;\n padding: 0;\n }\n \n .p-badge-no-gutter {\n padding: 0;\n border-radius: 50%;\n }\n}\n"}});function _(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function z(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?_(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):_(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var M=e.memo(e.forwardRef((function(n,r){var l=e.useContext(t),c=D.getProps(n,l),u=D.setMetaData(z({props:c},c.__parentMetadata)),s=u.ptm,p=u.cx;o(D.css.styles,u.isUnstyled,{name:"badge"});var d=e.useRef(null);e.useImperativeHandle(r,(function(){return{props:c,getElement:function(){return d.current}}}));var f=i({ref:d,style:c.style,className:a(c.className,p("root"))},D.getOtherProps(c),s("root"));return e.createElement("span",f,c.value)})));M.displayName="Badge";var L=r.extend({defaultProps:{__TYPE:"FileUpload",id:null,name:null,url:null,mode:"advanced",multiple:!1,accept:null,removeIcon:null,disabled:!1,auto:!1,maxFileSize:null,invalidFileSizeMessageSummary:"{0}: Invalid file size, ",invalidFileSizeMessageDetail:"maximum upload size is {0}.",style:null,className:null,withCredentials:!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,children:void 0},css:{classes:{root:function(e){return a("p-fileupload p-fileupload-".concat(e.props.mode," p-component"))},buttonbar:"p-fileupload-buttonbar",content:"p-fileupload-content",chooseButton:function(e){return a("p-button p-fileupload-choose p-component",{"p-disabled":e.disabled,"p-focus":e.focusedState,"p-button-icon-only":e.iconOnly})},label:"p-button-label p-clickable",file:"p-fileupload-row",fileName:"p-fileupload-filename",thumbnail:"p-fileupload-file-thumbnail",chooseButtonLabel:"p-button-label p-clickable",basicButton:function(e){return a("p-button p-component p-fileupload-choose",{"p-fileupload-choose-selected":e.hasFiles,"p-disabled":e.disabled,"p-focus":e.focusedState})},chooseIcon:function(e){var t=e.iconOnly;return a("basic"===e.props.mode?"p-button-icon":"p-button-icon p-clickable",{"p-button-icon-left":!t})},uploadIcon:function(e){return a("p-button-icon p-c",{"p-button-icon-left":!e.iconOnly})},cancelIcon:function(e){return a("p-button-icon p-c",{"p-button-icon-left":!e.iconOnly})}},styles:"\n@layer primereact {\n .p-fileupload-content {\n position: relative;\n }\n \n .p-fileupload-row {\n display: flex;\n align-items: center;\n }\n \n .p-fileupload-row > div {\n flex: 1 1 auto;\n width: 25%;\n }\n \n .p-fileupload-row > div:last-child {\n text-align: right;\n }\n \n .p-fileupload-content > .p-progressbar {\n width: 100%;\n position: absolute;\n top: 0;\n left: 0;\n }\n \n .p-button.p-fileupload-choose {\n position: relative;\n overflow: hidden;\n }\n \n .p-fileupload-buttonbar {\n display: flex;\n flex-wrap: wrap;\n }\n \n .p-button.p-fileupload-choose input[type='file'] {\n display: none;\n }\n \n .p-fileupload-choose.p-fileupload-choose-selected input[type='file'] {\n display: none;\n }\n \n .p-fileupload-filename {\n word-break: break-all;\n }\n \n .p-fileupload-file-thumbnail {\n flex-shrink: 0;\n }\n \n .p-fileupload-file-badge {\n margin: 0.5rem;\n }\n \n .p-fluid .p-fileupload .p-button {\n width: auto;\n }\n}\n"}});function U(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?U(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):U(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function A(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=R(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}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 a,l=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return l=e.done,e},e:function(e){i=!0,a=e},f:function(){try{l||null==n.return||n.return()}finally{if(i)throw a}}}}function R(e,t){if(e){if("string"==typeof e)return X(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)?X(e,t):void 0}}function X(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var H=e.memo(e.forwardRef((function(r,v){var g=e.useContext(t),h=L.getProps(r,g),E=T(e.useState([]),2),S=E[0],w=E[1],N=T(e.useState([]),2),j=N[0],P=N[1],I=T(e.useState(0),2),C=I[0],F=I[1],D=T(e.useState(!1),2),_=D[0],z=D[1],U=T(e.useState(!1),2),R=U[0],X=U[1],H={props:h,state:{progress:C,uploading:R,uploadedFiles:S,files:j,focused:_}},J=L.setMetaData(H),V=J.ptm,K=J.cx,W=J.isUnstyled;o(L.css.styles,W,{name:"fileupload"});var Y=e.useRef(null),$=e.useRef(null),q=e.useRef(null),G=e.useRef(0),Q=l.isNotEmpty(j),Z=l.isNotEmpty(S),ee=h.disabled||R,te=h.chooseLabel||h.chooseOptions.label||n("choose"),ne=h.uploadLabel||h.uploadOptions.label||n("upload"),re=h.cancelLabel||h.cancelOptions.label||n("cancel"),oe=ee||h.fileLimit&&h.fileLimit<=j.length+G,ae=ee||!Q,le=ee||!Q,ie=function(e){return/^image\//.test(e.type)},ce=function(e,t){se();var n=B(j),r=j[t];n.splice(t,1),P(n),h.onRemove&&h.onRemove({originalEvent:e,file:r})},ue=function(e,t){se();var n=B(S),r=j[t];n.splice(t,1),w(n),h.onRemove&&h.onRemove({originalEvent:e,file:r})},se=function(){Y.current&&(Y.current.value="")},pe=function(e){var t=n("fileSizeTypes");if(0===e)return"0 ".concat(t[0]);var r=Math.floor(Math.log(e)/Math.log(1024)),o=parseFloat((e/Math.pow(1024,r)).toFixed(3));return"".concat(o," ").concat(t[r])},de=function(e){if(!h.onBeforeSelect||!1!==h.onBeforeSelect({originalEvent:e,files:j})){var t=[];h.multiple&&(t=j?B(j):[]);for(var n=e.dataTransfer?e.dataTransfer.files:e.target.files,r=0;r<n.length;r++){var o=n[r];!fe(o)&&me(o)&&(ie(o)&&(o.objectURL=window.URL.createObjectURL(o)),t.push(o))}P(t),l.isNotEmpty(t)&&h.auto&&be(t),h.onSelect&&h.onSelect({originalEvent:e,files:t}),se(),"basic"===h.mode&&t.length>0&&(Y.current.style.display="none")}},fe=function(e){return j.some((function(t){return t.name+t.type+t.size===e.name+e.type+e.size}))},me=function(e){if(h.maxFileSize&&e.size>h.maxFileSize){var t={severity:"error",summary:h.invalidFileSizeMessageSummary.replace("{0}",e.name),detail:h.invalidFileSizeMessageDetail.replace("{0}",pe(h.maxFileSize)),sticky:!0};return"advanced"===h.mode&&$.current.show(t),h.onValidationFail&&h.onValidationFail(e),!1}return!0},be=function(e){if((e=e||j)&&e.nativeEvent&&(e=j),h.customUpload)h.fileLimit&&x("uploadedFileCount"),h.uploadHandler&&h.uploadHandler({files:e,options:{clear:ye,props:h}});else{X(!0);var t=new XMLHttpRequest,n=new FormData;h.onBeforeUpload&&h.onBeforeUpload({xhr:t,formData:n});var r,o=A(e);try{for(o.s();!(r=o.n()).done;){var a=r.value;n.append(h.name,a,a.name)}}catch(e){o.e(e)}finally{o.f()}t.upload.addEventListener("progress",(function(e){if(e.lengthComputable){var t=Math.round(100*e.loaded/e.total);F(t),h.onProgress&&h.onProgress({originalEvent:e,progress:t})}})),t.onreadystatechange=function(){4===t.readyState&&(F(0),X(!1),t.status>=200&&t.status<300?(h.fileLimit&&x("uploadedFileCount"),h.onUpload&&h.onUpload({xhr:t,files:e})):h.onError&&h.onError({xhr:t,files:e}),ye(),w((function(t){return[].concat(B(t),B(e))})))},t.open("POST",h.url,!0),h.onBeforeSend&&h.onBeforeSend({xhr:t,formData:n}),t.withCredentials=h.withCredentials,t.send(n)}},ye=function(){P([]),w([]),X(!1),h.onClear&&h.onClear(),se()},ve=function(){Y.current.click()},ge=function(){z(!0)},he=function(){z(!1)},Ee=function(e){"Enter"===e.code&&ve()},Oe=function(e){if(!h.disabled&&(!W()&&u.removeClass(q.current,"p-fileupload-highlight"),q.current.setAttribute("data-p-highlight",!1),e.stopPropagation(),e.preventDefault(),!h.onBeforeDrop||!1!==h.onBeforeDrop(e))){var t=e.dataTransfer?e.dataTransfer.files:e.target.files;(h.multiple||l.isEmpty(j)&&t&&1===t.length)&&de(e)}},Se=function(){!ee&&Q?be():Y.current.click()};e.useImperativeHandle(v,(function(){return{props:h,upload:be,clear:ye,formatSize:pe,onFileSelect:de,getInput:function(){return Y.current},getContent:function(){return q.current},getFiles:function(){return j},setFiles:function(e){return P(e||[])},getUploadedFiles:function(){return S},setUploadedFiles:function(e){return w(e||[])}}}));var we,Ne,je,Pe,Be,xe,Ie,Ce,Fe,Te,De=function(e,t,n){"warning"===t.severity?ce(e,n):ue(e,n)},_e=function(t,n,r){var o=t.name+t.type+t.size,a=i({role:"presentation",className:K("thumbnail"),src:t.objectURL,width:h.previewWidth},V("thumbnail")),c=ie(t)?e.createElement("img",O({},a,{alt:t.name})):null,u=i(V("details")),p=i(V("fileSize")),f=i({className:K("fileName")},V("fileName")),m=i(V("actions")),b=e.createElement("div",f,t.name),y=e.createElement("div",p,pe(t.size)),v=e.createElement("div",u,e.createElement("div",f," ",t.name),e.createElement("span",p,pe(t.size)),e.createElement(M,{className:"p-fileupload-file-badge",value:r.value,severity:r.severity,pt:V("badge"),__parentMetadata:{parent:H}})),g=e.createElement("div",m,e.createElement(s,{type:"button",icon:h.removeIcon||e.createElement(d,null),text:!0,rounded:!0,severity:"danger",onClick:function(e){return De(e,r,n)},disabled:ee,pt:V("removeButton"),__parentMetadata:{parent:H}})),E=e.createElement(e.Fragment,null,c,v,g);if(h.itemTemplate){var S={onRemove:function(e){return ce(e,n)},previewElement:c,fileNameElement:b,sizeElement:y,removeElement:g,formatSize:pe(t.size),element:E,index:n,props:h};E=l.getJSXElement(h.itemTemplate,t,S)}var w=i({key:o,className:K("file")},V("file"));return e.createElement("div",w,E)},ze=function(){var t={severity:"success",value:n("completed")||"Completed"},r=S&&S.map((function(e,n){return _e(e,n,t)}));return e.createElement("div",null,r)};return"advanced"===h.mode?function(){var t,r,o,v,g,E,S,w,N,P,B,x,I,F,T,D,z,M,U,A=(r=(t=h.chooseOptions).className,o=t.style,v=t.icon,g=t.iconOnly,E=i({className:K("chooseButtonLabel")},V("chooseButtonLabel")),S=g?e.createElement("span",O({},E,{dangerouslySetInnerHTML:{__html:" "}})):e.createElement("span",E,te),w=i({ref:Y,type:"file",onChange:function(e){return de(e)},multiple:h.multiple,accept:h.accept,disabled:oe},V("input")),N=e.createElement("input",w),P=i({className:K("chooseIcon",{iconOnly:g}),"aria-hidden":"true"},V("chooseIcon")),B=c.getJSXIcon(v||e.createElement(p,P),k({},P),{props:h}),x=i({className:a(r,K("chooseButton",{iconOnly:g,disabled:ee,className:r,focusedState:_})),style:o,onClick:ve,onKeyDown:function(e){return Ee(e)},onFocus:ge,onBlur:he,tabIndex:0,"data-p-disabled":ee,"data-p-focus":_},V("chooseButton")),e.createElement("span",x,N,B,S,e.createElement(y,null))),R=!h.emptyTemplate||Q||Z?null:l.getJSXElement(h.emptyTemplate,h);if(!h.auto){var X=h.uploadOptions,J=h.cancelOptions,G=X.iconOnly?"":ne,ie=J.iconOnly?"":re,ce=i({className:K("uploadIcon",{iconOnly:X.iconOnly}),"aria-hidden":"true"},V("uploadIcon")),ue=c.getJSXIcon(X.icon||e.createElement(f,ce),k({},ce),{props:h}),se=i({className:K("cancelIcon",{iconOnly:J.iconOnly}),"aria-hidden":"true"},V("cancelIcon")),pe=c.getJSXIcon(J.icon||e.createElement(d,se),k({},se),{props:h});I=e.createElement(s,{type:"button",label:G,"aria-hidden":"true",icon:ue,onClick:be,disabled:ae,style:X.style,className:X.className,pt:V("uploadButton"),__parentMetadata:{parent:H}}),F=e.createElement(s,{type:"button",label:ie,"aria-hidden":"true",icon:pe,onClick:ye,disabled:le,style:J.style,className:J.className,pt:V("cancelButton"),__parentMetadata:{parent:H}})}Q&&(M={severity:"warning",value:n("pending")||"Pending"},U=j.map((function(e,t){return _e(e,t,M)})),T=e.createElement("div",null,U),z=h.progressBarTemplate?l.getJSXElement(h.progressBarTemplate,{progress:C,props:h}):e.createElement(b,{value:C,showValue:!1,pt:V("progressbar"),__parentMetadata:{parent:H}})),Z&&(D=ze());var fe=i({className:a(h.headerClassName,K("buttonbar")),style:h.headerStyle},V("buttonbar")),me=e.createElement("div",fe,A,I,F);if(h.headerTemplate){var Se={className:a("p-fileupload-buttonbar",h.headerClassName),chooseButton:A,uploadButton:I,cancelButton:F,element:me,props:h};me=l.getJSXElement(h.headerTemplate,Se)}var we=i({id:h.id,className:K("root"),style:h.style},L.getOtherProps(h),V("root")),Ne=i({ref:q,className:a(h.contentClassName,K("content")),style:h.contentStyle,onDragEnter:function(e){return t=e,void(ee||(t.dataTransfer.dropEffect="copy",t.stopPropagation(),t.preventDefault()));var t},onDragOver:function(e){return t=e,void(ee||(t.dataTransfer.dropEffect="copy",!W()&&u.addClass(q.current,"p-fileupload-highlight"),q.current.setAttribute("data-p-highlight",!0),t.stopPropagation(),t.preventDefault()));var t},onDragLeave:function(e){return t=e,void(ee||(t.dataTransfer.dropEffect="copy",!W()&&u.removeClass(q.current,"p-fileupload-highlight"),q.current.setAttribute("data-p-highlight",!1)));var t},onDrop:function(e){return Oe(e)},"data-p-highlight":!1},V("content"));return e.createElement("div",we,me,e.createElement("div",Ne,z,e.createElement(m,{ref:$,__parentMetadata:{parent:H}}),Q?T:null,Z?D:null,R))}():"basic"===h.mode?(we=h.chooseOptions,Ne=i({className:K("label")},V("label")),je=we.iconOnly?e.createElement("span",O({},Ne,{dangerouslySetInnerHTML:{__html:" "}})):e.createElement("span",Ne,te),Pe=h.auto?je:e.createElement("span",Ne,Q?j[0].name:je),Be=i({className:K("chooseIcon",{iconOnly:we.iconOnly})},V("chooseIcon")),xe=c.getJSXIcon(we.icon?we.icon:we.icon||Q&&!h.auto?!we.icon&&Q&&!h.auto&&e.createElement(f,Be):e.createElement(p,Be),k({},Be),{props:h,hasFiles:Q}),Ie=i({ref:Y,type:"file",onChange:function(e){return de(e)},multiple:h.multiple,accept:h.accept,disabled:ee},V("input")),Ce=!Q&&e.createElement("input",Ie),Fe=i({className:a(h.className,K("root")),style:h.style},L.getOtherProps(h),V("root")),Te=i({className:a(we.className,K("basicButton",{hasFiles:Q,disabled:ee,focusedState:_})),style:we.style,tabIndex:0,onClick:Se,onKeyDown:function(e){return Ee(e)},onFocus:ge,onBlur:he},L.getOtherProps(h),V("basicButton")),e.createElement("div",Fe,e.createElement(m,{ref:$,pt:V("message"),__parentMetadata:{parent:H}}),e.createElement("span",Te,xe,Pe,Ce,e.createElement(y,null)))):void 0})));H.displayName="FileUpload";export{H as FileUpload};
|
package/fileupload/fileupload.js
CHANGED
|
@@ -610,8 +610,7 @@ this.primereact.fileupload = (function (exports, React, api, componentbase, util
|
|
|
610
610
|
setFocusedState(false);
|
|
611
611
|
};
|
|
612
612
|
var _onKeyDown = function onKeyDown(event) {
|
|
613
|
-
if (event.
|
|
614
|
-
// enter
|
|
613
|
+
if (event.code === 'Enter') {
|
|
615
614
|
choose();
|
|
616
615
|
}
|
|
617
616
|
};
|
|
@@ -713,7 +712,8 @@ this.primereact.fileupload = (function (exports, React, api, componentbase, util
|
|
|
713
712
|
var chooseIconProps = utils.mergeProps({
|
|
714
713
|
className: cx('chooseIcon', {
|
|
715
714
|
iconOnly: iconOnly
|
|
716
|
-
})
|
|
715
|
+
}),
|
|
716
|
+
'aria-hidden': 'true'
|
|
717
717
|
}, ptm('chooseIcon'));
|
|
718
718
|
var icon = _icon || /*#__PURE__*/React__namespace.createElement(plus.PlusIcon, chooseIconProps);
|
|
719
719
|
var chooseIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, chooseIconProps), {
|
|
@@ -833,7 +833,11 @@ this.primereact.fileupload = (function (exports, React, api, componentbase, util
|
|
|
833
833
|
};
|
|
834
834
|
var createProgressBarContent = function createProgressBarContent() {
|
|
835
835
|
if (props.progressBarTemplate) {
|
|
836
|
-
|
|
836
|
+
var defaultProgressBarTemplateOptions = {
|
|
837
|
+
progress: progressState,
|
|
838
|
+
props: props
|
|
839
|
+
};
|
|
840
|
+
return utils.ObjectUtils.getJSXElement(props.progressBarTemplate, defaultProgressBarTemplateOptions);
|
|
837
841
|
}
|
|
838
842
|
return /*#__PURE__*/React__namespace.createElement(progressbar.ProgressBar, {
|
|
839
843
|
value: progressState,
|
|
@@ -856,7 +860,8 @@ this.primereact.fileupload = (function (exports, React, api, componentbase, util
|
|
|
856
860
|
var uploadIconProps = utils.mergeProps({
|
|
857
861
|
className: cx('uploadIcon', {
|
|
858
862
|
iconOnly: uploadOptions.iconOnly
|
|
859
|
-
})
|
|
863
|
+
}),
|
|
864
|
+
'aria-hidden': 'true'
|
|
860
865
|
}, ptm('uploadIcon'));
|
|
861
866
|
var uploadIcon = utils.IconUtils.getJSXIcon(uploadOptions.icon || /*#__PURE__*/React__namespace.createElement(upload.UploadIcon, uploadIconProps), _objectSpread({}, uploadIconProps), {
|
|
862
867
|
props: props
|
|
@@ -864,7 +869,8 @@ this.primereact.fileupload = (function (exports, React, api, componentbase, util
|
|
|
864
869
|
var cancelIconProps = utils.mergeProps({
|
|
865
870
|
className: cx('cancelIcon', {
|
|
866
871
|
iconOnly: cancelOptions.iconOnly
|
|
867
|
-
})
|
|
872
|
+
}),
|
|
873
|
+
'aria-hidden': 'true'
|
|
868
874
|
}, ptm('cancelIcon'));
|
|
869
875
|
var cancelIcon = utils.IconUtils.getJSXIcon(cancelOptions.icon || /*#__PURE__*/React__namespace.createElement(times.TimesIcon, cancelIconProps), _objectSpread({}, cancelIconProps), {
|
|
870
876
|
props: props
|
|
@@ -872,6 +878,7 @@ this.primereact.fileupload = (function (exports, React, api, componentbase, util
|
|
|
872
878
|
uploadButton = /*#__PURE__*/React__namespace.createElement(button.Button, {
|
|
873
879
|
type: "button",
|
|
874
880
|
label: uploadLabel,
|
|
881
|
+
"aria-hidden": "true",
|
|
875
882
|
icon: uploadIcon,
|
|
876
883
|
onClick: upload$1,
|
|
877
884
|
disabled: uploadDisabled,
|
|
@@ -885,6 +892,7 @@ this.primereact.fileupload = (function (exports, React, api, componentbase, util
|
|
|
885
892
|
cancelButton = /*#__PURE__*/React__namespace.createElement(button.Button, {
|
|
886
893
|
type: "button",
|
|
887
894
|
label: cancelLabel,
|
|
895
|
+
"aria-hidden": "true",
|
|
888
896
|
icon: cancelIcon,
|
|
889
897
|
onClick: clear,
|
|
890
898
|
disabled: cancelDisabled,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.fileupload=function(e,t,n,r,o,a,l,i,s,c,u,p){"use strict";function m(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var d=m(t);function f(e){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f(e)}function b(e,t){if("object"!==f(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==f(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function y(e){var t=b(e,"string");return"symbol"===f(t)?t:String(t)}function g(e,t,n){return(t=y(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function v(){return v=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},v.apply(this,arguments)}function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function O(e){if(Array.isArray(e))return h(e)}function E(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function S(e,t){if(e){if("string"==typeof e)return h(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)?h(e,t):void 0}}function P(){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 w(e){return O(e)||E(e)||S(e)||P()}function N(e){throw new TypeError('"'+e+'" is read-only')}function j(e){if(Array.isArray(e))return e}function I(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a,l,i=[],s=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=a.call(n)).done)&&(i.push(r.value),i.length!==t);s=!0);}catch(e){c=!0,o=e}finally{try{if(!s&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(c)throw o}}return i}}function B(){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 U(e,t){return j(e)||I(e,t)||S(e,t)||B()}var x=r.ComponentBase.extend({defaultProps:{__TYPE:"Badge",__parentMetadata:null,value:null,severity:null,size:null,style:null,className:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return o.classNames("p-badge p-component",g({"p-badge-no-gutter":o.ObjectUtils.isNotEmpty(t.value)&&1===String(t.value).length,"p-badge-dot":o.ObjectUtils.isEmpty(t.value),"p-badge-lg":"large"===t.size,"p-badge-xl":"xlarge"===t.size},"p-badge-".concat(t.severity),null!==t.severity))}},styles:"\n@layer primereact {\n .p-badge {\n display: inline-block;\n border-radius: 10px;\n text-align: center;\n padding: 0 .5rem;\n }\n \n .p-overlay-badge {\n position: relative;\n }\n \n .p-overlay-badge .p-badge {\n position: absolute;\n top: 0;\n right: 0;\n transform: translate(50%,-50%);\n transform-origin: 100% 0;\n margin: 0;\n }\n \n .p-badge-dot {\n width: .5rem;\n min-width: .5rem;\n height: .5rem;\n border-radius: 50%;\n padding: 0;\n }\n \n .p-badge-no-gutter {\n padding: 0;\n border-radius: 50%;\n }\n}\n"}});function C(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function T(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?C(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):C(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var D=d.memo(d.forwardRef((function(e,t){var a=d.useContext(n.PrimeReactContext),l=x.getProps(e,a),i=x.setMetaData(T({props:l},l.__parentMetadata)),s=i.ptm,c=i.cx;r.useHandleStyle(x.css.styles,i.isUnstyled,{name:"badge"});var u=d.useRef(null);d.useImperativeHandle(t,(function(){return{props:l,getElement:function(){return u.current}}}));var p=o.mergeProps({ref:u,style:l.style,className:o.classNames(l.className,c("root"))},x.getOtherProps(l),s("root"));return d.createElement("span",p,l.value)})));D.displayName="Badge";var F=r.ComponentBase.extend({defaultProps:{__TYPE:"FileUpload",id:null,name:null,url:null,mode:"advanced",multiple:!1,accept:null,removeIcon:null,disabled:!1,auto:!1,maxFileSize:null,invalidFileSizeMessageSummary:"{0}: Invalid file size, ",invalidFileSizeMessageDetail:"maximum upload size is {0}.",style:null,className:null,withCredentials:!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,children:void 0},css:{classes:{root:function(e){return o.classNames("p-fileupload p-fileupload-".concat(e.props.mode," p-component"))},buttonbar:"p-fileupload-buttonbar",content:"p-fileupload-content",chooseButton:function(e){return o.classNames("p-button p-fileupload-choose p-component",{"p-disabled":e.disabled,"p-focus":e.focusedState,"p-button-icon-only":e.iconOnly})},label:"p-button-label p-clickable",file:"p-fileupload-row",fileName:"p-fileupload-filename",thumbnail:"p-fileupload-file-thumbnail",chooseButtonLabel:"p-button-label p-clickable",basicButton:function(e){return o.classNames("p-button p-component p-fileupload-choose",{"p-fileupload-choose-selected":e.hasFiles,"p-disabled":e.disabled,"p-focus":e.focusedState})},chooseIcon:function(e){var t=e.iconOnly;return o.classNames("basic"===e.props.mode?"p-button-icon":"p-button-icon p-clickable",{"p-button-icon-left":!t})},uploadIcon:function(e){return o.classNames("p-button-icon p-c",{"p-button-icon-left":!e.iconOnly})},cancelIcon:function(e){return o.classNames("p-button-icon p-c",{"p-button-icon-left":!e.iconOnly})}},styles:"\n@layer primereact {\n .p-fileupload-content {\n position: relative;\n }\n \n .p-fileupload-row {\n display: flex;\n align-items: center;\n }\n \n .p-fileupload-row > div {\n flex: 1 1 auto;\n width: 25%;\n }\n \n .p-fileupload-row > div:last-child {\n text-align: right;\n }\n \n .p-fileupload-content > .p-progressbar {\n width: 100%;\n position: absolute;\n top: 0;\n left: 0;\n }\n \n .p-button.p-fileupload-choose {\n position: relative;\n overflow: hidden;\n }\n \n .p-fileupload-buttonbar {\n display: flex;\n flex-wrap: wrap;\n }\n \n .p-button.p-fileupload-choose input[type='file'] {\n display: none;\n }\n \n .p-fileupload-choose.p-fileupload-choose-selected input[type='file'] {\n display: none;\n }\n \n .p-fileupload-filename {\n word-break: break-all;\n }\n \n .p-fileupload-file-thumbnail {\n flex-shrink: 0;\n }\n \n .p-fileupload-file-badge {\n margin: 0.5rem;\n }\n \n .p-fluid .p-fileupload .p-button {\n width: auto;\n }\n}\n"}});function _(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function M(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?_(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):_(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function z(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=R(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}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 a,l=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return l=e.done,e},e:function(e){i=!0,a=e},f:function(){try{l||null==n.return||n.return()}finally{if(i)throw a}}}}function R(e,t){if(e){if("string"==typeof e)return L(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)?L(e,t):void 0}}function L(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var k=d.memo(d.forwardRef((function(e,t){var m=d.useContext(n.PrimeReactContext),f=F.getProps(e,m),b=U(d.useState([]),2),y=b[0],g=b[1],h=U(d.useState([]),2),O=h[0],E=h[1],S=U(d.useState(0),2),P=S[0],j=S[1],I=U(d.useState(!1),2),B=I[0],x=I[1],C=U(d.useState(!1),2),T=C[0],_=C[1],R={props:f,state:{progress:P,uploading:T,uploadedFiles:y,files:O,focused:B}},L=F.setMetaData(R),k=L.ptm,A=L.cx,H=L.isUnstyled;r.useHandleStyle(F.css.styles,H,{name:"fileupload"});var X=d.useRef(null),J=d.useRef(null),V=d.useRef(null),K=d.useRef(0),W=o.ObjectUtils.isNotEmpty(O),Y=o.ObjectUtils.isNotEmpty(y),$=f.disabled||T,q=f.chooseLabel||f.chooseOptions.label||n.localeOption("choose"),G=f.uploadLabel||f.uploadOptions.label||n.localeOption("upload"),Q=f.cancelLabel||f.cancelOptions.label||n.localeOption("cancel"),Z=$||f.fileLimit&&f.fileLimit<=O.length+K,ee=$||!W,te=$||!W,ne=function(e){return/^image\//.test(e.type)},re=function(e,t){ae();var n=w(O),r=O[t];n.splice(t,1),E(n),f.onRemove&&f.onRemove({originalEvent:e,file:r})},oe=function(e,t){ae();var n=w(y),r=O[t];n.splice(t,1),g(n),f.onRemove&&f.onRemove({originalEvent:e,file:r})},ae=function(){X.current&&(X.current.value="")},le=function(e){var t=n.localeOption("fileSizeTypes");if(0===e)return"0 ".concat(t[0]);var r=Math.floor(Math.log(e)/Math.log(1024)),o=parseFloat((e/Math.pow(1024,r)).toFixed(3));return"".concat(o," ").concat(t[r])},ie=function(e){if(!f.onBeforeSelect||!1!==f.onBeforeSelect({originalEvent:e,files:O})){var t=[];f.multiple&&(t=O?w(O):[]);for(var n=e.dataTransfer?e.dataTransfer.files:e.target.files,r=0;r<n.length;r++){var a=n[r];!se(a)&&ce(a)&&(ne(a)&&(a.objectURL=window.URL.createObjectURL(a)),t.push(a))}E(t),o.ObjectUtils.isNotEmpty(t)&&f.auto&&ue(t),f.onSelect&&f.onSelect({originalEvent:e,files:t}),ae(),"basic"===f.mode&&t.length>0&&(X.current.style.display="none")}},se=function(e){return O.some((function(t){return t.name+t.type+t.size===e.name+e.type+e.size}))},ce=function(e){if(f.maxFileSize&&e.size>f.maxFileSize){var t={severity:"error",summary:f.invalidFileSizeMessageSummary.replace("{0}",e.name),detail:f.invalidFileSizeMessageDetail.replace("{0}",le(f.maxFileSize)),sticky:!0};return"advanced"===f.mode&&J.current.show(t),f.onValidationFail&&f.onValidationFail(e),!1}return!0},ue=function(e){if((e=e||O)&&e.nativeEvent&&(e=O),f.customUpload)f.fileLimit&&N("uploadedFileCount"),f.uploadHandler&&f.uploadHandler({files:e,options:{clear:pe,props:f}});else{_(!0);var t=new XMLHttpRequest,n=new FormData;f.onBeforeUpload&&f.onBeforeUpload({xhr:t,formData:n});var r,o=z(e);try{for(o.s();!(r=o.n()).done;){var a=r.value;n.append(f.name,a,a.name)}}catch(e){o.e(e)}finally{o.f()}t.upload.addEventListener("progress",(function(e){if(e.lengthComputable){var t=Math.round(100*e.loaded/e.total);j(t),f.onProgress&&f.onProgress({originalEvent:e,progress:t})}})),t.onreadystatechange=function(){4===t.readyState&&(j(0),_(!1),t.status>=200&&t.status<300?(f.fileLimit&&N("uploadedFileCount"),f.onUpload&&f.onUpload({xhr:t,files:e})):f.onError&&f.onError({xhr:t,files:e}),pe(),g((function(t){return[].concat(w(t),w(e))})))},t.open("POST",f.url,!0),f.onBeforeSend&&f.onBeforeSend({xhr:t,formData:n}),t.withCredentials=f.withCredentials,t.send(n)}},pe=function(){E([]),g([]),_(!1),f.onClear&&f.onClear(),ae()},me=function(){X.current.click()},de=function(){x(!0)},fe=function(){x(!1)},be=function(e){13===e.which&&me()},ye=function(e){if(!f.disabled&&(!H()&&o.DomHandler.removeClass(V.current,"p-fileupload-highlight"),V.current.setAttribute("data-p-highlight",!1),e.stopPropagation(),e.preventDefault(),!f.onBeforeDrop||!1!==f.onBeforeDrop(e))){var t=e.dataTransfer?e.dataTransfer.files:e.target.files;(f.multiple||o.ObjectUtils.isEmpty(O)&&t&&1===t.length)&&ie(e)}},ge=function(){!$&&W?ue():X.current.click()};d.useImperativeHandle(t,(function(){return{props:f,upload:ue,clear:pe,formatSize:le,onFileSelect:ie,getInput:function(){return X.current},getContent:function(){return V.current},getFiles:function(){return O},setFiles:function(e){return E(e||[])},getUploadedFiles:function(){return y},setUploadedFiles:function(e){return g(e||[])}}}));var ve,he,Oe,Ee,Se,Pe,we,Ne,je,Ie,Be=function(e,t,n){"warning"===t.severity?re(e,n):oe(e,n)},Ue=function(e,t,n){var r=e.name+e.type+e.size,l=o.mergeProps({role:"presentation",className:A("thumbnail"),src:e.objectURL,width:f.previewWidth},k("thumbnail")),s=ne(e)?d.createElement("img",v({},l,{alt:e.name})):null,c=o.mergeProps(k("details")),u=o.mergeProps(k("fileSize")),p=o.mergeProps({className:A("fileName")},k("fileName")),m=o.mergeProps(k("actions")),b=d.createElement("div",p,e.name),y=d.createElement("div",u,le(e.size)),g=d.createElement("div",c,d.createElement("div",p," ",e.name),d.createElement("span",u,le(e.size)),d.createElement(D,{className:"p-fileupload-file-badge",value:n.value,severity:n.severity,pt:k("badge"),__parentMetadata:{parent:R}})),h=d.createElement("div",m,d.createElement(a.Button,{type:"button",icon:f.removeIcon||d.createElement(i.TimesIcon,null),text:!0,rounded:!0,severity:"danger",onClick:function(e){return Be(e,n,t)},disabled:$,pt:k("removeButton"),__parentMetadata:{parent:R}})),O=d.createElement(d.Fragment,null,s,g,h);if(f.itemTemplate){var E={onRemove:function(e){return re(e,t)},previewElement:s,fileNameElement:b,sizeElement:y,removeElement:h,formatSize:le(e.size),element:O,index:t,props:f};O=o.ObjectUtils.getJSXElement(f.itemTemplate,e,E)}var S=o.mergeProps({key:r,className:A("file")},k("file"));return d.createElement("div",S,O)},xe=function(){var e={severity:"success",value:n.localeOption("completed")||"Completed"},t=y&&y.map((function(t,n){return Ue(t,n,e)}));return d.createElement("div",null,t)};return"advanced"===f.mode?function(){var e,t,r,m,b,y,g,h,E,S,w,N,j,I,U,x,C,T,D,_=(t=(e=f.chooseOptions).className,r=e.style,m=e.icon,b=e.iconOnly,y=o.mergeProps({className:A("chooseButtonLabel")},k("chooseButtonLabel")),g=b?d.createElement("span",v({},y,{dangerouslySetInnerHTML:{__html:" "}})):d.createElement("span",y,q),h=o.mergeProps({ref:X,type:"file",onChange:function(e){return ie(e)},multiple:f.multiple,accept:f.accept,disabled:Z},k("input")),E=d.createElement("input",h),S=o.mergeProps({className:A("chooseIcon",{iconOnly:b})},k("chooseIcon")),w=o.IconUtils.getJSXIcon(m||d.createElement(l.PlusIcon,S),M({},S),{props:f}),N=o.mergeProps({className:o.classNames(t,A("chooseButton",{iconOnly:b,disabled:$,className:t,focusedState:B})),style:r,onClick:me,onKeyDown:function(e){return be(e)},onFocus:de,onBlur:fe,tabIndex:0,"data-p-disabled":$,"data-p-focus":B},k("chooseButton")),d.createElement("span",N,E,w,g,d.createElement(p.Ripple,null))),z=!f.emptyTemplate||W||Y?null:o.ObjectUtils.getJSXElement(f.emptyTemplate,f);if(!f.auto){var L=f.uploadOptions,K=f.cancelOptions,ne=L.iconOnly?"":G,re=K.iconOnly?"":Q,oe=o.mergeProps({className:A("uploadIcon",{iconOnly:L.iconOnly})},k("uploadIcon")),ae=o.IconUtils.getJSXIcon(L.icon||d.createElement(s.UploadIcon,oe),M({},oe),{props:f}),le=o.mergeProps({className:A("cancelIcon",{iconOnly:K.iconOnly})},k("cancelIcon")),se=o.IconUtils.getJSXIcon(K.icon||d.createElement(i.TimesIcon,le),M({},le),{props:f});j=d.createElement(a.Button,{type:"button",label:ne,icon:ae,onClick:ue,disabled:ee,style:L.style,className:L.className,pt:k("uploadButton"),__parentMetadata:{parent:R}}),I=d.createElement(a.Button,{type:"button",label:re,icon:se,onClick:pe,disabled:te,style:K.style,className:K.className,pt:k("cancelButton"),__parentMetadata:{parent:R}})}W&&(T={severity:"warning",value:n.localeOption("pending")||"Pending"},D=O.map((function(e,t){return Ue(e,t,T)})),U=d.createElement("div",null,D),C=f.progressBarTemplate?o.ObjectUtils.getJSXElement(f.progressBarTemplate,f):d.createElement(u.ProgressBar,{value:P,showValue:!1,pt:k("progressbar"),__parentMetadata:{parent:R}})),Y&&(x=xe());var ce=o.mergeProps({className:o.classNames(f.headerClassName,A("buttonbar")),style:f.headerStyle},k("buttonbar")),ge=d.createElement("div",ce,_,j,I);if(f.headerTemplate){var ve={className:o.classNames("p-fileupload-buttonbar",f.headerClassName),chooseButton:_,uploadButton:j,cancelButton:I,element:ge,props:f};ge=o.ObjectUtils.getJSXElement(f.headerTemplate,ve)}var he=o.mergeProps({id:f.id,className:A("root"),style:f.style},F.getOtherProps(f),k("root")),Oe=o.mergeProps({ref:V,className:o.classNames(f.contentClassName,A("content")),style:f.contentStyle,onDragEnter:function(e){return t=e,void($||(t.dataTransfer.dropEffect="copy",t.stopPropagation(),t.preventDefault()));var t},onDragOver:function(e){return t=e,void($||(t.dataTransfer.dropEffect="copy",!H()&&o.DomHandler.addClass(V.current,"p-fileupload-highlight"),V.current.setAttribute("data-p-highlight",!0),t.stopPropagation(),t.preventDefault()));var t},onDragLeave:function(e){return t=e,void($||(t.dataTransfer.dropEffect="copy",!H()&&o.DomHandler.removeClass(V.current,"p-fileupload-highlight"),V.current.setAttribute("data-p-highlight",!1)));var t},onDrop:function(e){return ye(e)},"data-p-highlight":!1},k("content"));return d.createElement("div",he,ge,d.createElement("div",Oe,C,d.createElement(c.Messages,{ref:J,__parentMetadata:{parent:R}}),W?U:null,Y?x:null,z))}():"basic"===f.mode?(ve=f.chooseOptions,he=o.mergeProps({className:A("label")},k("label")),Oe=ve.iconOnly?d.createElement("span",v({},he,{dangerouslySetInnerHTML:{__html:" "}})):d.createElement("span",he,q),Ee=f.auto?Oe:d.createElement("span",he,W?O[0].name:Oe),Se=o.mergeProps({className:A("chooseIcon",{iconOnly:ve.iconOnly})},k("chooseIcon")),Pe=o.IconUtils.getJSXIcon(ve.icon?ve.icon:ve.icon||W&&!f.auto?!ve.icon&&W&&!f.auto&&d.createElement(s.UploadIcon,Se):d.createElement(l.PlusIcon,Se),M({},Se),{props:f,hasFiles:W}),we=o.mergeProps({ref:X,type:"file",onChange:function(e){return ie(e)},multiple:f.multiple,accept:f.accept,disabled:$},k("input")),Ne=!W&&d.createElement("input",we),je=o.mergeProps({className:o.classNames(f.className,A("root")),style:f.style},F.getOtherProps(f),k("root")),Ie=o.mergeProps({className:o.classNames(ve.className,A("basicButton",{hasFiles:W,disabled:$,focusedState:B})),style:ve.style,tabIndex:0,onClick:ge,onKeyDown:function(e){return be(e)},onFocus:de,onBlur:fe},F.getOtherProps(f),k("basicButton")),d.createElement("div",je,d.createElement(c.Messages,{ref:J,pt:k("message"),__parentMetadata:{parent:R}}),d.createElement("span",Ie,Pe,Ee,Ne,d.createElement(p.Ripple,null)))):void 0})));return k.displayName="FileUpload",e.FileUpload=k,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.utils,primereact.button,primereact.icons.plus,primereact.icons.times,primereact.icons.upload,primereact.messages,primereact.progressbar,primereact.ripple);
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.fileupload=function(e,t,n,r,a,o,l,i,s,c,u,p){"use strict";function d(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var m=d(t);function f(e){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f(e)}function b(e,t){if("object"!==f(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==f(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function y(e){var t=b(e,"string");return"symbol"===f(t)?t:String(t)}function g(e,t,n){return(t=y(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function v(){return v=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},v.apply(this,arguments)}function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function O(e){if(Array.isArray(e))return h(e)}function E(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function S(e,t){if(e){if("string"==typeof e)return h(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)?h(e,t):void 0}}function P(){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 w(e){return O(e)||E(e)||S(e)||P()}function N(e){throw new TypeError('"'+e+'" is read-only')}function j(e){if(Array.isArray(e))return e}function I(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,l,i=[],s=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=o.call(n)).done)&&(i.push(r.value),i.length!==t);s=!0);}catch(e){c=!0,a=e}finally{try{if(!s&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(c)throw a}}return i}}function B(){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 U(e,t){return j(e)||I(e,t)||S(e,t)||B()}var x=r.ComponentBase.extend({defaultProps:{__TYPE:"Badge",__parentMetadata:null,value:null,severity:null,size:null,style:null,className:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return a.classNames("p-badge p-component",g({"p-badge-no-gutter":a.ObjectUtils.isNotEmpty(t.value)&&1===String(t.value).length,"p-badge-dot":a.ObjectUtils.isEmpty(t.value),"p-badge-lg":"large"===t.size,"p-badge-xl":"xlarge"===t.size},"p-badge-".concat(t.severity),null!==t.severity))}},styles:"\n@layer primereact {\n .p-badge {\n display: inline-block;\n border-radius: 10px;\n text-align: center;\n padding: 0 .5rem;\n }\n \n .p-overlay-badge {\n position: relative;\n }\n \n .p-overlay-badge .p-badge {\n position: absolute;\n top: 0;\n right: 0;\n transform: translate(50%,-50%);\n transform-origin: 100% 0;\n margin: 0;\n }\n \n .p-badge-dot {\n width: .5rem;\n min-width: .5rem;\n height: .5rem;\n border-radius: 50%;\n padding: 0;\n }\n \n .p-badge-no-gutter {\n padding: 0;\n border-radius: 50%;\n }\n}\n"}});function C(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function T(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?C(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):C(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var D=m.memo(m.forwardRef((function(e,t){var o=m.useContext(n.PrimeReactContext),l=x.getProps(e,o),i=x.setMetaData(T({props:l},l.__parentMetadata)),s=i.ptm,c=i.cx;r.useHandleStyle(x.css.styles,i.isUnstyled,{name:"badge"});var u=m.useRef(null);m.useImperativeHandle(t,(function(){return{props:l,getElement:function(){return u.current}}}));var p=a.mergeProps({ref:u,style:l.style,className:a.classNames(l.className,c("root"))},x.getOtherProps(l),s("root"));return m.createElement("span",p,l.value)})));D.displayName="Badge";var F=r.ComponentBase.extend({defaultProps:{__TYPE:"FileUpload",id:null,name:null,url:null,mode:"advanced",multiple:!1,accept:null,removeIcon:null,disabled:!1,auto:!1,maxFileSize:null,invalidFileSizeMessageSummary:"{0}: Invalid file size, ",invalidFileSizeMessageDetail:"maximum upload size is {0}.",style:null,className:null,withCredentials:!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,children:void 0},css:{classes:{root:function(e){return a.classNames("p-fileupload p-fileupload-".concat(e.props.mode," p-component"))},buttonbar:"p-fileupload-buttonbar",content:"p-fileupload-content",chooseButton:function(e){return a.classNames("p-button p-fileupload-choose p-component",{"p-disabled":e.disabled,"p-focus":e.focusedState,"p-button-icon-only":e.iconOnly})},label:"p-button-label p-clickable",file:"p-fileupload-row",fileName:"p-fileupload-filename",thumbnail:"p-fileupload-file-thumbnail",chooseButtonLabel:"p-button-label p-clickable",basicButton:function(e){return a.classNames("p-button p-component p-fileupload-choose",{"p-fileupload-choose-selected":e.hasFiles,"p-disabled":e.disabled,"p-focus":e.focusedState})},chooseIcon:function(e){var t=e.iconOnly;return a.classNames("basic"===e.props.mode?"p-button-icon":"p-button-icon p-clickable",{"p-button-icon-left":!t})},uploadIcon:function(e){return a.classNames("p-button-icon p-c",{"p-button-icon-left":!e.iconOnly})},cancelIcon:function(e){return a.classNames("p-button-icon p-c",{"p-button-icon-left":!e.iconOnly})}},styles:"\n@layer primereact {\n .p-fileupload-content {\n position: relative;\n }\n \n .p-fileupload-row {\n display: flex;\n align-items: center;\n }\n \n .p-fileupload-row > div {\n flex: 1 1 auto;\n width: 25%;\n }\n \n .p-fileupload-row > div:last-child {\n text-align: right;\n }\n \n .p-fileupload-content > .p-progressbar {\n width: 100%;\n position: absolute;\n top: 0;\n left: 0;\n }\n \n .p-button.p-fileupload-choose {\n position: relative;\n overflow: hidden;\n }\n \n .p-fileupload-buttonbar {\n display: flex;\n flex-wrap: wrap;\n }\n \n .p-button.p-fileupload-choose input[type='file'] {\n display: none;\n }\n \n .p-fileupload-choose.p-fileupload-choose-selected input[type='file'] {\n display: none;\n }\n \n .p-fileupload-filename {\n word-break: break-all;\n }\n \n .p-fileupload-file-thumbnail {\n flex-shrink: 0;\n }\n \n .p-fileupload-file-badge {\n margin: 0.5rem;\n }\n \n .p-fluid .p-fileupload .p-button {\n width: auto;\n }\n}\n"}});function _(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function M(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?_(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):_(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function z(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=R(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,a=function(){};return{s:a,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},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 o,l=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return l=e.done,e},e:function(e){i=!0,o=e},f:function(){try{l||null==n.return||n.return()}finally{if(i)throw o}}}}function R(e,t){if(e){if("string"==typeof e)return L(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)?L(e,t):void 0}}function L(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var k=m.memo(m.forwardRef((function(e,t){var d=m.useContext(n.PrimeReactContext),f=F.getProps(e,d),b=U(m.useState([]),2),y=b[0],g=b[1],h=U(m.useState([]),2),O=h[0],E=h[1],S=U(m.useState(0),2),P=S[0],j=S[1],I=U(m.useState(!1),2),B=I[0],x=I[1],C=U(m.useState(!1),2),T=C[0],_=C[1],R={props:f,state:{progress:P,uploading:T,uploadedFiles:y,files:O,focused:B}},L=F.setMetaData(R),k=L.ptm,A=L.cx,H=L.isUnstyled;r.useHandleStyle(F.css.styles,H,{name:"fileupload"});var X=m.useRef(null),J=m.useRef(null),V=m.useRef(null),K=m.useRef(0),W=a.ObjectUtils.isNotEmpty(O),Y=a.ObjectUtils.isNotEmpty(y),$=f.disabled||T,q=f.chooseLabel||f.chooseOptions.label||n.localeOption("choose"),G=f.uploadLabel||f.uploadOptions.label||n.localeOption("upload"),Q=f.cancelLabel||f.cancelOptions.label||n.localeOption("cancel"),Z=$||f.fileLimit&&f.fileLimit<=O.length+K,ee=$||!W,te=$||!W,ne=function(e){return/^image\//.test(e.type)},re=function(e,t){oe();var n=w(O),r=O[t];n.splice(t,1),E(n),f.onRemove&&f.onRemove({originalEvent:e,file:r})},ae=function(e,t){oe();var n=w(y),r=O[t];n.splice(t,1),g(n),f.onRemove&&f.onRemove({originalEvent:e,file:r})},oe=function(){X.current&&(X.current.value="")},le=function(e){var t=n.localeOption("fileSizeTypes");if(0===e)return"0 ".concat(t[0]);var r=Math.floor(Math.log(e)/Math.log(1024)),a=parseFloat((e/Math.pow(1024,r)).toFixed(3));return"".concat(a," ").concat(t[r])},ie=function(e){if(!f.onBeforeSelect||!1!==f.onBeforeSelect({originalEvent:e,files:O})){var t=[];f.multiple&&(t=O?w(O):[]);for(var n=e.dataTransfer?e.dataTransfer.files:e.target.files,r=0;r<n.length;r++){var o=n[r];!se(o)&&ce(o)&&(ne(o)&&(o.objectURL=window.URL.createObjectURL(o)),t.push(o))}E(t),a.ObjectUtils.isNotEmpty(t)&&f.auto&&ue(t),f.onSelect&&f.onSelect({originalEvent:e,files:t}),oe(),"basic"===f.mode&&t.length>0&&(X.current.style.display="none")}},se=function(e){return O.some((function(t){return t.name+t.type+t.size===e.name+e.type+e.size}))},ce=function(e){if(f.maxFileSize&&e.size>f.maxFileSize){var t={severity:"error",summary:f.invalidFileSizeMessageSummary.replace("{0}",e.name),detail:f.invalidFileSizeMessageDetail.replace("{0}",le(f.maxFileSize)),sticky:!0};return"advanced"===f.mode&&J.current.show(t),f.onValidationFail&&f.onValidationFail(e),!1}return!0},ue=function(e){if((e=e||O)&&e.nativeEvent&&(e=O),f.customUpload)f.fileLimit&&N("uploadedFileCount"),f.uploadHandler&&f.uploadHandler({files:e,options:{clear:pe,props:f}});else{_(!0);var t=new XMLHttpRequest,n=new FormData;f.onBeforeUpload&&f.onBeforeUpload({xhr:t,formData:n});var r,a=z(e);try{for(a.s();!(r=a.n()).done;){var o=r.value;n.append(f.name,o,o.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);j(t),f.onProgress&&f.onProgress({originalEvent:e,progress:t})}})),t.onreadystatechange=function(){4===t.readyState&&(j(0),_(!1),t.status>=200&&t.status<300?(f.fileLimit&&N("uploadedFileCount"),f.onUpload&&f.onUpload({xhr:t,files:e})):f.onError&&f.onError({xhr:t,files:e}),pe(),g((function(t){return[].concat(w(t),w(e))})))},t.open("POST",f.url,!0),f.onBeforeSend&&f.onBeforeSend({xhr:t,formData:n}),t.withCredentials=f.withCredentials,t.send(n)}},pe=function(){E([]),g([]),_(!1),f.onClear&&f.onClear(),oe()},de=function(){X.current.click()},me=function(){x(!0)},fe=function(){x(!1)},be=function(e){"Enter"===e.code&&de()},ye=function(e){if(!f.disabled&&(!H()&&a.DomHandler.removeClass(V.current,"p-fileupload-highlight"),V.current.setAttribute("data-p-highlight",!1),e.stopPropagation(),e.preventDefault(),!f.onBeforeDrop||!1!==f.onBeforeDrop(e))){var t=e.dataTransfer?e.dataTransfer.files:e.target.files;(f.multiple||a.ObjectUtils.isEmpty(O)&&t&&1===t.length)&&ie(e)}},ge=function(){!$&&W?ue():X.current.click()};m.useImperativeHandle(t,(function(){return{props:f,upload:ue,clear:pe,formatSize:le,onFileSelect:ie,getInput:function(){return X.current},getContent:function(){return V.current},getFiles:function(){return O},setFiles:function(e){return E(e||[])},getUploadedFiles:function(){return y},setUploadedFiles:function(e){return g(e||[])}}}));var ve,he,Oe,Ee,Se,Pe,we,Ne,je,Ie,Be=function(e,t,n){"warning"===t.severity?re(e,n):ae(e,n)},Ue=function(e,t,n){var r=e.name+e.type+e.size,l=a.mergeProps({role:"presentation",className:A("thumbnail"),src:e.objectURL,width:f.previewWidth},k("thumbnail")),s=ne(e)?m.createElement("img",v({},l,{alt:e.name})):null,c=a.mergeProps(k("details")),u=a.mergeProps(k("fileSize")),p=a.mergeProps({className:A("fileName")},k("fileName")),d=a.mergeProps(k("actions")),b=m.createElement("div",p,e.name),y=m.createElement("div",u,le(e.size)),g=m.createElement("div",c,m.createElement("div",p," ",e.name),m.createElement("span",u,le(e.size)),m.createElement(D,{className:"p-fileupload-file-badge",value:n.value,severity:n.severity,pt:k("badge"),__parentMetadata:{parent:R}})),h=m.createElement("div",d,m.createElement(o.Button,{type:"button",icon:f.removeIcon||m.createElement(i.TimesIcon,null),text:!0,rounded:!0,severity:"danger",onClick:function(e){return Be(e,n,t)},disabled:$,pt:k("removeButton"),__parentMetadata:{parent:R}})),O=m.createElement(m.Fragment,null,s,g,h);if(f.itemTemplate){var E={onRemove:function(e){return re(e,t)},previewElement:s,fileNameElement:b,sizeElement:y,removeElement:h,formatSize:le(e.size),element:O,index:t,props:f};O=a.ObjectUtils.getJSXElement(f.itemTemplate,e,E)}var S=a.mergeProps({key:r,className:A("file")},k("file"));return m.createElement("div",S,O)},xe=function(){var e={severity:"success",value:n.localeOption("completed")||"Completed"},t=y&&y.map((function(t,n){return Ue(t,n,e)}));return m.createElement("div",null,t)};return"advanced"===f.mode?function(){var e,t,r,d,b,y,g,h,E,S,w,N,j,I,U,x,C,T,D,_=(t=(e=f.chooseOptions).className,r=e.style,d=e.icon,b=e.iconOnly,y=a.mergeProps({className:A("chooseButtonLabel")},k("chooseButtonLabel")),g=b?m.createElement("span",v({},y,{dangerouslySetInnerHTML:{__html:" "}})):m.createElement("span",y,q),h=a.mergeProps({ref:X,type:"file",onChange:function(e){return ie(e)},multiple:f.multiple,accept:f.accept,disabled:Z},k("input")),E=m.createElement("input",h),S=a.mergeProps({className:A("chooseIcon",{iconOnly:b}),"aria-hidden":"true"},k("chooseIcon")),w=a.IconUtils.getJSXIcon(d||m.createElement(l.PlusIcon,S),M({},S),{props:f}),N=a.mergeProps({className:a.classNames(t,A("chooseButton",{iconOnly:b,disabled:$,className:t,focusedState:B})),style:r,onClick:de,onKeyDown:function(e){return be(e)},onFocus:me,onBlur:fe,tabIndex:0,"data-p-disabled":$,"data-p-focus":B},k("chooseButton")),m.createElement("span",N,E,w,g,m.createElement(p.Ripple,null))),z=!f.emptyTemplate||W||Y?null:a.ObjectUtils.getJSXElement(f.emptyTemplate,f);if(!f.auto){var L=f.uploadOptions,K=f.cancelOptions,ne=L.iconOnly?"":G,re=K.iconOnly?"":Q,ae=a.mergeProps({className:A("uploadIcon",{iconOnly:L.iconOnly}),"aria-hidden":"true"},k("uploadIcon")),oe=a.IconUtils.getJSXIcon(L.icon||m.createElement(s.UploadIcon,ae),M({},ae),{props:f}),le=a.mergeProps({className:A("cancelIcon",{iconOnly:K.iconOnly}),"aria-hidden":"true"},k("cancelIcon")),se=a.IconUtils.getJSXIcon(K.icon||m.createElement(i.TimesIcon,le),M({},le),{props:f});j=m.createElement(o.Button,{type:"button",label:ne,"aria-hidden":"true",icon:oe,onClick:ue,disabled:ee,style:L.style,className:L.className,pt:k("uploadButton"),__parentMetadata:{parent:R}}),I=m.createElement(o.Button,{type:"button",label:re,"aria-hidden":"true",icon:se,onClick:pe,disabled:te,style:K.style,className:K.className,pt:k("cancelButton"),__parentMetadata:{parent:R}})}W&&(T={severity:"warning",value:n.localeOption("pending")||"Pending"},D=O.map((function(e,t){return Ue(e,t,T)})),U=m.createElement("div",null,D),C=f.progressBarTemplate?a.ObjectUtils.getJSXElement(f.progressBarTemplate,{progress:P,props:f}):m.createElement(u.ProgressBar,{value:P,showValue:!1,pt:k("progressbar"),__parentMetadata:{parent:R}})),Y&&(x=xe());var ce=a.mergeProps({className:a.classNames(f.headerClassName,A("buttonbar")),style:f.headerStyle},k("buttonbar")),ge=m.createElement("div",ce,_,j,I);if(f.headerTemplate){var ve={className:a.classNames("p-fileupload-buttonbar",f.headerClassName),chooseButton:_,uploadButton:j,cancelButton:I,element:ge,props:f};ge=a.ObjectUtils.getJSXElement(f.headerTemplate,ve)}var he=a.mergeProps({id:f.id,className:A("root"),style:f.style},F.getOtherProps(f),k("root")),Oe=a.mergeProps({ref:V,className:a.classNames(f.contentClassName,A("content")),style:f.contentStyle,onDragEnter:function(e){return t=e,void($||(t.dataTransfer.dropEffect="copy",t.stopPropagation(),t.preventDefault()));var t},onDragOver:function(e){return t=e,void($||(t.dataTransfer.dropEffect="copy",!H()&&a.DomHandler.addClass(V.current,"p-fileupload-highlight"),V.current.setAttribute("data-p-highlight",!0),t.stopPropagation(),t.preventDefault()));var t},onDragLeave:function(e){return t=e,void($||(t.dataTransfer.dropEffect="copy",!H()&&a.DomHandler.removeClass(V.current,"p-fileupload-highlight"),V.current.setAttribute("data-p-highlight",!1)));var t},onDrop:function(e){return ye(e)},"data-p-highlight":!1},k("content"));return m.createElement("div",he,ge,m.createElement("div",Oe,C,m.createElement(c.Messages,{ref:J,__parentMetadata:{parent:R}}),W?U:null,Y?x:null,z))}():"basic"===f.mode?(ve=f.chooseOptions,he=a.mergeProps({className:A("label")},k("label")),Oe=ve.iconOnly?m.createElement("span",v({},he,{dangerouslySetInnerHTML:{__html:" "}})):m.createElement("span",he,q),Ee=f.auto?Oe:m.createElement("span",he,W?O[0].name:Oe),Se=a.mergeProps({className:A("chooseIcon",{iconOnly:ve.iconOnly})},k("chooseIcon")),Pe=a.IconUtils.getJSXIcon(ve.icon?ve.icon:ve.icon||W&&!f.auto?!ve.icon&&W&&!f.auto&&m.createElement(s.UploadIcon,Se):m.createElement(l.PlusIcon,Se),M({},Se),{props:f,hasFiles:W}),we=a.mergeProps({ref:X,type:"file",onChange:function(e){return ie(e)},multiple:f.multiple,accept:f.accept,disabled:$},k("input")),Ne=!W&&m.createElement("input",we),je=a.mergeProps({className:a.classNames(f.className,A("root")),style:f.style},F.getOtherProps(f),k("root")),Ie=a.mergeProps({className:a.classNames(ve.className,A("basicButton",{hasFiles:W,disabled:$,focusedState:B})),style:ve.style,tabIndex:0,onClick:ge,onKeyDown:function(e){return be(e)},onFocus:me,onBlur:fe},F.getOtherProps(f),k("basicButton")),m.createElement("div",je,m.createElement(c.Messages,{ref:J,pt:k("message"),__parentMetadata:{parent:R}}),m.createElement("span",Ie,Pe,Ee,Ne,m.createElement(p.Ripple,null)))):void 0})));return k.displayName="FileUpload",e.FileUpload=k,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.utils,primereact.button,primereact.icons.plus,primereact.icons.times,primereact.icons.upload,primereact.messages,primereact.progressbar,primereact.ripple);
|