primereact 10.6.2 → 10.6.4
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 +14 -16
- package/accordion/accordion.cjs.min.js +1 -1
- package/accordion/accordion.d.ts +4 -0
- package/accordion/accordion.esm.js +14 -16
- package/accordion/accordion.esm.min.js +1 -1
- package/accordion/accordion.js +14 -16
- package/accordion/accordion.min.js +1 -1
- package/api/api.cjs.js +109 -38
- package/api/api.cjs.min.js +1 -1
- package/api/api.d.ts +5 -0
- package/api/api.esm.js +109 -38
- package/api/api.esm.min.js +1 -1
- package/api/api.js +109 -38
- package/api/api.min.js +1 -1
- package/autocomplete/autocomplete.cjs.js +22 -14
- package/autocomplete/autocomplete.cjs.min.js +1 -1
- package/autocomplete/autocomplete.d.ts +5 -0
- package/autocomplete/autocomplete.esm.js +22 -14
- package/autocomplete/autocomplete.esm.min.js +1 -1
- package/autocomplete/autocomplete.js +22 -14
- package/autocomplete/autocomplete.min.js +1 -1
- package/blockui/blockui.cjs.js +3 -6
- package/blockui/blockui.cjs.min.js +1 -1
- package/blockui/blockui.esm.js +3 -6
- package/blockui/blockui.esm.min.js +1 -1
- package/blockui/blockui.js +3 -6
- package/blockui/blockui.min.js +1 -1
- package/breadcrumb/breadcrumb.cjs.js +3 -6
- package/breadcrumb/breadcrumb.cjs.min.js +1 -1
- package/breadcrumb/breadcrumb.esm.js +3 -6
- package/breadcrumb/breadcrumb.esm.min.js +1 -1
- package/breadcrumb/breadcrumb.js +3 -6
- package/breadcrumb/breadcrumb.min.js +1 -1
- package/buttongroup/buttongroup.cjs.js +6 -1
- package/buttongroup/buttongroup.cjs.min.js +1 -1
- package/buttongroup/buttongroup.d.ts +1 -1
- package/buttongroup/buttongroup.esm.js +7 -2
- package/buttongroup/buttongroup.esm.min.js +1 -1
- package/buttongroup/buttongroup.js +6 -1
- package/buttongroup/buttongroup.min.js +1 -1
- package/calendar/calendar.cjs.js +52 -25
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.d.ts +5 -0
- package/calendar/calendar.esm.js +52 -25
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +52 -25
- package/calendar/calendar.min.js +1 -1
- package/card/card.cjs.js +2 -5
- package/card/card.cjs.min.js +1 -1
- package/card/card.esm.js +3 -6
- package/card/card.esm.min.js +1 -1
- package/card/card.js +2 -5
- package/card/card.min.js +1 -1
- package/carousel/carousel.cjs.js +6 -2
- package/carousel/carousel.cjs.min.js +1 -1
- package/carousel/carousel.esm.js +7 -3
- package/carousel/carousel.esm.min.js +1 -1
- package/carousel/carousel.js +6 -2
- package/carousel/carousel.min.js +1 -1
- package/cascadeselect/cascadeselect.cjs.js +14 -16
- package/cascadeselect/cascadeselect.cjs.min.js +1 -1
- package/cascadeselect/cascadeselect.d.ts +5 -0
- package/cascadeselect/cascadeselect.esm.js +14 -16
- package/cascadeselect/cascadeselect.esm.min.js +1 -1
- package/cascadeselect/cascadeselect.js +14 -16
- package/cascadeselect/cascadeselect.min.js +1 -1
- package/chart/chart.cjs.js +4 -7
- package/chart/chart.cjs.min.js +1 -1
- package/chart/chart.esm.js +4 -7
- package/chart/chart.esm.min.js +1 -1
- package/chart/chart.js +4 -7
- package/chart/chart.min.js +1 -1
- package/checkbox/checkbox.cjs.js +6 -3
- package/checkbox/checkbox.cjs.min.js +1 -1
- package/checkbox/checkbox.d.ts +11 -1
- package/checkbox/checkbox.esm.js +6 -3
- package/checkbox/checkbox.esm.min.js +1 -1
- package/checkbox/checkbox.js +6 -3
- package/checkbox/checkbox.min.js +1 -1
- package/chips/chips.cjs.js +17 -15
- package/chips/chips.cjs.min.js +1 -1
- package/chips/chips.d.ts +5 -0
- package/chips/chips.esm.js +17 -15
- package/chips/chips.esm.min.js +1 -1
- package/chips/chips.js +17 -15
- package/chips/chips.min.js +1 -1
- package/colorpicker/colorpicker.cjs.js +2 -2
- package/colorpicker/colorpicker.cjs.min.js +1 -1
- package/colorpicker/colorpicker.esm.js +2 -2
- package/colorpicker/colorpicker.esm.min.js +1 -1
- package/colorpicker/colorpicker.js +2 -2
- package/colorpicker/colorpicker.min.js +1 -1
- package/column/column.d.ts +1 -1
- package/componentbase/componentbase.cjs.js +1 -1
- package/componentbase/componentbase.cjs.min.js +1 -1
- package/componentbase/componentbase.esm.js +1 -1
- package/componentbase/componentbase.esm.min.js +1 -1
- package/componentbase/componentbase.js +1 -1
- package/componentbase/componentbase.min.js +1 -1
- package/confirmpopup/confirmpopup.cjs.js +2 -2
- package/confirmpopup/confirmpopup.cjs.min.js +1 -1
- package/confirmpopup/confirmpopup.esm.js +2 -2
- package/confirmpopup/confirmpopup.esm.min.js +1 -1
- package/confirmpopup/confirmpopup.js +2 -2
- package/confirmpopup/confirmpopup.min.js +1 -1
- package/core/core.js +453 -234
- package/core/core.min.js +11 -11
- package/datatable/datatable.cjs.js +32 -12
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.d.ts +27 -27
- package/datatable/datatable.esm.js +32 -12
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +32 -12
- package/datatable/datatable.min.js +1 -1
- package/dialog/dialog.cjs.js +146 -95
- package/dialog/dialog.cjs.min.js +1 -1
- package/dialog/dialog.esm.js +147 -96
- package/dialog/dialog.esm.min.js +1 -1
- package/dialog/dialog.js +147 -96
- package/dialog/dialog.min.js +1 -1
- package/dropdown/dropdown.cjs.js +80 -60
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.d.ts +23 -18
- package/dropdown/dropdown.esm.js +80 -60
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +80 -60
- package/dropdown/dropdown.min.js +1 -1
- package/editor/editor.cjs.js +2 -2
- package/editor/editor.cjs.min.js +1 -1
- package/editor/editor.esm.js +2 -2
- package/editor/editor.esm.min.js +1 -1
- package/editor/editor.js +2 -2
- package/editor/editor.min.js +1 -1
- package/fileupload/fileupload.cjs.js +7 -4
- package/fileupload/fileupload.cjs.min.js +1 -1
- package/fileupload/fileupload.d.ts +4 -0
- package/fileupload/fileupload.esm.js +7 -4
- package/fileupload/fileupload.esm.min.js +1 -1
- package/fileupload/fileupload.js +7 -4
- package/fileupload/fileupload.min.js +1 -1
- package/floatlabel/floatlabel.cjs.js +6 -1
- package/floatlabel/floatlabel.cjs.min.js +1 -1
- package/floatlabel/floatlabel.d.ts +5 -0
- package/floatlabel/floatlabel.esm.js +7 -2
- package/floatlabel/floatlabel.esm.min.js +1 -1
- package/floatlabel/floatlabel.js +6 -1
- package/floatlabel/floatlabel.min.js +1 -1
- package/galleria/galleria.cjs.js +9 -3
- package/galleria/galleria.cjs.min.js +1 -1
- package/galleria/galleria.esm.js +10 -4
- package/galleria/galleria.esm.min.js +1 -1
- package/galleria/galleria.js +9 -3
- package/galleria/galleria.min.js +1 -1
- package/iconfield/iconfield.cjs.js +4 -4
- package/iconfield/iconfield.cjs.min.js +1 -1
- package/iconfield/iconfield.esm.js +4 -4
- package/iconfield/iconfield.esm.min.js +1 -1
- package/iconfield/iconfield.js +4 -4
- package/iconfield/iconfield.min.js +1 -1
- package/iconfield/package.json +7 -0
- package/image/image.cjs.js +2 -2
- package/image/image.cjs.min.js +1 -1
- package/image/image.esm.js +2 -2
- package/image/image.esm.min.js +1 -1
- package/image/image.js +2 -2
- package/image/image.min.js +1 -1
- package/inputicon/package.json +7 -0
- package/inputmask/inputmask.cjs.js +21 -1
- package/inputmask/inputmask.cjs.min.js +1 -1
- package/inputmask/inputmask.d.ts +11 -1
- package/inputmask/inputmask.esm.js +22 -2
- package/inputmask/inputmask.esm.min.js +1 -1
- package/inputmask/inputmask.js +21 -1
- package/inputmask/inputmask.min.js +1 -1
- package/inputnumber/inputnumber.cjs.js +79 -24
- package/inputnumber/inputnumber.cjs.min.js +1 -1
- package/inputnumber/inputnumber.d.ts +5 -0
- package/inputnumber/inputnumber.esm.js +79 -24
- package/inputnumber/inputnumber.esm.min.js +1 -1
- package/inputnumber/inputnumber.js +79 -24
- package/inputnumber/inputnumber.min.js +1 -1
- package/inputotp/inputotp.cjs.js +348 -0
- package/inputotp/inputotp.cjs.min.js +1 -0
- package/inputotp/inputotp.d.ts +177 -0
- package/inputotp/inputotp.esm.js +340 -0
- package/inputotp/inputotp.esm.min.js +1 -0
- package/inputotp/inputotp.js +346 -0
- package/inputotp/inputotp.min.js +1 -0
- package/inputotp/package.json +7 -0
- package/inputtext/inputtext.cjs.js +9 -5
- package/inputtext/inputtext.cjs.min.js +1 -1
- package/inputtext/inputtext.d.ts +5 -0
- package/inputtext/inputtext.esm.js +9 -5
- package/inputtext/inputtext.esm.min.js +1 -1
- package/inputtext/inputtext.js +9 -5
- package/inputtext/inputtext.min.js +1 -1
- package/inputtextarea/inputtextarea.cjs.js +8 -4
- package/inputtextarea/inputtextarea.cjs.min.js +1 -1
- package/inputtextarea/inputtextarea.d.ts +5 -0
- package/inputtextarea/inputtextarea.esm.js +8 -4
- package/inputtextarea/inputtextarea.esm.min.js +1 -1
- package/inputtextarea/inputtextarea.js +8 -4
- package/inputtextarea/inputtextarea.min.js +1 -1
- package/keyfilter/keyfilter.cjs.js +3 -1
- package/keyfilter/keyfilter.cjs.min.js +1 -1
- package/keyfilter/keyfilter.esm.js +3 -1
- package/keyfilter/keyfilter.esm.min.js +1 -1
- package/keyfilter/keyfilter.js +3 -1
- package/keyfilter/keyfilter.min.js +1 -1
- package/knob/knob.cjs.js +2 -2
- package/knob/knob.cjs.min.js +1 -1
- package/knob/knob.esm.js +2 -2
- package/knob/knob.esm.min.js +1 -1
- package/knob/knob.js +2 -2
- package/knob/knob.min.js +1 -1
- package/listbox/listbox.cjs.js +2 -6
- package/listbox/listbox.cjs.min.js +1 -1
- package/listbox/listbox.esm.js +2 -6
- package/listbox/listbox.esm.min.js +1 -1
- package/listbox/listbox.js +2 -6
- package/listbox/listbox.min.js +1 -1
- package/megamenu/megamenu.cjs.js +10 -6
- package/megamenu/megamenu.cjs.min.js +1 -1
- package/megamenu/megamenu.esm.js +10 -6
- package/megamenu/megamenu.esm.min.js +1 -1
- package/megamenu/megamenu.js +10 -6
- package/megamenu/megamenu.min.js +1 -1
- package/mention/mention.cjs.js +13 -9
- package/mention/mention.cjs.min.js +1 -1
- package/mention/mention.esm.js +13 -9
- package/mention/mention.esm.min.js +1 -1
- package/mention/mention.js +13 -9
- package/mention/mention.min.js +1 -1
- package/menu/menu.cjs.js +23 -5
- package/menu/menu.cjs.min.js +1 -1
- package/menu/menu.d.ts +19 -0
- package/menu/menu.esm.js +23 -5
- package/menu/menu.esm.min.js +1 -1
- package/menu/menu.js +23 -5
- package/menu/menu.min.js +1 -1
- package/messages/messages.cjs.js +1 -1
- package/messages/messages.cjs.min.js +1 -1
- package/messages/messages.esm.js +1 -1
- package/messages/messages.esm.min.js +1 -1
- package/messages/messages.js +1 -1
- package/messages/messages.min.js +1 -1
- package/metergroup/metergroup.cjs.js +33 -12
- package/metergroup/metergroup.cjs.min.js +1 -1
- package/metergroup/metergroup.esm.js +6 -5
- package/metergroup/metergroup.esm.min.js +1 -1
- package/metergroup/metergroup.js +32 -11
- package/metergroup/metergroup.min.js +1 -1
- package/metergroup/package.json +7 -0
- package/multiselect/multiselect.cjs.js +45 -11
- package/multiselect/multiselect.cjs.min.js +1 -1
- package/multiselect/multiselect.d.ts +22 -17
- package/multiselect/multiselect.esm.js +45 -11
- package/multiselect/multiselect.esm.min.js +1 -1
- package/multiselect/multiselect.js +45 -11
- package/multiselect/multiselect.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.cjs.js +6 -3
- package/multistatecheckbox/multistatecheckbox.cjs.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.esm.js +6 -3
- package/multistatecheckbox/multistatecheckbox.esm.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.js +6 -3
- package/multistatecheckbox/multistatecheckbox.min.js +1 -1
- package/overlaypanel/overlaypanel.cjs.js +8 -5
- package/overlaypanel/overlaypanel.cjs.min.js +1 -1
- package/overlaypanel/overlaypanel.d.ts +5 -0
- package/overlaypanel/overlaypanel.esm.js +8 -5
- package/overlaypanel/overlaypanel.esm.min.js +1 -1
- package/overlaypanel/overlaypanel.js +8 -5
- package/overlaypanel/overlaypanel.min.js +1 -1
- package/package.json +1 -1
- package/paginator/paginator.cjs.js +6 -0
- package/paginator/paginator.cjs.min.js +1 -1
- package/paginator/paginator.esm.js +6 -0
- package/paginator/paginator.esm.min.js +1 -1
- package/paginator/paginator.js +6 -0
- package/paginator/paginator.min.js +1 -1
- package/panelmenu/panelmenu.cjs.js +13 -17
- package/panelmenu/panelmenu.cjs.min.js +1 -1
- package/panelmenu/panelmenu.esm.js +13 -17
- package/panelmenu/panelmenu.esm.min.js +1 -1
- package/panelmenu/panelmenu.js +13 -17
- package/panelmenu/panelmenu.min.js +1 -1
- package/passthrough/tailwind/index.cjs.js +148 -174
- package/passthrough/tailwind/index.cjs.min.js +1 -1
- package/passthrough/tailwind/index.esm.js +148 -174
- package/passthrough/tailwind/index.esm.min.js +1 -1
- package/passthrough/tailwind/index.js +148 -174
- package/passthrough/tailwind/index.min.js +1 -1
- package/password/password.cjs.js +109 -18
- package/password/password.cjs.min.js +1 -1
- package/password/password.d.ts +10 -5
- package/password/password.esm.js +109 -18
- package/password/password.esm.min.js +1 -1
- package/password/password.js +110 -19
- package/password/password.min.js +1 -1
- package/picklist/picklist.cjs.js +6 -0
- package/picklist/picklist.cjs.min.js +1 -1
- package/picklist/picklist.esm.js +6 -0
- package/picklist/picklist.esm.min.js +1 -1
- package/picklist/picklist.js +6 -0
- package/picklist/picklist.min.js +1 -1
- package/primereact.all.cjs.js +1471 -1140
- package/primereact.all.cjs.min.js +1 -1
- package/primereact.all.esm.js +1471 -1140
- package/primereact.all.esm.min.js +1 -1
- package/primereact.all.js +1471 -1140
- package/primereact.all.min.js +1 -1
- package/radiobutton/radiobutton.cjs.js +8 -3
- package/radiobutton/radiobutton.cjs.min.js +1 -1
- package/radiobutton/radiobutton.d.ts +5 -0
- package/radiobutton/radiobutton.esm.js +8 -3
- package/radiobutton/radiobutton.esm.min.js +1 -1
- package/radiobutton/radiobutton.js +8 -3
- package/radiobutton/radiobutton.min.js +1 -1
- package/rating/rating.cjs.js +2 -2
- package/rating/rating.cjs.min.js +1 -1
- package/rating/rating.esm.js +2 -2
- package/rating/rating.esm.min.js +1 -1
- package/rating/rating.js +2 -2
- package/rating/rating.min.js +1 -1
- package/resources/themes/arya-blue/theme.css +51 -43
- package/resources/themes/arya-green/theme.css +51 -43
- package/resources/themes/arya-orange/theme.css +51 -43
- package/resources/themes/bootstrap4-dark-blue/theme.css +51 -43
- package/resources/themes/bootstrap4-dark-purple/theme.css +9 -0
- package/resources/themes/bootstrap4-light-blue/theme.css +51 -43
- package/resources/themes/bootstrap4-light-purple/theme.css +9 -0
- package/resources/themes/fluent-light/theme.css +51 -43
- package/resources/themes/lara-dark-amber/theme.css +51 -43
- package/resources/themes/lara-dark-blue/theme.css +51 -43
- package/resources/themes/lara-dark-cyan/theme.css +51 -43
- package/resources/themes/lara-dark-green/theme.css +51 -43
- package/resources/themes/lara-dark-indigo/theme.css +51 -43
- package/resources/themes/lara-dark-pink/theme.css +51 -43
- package/resources/themes/lara-dark-purple/theme.css +1124 -227
- package/resources/themes/lara-dark-teal/theme.css +51 -43
- package/resources/themes/lara-light-amber/theme.css +51 -43
- package/resources/themes/lara-light-blue/theme.css +51 -43
- package/resources/themes/lara-light-cyan/theme.css +51 -43
- package/resources/themes/lara-light-green/theme.css +51 -43
- package/resources/themes/lara-light-indigo/theme.css +51 -43
- package/resources/themes/lara-light-pink/theme.css +51 -43
- package/resources/themes/lara-light-purple/theme.css +1122 -229
- package/resources/themes/lara-light-teal/theme.css +51 -43
- package/resources/themes/luna-amber/theme.css +51 -43
- package/resources/themes/luna-blue/theme.css +51 -43
- package/resources/themes/luna-green/theme.css +51 -43
- package/resources/themes/luna-pink/theme.css +51 -43
- package/resources/themes/md-dark-deeppurple/theme.css +9 -0
- package/resources/themes/md-dark-indigo/theme.css +193 -185
- package/resources/themes/md-light-deeppurple/theme.css +9 -0
- package/resources/themes/md-light-indigo/theme.css +51 -43
- package/resources/themes/mdc-dark-deeppurple/theme.css +9 -0
- package/resources/themes/mdc-dark-indigo/theme.css +193 -185
- package/resources/themes/mdc-light-deeppurple/theme.css +9 -0
- package/resources/themes/mdc-light-indigo/theme.css +51 -43
- package/resources/themes/mira/theme.css +51 -43
- package/resources/themes/nano/theme.css +51 -43
- package/resources/themes/nova/theme.css +51 -43
- package/resources/themes/nova-accent/theme.css +51 -43
- package/resources/themes/nova-alt/theme.css +51 -43
- package/resources/themes/rhea/theme.css +51 -43
- package/resources/themes/saga-blue/theme.css +51 -43
- package/resources/themes/saga-green/theme.css +51 -43
- package/resources/themes/saga-orange/theme.css +51 -43
- package/resources/themes/soho-dark/theme.css +76 -68
- package/resources/themes/soho-light/theme.css +51 -43
- package/resources/themes/tailwind-light/theme.css +52 -44
- package/resources/themes/vela-blue/theme.css +51 -43
- package/resources/themes/vela-green/theme.css +51 -43
- package/resources/themes/vela-orange/theme.css +51 -43
- package/resources/themes/viva-dark/theme.css +51 -43
- package/resources/themes/viva-light/theme.css +51 -43
- package/ripple/ripple.d.ts +32 -0
- package/scrollpanel/scrollpanel.cjs.js +2 -5
- package/scrollpanel/scrollpanel.cjs.min.js +1 -1
- package/scrollpanel/scrollpanel.esm.js +3 -6
- package/scrollpanel/scrollpanel.esm.min.js +1 -1
- package/scrollpanel/scrollpanel.js +2 -5
- package/scrollpanel/scrollpanel.min.js +1 -1
- package/selectbutton/selectbutton.cjs.js +2 -2
- package/selectbutton/selectbutton.cjs.min.js +1 -1
- package/selectbutton/selectbutton.esm.js +2 -2
- package/selectbutton/selectbutton.esm.min.js +1 -1
- package/selectbutton/selectbutton.js +2 -2
- package/selectbutton/selectbutton.min.js +1 -1
- package/sidebar/sidebar.cjs.js +5 -5
- package/sidebar/sidebar.cjs.min.js +1 -1
- package/sidebar/sidebar.esm.js +5 -5
- package/sidebar/sidebar.esm.min.js +1 -1
- package/sidebar/sidebar.js +5 -5
- package/sidebar/sidebar.min.js +1 -1
- package/slidemenu/slidemenu.cjs.js +2 -2
- package/slidemenu/slidemenu.cjs.min.js +1 -1
- package/slidemenu/slidemenu.esm.js +2 -2
- package/slidemenu/slidemenu.esm.min.js +1 -1
- package/slidemenu/slidemenu.js +2 -2
- package/slidemenu/slidemenu.min.js +1 -1
- package/slider/slider.cjs.js +3 -3
- package/slider/slider.cjs.min.js +1 -1
- package/slider/slider.esm.js +3 -3
- package/slider/slider.esm.min.js +1 -1
- package/slider/slider.js +3 -3
- package/slider/slider.min.js +1 -1
- package/splitbutton/splitbutton.cjs.js +2 -2
- package/splitbutton/splitbutton.cjs.min.js +1 -1
- package/splitbutton/splitbutton.esm.js +2 -2
- package/splitbutton/splitbutton.esm.min.js +1 -1
- package/splitbutton/splitbutton.js +2 -2
- package/splitbutton/splitbutton.min.js +1 -1
- package/splitter/splitter.cjs.js +6 -1
- package/splitter/splitter.cjs.min.js +1 -1
- package/splitter/splitter.esm.js +6 -1
- package/splitter/splitter.esm.min.js +1 -1
- package/splitter/splitter.js +6 -1
- package/splitter/splitter.min.js +1 -1
- package/stepper/stepper.cjs.js +14 -4
- package/stepper/stepper.cjs.min.js +1 -1
- package/stepper/stepper.d.ts +13 -1
- package/stepper/stepper.esm.js +14 -4
- package/stepper/stepper.esm.min.js +1 -1
- package/stepper/stepper.js +14 -4
- package/stepper/stepper.min.js +1 -1
- package/stepperpanel/stepperpanel.cjs.js +4 -2
- package/stepperpanel/stepperpanel.cjs.min.js +1 -1
- package/stepperpanel/stepperpanel.d.ts +2 -2
- package/stepperpanel/stepperpanel.esm.js +4 -2
- package/stepperpanel/stepperpanel.esm.min.js +1 -1
- package/stepperpanel/stepperpanel.js +4 -2
- package/stepperpanel/stepperpanel.min.js +1 -1
- package/steps/steps.cjs.js +2 -2
- package/steps/steps.cjs.min.js +1 -1
- package/steps/steps.esm.js +2 -2
- package/steps/steps.esm.min.js +1 -1
- package/steps/steps.js +2 -2
- package/steps/steps.min.js +1 -1
- package/tabmenu/tabmenu.cjs.js +2 -5
- package/tabmenu/tabmenu.cjs.min.js +1 -1
- package/tabmenu/tabmenu.esm.js +2 -5
- package/tabmenu/tabmenu.esm.min.js +1 -1
- package/tabmenu/tabmenu.js +2 -5
- package/tabmenu/tabmenu.min.js +1 -1
- package/tabview/tabview.cjs.js +3 -3
- package/tabview/tabview.cjs.min.js +1 -1
- package/tabview/tabview.d.ts +4 -0
- package/tabview/tabview.esm.js +3 -3
- package/tabview/tabview.esm.min.js +1 -1
- package/tabview/tabview.js +3 -3
- package/tabview/tabview.min.js +1 -1
- package/tieredmenu/tieredmenu.cjs.js +2 -2
- package/tieredmenu/tieredmenu.cjs.min.js +1 -1
- package/tieredmenu/tieredmenu.esm.js +2 -2
- package/tieredmenu/tieredmenu.esm.min.js +1 -1
- package/tieredmenu/tieredmenu.js +2 -2
- package/tieredmenu/tieredmenu.min.js +1 -1
- package/toast/toast.cjs.js +7 -1
- package/toast/toast.cjs.min.js +1 -1
- package/toast/toast.esm.js +7 -1
- package/toast/toast.esm.min.js +1 -1
- package/toast/toast.js +7 -1
- package/toast/toast.min.js +1 -1
- package/togglebutton/togglebutton.cjs.js +3 -3
- package/togglebutton/togglebutton.cjs.min.js +1 -1
- package/togglebutton/togglebutton.esm.js +3 -3
- package/togglebutton/togglebutton.esm.min.js +1 -1
- package/togglebutton/togglebutton.js +3 -3
- package/togglebutton/togglebutton.min.js +1 -1
- package/toolbar/toolbar.cjs.js +2 -5
- package/toolbar/toolbar.cjs.min.js +1 -1
- package/toolbar/toolbar.esm.js +3 -6
- package/toolbar/toolbar.esm.min.js +1 -1
- package/toolbar/toolbar.js +2 -5
- package/toolbar/toolbar.min.js +1 -1
- package/tree/tree.cjs.js +12 -5
- package/tree/tree.cjs.min.js +1 -1
- package/tree/tree.esm.js +12 -5
- package/tree/tree.esm.min.js +1 -1
- package/tree/tree.js +12 -5
- package/tree/tree.min.js +1 -1
- package/treeselect/treeselect.cjs.js +19 -5
- package/treeselect/treeselect.cjs.min.js +1 -1
- package/treeselect/treeselect.d.ts +5 -0
- package/treeselect/treeselect.esm.js +19 -5
- package/treeselect/treeselect.esm.min.js +1 -1
- package/treeselect/treeselect.js +19 -5
- package/treeselect/treeselect.min.js +1 -1
- package/treetable/treetable.cjs.js +14 -3
- package/treetable/treetable.cjs.min.js +1 -1
- package/treetable/treetable.esm.js +14 -3
- package/treetable/treetable.esm.min.js +1 -1
- package/treetable/treetable.js +14 -3
- package/treetable/treetable.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.cjs.js +8 -4
- package/tristatecheckbox/tristatecheckbox.cjs.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.d.ts +5 -0
- package/tristatecheckbox/tristatecheckbox.esm.js +8 -4
- package/tristatecheckbox/tristatecheckbox.esm.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.js +8 -4
- package/tristatecheckbox/tristatecheckbox.min.js +1 -1
- package/virtualscroller/virtualscroller.d.ts +3 -3
- package/web-types.json +362 -15
|
@@ -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/hooks"),a=require("primereact/utils"),l=require("primereact/button"),o=require("primereact/icons/plus"),i=require("primereact/icons/times"),s=require("primereact/icons/upload"),c=require("primereact/messages"),u=require("primereact/progressbar"),p=require("primereact/ripple");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 f=d(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 b(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 y(e){var t=b(e,"string");return"symbol"===m(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 w(){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 N(e){return O(e)||E(e)||S(e)||w()}function j(e){throw new TypeError('"'+e+'" is read-only')}function P(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,l,o,i=[],s=!0,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=l.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&&(o=n.return(),Object(o)!==o))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 P(e)||I(e,t)||S(e,t)||B()}var x=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 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=f.memo(f.forwardRef((function(e,l){var o=r.useMergeProps(),i=f.useContext(t.PrimeReactContext),s=x.getProps(e,i),c=x.setMetaData(T({props:s},s.__parentMetadata)),u=c.ptm,p=c.cx;n.useHandleStyle(x.css.styles,c.isUnstyled,{name:"badge"});var d=f.useRef(null);f.useImperativeHandle(l,(function(){return{props:s,getElement:function(){return d.current}}}));var m=o({ref:d,style:s.style,className:a.classNames(s.className,p("root"))},x.getOtherProps(s),u("root"));return f.createElement("span",m,s.value)})));D.displayName="Badge";var F=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 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 M(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?M(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):M(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=L(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 l,o=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){i=!0,l=e},f:function(){try{o||null==n.return||n.return()}finally{if(i)throw l}}}}function L(e,t){if(e){if("string"==typeof e)return R(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)?R(e,t):void 0}}function R(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=f.memo(f.forwardRef((function(e,d){var m=r.useMergeProps(),b=f.useContext(t.PrimeReactContext),y=F.getProps(e,b),g=U(f.useState([]),2),h=g[0],O=g[1],E=U(f.useState([]),2),S=E[0],w=E[1],P=U(f.useState(0),2),I=P[0],B=P[1],x=U(f.useState(!1),2),C=x[0],T=x[1],M=U(f.useState(!1),2),L=M[0],R=M[1],k={props:y,state:{progress:I,uploading:L,uploadedFiles:h,files:S,focused:C}},A=F.setMetaData(k),q=A.ptm,H=A.cx,X=A.isUnstyled;n.useHandleStyle(F.css.styles,X,{name:"fileupload"});var J=f.useRef(null),V=f.useRef(null),K=f.useRef(null),W=f.useRef(0),Y=a.ObjectUtils.isNotEmpty(S),$=a.ObjectUtils.isNotEmpty(h),G=y.disabled||L,Q=y.chooseLabel||y.chooseOptions.label||t.localeOption("choose"),Z=y.uploadLabel||y.uploadOptions.label||t.localeOption("upload"),ee=y.cancelLabel||y.cancelOptions.label||t.localeOption("cancel"),te=G||y.fileLimit&&y.fileLimit<=S.length+W,ne=G||!Y,re=G||!Y,ae=function(e){return/^image\//.test(e.type)},le=function(e,t){ie();var n=N(S),r=S[t];n.splice(t,1),w(n),y.onRemove&&y.onRemove({originalEvent:e,file:r})},oe=function(e,t){ie();var n=N(h),r=S[t];n.splice(t,1),O(n),y.onRemove&&y.onRemove({originalEvent:e,file:r})},ie=function(){J.current&&(J.current.value="")},se=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])},ce=function(e){if(!y.onBeforeSelect||!1!==y.onBeforeSelect({originalEvent:e,files:S})){var t=[];y.multiple&&(t=S?N(S):[]);for(var n=e.dataTransfer?e.dataTransfer.files:e.target.files,r=0;r<n.length;r++){var l=n[r];!ue(l)&&pe(l)&&(l.objectURL=window.URL.createObjectURL(l),t.push(l))}w(t),a.ObjectUtils.isNotEmpty(t)&&y.auto&&de(t),y.onSelect&&y.onSelect({originalEvent:e,files:t}),ie(),"basic"===y.mode&&t.length>0&&(J.current.style.display="none")}},ue=function(e){return S.some((function(t){return t.name+t.type+t.size===e.name+e.type+e.size}))},pe=function(e){if(y.maxFileSize&&e.size>y.maxFileSize){var t={severity:"error",summary:y.invalidFileSizeMessageSummary.replace("{0}",e.name),detail:y.invalidFileSizeMessageDetail.replace("{0}",se(y.maxFileSize)),sticky:!0};return"advanced"===y.mode&&V.current.show(t),y.onValidationFail&&y.onValidationFail(e),!1}return!0},de=function(e){if((e=e||S)&&e.nativeEvent&&(e=S),y.customUpload)y.fileLimit&&j("uploadedFileCount"),y.uploadHandler&&y.uploadHandler({files:e,options:{clear:fe,props:y}});else{R(!0);var t=new XMLHttpRequest,n=new FormData;y.onBeforeUpload&&y.onBeforeUpload({xhr:t,formData:n});var r,a=z(e);try{for(a.s();!(r=a.n()).done;){var l=r.value;n.append(y.name,l,l.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);B(t),y.onProgress&&y.onProgress({originalEvent:e,progress:t})}})),t.onreadystatechange=function(){4===t.readyState&&(B(0),R(!1),t.status>=200&&t.status<300?(y.fileLimit&&j("uploadedFileCount"),y.onUpload&&y.onUpload({xhr:t,files:e})):y.onError&&y.onError({xhr:t,files:e}),fe(),O((function(t){return[].concat(N(t),N(e))})))},t.open("POST",y.url,!0),y.onBeforeSend&&y.onBeforeSend({xhr:t,formData:n}),t.withCredentials=y.withCredentials,t.send(n)}},fe=function(){w([]),O([]),R(!1),y.onClear&&y.onClear(),ie()},me=function(){J.current.click()},be=function(){T(!0)},ye=function(){T(!1)},ge=function(e){"Enter"!==e.code&&"NumpadEnter"!==e.code||me()},ve=function(e){if(!y.disabled&&(!X()&&a.DomHandler.removeClass(K.current,"p-fileupload-highlight"),K.current.setAttribute("data-p-highlight",!1),e.stopPropagation(),e.preventDefault(),!y.onBeforeDrop||!1!==y.onBeforeDrop(e))){var t=e.dataTransfer?e.dataTransfer.files:e.target.files;(y.multiple||a.ObjectUtils.isEmpty(S)&&t&&1===t.length)&&ce(e)}},he=function(){!G&&Y?de():J.current.click()};f.useImperativeHandle(d,(function(){return{props:y,upload:de,clear:fe,formatSize:se,onFileSelect:ce,getInput:function(){return J.current},getContent:function(){return K.current},getFiles:function(){return S},setFiles:function(e){return w(e||[])},getUploadedFiles:function(){return h},setUploadedFiles:function(e){return O(e||[])}}}));var Oe,Ee,Se,we,Ne,je,Pe,Ie,Be,Ue,xe=function(e,t,n){"warning"===t.severity?le(e,n):oe(e,n)},Ce=function(e,t,n){var r=e.name+e.type+e.size,o=m({role:"presentation",className:H("thumbnail"),src:e.objectURL,width:y.previewWidth},q("thumbnail")),s=ae(e)?f.createElement("img",v({},o,{alt:e.name})):null,c=m(q("details")),u=m(q("fileSize")),p=m({className:H("fileName")},q("fileName")),d=m(q("actions")),b=f.createElement("div",p,e.name),g=f.createElement("div",u,se(e.size)),h=f.createElement("div",c,f.createElement("div",p," ",e.name),f.createElement("span",u,se(e.size)),f.createElement(D,{className:"p-fileupload-file-badge",value:n.value,severity:n.severity,pt:q("badge"),__parentMetadata:{parent:k}})),O=f.createElement("div",d,f.createElement(l.Button,{type:"button",icon:y.removeIcon||f.createElement(i.TimesIcon,null),text:!0,rounded:!0,severity:"danger",onClick:function(e){return xe(e,n,t)},disabled:G,pt:q("removeButton"),__parentMetadata:{parent:k}})),E=f.createElement(f.Fragment,null,s,h,O);if(y.itemTemplate){var S={onRemove:function(e){return le(e,t)},previewElement:s,fileNameElement:b,sizeElement:g,removeElement:O,formatSize:se(e.size),element:E,index:t,props:y};E=a.ObjectUtils.getJSXElement(y.itemTemplate,e,S)}var w=m({key:r,className:H("file")},q("file"));return f.createElement("div",w,E)},Te=function(){var e={severity:"success",value:t.localeOption("completed")||"Completed"},n=h&&h.map((function(t,n){return Ce(t,n,e)}));return f.createElement("div",null,n)};return"advanced"===y.mode?function(){var e,n,r,d,b,g,h,O,E,w,N,j,P,B,U,x,T,D,M,z=(n=(e=y.chooseOptions).className,r=e.style,d=e.icon,b=e.iconOnly,g=m({className:H("chooseButtonLabel")},q("chooseButtonLabel")),h=b?f.createElement("span",v({},g,{dangerouslySetInnerHTML:{__html:" "}})):f.createElement("span",g,Q),O=m({ref:J,type:"file",onChange:function(e){return ce(e)},multiple:y.multiple,accept:y.accept,disabled:te},q("input")),E=f.createElement("input",O),w=m({className:H("chooseIcon",{iconOnly:b}),"aria-hidden":"true"},q("chooseIcon")),N=a.IconUtils.getJSXIcon(d||f.createElement(o.PlusIcon,w),_({},w),{props:y}),j=m({className:a.classNames(n,H("chooseButton",{iconOnly:b,disabled:G,className:n,focusedState:C})),style:r,onClick:me,onKeyDown:function(e){return ge(e)},onFocus:be,onBlur:ye,tabIndex:0,"data-p-disabled":G,"data-p-focus":C},q("chooseButton")),f.createElement("span",j,E,N,h,f.createElement(p.Ripple,null))),L=!y.emptyTemplate||Y||$?null:a.ObjectUtils.getJSXElement(y.emptyTemplate,y);if(!y.auto){var R=y.uploadOptions,A=y.cancelOptions,W=R.iconOnly?"":Z,ae=A.iconOnly?"":ee,le=m({className:H("uploadIcon",{iconOnly:R.iconOnly}),"aria-hidden":"true"},q("uploadIcon")),oe=a.IconUtils.getJSXIcon(R.icon||f.createElement(s.UploadIcon,le),_({},le),{props:y}),ie=m({className:H("cancelIcon",{iconOnly:A.iconOnly}),"aria-hidden":"true"},q("cancelIcon")),se=a.IconUtils.getJSXIcon(A.icon||f.createElement(i.TimesIcon,ie),_({},ie),{props:y});P=f.createElement(l.Button,{type:"button",label:W,"aria-hidden":"true",icon:oe,onClick:de,disabled:ne,style:R.style,className:R.className,pt:q("uploadButton"),__parentMetadata:{parent:k}}),B=f.createElement(l.Button,{type:"button",label:ae,"aria-hidden":"true",icon:se,onClick:fe,disabled:re,style:A.style,className:A.className,pt:q("cancelButton"),__parentMetadata:{parent:k}})}Y&&(D={severity:"warning",value:t.localeOption("pending")||"Pending"},M=S.map((function(e,t){return Ce(e,t,D)})),U=f.createElement("div",null,M),T=y.progressBarTemplate?a.ObjectUtils.getJSXElement(y.progressBarTemplate,{progress:I,props:y}):f.createElement(u.ProgressBar,{value:I,showValue:!1,pt:q("progressbar"),__parentMetadata:{parent:k}})),$&&(x=Te());var ue=m({className:a.classNames(y.headerClassName,H("buttonbar")),style:y.headerStyle},q("buttonbar")),pe=f.createElement("div",ue,z,P,B);if(y.headerTemplate){var he={className:a.classNames("p-fileupload-buttonbar",y.headerClassName),chooseButton:z,uploadButton:P,cancelButton:B,element:pe,props:y};pe=a.ObjectUtils.getJSXElement(y.headerTemplate,he)}var Oe=m({id:y.id,className:H("root"),style:y.style},F.getOtherProps(y),q("root")),Ee=m({ref:K,className:a.classNames(y.contentClassName,H("content")),style:y.contentStyle,onDragEnter:function(e){return t=e,void(G||(t.dataTransfer.dropEffect="copy",t.stopPropagation(),t.preventDefault()));var t},onDragOver:function(e){return t=e,void(G||(t.dataTransfer.dropEffect="copy",!X()&&a.DomHandler.addClass(K.current,"p-fileupload-highlight"),K.current.setAttribute("data-p-highlight",!0),t.stopPropagation(),t.preventDefault()));var t},onDragLeave:function(e){G||(e.dataTransfer.dropEffect="copy",!X()&&a.DomHandler.removeClass(K.current,"p-fileupload-highlight"),K.current.setAttribute("data-p-highlight",!1))},onDrop:function(e){return ve(e)},"data-p-highlight":!1},q("content"));return f.createElement("div",Oe,pe,f.createElement("div",Ee,T,f.createElement(c.Messages,{ref:V,__parentMetadata:{parent:k}}),Y?U:null,$?x:null,L))}():"basic"===y.mode?(Oe=y.chooseOptions,Ee=m({className:H("label")},q("label")),Se=Oe.iconOnly?f.createElement("span",v({},Ee,{dangerouslySetInnerHTML:{__html:" "}})):f.createElement("span",Ee,Q),we=y.auto?Se:f.createElement("span",Ee,Y?S[0].name:Se),Ne=m({className:H("chooseIcon",{iconOnly:Oe.iconOnly})},q("chooseIcon")),je=a.IconUtils.getJSXIcon(Oe.icon?Oe.icon:Oe.icon||Y&&!y.auto?!Oe.icon&&Y&&!y.auto&&f.createElement(s.UploadIcon,Ne):f.createElement(o.PlusIcon,Ne),_({},Ne),{props:y,hasFiles:Y}),Pe=m({ref:J,type:"file",onChange:function(e){return ce(e)},multiple:y.multiple,accept:y.accept,disabled:G},q("input")),Ie=!Y&&f.createElement("input",Pe),Be=m({className:a.classNames(y.className,H("root")),style:y.style},F.getOtherProps(y),q("root")),Ue=m({className:a.classNames(Oe.className,H("basicButton",{hasFiles:Y,disabled:G,focusedState:C})),style:Oe.style,tabIndex:0,onClick:he,onKeyDown:function(e){return ge(e)},onFocus:be,onBlur:ye},F.getOtherProps(y),q("basicButton")),f.createElement("div",Be,f.createElement(c.Messages,{ref:V,pt:q("message"),__parentMetadata:{parent:k}}),f.createElement("span",Ue,je,we,Ie,f.createElement(p.Ripple,null)))):void 0})));k.displayName="FileUpload",exports.FileUpload=k;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/hooks"),a=require("primereact/utils"),l=require("primereact/button"),o=require("primereact/icons/plus"),i=require("primereact/icons/times"),s=require("primereact/icons/upload"),c=require("primereact/messages"),u=require("primereact/progressbar"),p=require("primereact/ripple");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 f=d(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 b(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 y(e){var t=b(e,"string");return"symbol"===m(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 N(){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)||N()}function j(e){throw new TypeError('"'+e+'" is read-only')}function P(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,l,o,i=[],s=!0,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=l.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&&(o=n.return(),Object(o)!==o))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 P(e)||I(e,t)||S(e,t)||B()}var x=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 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=f.memo(f.forwardRef((function(e,l){var o=r.useMergeProps(),i=f.useContext(t.PrimeReactContext),s=x.getProps(e,i),c=x.setMetaData(T({props:s},s.__parentMetadata)),u=c.ptm,p=c.cx;n.useHandleStyle(x.css.styles,c.isUnstyled,{name:"badge"});var d=f.useRef(null);f.useImperativeHandle(l,(function(){return{props:s,getElement:function(){return d.current}}}));var m=o({ref:d,style:s.style,className:a.classNames(s.className,p("root"))},x.getOtherProps(s),u("root"));return f.createElement("span",m,s.value)})));D.displayName="Badge";var F=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 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 M(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?M(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):M(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=L(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 l,o=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){i=!0,l=e},f:function(){try{o||null==n.return||n.return()}finally{if(i)throw l}}}}function L(e,t){if(e){if("string"==typeof e)return R(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)?R(e,t):void 0}}function R(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=f.memo(f.forwardRef((function(e,d){var m=r.useMergeProps(),b=f.useContext(t.PrimeReactContext),y=F.getProps(e,b),g=U(f.useState([]),2),h=g[0],O=g[1],E=U(f.useState([]),2),S=E[0],N=E[1],P=U(f.useState(0),2),I=P[0],B=P[1],x=U(f.useState(!1),2),C=x[0],T=x[1],M=U(f.useState(!1),2),L=M[0],R=M[1],k={props:y,state:{progress:I,uploading:L,uploadedFiles:h,files:S,focused:C}},A=F.setMetaData(k),q=A.ptm,H=A.cx,X=A.isUnstyled;n.useHandleStyle(F.css.styles,X,{name:"fileupload"});var J=f.useRef(null),V=f.useRef(null),K=f.useRef(null),W=f.useRef(0),Y=a.ObjectUtils.isNotEmpty(S),$=a.ObjectUtils.isNotEmpty(h),G=y.disabled||L,Q=y.chooseLabel||y.chooseOptions.label||t.localeOption("choose"),Z=y.uploadLabel||y.uploadOptions.label||t.localeOption("upload"),ee=y.cancelLabel||y.cancelOptions.label||t.localeOption("cancel"),te=G||y.fileLimit&&y.fileLimit<=S.length+W,ne=G||!Y,re=G||!Y,ae=function(e){return/^image\//.test(e.type)},le=function(e,t){ie();var n=w(S),r=S[t];n.splice(t,1),N(n),y.onRemove&&y.onRemove({originalEvent:e,file:r})},oe=function(e,t){ie();var n=w(h),r=S[t];n.splice(t,1),O(n),y.onRemove&&y.onRemove({originalEvent:e,file:r})},ie=function(){J.current&&(J.current.value="")},se=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])},ce=function(e){if(!y.onBeforeSelect||!1!==y.onBeforeSelect({originalEvent:e,files:S})){var t=[];y.multiple&&(t=S?w(S):[]);for(var n=e.dataTransfer?e.dataTransfer.files:e.target.files,r=0;r<n.length;r++){var l=n[r];!ue(l)&&pe(l)&&(l.objectURL=window.URL.createObjectURL(l),t.push(l))}N(t),a.ObjectUtils.isNotEmpty(t)&&y.auto&&de(t),y.onSelect&&y.onSelect({originalEvent:e,files:t}),ie(),"basic"===y.mode&&t.length>0&&(J.current.style.display="none")}},ue=function(e){return S.some((function(t){return t.name+t.type+t.size===e.name+e.type+e.size}))},pe=function(e){if(y.maxFileSize&&e.size>y.maxFileSize){var t={severity:"error",summary:y.invalidFileSizeMessageSummary.replace("{0}",e.name),detail:y.invalidFileSizeMessageDetail.replace("{0}",se(y.maxFileSize)),sticky:!0};return"advanced"===y.mode&&V.current.show(t),y.onValidationFail&&y.onValidationFail(e),!1}return!0},de=function(e){if((e=e||S)&&e.nativeEvent&&(e=S),y.customUpload)y.fileLimit&&j("uploadedFileCount"),y.uploadHandler&&y.uploadHandler({files:e,options:{clear:fe,props:y}});else{R(!0);var t=new XMLHttpRequest,n=new FormData;y.onBeforeUpload&&y.onBeforeUpload({xhr:t,formData:n});var r,a=z(e);try{for(a.s();!(r=a.n()).done;){var l=r.value;n.append(y.name,l,l.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);B(t),y.onProgress&&y.onProgress({originalEvent:e,progress:t})}})),t.onreadystatechange=function(){4===t.readyState&&(B(0),R(!1),t.status>=200&&t.status<300?(y.fileLimit&&j("uploadedFileCount"),y.onUpload&&y.onUpload({xhr:t,files:e})):y.onError&&y.onError({xhr:t,files:e}),fe(),O((function(t){return[].concat(w(t),w(e))})))},t.open("POST",y.url,!0),y.onBeforeSend&&y.onBeforeSend({xhr:t,formData:n}),t.withCredentials=y.withCredentials,t.send(n)}},fe=function(){N([]),O([]),R(!1),y.onClear&&y.onClear(),ie()},me=function(){J.current.click()},be=function(){T(!0)},ye=function(){T(!1)},ge=function(e){"Enter"!==e.code&&"NumpadEnter"!==e.code||me()},ve=function(e){if(!y.disabled&&(!X()&&a.DomHandler.removeClass(K.current,"p-fileupload-highlight"),K.current.setAttribute("data-p-highlight",!1),e.stopPropagation(),e.preventDefault(),!y.onBeforeDrop||!1!==y.onBeforeDrop(e))){var t=e.dataTransfer?e.dataTransfer.files:e.target.files;(y.multiple||a.ObjectUtils.isEmpty(S)&&t&&1===t.length)&&ce(e)}},he=function(){!G&&Y?de():J.current.click()};f.useImperativeHandle(d,(function(){return{props:y,upload:de,clear:fe,formatSize:se,onFileSelect:ce,getInput:function(){return J.current},getContent:function(){return K.current},getFiles:function(){return S},setFiles:function(e){return N(e||[])},getUploadedFiles:function(){return h},setUploadedFiles:function(e){return O(e||[])}}}));var Oe,Ee,Se,Ne,we,je,Pe,Ie,Be,Ue,xe=function(e,t,n){"warning"===t.severity?le(e,n):oe(e,n)},Ce=function(e,t,n){var r=e.name+e.type+e.size,o=m({role:"presentation",className:H("thumbnail"),src:e.objectURL,width:y.previewWidth},q("thumbnail")),s=ae(e)?f.createElement("img",v({},o,{alt:e.name})):null,c=m(q("details")),u=m(q("fileSize")),p=m({className:H("fileName")},q("fileName")),d=m(q("actions")),b=f.createElement("div",p,e.name),g=f.createElement("div",u,se(e.size)),h=f.createElement("div",c,f.createElement("div",p," ",e.name),f.createElement("span",u,se(e.size)),f.createElement(D,{className:"p-fileupload-file-badge",value:n.value,severity:n.severity,pt:q("badge"),__parentMetadata:{parent:k}})),O=f.createElement("div",d,f.createElement(l.Button,{type:"button",icon:y.removeIcon||f.createElement(i.TimesIcon,null),text:!0,rounded:!0,severity:"danger",onClick:function(e){return xe(e,n,t)},disabled:G,pt:q("removeButton"),__parentMetadata:{parent:k},unstyled:X()})),E=f.createElement(f.Fragment,null,s,h,O);if(y.itemTemplate){var S={onRemove:function(e){return le(e,t)},previewElement:s,fileNameElement:b,sizeElement:g,removeElement:O,formatSize:se(e.size),element:E,index:t,props:y};E=a.ObjectUtils.getJSXElement(y.itemTemplate,e,S)}var N=m({key:r,className:H("file")},q("file"));return f.createElement("div",N,E)},Te=function(){var e={severity:"success",value:t.localeOption("completed")||"Completed"},n=h&&h.map((function(t,n){return Ce(t,n,e)}));return f.createElement("div",null,n)};return"advanced"===y.mode?function(){var e,n,r,d,b,g,h,O,E,N,w,j,P,B,U,x,T,D,M,z=(n=(e=y.chooseOptions).className,r=e.style,d=e.icon,b=e.iconOnly,g=m({className:H("chooseButtonLabel")},q("chooseButtonLabel")),h=b?f.createElement("span",v({},g,{dangerouslySetInnerHTML:{__html:" "}})):f.createElement("span",g,Q),O=m({ref:J,type:"file",onChange:function(e){return ce(e)},multiple:y.multiple,accept:y.accept,disabled:te},q("input")),E=f.createElement("input",O),N=m({className:H("chooseIcon",{iconOnly:b}),"aria-hidden":"true"},q("chooseIcon")),w=a.IconUtils.getJSXIcon(d||f.createElement(o.PlusIcon,N),_({},N),{props:y}),j=m({className:a.classNames(n,H("chooseButton",{iconOnly:b,disabled:G,className:n,focusedState:C})),style:r,onClick:me,onKeyDown:function(e){return ge(e)},onFocus:be,onBlur:ye,tabIndex:0,"data-p-disabled":G,"data-p-focus":C},q("chooseButton")),f.createElement("span",j,E,w,h,f.createElement(p.Ripple,null))),L=!y.emptyTemplate||Y||$?null:a.ObjectUtils.getJSXElement(y.emptyTemplate,y);if(!y.auto){var R=y.uploadOptions,A=y.cancelOptions,W=R.iconOnly?"":Z,ae=A.iconOnly?"":ee,le=m({className:H("uploadIcon",{iconOnly:R.iconOnly}),"aria-hidden":"true"},q("uploadIcon")),oe=a.IconUtils.getJSXIcon(R.icon||f.createElement(s.UploadIcon,le),_({},le),{props:y}),ie=m({className:H("cancelIcon",{iconOnly:A.iconOnly}),"aria-hidden":"true"},q("cancelIcon")),se=a.IconUtils.getJSXIcon(A.icon||f.createElement(i.TimesIcon,ie),_({},ie),{props:y});P=f.createElement(l.Button,{type:"button",label:W,"aria-hidden":"true",icon:oe,onClick:de,disabled:ne,style:R.style,className:R.className,pt:q("uploadButton"),__parentMetadata:{parent:k},unstyled:X()}),B=f.createElement(l.Button,{type:"button",label:ae,"aria-hidden":"true",icon:se,onClick:fe,disabled:re,style:A.style,className:A.className,pt:q("cancelButton"),__parentMetadata:{parent:k},unstyled:X()})}Y&&(D={severity:"warning",value:t.localeOption("pending")||"Pending"},M=S.map((function(e,t){return Ce(e,t,D)})),U=f.createElement("div",null,M),T=y.progressBarTemplate?a.ObjectUtils.getJSXElement(y.progressBarTemplate,{progress:I,props:y}):f.createElement(u.ProgressBar,{value:I,showValue:!1,pt:q("progressbar"),__parentMetadata:{parent:k}})),$&&(x=Te());var ue=m({className:a.classNames(y.headerClassName,H("buttonbar")),style:y.headerStyle},q("buttonbar")),pe=f.createElement("div",ue,z,P,B);if(y.headerTemplate){var he={className:a.classNames("p-fileupload-buttonbar",y.headerClassName),chooseButton:z,uploadButton:P,cancelButton:B,element:pe,props:y};pe=a.ObjectUtils.getJSXElement(y.headerTemplate,he)}var Oe=m({id:y.id,className:a.classNames(y.className,H("root")),style:y.style},F.getOtherProps(y),q("root")),Ee=m({ref:K,className:a.classNames(y.contentClassName,H("content")),style:y.contentStyle,onDragEnter:function(e){return t=e,void(G||(t.dataTransfer.dropEffect="copy",t.stopPropagation(),t.preventDefault()));var t},onDragOver:function(e){return t=e,void(G||(t.dataTransfer.dropEffect="copy",!X()&&a.DomHandler.addClass(K.current,"p-fileupload-highlight"),K.current.setAttribute("data-p-highlight",!0),t.stopPropagation(),t.preventDefault()));var t},onDragLeave:function(e){G||(e.dataTransfer.dropEffect="copy",!X()&&a.DomHandler.removeClass(K.current,"p-fileupload-highlight"),K.current.setAttribute("data-p-highlight",!1))},onDrop:function(e){return ve(e)},"data-p-highlight":!1},q("content"));return f.createElement("div",Oe,pe,f.createElement("div",Ee,T,f.createElement(c.Messages,{ref:V,__parentMetadata:{parent:k}}),Y?U:null,$?x:null,L))}():"basic"===y.mode?(Oe=y.chooseOptions,Ee=m({className:H("label")},q("label")),Se=Oe.iconOnly?f.createElement("span",v({},Ee,{dangerouslySetInnerHTML:{__html:" "}})):f.createElement("span",Ee,Q),Ne=y.auto?Se:f.createElement("span",Ee,Y?S[0].name:Se),we=m({className:H("chooseIcon",{iconOnly:Oe.iconOnly})},q("chooseIcon")),je=a.IconUtils.getJSXIcon(Oe.icon?Oe.icon:Oe.icon||Y&&!y.auto?!Oe.icon&&Y&&!y.auto&&f.createElement(s.UploadIcon,we):f.createElement(o.PlusIcon,we),_({},we),{props:y,hasFiles:Y}),Pe=m({ref:J,type:"file",onChange:function(e){return ce(e)},multiple:y.multiple,accept:y.accept,disabled:G},q("input")),Ie=!Y&&f.createElement("input",Pe),Be=m({className:a.classNames(y.className,H("root")),style:y.style},F.getOtherProps(y),q("root")),Ue=m({className:a.classNames(Oe.className,H("basicButton",{hasFiles:Y,disabled:G,focusedState:C})),style:Oe.style,tabIndex:0,onClick:he,onKeyDown:function(e){return ge(e)},onFocus:be,onBlur:ye},F.getOtherProps(y),q("basicButton")),f.createElement("div",Be,f.createElement(c.Messages,{ref:V,pt:q("message"),__parentMetadata:{parent:k}}),f.createElement("span",Ue,je,Ne,Ie,f.createElement(p.Ripple,null)))):void 0})));k.displayName="FileUpload",exports.FileUpload=k;
|
|
@@ -65,6 +65,10 @@ export interface FileUploadPassThroughOptions {
|
|
|
65
65
|
* @see {@link ButtonPassThroughOptions}
|
|
66
66
|
*/
|
|
67
67
|
cancelButton?: ButtonPassThroughOptions;
|
|
68
|
+
/**
|
|
69
|
+
* Uses to pass attributes to the cancel icon's DOM element.
|
|
70
|
+
*/
|
|
71
|
+
cancelIcon?: FileUploadPassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLSpanElement>>;
|
|
68
72
|
/**
|
|
69
73
|
* Uses to pass attributes to the content's DOM element.
|
|
70
74
|
*/
|
|
@@ -775,7 +775,8 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
775
775
|
pt: ptm('removeButton'),
|
|
776
776
|
__parentMetadata: {
|
|
777
777
|
parent: metaData
|
|
778
|
-
}
|
|
778
|
+
},
|
|
779
|
+
unstyled: isUnstyled()
|
|
779
780
|
}));
|
|
780
781
|
var content = /*#__PURE__*/React.createElement(React.Fragment, null, preview, contentBody, removeButton);
|
|
781
782
|
if (props.itemTemplate) {
|
|
@@ -883,7 +884,8 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
883
884
|
pt: ptm('uploadButton'),
|
|
884
885
|
__parentMetadata: {
|
|
885
886
|
parent: metaData
|
|
886
|
-
}
|
|
887
|
+
},
|
|
888
|
+
unstyled: isUnstyled()
|
|
887
889
|
});
|
|
888
890
|
cancelButton = /*#__PURE__*/React.createElement(Button, {
|
|
889
891
|
type: "button",
|
|
@@ -897,7 +899,8 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
897
899
|
pt: ptm('cancelButton'),
|
|
898
900
|
__parentMetadata: {
|
|
899
901
|
parent: metaData
|
|
900
|
-
}
|
|
902
|
+
},
|
|
903
|
+
unstyled: isUnstyled()
|
|
901
904
|
});
|
|
902
905
|
}
|
|
903
906
|
if (hasFiles) {
|
|
@@ -925,7 +928,7 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
925
928
|
}
|
|
926
929
|
var rootProps = mergeProps({
|
|
927
930
|
id: props.id,
|
|
928
|
-
className: cx('root'),
|
|
931
|
+
className: classNames(props.className, cx('root')),
|
|
929
932
|
style: props.style
|
|
930
933
|
}, FileUploadBase.getOtherProps(props), ptm('root'));
|
|
931
934
|
var contentProps = mergeProps({
|
|
@@ -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{useMergeProps as a}from"primereact/hooks";import{classNames as l,ObjectUtils 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 l("p-badge p-component",E({"p-badge-no-gutter":i.isNotEmpty(t.value)&&1===String(t.value).length,"p-badge-dot":i.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 i=a(),c=e.useContext(t),u=D.getProps(n,c),s=D.setMetaData(z({props:u},u.__parentMetadata)),p=s.ptm,d=s.cx;o(D.css.styles,s.isUnstyled,{name:"badge"});var f=e.useRef(null);e.useImperativeHandle(r,(function(){return{props:u,getElement:function(){return f.current}}}));var m=i({ref:f,style:u.style,className:l(u.className,d("root"))},D.getOtherProps(u),p("root"));return e.createElement("span",m,u.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 l("p-fileupload p-fileupload-".concat(e.props.mode," p-component"))},buttonbar:"p-fileupload-buttonbar",content:"p-fileupload-content",chooseButton:function(e){return l("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 l("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 l("basic"===e.props.mode?"p-button-icon":"p-button-icon p-clickable",{"p-button-icon-left":!t})},uploadIcon:function(e){return l("p-button-icon p-c",{"p-button-icon-left":!e.iconOnly})},cancelIcon:function(e){return l("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=a(),h=e.useContext(t),E=L.getProps(r,h),S=T(e.useState([]),2),w=S[0],N=S[1],j=T(e.useState([]),2),P=j[0],I=j[1],C=T(e.useState(0),2),F=C[0],D=C[1],_=T(e.useState(!1),2),z=_[0],U=_[1],R=T(e.useState(!1),2),X=R[0],H=R[1],J={props:E,state:{progress:F,uploading:X,uploadedFiles:w,files:P,focused:z}},V=L.setMetaData(J),K=V.ptm,W=V.cx,Y=V.isUnstyled;o(L.css.styles,Y,{name:"fileupload"});var $=e.useRef(null),q=e.useRef(null),G=e.useRef(null),Q=e.useRef(0),Z=i.isNotEmpty(P),ee=i.isNotEmpty(w),te=E.disabled||X,ne=E.chooseLabel||E.chooseOptions.label||n("choose"),re=E.uploadLabel||E.uploadOptions.label||n("upload"),oe=E.cancelLabel||E.cancelOptions.label||n("cancel"),ae=te||E.fileLimit&&E.fileLimit<=P.length+Q,le=te||!Z,ie=te||!Z,ce=function(e){return/^image\//.test(e.type)},ue=function(e,t){pe();var n=B(P),r=P[t];n.splice(t,1),I(n),E.onRemove&&E.onRemove({originalEvent:e,file:r})},se=function(e,t){pe();var n=B(w),r=P[t];n.splice(t,1),N(n),E.onRemove&&E.onRemove({originalEvent:e,file:r})},pe=function(){$.current&&($.current.value="")},de=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])},fe=function(e){if(!E.onBeforeSelect||!1!==E.onBeforeSelect({originalEvent:e,files:P})){var t=[];E.multiple&&(t=P?B(P):[]);for(var n=e.dataTransfer?e.dataTransfer.files:e.target.files,r=0;r<n.length;r++){var o=n[r];!me(o)&&be(o)&&(o.objectURL=window.URL.createObjectURL(o),t.push(o))}I(t),i.isNotEmpty(t)&&E.auto&&ye(t),E.onSelect&&E.onSelect({originalEvent:e,files:t}),pe(),"basic"===E.mode&&t.length>0&&($.current.style.display="none")}},me=function(e){return P.some((function(t){return t.name+t.type+t.size===e.name+e.type+e.size}))},be=function(e){if(E.maxFileSize&&e.size>E.maxFileSize){var t={severity:"error",summary:E.invalidFileSizeMessageSummary.replace("{0}",e.name),detail:E.invalidFileSizeMessageDetail.replace("{0}",de(E.maxFileSize)),sticky:!0};return"advanced"===E.mode&&q.current.show(t),E.onValidationFail&&E.onValidationFail(e),!1}return!0},ye=function(e){if((e=e||P)&&e.nativeEvent&&(e=P),E.customUpload)E.fileLimit&&x("uploadedFileCount"),E.uploadHandler&&E.uploadHandler({files:e,options:{clear:ve,props:E}});else{H(!0);var t=new XMLHttpRequest,n=new FormData;E.onBeforeUpload&&E.onBeforeUpload({xhr:t,formData:n});var r,o=A(e);try{for(o.s();!(r=o.n()).done;){var a=r.value;n.append(E.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);D(t),E.onProgress&&E.onProgress({originalEvent:e,progress:t})}})),t.onreadystatechange=function(){4===t.readyState&&(D(0),H(!1),t.status>=200&&t.status<300?(E.fileLimit&&x("uploadedFileCount"),E.onUpload&&E.onUpload({xhr:t,files:e})):E.onError&&E.onError({xhr:t,files:e}),ve(),N((function(t){return[].concat(B(t),B(e))})))},t.open("POST",E.url,!0),E.onBeforeSend&&E.onBeforeSend({xhr:t,formData:n}),t.withCredentials=E.withCredentials,t.send(n)}},ve=function(){I([]),N([]),H(!1),E.onClear&&E.onClear(),pe()},ge=function(){$.current.click()},he=function(){U(!0)},Ee=function(){U(!1)},Oe=function(e){"Enter"!==e.code&&"NumpadEnter"!==e.code||ge()},Se=function(e){if(!E.disabled&&(!Y()&&u.removeClass(G.current,"p-fileupload-highlight"),G.current.setAttribute("data-p-highlight",!1),e.stopPropagation(),e.preventDefault(),!E.onBeforeDrop||!1!==E.onBeforeDrop(e))){var t=e.dataTransfer?e.dataTransfer.files:e.target.files;(E.multiple||i.isEmpty(P)&&t&&1===t.length)&&fe(e)}},we=function(){!te&&Z?ye():$.current.click()};e.useImperativeHandle(v,(function(){return{props:E,upload:ye,clear:ve,formatSize:de,onFileSelect:fe,getInput:function(){return $.current},getContent:function(){return G.current},getFiles:function(){return P},setFiles:function(e){return I(e||[])},getUploadedFiles:function(){return w},setUploadedFiles:function(e){return N(e||[])}}}));var Ne,je,Pe,Be,xe,Ie,Ce,Fe,Te,De,_e=function(e,t,n){"warning"===t.severity?ue(e,n):se(e,n)},ze=function(t,n,r){var o=t.name+t.type+t.size,a=g({role:"presentation",className:W("thumbnail"),src:t.objectURL,width:E.previewWidth},K("thumbnail")),l=ce(t)?e.createElement("img",O({},a,{alt:t.name})):null,c=g(K("details")),u=g(K("fileSize")),p=g({className:W("fileName")},K("fileName")),f=g(K("actions")),m=e.createElement("div",p,t.name),b=e.createElement("div",u,de(t.size)),y=e.createElement("div",c,e.createElement("div",p," ",t.name),e.createElement("span",u,de(t.size)),e.createElement(M,{className:"p-fileupload-file-badge",value:r.value,severity:r.severity,pt:K("badge"),__parentMetadata:{parent:J}})),v=e.createElement("div",f,e.createElement(s,{type:"button",icon:E.removeIcon||e.createElement(d,null),text:!0,rounded:!0,severity:"danger",onClick:function(e){return _e(e,r,n)},disabled:te,pt:K("removeButton"),__parentMetadata:{parent:J}})),h=e.createElement(e.Fragment,null,l,y,v);if(E.itemTemplate){var S={onRemove:function(e){return ue(e,n)},previewElement:l,fileNameElement:m,sizeElement:b,removeElement:v,formatSize:de(t.size),element:h,index:n,props:E};h=i.getJSXElement(E.itemTemplate,t,S)}var w=g({key:o,className:W("file")},K("file"));return e.createElement("div",w,h)},Me=function(){var t={severity:"success",value:n("completed")||"Completed"},r=w&&w.map((function(e,n){return ze(e,n,t)}));return e.createElement("div",null,r)};return"advanced"===E.mode?function(){var t,r,o,a,v,h,S,w,N,j,B,x,I,C,T,D,_,M,U,A=(r=(t=E.chooseOptions).className,o=t.style,a=t.icon,v=t.iconOnly,h=g({className:W("chooseButtonLabel")},K("chooseButtonLabel")),S=v?e.createElement("span",O({},h,{dangerouslySetInnerHTML:{__html:" "}})):e.createElement("span",h,ne),w=g({ref:$,type:"file",onChange:function(e){return fe(e)},multiple:E.multiple,accept:E.accept,disabled:ae},K("input")),N=e.createElement("input",w),j=g({className:W("chooseIcon",{iconOnly:v}),"aria-hidden":"true"},K("chooseIcon")),B=c.getJSXIcon(a||e.createElement(p,j),k({},j),{props:E}),x=g({className:l(r,W("chooseButton",{iconOnly:v,disabled:te,className:r,focusedState:z})),style:o,onClick:ge,onKeyDown:function(e){return Oe(e)},onFocus:he,onBlur:Ee,tabIndex:0,"data-p-disabled":te,"data-p-focus":z},K("chooseButton")),e.createElement("span",x,N,B,S,e.createElement(y,null))),R=!E.emptyTemplate||Z||ee?null:i.getJSXElement(E.emptyTemplate,E);if(!E.auto){var X=E.uploadOptions,H=E.cancelOptions,V=X.iconOnly?"":re,Q=H.iconOnly?"":oe,ce=g({className:W("uploadIcon",{iconOnly:X.iconOnly}),"aria-hidden":"true"},K("uploadIcon")),ue=c.getJSXIcon(X.icon||e.createElement(f,ce),k({},ce),{props:E}),se=g({className:W("cancelIcon",{iconOnly:H.iconOnly}),"aria-hidden":"true"},K("cancelIcon")),pe=c.getJSXIcon(H.icon||e.createElement(d,se),k({},se),{props:E});I=e.createElement(s,{type:"button",label:V,"aria-hidden":"true",icon:ue,onClick:ye,disabled:le,style:X.style,className:X.className,pt:K("uploadButton"),__parentMetadata:{parent:J}}),C=e.createElement(s,{type:"button",label:Q,"aria-hidden":"true",icon:pe,onClick:ve,disabled:ie,style:H.style,className:H.className,pt:K("cancelButton"),__parentMetadata:{parent:J}})}Z&&(M={severity:"warning",value:n("pending")||"Pending"},U=P.map((function(e,t){return ze(e,t,M)})),T=e.createElement("div",null,U),_=E.progressBarTemplate?i.getJSXElement(E.progressBarTemplate,{progress:F,props:E}):e.createElement(b,{value:F,showValue:!1,pt:K("progressbar"),__parentMetadata:{parent:J}})),ee&&(D=Me());var de=g({className:l(E.headerClassName,W("buttonbar")),style:E.headerStyle},K("buttonbar")),me=e.createElement("div",de,A,I,C);if(E.headerTemplate){var be={className:l("p-fileupload-buttonbar",E.headerClassName),chooseButton:A,uploadButton:I,cancelButton:C,element:me,props:E};me=i.getJSXElement(E.headerTemplate,be)}var we=g({id:E.id,className:W("root"),style:E.style},L.getOtherProps(E),K("root")),Ne=g({ref:G,className:l(E.contentClassName,W("content")),style:E.contentStyle,onDragEnter:function(e){return t=e,void(te||(t.dataTransfer.dropEffect="copy",t.stopPropagation(),t.preventDefault()));var t},onDragOver:function(e){return t=e,void(te||(t.dataTransfer.dropEffect="copy",!Y()&&u.addClass(G.current,"p-fileupload-highlight"),G.current.setAttribute("data-p-highlight",!0),t.stopPropagation(),t.preventDefault()));var t},onDragLeave:function(e){te||(e.dataTransfer.dropEffect="copy",!Y()&&u.removeClass(G.current,"p-fileupload-highlight"),G.current.setAttribute("data-p-highlight",!1))},onDrop:function(e){return Se(e)},"data-p-highlight":!1},K("content"));return e.createElement("div",we,me,e.createElement("div",Ne,_,e.createElement(m,{ref:q,__parentMetadata:{parent:J}}),Z?T:null,ee?D:null,R))}():"basic"===E.mode?(Ne=E.chooseOptions,je=g({className:W("label")},K("label")),Pe=Ne.iconOnly?e.createElement("span",O({},je,{dangerouslySetInnerHTML:{__html:" "}})):e.createElement("span",je,ne),Be=E.auto?Pe:e.createElement("span",je,Z?P[0].name:Pe),xe=g({className:W("chooseIcon",{iconOnly:Ne.iconOnly})},K("chooseIcon")),Ie=c.getJSXIcon(Ne.icon?Ne.icon:Ne.icon||Z&&!E.auto?!Ne.icon&&Z&&!E.auto&&e.createElement(f,xe):e.createElement(p,xe),k({},xe),{props:E,hasFiles:Z}),Ce=g({ref:$,type:"file",onChange:function(e){return fe(e)},multiple:E.multiple,accept:E.accept,disabled:te},K("input")),Fe=!Z&&e.createElement("input",Ce),Te=g({className:l(E.className,W("root")),style:E.style},L.getOtherProps(E),K("root")),De=g({className:l(Ne.className,W("basicButton",{hasFiles:Z,disabled:te,focusedState:z})),style:Ne.style,tabIndex:0,onClick:we,onKeyDown:function(e){return Oe(e)},onFocus:he,onBlur:Ee},L.getOtherProps(E),K("basicButton")),e.createElement("div",Te,e.createElement(m,{ref:q,pt:K("message"),__parentMetadata:{parent:J}}),e.createElement("span",De,Ie,Be,Fe,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{useMergeProps as a}from"primereact/hooks";import{classNames as l,ObjectUtils 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 y}from"primereact/progressbar";import{Ripple as b}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 l("p-badge p-component",E({"p-badge-no-gutter":i.isNotEmpty(t.value)&&1===String(t.value).length,"p-badge-dot":i.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 i=a(),c=e.useContext(t),u=D.getProps(n,c),s=D.setMetaData(z({props:u},u.__parentMetadata)),p=s.ptm,d=s.cx;o(D.css.styles,s.isUnstyled,{name:"badge"});var f=e.useRef(null);e.useImperativeHandle(r,(function(){return{props:u,getElement:function(){return f.current}}}));var m=i({ref:f,style:u.style,className:l(u.className,d("root"))},D.getOtherProps(u),p("root"));return e.createElement("span",m,u.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 l("p-fileupload p-fileupload-".concat(e.props.mode," p-component"))},buttonbar:"p-fileupload-buttonbar",content:"p-fileupload-content",chooseButton:function(e){return l("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 l("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 l("basic"===e.props.mode?"p-button-icon":"p-button-icon p-clickable",{"p-button-icon-left":!t})},uploadIcon:function(e){return l("p-button-icon p-c",{"p-button-icon-left":!e.iconOnly})},cancelIcon:function(e){return l("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=a(),h=e.useContext(t),E=L.getProps(r,h),S=T(e.useState([]),2),w=S[0],N=S[1],j=T(e.useState([]),2),P=j[0],I=j[1],C=T(e.useState(0),2),F=C[0],D=C[1],_=T(e.useState(!1),2),z=_[0],U=_[1],R=T(e.useState(!1),2),X=R[0],H=R[1],J={props:E,state:{progress:F,uploading:X,uploadedFiles:w,files:P,focused:z}},V=L.setMetaData(J),K=V.ptm,W=V.cx,Y=V.isUnstyled;o(L.css.styles,Y,{name:"fileupload"});var $=e.useRef(null),q=e.useRef(null),G=e.useRef(null),Q=e.useRef(0),Z=i.isNotEmpty(P),ee=i.isNotEmpty(w),te=E.disabled||X,ne=E.chooseLabel||E.chooseOptions.label||n("choose"),re=E.uploadLabel||E.uploadOptions.label||n("upload"),oe=E.cancelLabel||E.cancelOptions.label||n("cancel"),ae=te||E.fileLimit&&E.fileLimit<=P.length+Q,le=te||!Z,ie=te||!Z,ce=function(e){return/^image\//.test(e.type)},ue=function(e,t){pe();var n=B(P),r=P[t];n.splice(t,1),I(n),E.onRemove&&E.onRemove({originalEvent:e,file:r})},se=function(e,t){pe();var n=B(w),r=P[t];n.splice(t,1),N(n),E.onRemove&&E.onRemove({originalEvent:e,file:r})},pe=function(){$.current&&($.current.value="")},de=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])},fe=function(e){if(!E.onBeforeSelect||!1!==E.onBeforeSelect({originalEvent:e,files:P})){var t=[];E.multiple&&(t=P?B(P):[]);for(var n=e.dataTransfer?e.dataTransfer.files:e.target.files,r=0;r<n.length;r++){var o=n[r];!me(o)&&ye(o)&&(o.objectURL=window.URL.createObjectURL(o),t.push(o))}I(t),i.isNotEmpty(t)&&E.auto&&be(t),E.onSelect&&E.onSelect({originalEvent:e,files:t}),pe(),"basic"===E.mode&&t.length>0&&($.current.style.display="none")}},me=function(e){return P.some((function(t){return t.name+t.type+t.size===e.name+e.type+e.size}))},ye=function(e){if(E.maxFileSize&&e.size>E.maxFileSize){var t={severity:"error",summary:E.invalidFileSizeMessageSummary.replace("{0}",e.name),detail:E.invalidFileSizeMessageDetail.replace("{0}",de(E.maxFileSize)),sticky:!0};return"advanced"===E.mode&&q.current.show(t),E.onValidationFail&&E.onValidationFail(e),!1}return!0},be=function(e){if((e=e||P)&&e.nativeEvent&&(e=P),E.customUpload)E.fileLimit&&x("uploadedFileCount"),E.uploadHandler&&E.uploadHandler({files:e,options:{clear:ve,props:E}});else{H(!0);var t=new XMLHttpRequest,n=new FormData;E.onBeforeUpload&&E.onBeforeUpload({xhr:t,formData:n});var r,o=A(e);try{for(o.s();!(r=o.n()).done;){var a=r.value;n.append(E.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);D(t),E.onProgress&&E.onProgress({originalEvent:e,progress:t})}})),t.onreadystatechange=function(){4===t.readyState&&(D(0),H(!1),t.status>=200&&t.status<300?(E.fileLimit&&x("uploadedFileCount"),E.onUpload&&E.onUpload({xhr:t,files:e})):E.onError&&E.onError({xhr:t,files:e}),ve(),N((function(t){return[].concat(B(t),B(e))})))},t.open("POST",E.url,!0),E.onBeforeSend&&E.onBeforeSend({xhr:t,formData:n}),t.withCredentials=E.withCredentials,t.send(n)}},ve=function(){I([]),N([]),H(!1),E.onClear&&E.onClear(),pe()},ge=function(){$.current.click()},he=function(){U(!0)},Ee=function(){U(!1)},Oe=function(e){"Enter"!==e.code&&"NumpadEnter"!==e.code||ge()},Se=function(e){if(!E.disabled&&(!Y()&&u.removeClass(G.current,"p-fileupload-highlight"),G.current.setAttribute("data-p-highlight",!1),e.stopPropagation(),e.preventDefault(),!E.onBeforeDrop||!1!==E.onBeforeDrop(e))){var t=e.dataTransfer?e.dataTransfer.files:e.target.files;(E.multiple||i.isEmpty(P)&&t&&1===t.length)&&fe(e)}},we=function(){!te&&Z?be():$.current.click()};e.useImperativeHandle(v,(function(){return{props:E,upload:be,clear:ve,formatSize:de,onFileSelect:fe,getInput:function(){return $.current},getContent:function(){return G.current},getFiles:function(){return P},setFiles:function(e){return I(e||[])},getUploadedFiles:function(){return w},setUploadedFiles:function(e){return N(e||[])}}}));var Ne,je,Pe,Be,xe,Ie,Ce,Fe,Te,De,_e=function(e,t,n){"warning"===t.severity?ue(e,n):se(e,n)},ze=function(t,n,r){var o=t.name+t.type+t.size,a=g({role:"presentation",className:W("thumbnail"),src:t.objectURL,width:E.previewWidth},K("thumbnail")),l=ce(t)?e.createElement("img",O({},a,{alt:t.name})):null,c=g(K("details")),u=g(K("fileSize")),p=g({className:W("fileName")},K("fileName")),f=g(K("actions")),m=e.createElement("div",p,t.name),y=e.createElement("div",u,de(t.size)),b=e.createElement("div",c,e.createElement("div",p," ",t.name),e.createElement("span",u,de(t.size)),e.createElement(M,{className:"p-fileupload-file-badge",value:r.value,severity:r.severity,pt:K("badge"),__parentMetadata:{parent:J}})),v=e.createElement("div",f,e.createElement(s,{type:"button",icon:E.removeIcon||e.createElement(d,null),text:!0,rounded:!0,severity:"danger",onClick:function(e){return _e(e,r,n)},disabled:te,pt:K("removeButton"),__parentMetadata:{parent:J},unstyled:Y()})),h=e.createElement(e.Fragment,null,l,b,v);if(E.itemTemplate){var S={onRemove:function(e){return ue(e,n)},previewElement:l,fileNameElement:m,sizeElement:y,removeElement:v,formatSize:de(t.size),element:h,index:n,props:E};h=i.getJSXElement(E.itemTemplate,t,S)}var w=g({key:o,className:W("file")},K("file"));return e.createElement("div",w,h)},Me=function(){var t={severity:"success",value:n("completed")||"Completed"},r=w&&w.map((function(e,n){return ze(e,n,t)}));return e.createElement("div",null,r)};return"advanced"===E.mode?function(){var t,r,o,a,v,h,S,w,N,j,B,x,I,C,T,D,_,M,U,A=(r=(t=E.chooseOptions).className,o=t.style,a=t.icon,v=t.iconOnly,h=g({className:W("chooseButtonLabel")},K("chooseButtonLabel")),S=v?e.createElement("span",O({},h,{dangerouslySetInnerHTML:{__html:" "}})):e.createElement("span",h,ne),w=g({ref:$,type:"file",onChange:function(e){return fe(e)},multiple:E.multiple,accept:E.accept,disabled:ae},K("input")),N=e.createElement("input",w),j=g({className:W("chooseIcon",{iconOnly:v}),"aria-hidden":"true"},K("chooseIcon")),B=c.getJSXIcon(a||e.createElement(p,j),k({},j),{props:E}),x=g({className:l(r,W("chooseButton",{iconOnly:v,disabled:te,className:r,focusedState:z})),style:o,onClick:ge,onKeyDown:function(e){return Oe(e)},onFocus:he,onBlur:Ee,tabIndex:0,"data-p-disabled":te,"data-p-focus":z},K("chooseButton")),e.createElement("span",x,N,B,S,e.createElement(b,null))),R=!E.emptyTemplate||Z||ee?null:i.getJSXElement(E.emptyTemplate,E);if(!E.auto){var X=E.uploadOptions,H=E.cancelOptions,V=X.iconOnly?"":re,Q=H.iconOnly?"":oe,ce=g({className:W("uploadIcon",{iconOnly:X.iconOnly}),"aria-hidden":"true"},K("uploadIcon")),ue=c.getJSXIcon(X.icon||e.createElement(f,ce),k({},ce),{props:E}),se=g({className:W("cancelIcon",{iconOnly:H.iconOnly}),"aria-hidden":"true"},K("cancelIcon")),pe=c.getJSXIcon(H.icon||e.createElement(d,se),k({},se),{props:E});I=e.createElement(s,{type:"button",label:V,"aria-hidden":"true",icon:ue,onClick:be,disabled:le,style:X.style,className:X.className,pt:K("uploadButton"),__parentMetadata:{parent:J},unstyled:Y()}),C=e.createElement(s,{type:"button",label:Q,"aria-hidden":"true",icon:pe,onClick:ve,disabled:ie,style:H.style,className:H.className,pt:K("cancelButton"),__parentMetadata:{parent:J},unstyled:Y()})}Z&&(M={severity:"warning",value:n("pending")||"Pending"},U=P.map((function(e,t){return ze(e,t,M)})),T=e.createElement("div",null,U),_=E.progressBarTemplate?i.getJSXElement(E.progressBarTemplate,{progress:F,props:E}):e.createElement(y,{value:F,showValue:!1,pt:K("progressbar"),__parentMetadata:{parent:J}})),ee&&(D=Me());var de=g({className:l(E.headerClassName,W("buttonbar")),style:E.headerStyle},K("buttonbar")),me=e.createElement("div",de,A,I,C);if(E.headerTemplate){var ye={className:l("p-fileupload-buttonbar",E.headerClassName),chooseButton:A,uploadButton:I,cancelButton:C,element:me,props:E};me=i.getJSXElement(E.headerTemplate,ye)}var we=g({id:E.id,className:l(E.className,W("root")),style:E.style},L.getOtherProps(E),K("root")),Ne=g({ref:G,className:l(E.contentClassName,W("content")),style:E.contentStyle,onDragEnter:function(e){return t=e,void(te||(t.dataTransfer.dropEffect="copy",t.stopPropagation(),t.preventDefault()));var t},onDragOver:function(e){return t=e,void(te||(t.dataTransfer.dropEffect="copy",!Y()&&u.addClass(G.current,"p-fileupload-highlight"),G.current.setAttribute("data-p-highlight",!0),t.stopPropagation(),t.preventDefault()));var t},onDragLeave:function(e){te||(e.dataTransfer.dropEffect="copy",!Y()&&u.removeClass(G.current,"p-fileupload-highlight"),G.current.setAttribute("data-p-highlight",!1))},onDrop:function(e){return Se(e)},"data-p-highlight":!1},K("content"));return e.createElement("div",we,me,e.createElement("div",Ne,_,e.createElement(m,{ref:q,__parentMetadata:{parent:J}}),Z?T:null,ee?D:null,R))}():"basic"===E.mode?(Ne=E.chooseOptions,je=g({className:W("label")},K("label")),Pe=Ne.iconOnly?e.createElement("span",O({},je,{dangerouslySetInnerHTML:{__html:" "}})):e.createElement("span",je,ne),Be=E.auto?Pe:e.createElement("span",je,Z?P[0].name:Pe),xe=g({className:W("chooseIcon",{iconOnly:Ne.iconOnly})},K("chooseIcon")),Ie=c.getJSXIcon(Ne.icon?Ne.icon:Ne.icon||Z&&!E.auto?!Ne.icon&&Z&&!E.auto&&e.createElement(f,xe):e.createElement(p,xe),k({},xe),{props:E,hasFiles:Z}),Ce=g({ref:$,type:"file",onChange:function(e){return fe(e)},multiple:E.multiple,accept:E.accept,disabled:te},K("input")),Fe=!Z&&e.createElement("input",Ce),Te=g({className:l(E.className,W("root")),style:E.style},L.getOtherProps(E),K("root")),De=g({className:l(Ne.className,W("basicButton",{hasFiles:Z,disabled:te,focusedState:z})),style:Ne.style,tabIndex:0,onClick:we,onKeyDown:function(e){return Oe(e)},onFocus:he,onBlur:Ee},L.getOtherProps(E),K("basicButton")),e.createElement("div",Te,e.createElement(m,{ref:q,pt:K("message"),__parentMetadata:{parent:J}}),e.createElement("span",De,Ie,Be,Fe,e.createElement(b,null)))):void 0})));H.displayName="FileUpload";export{H as FileUpload};
|
package/fileupload/fileupload.js
CHANGED
|
@@ -785,7 +785,8 @@ this.primereact.fileupload = (function (exports, React, api, componentbase, hook
|
|
|
785
785
|
pt: ptm('removeButton'),
|
|
786
786
|
__parentMetadata: {
|
|
787
787
|
parent: metaData
|
|
788
|
-
}
|
|
788
|
+
},
|
|
789
|
+
unstyled: isUnstyled()
|
|
789
790
|
}));
|
|
790
791
|
var content = /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, preview, contentBody, removeButton);
|
|
791
792
|
if (props.itemTemplate) {
|
|
@@ -893,7 +894,8 @@ this.primereact.fileupload = (function (exports, React, api, componentbase, hook
|
|
|
893
894
|
pt: ptm('uploadButton'),
|
|
894
895
|
__parentMetadata: {
|
|
895
896
|
parent: metaData
|
|
896
|
-
}
|
|
897
|
+
},
|
|
898
|
+
unstyled: isUnstyled()
|
|
897
899
|
});
|
|
898
900
|
cancelButton = /*#__PURE__*/React__namespace.createElement(button.Button, {
|
|
899
901
|
type: "button",
|
|
@@ -907,7 +909,8 @@ this.primereact.fileupload = (function (exports, React, api, componentbase, hook
|
|
|
907
909
|
pt: ptm('cancelButton'),
|
|
908
910
|
__parentMetadata: {
|
|
909
911
|
parent: metaData
|
|
910
|
-
}
|
|
912
|
+
},
|
|
913
|
+
unstyled: isUnstyled()
|
|
911
914
|
});
|
|
912
915
|
}
|
|
913
916
|
if (hasFiles) {
|
|
@@ -935,7 +938,7 @@ this.primereact.fileupload = (function (exports, React, api, componentbase, hook
|
|
|
935
938
|
}
|
|
936
939
|
var rootProps = mergeProps({
|
|
937
940
|
id: props.id,
|
|
938
|
-
className: cx('root'),
|
|
941
|
+
className: utils.classNames(props.className, cx('root')),
|
|
939
942
|
style: props.style
|
|
940
943
|
}, FileUploadBase.getOtherProps(props), ptm('root'));
|
|
941
944
|
var contentProps = mergeProps({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.fileupload=function(e,t,n,r,a,l,o,i,s,c,u,p,d){"use strict";function f(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=f(t);function b(e){return b="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},b(e)}function y(e,t){if("object"!==b(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function g(e){var t=y(e,"string");return"symbol"===b(t)?t:String(t)}function v(e,t,n){return(t=g(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function h(){return h=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},h.apply(this,arguments)}function O(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 E(e){if(Array.isArray(e))return O(e)}function S(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function w(e,t){if(e){if("string"==typeof e)return O(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)?O(e,t):void 0}}function N(){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 j(e){return E(e)||S(e)||w(e)||N()}function P(e){throw new TypeError('"'+e+'" is read-only')}function I(e){if(Array.isArray(e))return e}function B(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l,o,i=[],s=!0,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=l.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&&(o=n.return(),Object(o)!==o))return}finally{if(c)throw a}}return i}}function U(){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 x(e,t){return I(e)||B(e,t)||w(e,t)||U()}var C=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 l.classNames("p-badge p-component",v({"p-badge-no-gutter":l.ObjectUtils.isNotEmpty(t.value)&&1===String(t.value).length,"p-badge-dot":l.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 T(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 D(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?T(Object(n),!0).forEach((function(t){v(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var F=m.memo(m.forwardRef((function(e,t){var o=a.useMergeProps(),i=m.useContext(n.PrimeReactContext),s=C.getProps(e,i),c=C.setMetaData(D({props:s},s.__parentMetadata)),u=c.ptm,p=c.cx;r.useHandleStyle(C.css.styles,c.isUnstyled,{name:"badge"});var d=m.useRef(null);m.useImperativeHandle(t,(function(){return{props:s,getElement:function(){return d.current}}}));var f=o({ref:d,style:s.style,className:l.classNames(s.className,p("root"))},C.getOtherProps(s),u("root"));return m.createElement("span",f,s.value)})));F.displayName="Badge";var M=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 l.classNames("p-fileupload p-fileupload-".concat(e.props.mode," p-component"))},buttonbar:"p-fileupload-buttonbar",content:"p-fileupload-content",chooseButton:function(e){return l.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 l.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 l.classNames("basic"===e.props.mode?"p-button-icon":"p-button-icon p-clickable",{"p-button-icon-left":!t})},uploadIcon:function(e){return l.classNames("p-button-icon p-c",{"p-button-icon-left":!e.iconOnly})},cancelIcon:function(e){return l.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 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){v(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 R(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=L(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 l,o=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){i=!0,l=e},f:function(){try{o||null==n.return||n.return()}finally{if(i)throw l}}}}function L(e,t){if(e){if("string"==typeof e)return k(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)?k(e,t):void 0}}function k(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 A=m.memo(m.forwardRef((function(e,t){var f=a.useMergeProps(),b=m.useContext(n.PrimeReactContext),y=M.getProps(e,b),g=x(m.useState([]),2),v=g[0],O=g[1],E=x(m.useState([]),2),S=E[0],w=E[1],N=x(m.useState(0),2),I=N[0],B=N[1],U=x(m.useState(!1),2),C=U[0],T=U[1],D=x(m.useState(!1),2),_=D[0],L=D[1],k={props:y,state:{progress:I,uploading:_,uploadedFiles:v,files:S,focused:C}},A=M.setMetaData(k),H=A.ptm,X=A.cx,J=A.isUnstyled;r.useHandleStyle(M.css.styles,J,{name:"fileupload"});var V=m.useRef(null),K=m.useRef(null),W=m.useRef(null),Y=m.useRef(0),$=l.ObjectUtils.isNotEmpty(S),q=l.ObjectUtils.isNotEmpty(v),G=y.disabled||_,Q=y.chooseLabel||y.chooseOptions.label||n.localeOption("choose"),Z=y.uploadLabel||y.uploadOptions.label||n.localeOption("upload"),ee=y.cancelLabel||y.cancelOptions.label||n.localeOption("cancel"),te=G||y.fileLimit&&y.fileLimit<=S.length+Y,ne=G||!$,re=G||!$,ae=function(e){return/^image\//.test(e.type)},le=function(e,t){ie();var n=j(S),r=S[t];n.splice(t,1),w(n),y.onRemove&&y.onRemove({originalEvent:e,file:r})},oe=function(e,t){ie();var n=j(v),r=S[t];n.splice(t,1),O(n),y.onRemove&&y.onRemove({originalEvent:e,file:r})},ie=function(){V.current&&(V.current.value="")},se=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])},ce=function(e){if(!y.onBeforeSelect||!1!==y.onBeforeSelect({originalEvent:e,files:S})){var t=[];y.multiple&&(t=S?j(S):[]);for(var n=e.dataTransfer?e.dataTransfer.files:e.target.files,r=0;r<n.length;r++){var a=n[r];!ue(a)&&pe(a)&&(a.objectURL=window.URL.createObjectURL(a),t.push(a))}w(t),l.ObjectUtils.isNotEmpty(t)&&y.auto&&de(t),y.onSelect&&y.onSelect({originalEvent:e,files:t}),ie(),"basic"===y.mode&&t.length>0&&(V.current.style.display="none")}},ue=function(e){return S.some((function(t){return t.name+t.type+t.size===e.name+e.type+e.size}))},pe=function(e){if(y.maxFileSize&&e.size>y.maxFileSize){var t={severity:"error",summary:y.invalidFileSizeMessageSummary.replace("{0}",e.name),detail:y.invalidFileSizeMessageDetail.replace("{0}",se(y.maxFileSize)),sticky:!0};return"advanced"===y.mode&&K.current.show(t),y.onValidationFail&&y.onValidationFail(e),!1}return!0},de=function(e){if((e=e||S)&&e.nativeEvent&&(e=S),y.customUpload)y.fileLimit&&P("uploadedFileCount"),y.uploadHandler&&y.uploadHandler({files:e,options:{clear:fe,props:y}});else{L(!0);var t=new XMLHttpRequest,n=new FormData;y.onBeforeUpload&&y.onBeforeUpload({xhr:t,formData:n});var r,a=R(e);try{for(a.s();!(r=a.n()).done;){var l=r.value;n.append(y.name,l,l.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);B(t),y.onProgress&&y.onProgress({originalEvent:e,progress:t})}})),t.onreadystatechange=function(){4===t.readyState&&(B(0),L(!1),t.status>=200&&t.status<300?(y.fileLimit&&P("uploadedFileCount"),y.onUpload&&y.onUpload({xhr:t,files:e})):y.onError&&y.onError({xhr:t,files:e}),fe(),O((function(t){return[].concat(j(t),j(e))})))},t.open("POST",y.url,!0),y.onBeforeSend&&y.onBeforeSend({xhr:t,formData:n}),t.withCredentials=y.withCredentials,t.send(n)}},fe=function(){w([]),O([]),L(!1),y.onClear&&y.onClear(),ie()},me=function(){V.current.click()},be=function(){T(!0)},ye=function(){T(!1)},ge=function(e){"Enter"!==e.code&&"NumpadEnter"!==e.code||me()},ve=function(e){if(!y.disabled&&(!J()&&l.DomHandler.removeClass(W.current,"p-fileupload-highlight"),W.current.setAttribute("data-p-highlight",!1),e.stopPropagation(),e.preventDefault(),!y.onBeforeDrop||!1!==y.onBeforeDrop(e))){var t=e.dataTransfer?e.dataTransfer.files:e.target.files;(y.multiple||l.ObjectUtils.isEmpty(S)&&t&&1===t.length)&&ce(e)}},he=function(){!G&&$?de():V.current.click()};m.useImperativeHandle(t,(function(){return{props:y,upload:de,clear:fe,formatSize:se,onFileSelect:ce,getInput:function(){return V.current},getContent:function(){return W.current},getFiles:function(){return S},setFiles:function(e){return w(e||[])},getUploadedFiles:function(){return v},setUploadedFiles:function(e){return O(e||[])}}}));var Oe,Ee,Se,we,Ne,je,Pe,Ie,Be,Ue,xe=function(e,t,n){"warning"===t.severity?le(e,n):oe(e,n)},Ce=function(e,t,n){var r=e.name+e.type+e.size,a=f({role:"presentation",className:X("thumbnail"),src:e.objectURL,width:y.previewWidth},H("thumbnail")),i=ae(e)?m.createElement("img",h({},a,{alt:e.name})):null,c=f(H("details")),u=f(H("fileSize")),p=f({className:X("fileName")},H("fileName")),d=f(H("actions")),b=m.createElement("div",p,e.name),g=m.createElement("div",u,se(e.size)),v=m.createElement("div",c,m.createElement("div",p," ",e.name),m.createElement("span",u,se(e.size)),m.createElement(F,{className:"p-fileupload-file-badge",value:n.value,severity:n.severity,pt:H("badge"),__parentMetadata:{parent:k}})),O=m.createElement("div",d,m.createElement(o.Button,{type:"button",icon:y.removeIcon||m.createElement(s.TimesIcon,null),text:!0,rounded:!0,severity:"danger",onClick:function(e){return xe(e,n,t)},disabled:G,pt:H("removeButton"),__parentMetadata:{parent:k}})),E=m.createElement(m.Fragment,null,i,v,O);if(y.itemTemplate){var S={onRemove:function(e){return le(e,t)},previewElement:i,fileNameElement:b,sizeElement:g,removeElement:O,formatSize:se(e.size),element:E,index:t,props:y};E=l.ObjectUtils.getJSXElement(y.itemTemplate,e,S)}var w=f({key:r,className:X("file")},H("file"));return m.createElement("div",w,E)},Te=function(){var e={severity:"success",value:n.localeOption("completed")||"Completed"},t=v&&v.map((function(t,n){return Ce(t,n,e)}));return m.createElement("div",null,t)};return"advanced"===y.mode?function(){var e,t,r,a,b,g,v,O,E,w,N,j,P,B,U,x,T,D,F,_=(t=(e=y.chooseOptions).className,r=e.style,a=e.icon,b=e.iconOnly,g=f({className:X("chooseButtonLabel")},H("chooseButtonLabel")),v=b?m.createElement("span",h({},g,{dangerouslySetInnerHTML:{__html:" "}})):m.createElement("span",g,Q),O=f({ref:V,type:"file",onChange:function(e){return ce(e)},multiple:y.multiple,accept:y.accept,disabled:te},H("input")),E=m.createElement("input",O),w=f({className:X("chooseIcon",{iconOnly:b}),"aria-hidden":"true"},H("chooseIcon")),N=l.IconUtils.getJSXIcon(a||m.createElement(i.PlusIcon,w),z({},w),{props:y}),j=f({className:l.classNames(t,X("chooseButton",{iconOnly:b,disabled:G,className:t,focusedState:C})),style:r,onClick:me,onKeyDown:function(e){return ge(e)},onFocus:be,onBlur:ye,tabIndex:0,"data-p-disabled":G,"data-p-focus":C},H("chooseButton")),m.createElement("span",j,E,N,v,m.createElement(d.Ripple,null))),R=!y.emptyTemplate||$||q?null:l.ObjectUtils.getJSXElement(y.emptyTemplate,y);if(!y.auto){var L=y.uploadOptions,A=y.cancelOptions,Y=L.iconOnly?"":Z,ae=A.iconOnly?"":ee,le=f({className:X("uploadIcon",{iconOnly:L.iconOnly}),"aria-hidden":"true"},H("uploadIcon")),oe=l.IconUtils.getJSXIcon(L.icon||m.createElement(c.UploadIcon,le),z({},le),{props:y}),ie=f({className:X("cancelIcon",{iconOnly:A.iconOnly}),"aria-hidden":"true"},H("cancelIcon")),se=l.IconUtils.getJSXIcon(A.icon||m.createElement(s.TimesIcon,ie),z({},ie),{props:y});P=m.createElement(o.Button,{type:"button",label:Y,"aria-hidden":"true",icon:oe,onClick:de,disabled:ne,style:L.style,className:L.className,pt:H("uploadButton"),__parentMetadata:{parent:k}}),B=m.createElement(o.Button,{type:"button",label:ae,"aria-hidden":"true",icon:se,onClick:fe,disabled:re,style:A.style,className:A.className,pt:H("cancelButton"),__parentMetadata:{parent:k}})}$&&(D={severity:"warning",value:n.localeOption("pending")||"Pending"},F=S.map((function(e,t){return Ce(e,t,D)})),U=m.createElement("div",null,F),T=y.progressBarTemplate?l.ObjectUtils.getJSXElement(y.progressBarTemplate,{progress:I,props:y}):m.createElement(p.ProgressBar,{value:I,showValue:!1,pt:H("progressbar"),__parentMetadata:{parent:k}})),q&&(x=Te());var ue=f({className:l.classNames(y.headerClassName,X("buttonbar")),style:y.headerStyle},H("buttonbar")),pe=m.createElement("div",ue,_,P,B);if(y.headerTemplate){var he={className:l.classNames("p-fileupload-buttonbar",y.headerClassName),chooseButton:_,uploadButton:P,cancelButton:B,element:pe,props:y};pe=l.ObjectUtils.getJSXElement(y.headerTemplate,he)}var Oe=f({id:y.id,className:X("root"),style:y.style},M.getOtherProps(y),H("root")),Ee=f({ref:W,className:l.classNames(y.contentClassName,X("content")),style:y.contentStyle,onDragEnter:function(e){return t=e,void(G||(t.dataTransfer.dropEffect="copy",t.stopPropagation(),t.preventDefault()));var t},onDragOver:function(e){return t=e,void(G||(t.dataTransfer.dropEffect="copy",!J()&&l.DomHandler.addClass(W.current,"p-fileupload-highlight"),W.current.setAttribute("data-p-highlight",!0),t.stopPropagation(),t.preventDefault()));var t},onDragLeave:function(e){G||(e.dataTransfer.dropEffect="copy",!J()&&l.DomHandler.removeClass(W.current,"p-fileupload-highlight"),W.current.setAttribute("data-p-highlight",!1))},onDrop:function(e){return ve(e)},"data-p-highlight":!1},H("content"));return m.createElement("div",Oe,pe,m.createElement("div",Ee,T,m.createElement(u.Messages,{ref:K,__parentMetadata:{parent:k}}),$?U:null,q?x:null,R))}():"basic"===y.mode?(Oe=y.chooseOptions,Ee=f({className:X("label")},H("label")),Se=Oe.iconOnly?m.createElement("span",h({},Ee,{dangerouslySetInnerHTML:{__html:" "}})):m.createElement("span",Ee,Q),we=y.auto?Se:m.createElement("span",Ee,$?S[0].name:Se),Ne=f({className:X("chooseIcon",{iconOnly:Oe.iconOnly})},H("chooseIcon")),je=l.IconUtils.getJSXIcon(Oe.icon?Oe.icon:Oe.icon||$&&!y.auto?!Oe.icon&&$&&!y.auto&&m.createElement(c.UploadIcon,Ne):m.createElement(i.PlusIcon,Ne),z({},Ne),{props:y,hasFiles:$}),Pe=f({ref:V,type:"file",onChange:function(e){return ce(e)},multiple:y.multiple,accept:y.accept,disabled:G},H("input")),Ie=!$&&m.createElement("input",Pe),Be=f({className:l.classNames(y.className,X("root")),style:y.style},M.getOtherProps(y),H("root")),Ue=f({className:l.classNames(Oe.className,X("basicButton",{hasFiles:$,disabled:G,focusedState:C})),style:Oe.style,tabIndex:0,onClick:he,onKeyDown:function(e){return ge(e)},onFocus:be,onBlur:ye},M.getOtherProps(y),H("basicButton")),m.createElement("div",Be,m.createElement(u.Messages,{ref:K,pt:H("message"),__parentMetadata:{parent:k}}),m.createElement("span",Ue,je,we,Ie,m.createElement(d.Ripple,null)))):void 0})));return A.displayName="FileUpload",e.FileUpload=A,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,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,a,r,l,o,i,s,c,u,p,d){"use strict";function f(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var m=f(t);function b(e){return b="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},b(e)}function y(e,t){if("object"!==b(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var a=n.call(e,t||"default");if("object"!==b(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function g(e){var t=y(e,"string");return"symbol"===b(t)?t:String(t)}function v(e,t,n){return(t=g(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function h(){return h=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},h.apply(this,arguments)}function O(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function E(e){if(Array.isArray(e))return O(e)}function S(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function N(e,t){if(e){if("string"==typeof e)return O(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)?O(e,t):void 0}}function w(){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 j(e){return E(e)||S(e)||N(e)||w()}function P(e){throw new TypeError('"'+e+'" is read-only')}function I(e){if(Array.isArray(e))return e}function B(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,l,o,i=[],s=!0,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(a=l.call(n)).done)&&(i.push(a.value),i.length!==t);s=!0);}catch(e){c=!0,r=e}finally{try{if(!s&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(c)throw r}}return i}}function U(){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 x(e,t){return I(e)||B(e,t)||N(e,t)||U()}var C=a.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 l.classNames("p-badge p-component",v({"p-badge-no-gutter":l.ObjectUtils.isNotEmpty(t.value)&&1===String(t.value).length,"p-badge-dot":l.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 T(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function D(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?T(Object(n),!0).forEach((function(t){v(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var F=m.memo(m.forwardRef((function(e,t){var o=r.useMergeProps(),i=m.useContext(n.PrimeReactContext),s=C.getProps(e,i),c=C.setMetaData(D({props:s},s.__parentMetadata)),u=c.ptm,p=c.cx;a.useHandleStyle(C.css.styles,c.isUnstyled,{name:"badge"});var d=m.useRef(null);m.useImperativeHandle(t,(function(){return{props:s,getElement:function(){return d.current}}}));var f=o({ref:d,style:s.style,className:l.classNames(s.className,p("root"))},C.getOtherProps(s),u("root"));return m.createElement("span",f,s.value)})));F.displayName="Badge";var M=a.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 l.classNames("p-fileupload p-fileupload-".concat(e.props.mode," p-component"))},buttonbar:"p-fileupload-buttonbar",content:"p-fileupload-content",chooseButton:function(e){return l.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 l.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 l.classNames("basic"===e.props.mode?"p-button-icon":"p-button-icon p-clickable",{"p-button-icon-left":!t})},uploadIcon:function(e){return l.classNames("p-button-icon p-c",{"p-button-icon-left":!e.iconOnly})},cancelIcon:function(e){return l.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 a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}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){v(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 R(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=L(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var a=0,r=function(){};return{s:r,n:function(){return a>=e.length?{done:!0}:{done:!1,value:e[a++]}},e:function(e){throw e},f:r}}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 l,o=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){i=!0,l=e},f:function(){try{o||null==n.return||n.return()}finally{if(i)throw l}}}}function L(e,t){if(e){if("string"==typeof e)return k(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)?k(e,t):void 0}}function k(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var A=m.memo(m.forwardRef((function(e,t){var f=r.useMergeProps(),b=m.useContext(n.PrimeReactContext),y=M.getProps(e,b),g=x(m.useState([]),2),v=g[0],O=g[1],E=x(m.useState([]),2),S=E[0],N=E[1],w=x(m.useState(0),2),I=w[0],B=w[1],U=x(m.useState(!1),2),C=U[0],T=U[1],D=x(m.useState(!1),2),_=D[0],L=D[1],k={props:y,state:{progress:I,uploading:_,uploadedFiles:v,files:S,focused:C}},A=M.setMetaData(k),H=A.ptm,X=A.cx,J=A.isUnstyled;a.useHandleStyle(M.css.styles,J,{name:"fileupload"});var V=m.useRef(null),K=m.useRef(null),W=m.useRef(null),Y=m.useRef(0),$=l.ObjectUtils.isNotEmpty(S),q=l.ObjectUtils.isNotEmpty(v),G=y.disabled||_,Q=y.chooseLabel||y.chooseOptions.label||n.localeOption("choose"),Z=y.uploadLabel||y.uploadOptions.label||n.localeOption("upload"),ee=y.cancelLabel||y.cancelOptions.label||n.localeOption("cancel"),te=G||y.fileLimit&&y.fileLimit<=S.length+Y,ne=G||!$,ae=G||!$,re=function(e){return/^image\//.test(e.type)},le=function(e,t){ie();var n=j(S),a=S[t];n.splice(t,1),N(n),y.onRemove&&y.onRemove({originalEvent:e,file:a})},oe=function(e,t){ie();var n=j(v),a=S[t];n.splice(t,1),O(n),y.onRemove&&y.onRemove({originalEvent:e,file:a})},ie=function(){V.current&&(V.current.value="")},se=function(e){var t=n.localeOption("fileSizeTypes");if(0===e)return"0 ".concat(t[0]);var a=Math.floor(Math.log(e)/Math.log(1024)),r=parseFloat((e/Math.pow(1024,a)).toFixed(3));return"".concat(r," ").concat(t[a])},ce=function(e){if(!y.onBeforeSelect||!1!==y.onBeforeSelect({originalEvent:e,files:S})){var t=[];y.multiple&&(t=S?j(S):[]);for(var n=e.dataTransfer?e.dataTransfer.files:e.target.files,a=0;a<n.length;a++){var r=n[a];!ue(r)&&pe(r)&&(r.objectURL=window.URL.createObjectURL(r),t.push(r))}N(t),l.ObjectUtils.isNotEmpty(t)&&y.auto&&de(t),y.onSelect&&y.onSelect({originalEvent:e,files:t}),ie(),"basic"===y.mode&&t.length>0&&(V.current.style.display="none")}},ue=function(e){return S.some((function(t){return t.name+t.type+t.size===e.name+e.type+e.size}))},pe=function(e){if(y.maxFileSize&&e.size>y.maxFileSize){var t={severity:"error",summary:y.invalidFileSizeMessageSummary.replace("{0}",e.name),detail:y.invalidFileSizeMessageDetail.replace("{0}",se(y.maxFileSize)),sticky:!0};return"advanced"===y.mode&&K.current.show(t),y.onValidationFail&&y.onValidationFail(e),!1}return!0},de=function(e){if((e=e||S)&&e.nativeEvent&&(e=S),y.customUpload)y.fileLimit&&P("uploadedFileCount"),y.uploadHandler&&y.uploadHandler({files:e,options:{clear:fe,props:y}});else{L(!0);var t=new XMLHttpRequest,n=new FormData;y.onBeforeUpload&&y.onBeforeUpload({xhr:t,formData:n});var a,r=R(e);try{for(r.s();!(a=r.n()).done;){var l=a.value;n.append(y.name,l,l.name)}}catch(e){r.e(e)}finally{r.f()}t.upload.addEventListener("progress",(function(e){if(e.lengthComputable){var t=Math.round(100*e.loaded/e.total);B(t),y.onProgress&&y.onProgress({originalEvent:e,progress:t})}})),t.onreadystatechange=function(){4===t.readyState&&(B(0),L(!1),t.status>=200&&t.status<300?(y.fileLimit&&P("uploadedFileCount"),y.onUpload&&y.onUpload({xhr:t,files:e})):y.onError&&y.onError({xhr:t,files:e}),fe(),O((function(t){return[].concat(j(t),j(e))})))},t.open("POST",y.url,!0),y.onBeforeSend&&y.onBeforeSend({xhr:t,formData:n}),t.withCredentials=y.withCredentials,t.send(n)}},fe=function(){N([]),O([]),L(!1),y.onClear&&y.onClear(),ie()},me=function(){V.current.click()},be=function(){T(!0)},ye=function(){T(!1)},ge=function(e){"Enter"!==e.code&&"NumpadEnter"!==e.code||me()},ve=function(e){if(!y.disabled&&(!J()&&l.DomHandler.removeClass(W.current,"p-fileupload-highlight"),W.current.setAttribute("data-p-highlight",!1),e.stopPropagation(),e.preventDefault(),!y.onBeforeDrop||!1!==y.onBeforeDrop(e))){var t=e.dataTransfer?e.dataTransfer.files:e.target.files;(y.multiple||l.ObjectUtils.isEmpty(S)&&t&&1===t.length)&&ce(e)}},he=function(){!G&&$?de():V.current.click()};m.useImperativeHandle(t,(function(){return{props:y,upload:de,clear:fe,formatSize:se,onFileSelect:ce,getInput:function(){return V.current},getContent:function(){return W.current},getFiles:function(){return S},setFiles:function(e){return N(e||[])},getUploadedFiles:function(){return v},setUploadedFiles:function(e){return O(e||[])}}}));var Oe,Ee,Se,Ne,we,je,Pe,Ie,Be,Ue,xe=function(e,t,n){"warning"===t.severity?le(e,n):oe(e,n)},Ce=function(e,t,n){var a=e.name+e.type+e.size,r=f({role:"presentation",className:X("thumbnail"),src:e.objectURL,width:y.previewWidth},H("thumbnail")),i=re(e)?m.createElement("img",h({},r,{alt:e.name})):null,c=f(H("details")),u=f(H("fileSize")),p=f({className:X("fileName")},H("fileName")),d=f(H("actions")),b=m.createElement("div",p,e.name),g=m.createElement("div",u,se(e.size)),v=m.createElement("div",c,m.createElement("div",p," ",e.name),m.createElement("span",u,se(e.size)),m.createElement(F,{className:"p-fileupload-file-badge",value:n.value,severity:n.severity,pt:H("badge"),__parentMetadata:{parent:k}})),O=m.createElement("div",d,m.createElement(o.Button,{type:"button",icon:y.removeIcon||m.createElement(s.TimesIcon,null),text:!0,rounded:!0,severity:"danger",onClick:function(e){return xe(e,n,t)},disabled:G,pt:H("removeButton"),__parentMetadata:{parent:k},unstyled:J()})),E=m.createElement(m.Fragment,null,i,v,O);if(y.itemTemplate){var S={onRemove:function(e){return le(e,t)},previewElement:i,fileNameElement:b,sizeElement:g,removeElement:O,formatSize:se(e.size),element:E,index:t,props:y};E=l.ObjectUtils.getJSXElement(y.itemTemplate,e,S)}var N=f({key:a,className:X("file")},H("file"));return m.createElement("div",N,E)},Te=function(){var e={severity:"success",value:n.localeOption("completed")||"Completed"},t=v&&v.map((function(t,n){return Ce(t,n,e)}));return m.createElement("div",null,t)};return"advanced"===y.mode?function(){var e,t,a,r,b,g,v,O,E,N,w,j,P,B,U,x,T,D,F,_=(t=(e=y.chooseOptions).className,a=e.style,r=e.icon,b=e.iconOnly,g=f({className:X("chooseButtonLabel")},H("chooseButtonLabel")),v=b?m.createElement("span",h({},g,{dangerouslySetInnerHTML:{__html:" "}})):m.createElement("span",g,Q),O=f({ref:V,type:"file",onChange:function(e){return ce(e)},multiple:y.multiple,accept:y.accept,disabled:te},H("input")),E=m.createElement("input",O),N=f({className:X("chooseIcon",{iconOnly:b}),"aria-hidden":"true"},H("chooseIcon")),w=l.IconUtils.getJSXIcon(r||m.createElement(i.PlusIcon,N),z({},N),{props:y}),j=f({className:l.classNames(t,X("chooseButton",{iconOnly:b,disabled:G,className:t,focusedState:C})),style:a,onClick:me,onKeyDown:function(e){return ge(e)},onFocus:be,onBlur:ye,tabIndex:0,"data-p-disabled":G,"data-p-focus":C},H("chooseButton")),m.createElement("span",j,E,w,v,m.createElement(d.Ripple,null))),R=!y.emptyTemplate||$||q?null:l.ObjectUtils.getJSXElement(y.emptyTemplate,y);if(!y.auto){var L=y.uploadOptions,A=y.cancelOptions,Y=L.iconOnly?"":Z,re=A.iconOnly?"":ee,le=f({className:X("uploadIcon",{iconOnly:L.iconOnly}),"aria-hidden":"true"},H("uploadIcon")),oe=l.IconUtils.getJSXIcon(L.icon||m.createElement(c.UploadIcon,le),z({},le),{props:y}),ie=f({className:X("cancelIcon",{iconOnly:A.iconOnly}),"aria-hidden":"true"},H("cancelIcon")),se=l.IconUtils.getJSXIcon(A.icon||m.createElement(s.TimesIcon,ie),z({},ie),{props:y});P=m.createElement(o.Button,{type:"button",label:Y,"aria-hidden":"true",icon:oe,onClick:de,disabled:ne,style:L.style,className:L.className,pt:H("uploadButton"),__parentMetadata:{parent:k},unstyled:J()}),B=m.createElement(o.Button,{type:"button",label:re,"aria-hidden":"true",icon:se,onClick:fe,disabled:ae,style:A.style,className:A.className,pt:H("cancelButton"),__parentMetadata:{parent:k},unstyled:J()})}$&&(D={severity:"warning",value:n.localeOption("pending")||"Pending"},F=S.map((function(e,t){return Ce(e,t,D)})),U=m.createElement("div",null,F),T=y.progressBarTemplate?l.ObjectUtils.getJSXElement(y.progressBarTemplate,{progress:I,props:y}):m.createElement(p.ProgressBar,{value:I,showValue:!1,pt:H("progressbar"),__parentMetadata:{parent:k}})),q&&(x=Te());var ue=f({className:l.classNames(y.headerClassName,X("buttonbar")),style:y.headerStyle},H("buttonbar")),pe=m.createElement("div",ue,_,P,B);if(y.headerTemplate){var he={className:l.classNames("p-fileupload-buttonbar",y.headerClassName),chooseButton:_,uploadButton:P,cancelButton:B,element:pe,props:y};pe=l.ObjectUtils.getJSXElement(y.headerTemplate,he)}var Oe=f({id:y.id,className:l.classNames(y.className,X("root")),style:y.style},M.getOtherProps(y),H("root")),Ee=f({ref:W,className:l.classNames(y.contentClassName,X("content")),style:y.contentStyle,onDragEnter:function(e){return t=e,void(G||(t.dataTransfer.dropEffect="copy",t.stopPropagation(),t.preventDefault()));var t},onDragOver:function(e){return t=e,void(G||(t.dataTransfer.dropEffect="copy",!J()&&l.DomHandler.addClass(W.current,"p-fileupload-highlight"),W.current.setAttribute("data-p-highlight",!0),t.stopPropagation(),t.preventDefault()));var t},onDragLeave:function(e){G||(e.dataTransfer.dropEffect="copy",!J()&&l.DomHandler.removeClass(W.current,"p-fileupload-highlight"),W.current.setAttribute("data-p-highlight",!1))},onDrop:function(e){return ve(e)},"data-p-highlight":!1},H("content"));return m.createElement("div",Oe,pe,m.createElement("div",Ee,T,m.createElement(u.Messages,{ref:K,__parentMetadata:{parent:k}}),$?U:null,q?x:null,R))}():"basic"===y.mode?(Oe=y.chooseOptions,Ee=f({className:X("label")},H("label")),Se=Oe.iconOnly?m.createElement("span",h({},Ee,{dangerouslySetInnerHTML:{__html:" "}})):m.createElement("span",Ee,Q),Ne=y.auto?Se:m.createElement("span",Ee,$?S[0].name:Se),we=f({className:X("chooseIcon",{iconOnly:Oe.iconOnly})},H("chooseIcon")),je=l.IconUtils.getJSXIcon(Oe.icon?Oe.icon:Oe.icon||$&&!y.auto?!Oe.icon&&$&&!y.auto&&m.createElement(c.UploadIcon,we):m.createElement(i.PlusIcon,we),z({},we),{props:y,hasFiles:$}),Pe=f({ref:V,type:"file",onChange:function(e){return ce(e)},multiple:y.multiple,accept:y.accept,disabled:G},H("input")),Ie=!$&&m.createElement("input",Pe),Be=f({className:l.classNames(y.className,X("root")),style:y.style},M.getOtherProps(y),H("root")),Ue=f({className:l.classNames(Oe.className,X("basicButton",{hasFiles:$,disabled:G,focusedState:C})),style:Oe.style,tabIndex:0,onClick:he,onKeyDown:function(e){return ge(e)},onFocus:be,onBlur:ye},M.getOtherProps(y),H("basicButton")),m.createElement("div",Be,m.createElement(u.Messages,{ref:K,pt:H("message"),__parentMetadata:{parent:k}}),m.createElement("span",Ue,je,Ne,Ie,m.createElement(d.Ripple,null)))):void 0})));return A.displayName="FileUpload",e.FileUpload=A,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils,primereact.button,primereact.icons.plus,primereact.icons.times,primereact.icons.upload,primereact.messages,primereact.progressbar,primereact.ripple);
|
|
@@ -44,10 +44,11 @@ var FloatLabelBase = componentbase.ComponentBase.extend({
|
|
|
44
44
|
}
|
|
45
45
|
});
|
|
46
46
|
|
|
47
|
-
var FloatLabel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps) {
|
|
47
|
+
var FloatLabel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
|
|
48
48
|
var mergeProps = hooks.useMergeProps();
|
|
49
49
|
var context = React__namespace.useContext(api.PrimeReactContext);
|
|
50
50
|
var props = FloatLabelBase.getProps(inProps, context);
|
|
51
|
+
var elementRef = React__namespace.useRef(ref);
|
|
51
52
|
var _FloatLabelBase$setMe = FloatLabelBase.setMetaData({
|
|
52
53
|
props: props
|
|
53
54
|
}),
|
|
@@ -57,7 +58,11 @@ var FloatLabel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
|
|
|
57
58
|
componentbase.useHandleStyle(FloatLabelBase.css.styles, isUnstyled, {
|
|
58
59
|
name: 'floatlabel'
|
|
59
60
|
});
|
|
61
|
+
React__namespace.useEffect(function () {
|
|
62
|
+
utils.ObjectUtils.combinedRefs(elementRef, ref);
|
|
63
|
+
}, [elementRef, ref]);
|
|
60
64
|
var rootProps = mergeProps({
|
|
65
|
+
ref: elementRef,
|
|
61
66
|
className: utils.classNames(cx('root'))
|
|
62
67
|
}, FloatLabelBase.getOtherProps(props), ptm('root'));
|
|
63
68
|
return /*#__PURE__*/React__namespace.createElement("span", rootProps, props.children);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),l=require("primereact/componentbase"),a=require("primereact/hooks"),n=require("primereact/utils");function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(l){if("default"!==l){var a=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(t,l,a.get?a:{enumerable:!0,get:function(){return e[l]}})}})),t.default=e,Object.freeze(t)}var o=r(e),p=l.ComponentBase.extend({defaultProps:{__TYPE:"FloatLabel",children:void 0},css:{classes:{root:"p-float-label"},styles:"\n@layer primereact {\n .p-float-label {\n display: block;\n position: relative;\n }\n \n .p-float-label label {\n position: absolute;\n pointer-events: none;\n top: 50%;\n margin-top: -.5rem;\n transition-property: all;\n transition-timing-function: ease;\n line-height: 1;\n }\n \n .p-float-label:has(textarea) label {\n top: 1rem;\n }\n \n .p-float-label:has(input:focus) label,\n .p-float-label:has(input.p-filled) label,\n .p-float-label:has(input:-webkit-autofill) label,\n .p-float-label:has(textarea:focus) label,\n .p-float-label:has(textarea.p-filled) label,\n .p-float-label:has(.p-inputwrapper-focus) label,\n .p-float-label:has(.p-inputwrapper-filled) label {\n top: -.75rem;\n font-size: 12px;\n }\n \n .p-float-label .p-placeholder,\n .p-float-label input::placeholder,\n .p-float-label .p-inputtext::placeholder {\n opacity: 0;\n transition-property: all;\n transition-timing-function: ease;\n }\n \n .p-float-label .p-focus .p-placeholder,\n .p-float-label input:focus::placeholder,\n .p-float-label .p-inputtext:focus::placeholder {\n opacity: 1;\n transition-property: all;\n transition-timing-function: ease;\n }\n}"}}),i=o.memo(o.forwardRef((function(e){var
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),l=require("primereact/componentbase"),a=require("primereact/hooks"),n=require("primereact/utils");function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(l){if("default"!==l){var a=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(t,l,a.get?a:{enumerable:!0,get:function(){return e[l]}})}})),t.default=e,Object.freeze(t)}var o=r(e),p=l.ComponentBase.extend({defaultProps:{__TYPE:"FloatLabel",children:void 0},css:{classes:{root:"p-float-label"},styles:"\n@layer primereact {\n .p-float-label {\n display: block;\n position: relative;\n }\n \n .p-float-label label {\n position: absolute;\n pointer-events: none;\n top: 50%;\n margin-top: -.5rem;\n transition-property: all;\n transition-timing-function: ease;\n line-height: 1;\n }\n \n .p-float-label:has(textarea) label {\n top: 1rem;\n }\n \n .p-float-label:has(input:focus) label,\n .p-float-label:has(input.p-filled) label,\n .p-float-label:has(input:-webkit-autofill) label,\n .p-float-label:has(textarea:focus) label,\n .p-float-label:has(textarea.p-filled) label,\n .p-float-label:has(.p-inputwrapper-focus) label,\n .p-float-label:has(.p-inputwrapper-filled) label {\n top: -.75rem;\n font-size: 12px;\n }\n \n .p-float-label .p-placeholder,\n .p-float-label input::placeholder,\n .p-float-label .p-inputtext::placeholder {\n opacity: 0;\n transition-property: all;\n transition-timing-function: ease;\n }\n \n .p-float-label .p-focus .p-placeholder,\n .p-float-label input:focus::placeholder,\n .p-float-label .p-inputtext:focus::placeholder {\n opacity: 1;\n transition-property: all;\n transition-timing-function: ease;\n }\n}"}}),i=o.memo(o.forwardRef((function(e,r){var i=a.useMergeProps(),s=o.useContext(t.PrimeReactContext),c=p.getProps(e,s),f=o.useRef(r),u=p.setMetaData({props:c}),b=u.ptm,d=u.cx;l.useHandleStyle(p.css.styles,u.isUnstyled,{name:"floatlabel"}),o.useEffect((function(){n.ObjectUtils.combinedRefs(f,r)}),[f,r]);var m=i({ref:f,className:n.classNames(d("root"))},p.getOtherProps(c),b("root"));return o.createElement("span",m,c.children)})));i.displayName="FloatLabel",exports.FloatLabel=i;
|
|
@@ -49,6 +49,11 @@ export interface FloatLabelPassThroughOptions {
|
|
|
49
49
|
* @group Properties
|
|
50
50
|
*/
|
|
51
51
|
export interface FloatLabelProps {
|
|
52
|
+
/**
|
|
53
|
+
* Used to get the child elements of the component.
|
|
54
|
+
* @readonly
|
|
55
|
+
*/
|
|
56
|
+
children?: React.ReactNode[] | undefined;
|
|
52
57
|
/**
|
|
53
58
|
* Used to pass attributes to DOM elements inside the component.
|
|
54
59
|
* @type {FloatLabelPassThroughOptions}
|
|
@@ -3,7 +3,7 @@ import * as React from 'react';
|
|
|
3
3
|
import { PrimeReactContext } from 'primereact/api';
|
|
4
4
|
import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
|
|
5
5
|
import { useMergeProps } from 'primereact/hooks';
|
|
6
|
-
import { classNames } from 'primereact/utils';
|
|
6
|
+
import { ObjectUtils, classNames } from 'primereact/utils';
|
|
7
7
|
|
|
8
8
|
var classes = {
|
|
9
9
|
root: 'p-float-label'
|
|
@@ -20,10 +20,11 @@ var FloatLabelBase = ComponentBase.extend({
|
|
|
20
20
|
}
|
|
21
21
|
});
|
|
22
22
|
|
|
23
|
-
var FloatLabel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps) {
|
|
23
|
+
var FloatLabel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
|
|
24
24
|
var mergeProps = useMergeProps();
|
|
25
25
|
var context = React.useContext(PrimeReactContext);
|
|
26
26
|
var props = FloatLabelBase.getProps(inProps, context);
|
|
27
|
+
var elementRef = React.useRef(ref);
|
|
27
28
|
var _FloatLabelBase$setMe = FloatLabelBase.setMetaData({
|
|
28
29
|
props: props
|
|
29
30
|
}),
|
|
@@ -33,7 +34,11 @@ var FloatLabel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
33
34
|
useHandleStyle(FloatLabelBase.css.styles, isUnstyled, {
|
|
34
35
|
name: 'floatlabel'
|
|
35
36
|
});
|
|
37
|
+
React.useEffect(function () {
|
|
38
|
+
ObjectUtils.combinedRefs(elementRef, ref);
|
|
39
|
+
}, [elementRef, ref]);
|
|
36
40
|
var rootProps = mergeProps({
|
|
41
|
+
ref: elementRef,
|
|
37
42
|
className: classNames(cx('root'))
|
|
38
43
|
}, FloatLabelBase.getOtherProps(props), ptm('root'));
|
|
39
44
|
return /*#__PURE__*/React.createElement("span", rootProps, props.children);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as
|
|
1
|
+
import*as e from"react";import{PrimeReactContext as l}from"primereact/api";import{ComponentBase as a,useHandleStyle as t}from"primereact/componentbase";import{useMergeProps as n}from"primereact/hooks";import{ObjectUtils as o,classNames as p}from"primereact/utils";var r=a.extend({defaultProps:{__TYPE:"FloatLabel",children:void 0},css:{classes:{root:"p-float-label"},styles:"\n@layer primereact {\n .p-float-label {\n display: block;\n position: relative;\n }\n \n .p-float-label label {\n position: absolute;\n pointer-events: none;\n top: 50%;\n margin-top: -.5rem;\n transition-property: all;\n transition-timing-function: ease;\n line-height: 1;\n }\n \n .p-float-label:has(textarea) label {\n top: 1rem;\n }\n \n .p-float-label:has(input:focus) label,\n .p-float-label:has(input.p-filled) label,\n .p-float-label:has(input:-webkit-autofill) label,\n .p-float-label:has(textarea:focus) label,\n .p-float-label:has(textarea.p-filled) label,\n .p-float-label:has(.p-inputwrapper-focus) label,\n .p-float-label:has(.p-inputwrapper-filled) label {\n top: -.75rem;\n font-size: 12px;\n }\n \n .p-float-label .p-placeholder,\n .p-float-label input::placeholder,\n .p-float-label .p-inputtext::placeholder {\n opacity: 0;\n transition-property: all;\n transition-timing-function: ease;\n }\n \n .p-float-label .p-focus .p-placeholder,\n .p-float-label input:focus::placeholder,\n .p-float-label .p-inputtext:focus::placeholder {\n opacity: 1;\n transition-property: all;\n transition-timing-function: ease;\n }\n}"}}),i=e.memo(e.forwardRef((function(a,i){var s=n(),f=e.useContext(l),c=r.getProps(a,f),b=e.useRef(i),m=r.setMetaData({props:c}),u=m.ptm,h=m.cx;t(r.css.styles,m.isUnstyled,{name:"floatlabel"}),e.useEffect((function(){o.combinedRefs(b,i)}),[b,i]);var d=s({ref:b,className:p(h("root"))},r.getOtherProps(c),u("root"));return e.createElement("span",d,c.children)})));i.displayName="FloatLabel";export{i as FloatLabel};
|
package/floatlabel/floatlabel.js
CHANGED
|
@@ -37,10 +37,11 @@ this.primereact.floatlabel = (function (exports, React, api, componentbase, hook
|
|
|
37
37
|
}
|
|
38
38
|
});
|
|
39
39
|
|
|
40
|
-
var FloatLabel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps) {
|
|
40
|
+
var FloatLabel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
|
|
41
41
|
var mergeProps = hooks.useMergeProps();
|
|
42
42
|
var context = React__namespace.useContext(api.PrimeReactContext);
|
|
43
43
|
var props = FloatLabelBase.getProps(inProps, context);
|
|
44
|
+
var elementRef = React__namespace.useRef(ref);
|
|
44
45
|
var _FloatLabelBase$setMe = FloatLabelBase.setMetaData({
|
|
45
46
|
props: props
|
|
46
47
|
}),
|
|
@@ -50,7 +51,11 @@ this.primereact.floatlabel = (function (exports, React, api, componentbase, hook
|
|
|
50
51
|
componentbase.useHandleStyle(FloatLabelBase.css.styles, isUnstyled, {
|
|
51
52
|
name: 'floatlabel'
|
|
52
53
|
});
|
|
54
|
+
React__namespace.useEffect(function () {
|
|
55
|
+
utils.ObjectUtils.combinedRefs(elementRef, ref);
|
|
56
|
+
}, [elementRef, ref]);
|
|
53
57
|
var rootProps = mergeProps({
|
|
58
|
+
ref: elementRef,
|
|
54
59
|
className: utils.classNames(cx('root'))
|
|
55
60
|
}, FloatLabelBase.getOtherProps(props), ptm('root'));
|
|
56
61
|
return /*#__PURE__*/React__namespace.createElement("span", rootProps, props.children);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.floatlabel=function(e,t,a,
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.floatlabel=function(e,t,l,a,n,o){"use strict";function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(l){if("default"!==l){var a=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(t,l,a.get?a:{enumerable:!0,get:function(){return e[l]}})}})),t.default=e,Object.freeze(t)}var p=r(t),i=a.ComponentBase.extend({defaultProps:{__TYPE:"FloatLabel",children:void 0},css:{classes:{root:"p-float-label"},styles:"\n@layer primereact {\n .p-float-label {\n display: block;\n position: relative;\n }\n \n .p-float-label label {\n position: absolute;\n pointer-events: none;\n top: 50%;\n margin-top: -.5rem;\n transition-property: all;\n transition-timing-function: ease;\n line-height: 1;\n }\n \n .p-float-label:has(textarea) label {\n top: 1rem;\n }\n \n .p-float-label:has(input:focus) label,\n .p-float-label:has(input.p-filled) label,\n .p-float-label:has(input:-webkit-autofill) label,\n .p-float-label:has(textarea:focus) label,\n .p-float-label:has(textarea.p-filled) label,\n .p-float-label:has(.p-inputwrapper-focus) label,\n .p-float-label:has(.p-inputwrapper-filled) label {\n top: -.75rem;\n font-size: 12px;\n }\n \n .p-float-label .p-placeholder,\n .p-float-label input::placeholder,\n .p-float-label .p-inputtext::placeholder {\n opacity: 0;\n transition-property: all;\n transition-timing-function: ease;\n }\n \n .p-float-label .p-focus .p-placeholder,\n .p-float-label input:focus::placeholder,\n .p-float-label .p-inputtext:focus::placeholder {\n opacity: 1;\n transition-property: all;\n transition-timing-function: ease;\n }\n}"}}),s=p.memo(p.forwardRef((function(e,t){var r=n.useMergeProps(),s=p.useContext(l.PrimeReactContext),c=i.getProps(e,s),f=p.useRef(t),u=i.setMetaData({props:c}),b=u.ptm,m=u.cx;a.useHandleStyle(i.css.styles,u.isUnstyled,{name:"floatlabel"}),p.useEffect((function(){o.ObjectUtils.combinedRefs(f,t)}),[f,t]);var d=r({ref:f,className:o.classNames(m("root"))},i.getOtherProps(c),b("root"));return p.createElement("span",d,c.children)})));return s.displayName="FloatLabel",e.FloatLabel=s,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils);
|
package/galleria/galleria.cjs.js
CHANGED
|
@@ -318,10 +318,14 @@ var GalleriaItem = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
|
|
|
318
318
|
}, options));
|
|
319
319
|
};
|
|
320
320
|
var ariaSlideNumber = function ariaSlideNumber(value) {
|
|
321
|
-
return PrimeReact.
|
|
321
|
+
return PrimeReact.ariaLabel('slideNumber', {
|
|
322
|
+
slideNumber: value
|
|
323
|
+
});
|
|
322
324
|
};
|
|
323
325
|
var ariaPageLabel = function ariaPageLabel(value) {
|
|
324
|
-
return PrimeReact.
|
|
326
|
+
return PrimeReact.ariaLabel('pageLabel', {
|
|
327
|
+
page: value
|
|
328
|
+
});
|
|
325
329
|
};
|
|
326
330
|
var next = function next() {
|
|
327
331
|
var nextItemIndex = props.activeItemIndex + 1;
|
|
@@ -599,7 +603,9 @@ var GalleriaThumbnailItem = /*#__PURE__*/React__namespace.memo(function (props)
|
|
|
599
603
|
});
|
|
600
604
|
};
|
|
601
605
|
var ariaPageLabel = function ariaPageLabel(value) {
|
|
602
|
-
return PrimeReact.
|
|
606
|
+
return PrimeReact.ariaLabel('pageLabel', {
|
|
607
|
+
page: value
|
|
608
|
+
});
|
|
603
609
|
};
|
|
604
610
|
var onThumbnailKeydown = function onThumbnailKeydown(event) {
|
|
605
611
|
if (event.code === 'Enter' || event.code === 'NumpadEnter' || event.code === 'Space') {
|