primereact 10.5.3 → 10.6.1
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 +1 -0
- package/accordion/accordion.cjs.min.js +1 -1
- package/accordion/accordion.esm.js +1 -0
- package/accordion/accordion.esm.min.js +1 -1
- package/accordion/accordion.js +1 -0
- package/accordion/accordion.min.js +1 -1
- package/api/api.cjs.js +41 -9
- package/api/api.cjs.min.js +1 -1
- package/api/api.d.ts +1 -0
- package/api/api.esm.js +41 -9
- package/api/api.esm.min.js +1 -1
- package/api/api.js +41 -9
- package/api/api.min.js +1 -1
- package/autocomplete/autocomplete.cjs.js +51 -54
- package/autocomplete/autocomplete.cjs.min.js +1 -1
- package/autocomplete/autocomplete.esm.js +51 -54
- package/autocomplete/autocomplete.esm.min.js +1 -1
- package/autocomplete/autocomplete.js +51 -54
- package/autocomplete/autocomplete.min.js +1 -1
- package/buttongroup/buttongroup.cjs.js +66 -0
- package/buttongroup/buttongroup.cjs.min.js +1 -0
- package/buttongroup/buttongroup.d.ts +86 -0
- package/buttongroup/buttongroup.esm.js +42 -0
- package/buttongroup/buttongroup.esm.min.js +1 -0
- package/buttongroup/buttongroup.js +65 -0
- package/buttongroup/buttongroup.min.js +1 -0
- package/buttongroup/package.json +7 -0
- package/calendar/calendar.cjs.js +217 -162
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.esm.js +217 -162
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +217 -162
- package/calendar/calendar.min.js +1 -1
- package/carousel/carousel.cjs.js +8 -8
- package/carousel/carousel.esm.js +8 -8
- package/carousel/carousel.js +8 -8
- package/cascadeselect/cascadeselect.cjs.js +6 -8
- package/cascadeselect/cascadeselect.esm.js +6 -8
- package/cascadeselect/cascadeselect.js +6 -8
- package/checkbox/checkbox.cjs.js +5 -6
- package/checkbox/checkbox.cjs.min.js +1 -1
- package/checkbox/checkbox.d.ts +1 -1
- package/checkbox/checkbox.esm.js +5 -6
- package/checkbox/checkbox.esm.min.js +1 -1
- package/checkbox/checkbox.js +5 -6
- package/checkbox/checkbox.min.js +1 -1
- package/chip/chip.cjs.js +1 -1
- package/chip/chip.cjs.min.js +1 -1
- package/chip/chip.esm.js +1 -1
- package/chip/chip.esm.min.js +1 -1
- package/chip/chip.js +1 -1
- package/chip/chip.min.js +1 -1
- package/chips/chips.cjs.js +8 -6
- package/chips/chips.cjs.min.js +1 -1
- package/chips/chips.esm.js +8 -6
- package/chips/chips.esm.min.js +1 -1
- package/chips/chips.js +8 -6
- package/chips/chips.min.js +1 -1
- package/colorpicker/colorpicker.cjs.js +8 -6
- package/colorpicker/colorpicker.cjs.min.js +1 -1
- package/colorpicker/colorpicker.esm.js +8 -6
- package/colorpicker/colorpicker.esm.min.js +1 -1
- package/colorpicker/colorpicker.js +8 -6
- package/colorpicker/colorpicker.min.js +1 -1
- package/column/column.d.ts +8 -52
- package/componentbase/componentbase.cjs.js +23 -11
- package/componentbase/componentbase.cjs.min.js +1 -1
- package/componentbase/componentbase.esm.js +23 -11
- package/componentbase/componentbase.esm.min.js +1 -1
- package/componentbase/componentbase.js +23 -11
- package/componentbase/componentbase.min.js +1 -1
- package/confirmpopup/confirmpopup.cjs.js +1 -1
- package/confirmpopup/confirmpopup.esm.js +1 -1
- package/confirmpopup/confirmpopup.js +1 -1
- package/contextmenu/contextmenu.cjs.js +8 -5
- package/contextmenu/contextmenu.cjs.min.js +1 -1
- package/contextmenu/contextmenu.esm.js +8 -5
- package/contextmenu/contextmenu.esm.min.js +1 -1
- package/contextmenu/contextmenu.js +8 -5
- package/contextmenu/contextmenu.min.js +1 -1
- package/core/core.js +969 -522
- package/core/core.min.js +10 -10
- package/csstransition/csstransition.cjs.js +17 -18
- package/csstransition/csstransition.esm.js +17 -18
- package/csstransition/csstransition.js +17 -18
- package/datascroller/datascroller.cjs.js +18 -20
- package/datascroller/datascroller.cjs.min.js +1 -1
- package/datascroller/datascroller.esm.js +18 -20
- package/datascroller/datascroller.esm.min.js +1 -1
- package/datascroller/datascroller.js +18 -20
- package/datascroller/datascroller.min.js +1 -1
- package/datatable/datatable.cjs.js +645 -376
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.d.ts +5 -5
- package/datatable/datatable.esm.js +648 -379
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +646 -377
- package/datatable/datatable.min.js +1 -1
- package/dataview/dataview.cjs.js +1 -1
- package/dataview/dataview.cjs.min.js +1 -1
- package/dataview/dataview.esm.js +1 -1
- package/dataview/dataview.esm.min.js +1 -1
- package/dataview/dataview.js +1 -1
- package/dataview/dataview.min.js +1 -1
- package/deferredcontent/deferredcontent.cjs.js +3 -4
- package/deferredcontent/deferredcontent.esm.js +3 -4
- package/deferredcontent/deferredcontent.js +3 -4
- package/dialog/dialog.cjs.js +22 -17
- package/dialog/dialog.esm.js +22 -17
- package/dialog/dialog.js +22 -17
- package/dock/dock.cjs.js +13 -4
- package/dock/dock.cjs.min.js +1 -1
- package/dock/dock.esm.js +13 -4
- package/dock/dock.esm.min.js +1 -1
- package/dock/dock.js +13 -4
- package/dock/dock.min.js +1 -1
- package/dropdown/dropdown.cjs.js +66 -60
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.d.ts +6 -1
- package/dropdown/dropdown.esm.js +66 -60
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +66 -60
- package/dropdown/dropdown.min.js +1 -1
- package/editor/editor.cjs.js +74 -75
- package/editor/editor.esm.js +74 -75
- package/editor/editor.js +74 -75
- package/fieldset/fieldset.cjs.js +1 -1
- package/fieldset/fieldset.cjs.min.js +1 -1
- package/fieldset/fieldset.esm.js +1 -1
- package/fieldset/fieldset.esm.min.js +1 -1
- package/fieldset/fieldset.js +1 -1
- package/fieldset/fieldset.min.js +1 -1
- package/fileupload/fileupload.cjs.js +21 -11
- package/fileupload/fileupload.cjs.min.js +1 -1
- package/fileupload/fileupload.esm.js +21 -11
- package/fileupload/fileupload.esm.min.js +1 -1
- package/fileupload/fileupload.js +21 -11
- package/fileupload/fileupload.min.js +1 -1
- package/floatlabel/floatlabel.cjs.js +67 -0
- package/floatlabel/floatlabel.cjs.min.js +1 -0
- package/floatlabel/floatlabel.d.ts +81 -0
- package/floatlabel/floatlabel.esm.js +43 -0
- package/floatlabel/floatlabel.esm.min.js +1 -0
- package/floatlabel/floatlabel.js +66 -0
- package/floatlabel/floatlabel.min.js +1 -0
- package/floatlabel/package.json +7 -0
- package/focustrap/focustrap.cjs.js +1 -1
- package/focustrap/focustrap.esm.js +1 -1
- package/focustrap/focustrap.js +1 -1
- package/galleria/galleria.cjs.js +4 -3
- package/galleria/galleria.cjs.min.js +1 -1
- package/galleria/galleria.esm.js +4 -3
- package/galleria/galleria.esm.min.js +1 -1
- package/galleria/galleria.js +4 -3
- package/galleria/galleria.min.js +1 -1
- package/hooks/hooks.cjs.js +32 -11
- package/hooks/hooks.esm.js +32 -11
- package/hooks/hooks.js +32 -11
- package/iconfield/iconfield.cjs.js +121 -0
- package/iconfield/iconfield.cjs.min.js +1 -0
- package/iconfield/iconfield.d.ts +95 -0
- package/iconfield/iconfield.esm.js +113 -0
- package/iconfield/iconfield.esm.min.js +1 -0
- package/iconfield/iconfield.js +120 -0
- package/iconfield/iconfield.min.js +1 -0
- package/image/image.cjs.js +7 -3
- package/image/image.esm.js +7 -3
- package/image/image.js +7 -3
- package/inplace/inplace.cjs.js +1 -1
- package/inplace/inplace.cjs.min.js +1 -1
- package/inplace/inplace.esm.js +1 -1
- package/inplace/inplace.esm.min.js +1 -1
- package/inplace/inplace.js +1 -1
- package/inplace/inplace.min.js +1 -1
- package/inputicon/inputicon.cjs.js +107 -0
- package/inputicon/inputicon.cjs.min.js +1 -0
- package/inputicon/inputicon.d.ts +78 -0
- package/inputicon/inputicon.esm.js +99 -0
- package/inputicon/inputicon.esm.min.js +1 -0
- package/inputicon/inputicon.js +106 -0
- package/inputicon/inputicon.min.js +1 -0
- package/inputmask/inputmask.cjs.js +56 -36
- package/inputmask/inputmask.esm.js +56 -36
- package/inputmask/inputmask.js +56 -36
- package/inputnumber/inputnumber.cjs.js +27 -17
- package/inputnumber/inputnumber.cjs.min.js +1 -1
- package/inputnumber/inputnumber.esm.js +27 -17
- package/inputnumber/inputnumber.esm.min.js +1 -1
- package/inputnumber/inputnumber.js +27 -17
- package/inputnumber/inputnumber.min.js +1 -1
- package/inputswitch/inputswitch.cjs.js +2 -2
- package/inputswitch/inputswitch.cjs.min.js +1 -1
- package/inputswitch/inputswitch.esm.js +2 -2
- package/inputswitch/inputswitch.esm.min.js +1 -1
- package/inputswitch/inputswitch.js +2 -2
- package/inputswitch/inputswitch.min.js +1 -1
- package/keyfilter/keyfilter.cjs.js +2 -2
- package/keyfilter/keyfilter.esm.js +2 -2
- package/keyfilter/keyfilter.js +2 -2
- package/knob/knob.cjs.js +14 -2
- package/knob/knob.esm.js +14 -2
- package/knob/knob.js +14 -2
- package/listbox/listbox.cjs.js +189 -67
- package/listbox/listbox.cjs.min.js +1 -1
- package/listbox/listbox.d.ts +17 -12
- package/listbox/listbox.esm.js +189 -67
- package/listbox/listbox.esm.min.js +1 -1
- package/listbox/listbox.js +189 -67
- package/listbox/listbox.min.js +1 -1
- package/megamenu/megamenu.cjs.js +94 -96
- package/megamenu/megamenu.cjs.min.js +1 -1
- package/megamenu/megamenu.esm.js +94 -96
- package/megamenu/megamenu.esm.min.js +1 -1
- package/megamenu/megamenu.js +94 -96
- package/megamenu/megamenu.min.js +1 -1
- package/mention/mention.cjs.js +4 -6
- package/mention/mention.esm.js +4 -6
- package/mention/mention.js +4 -6
- package/menu/menu.cjs.js +5 -2
- package/menu/menu.cjs.min.js +1 -1
- package/menu/menu.esm.js +5 -2
- package/menu/menu.esm.min.js +1 -1
- package/menu/menu.js +5 -2
- package/menu/menu.min.js +1 -1
- package/menubar/menubar.cjs.js +24 -23
- package/menubar/menubar.cjs.min.js +1 -1
- package/menubar/menubar.esm.js +24 -23
- package/menubar/menubar.esm.min.js +1 -1
- package/menubar/menubar.js +24 -23
- package/menubar/menubar.min.js +1 -1
- package/metergroup/metergroup.cjs.js +4 -5
- package/metergroup/metergroup.esm.js +4 -5
- package/metergroup/metergroup.js +4 -5
- package/multiselect/multiselect.cjs.js +203 -169
- package/multiselect/multiselect.cjs.min.js +1 -1
- package/multiselect/multiselect.d.ts +6 -1
- package/multiselect/multiselect.esm.js +203 -169
- package/multiselect/multiselect.esm.min.js +1 -1
- package/multiselect/multiselect.js +203 -169
- package/multiselect/multiselect.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.cjs.js +227 -28
- package/multistatecheckbox/multistatecheckbox.cjs.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.esm.js +228 -29
- package/multistatecheckbox/multistatecheckbox.esm.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.js +228 -30
- package/multistatecheckbox/multistatecheckbox.min.js +1 -1
- package/orderlist/orderlist.cjs.js +75 -50
- package/orderlist/orderlist.cjs.min.js +1 -1
- package/orderlist/orderlist.d.ts +7 -2
- package/orderlist/orderlist.esm.js +75 -50
- package/orderlist/orderlist.esm.min.js +1 -1
- package/orderlist/orderlist.js +75 -50
- package/orderlist/orderlist.min.js +1 -1
- package/organizationchart/organizationchart.cjs.js +7 -3
- package/organizationchart/organizationchart.esm.js +7 -3
- package/organizationchart/organizationchart.js +7 -3
- package/overlaypanel/overlaypanel.cjs.js +2 -2
- package/overlaypanel/overlaypanel.esm.js +2 -2
- package/overlaypanel/overlaypanel.js +2 -2
- package/package.json +1 -1
- package/paginator/paginator.cjs.js +19 -20
- package/paginator/paginator.cjs.min.js +1 -1
- package/paginator/paginator.esm.js +19 -20
- package/paginator/paginator.esm.min.js +1 -1
- package/paginator/paginator.js +19 -20
- package/paginator/paginator.min.js +1 -1
- package/panelmenu/panelmenu.cjs.js +18 -9
- package/panelmenu/panelmenu.esm.js +18 -9
- package/panelmenu/panelmenu.js +18 -9
- package/passthrough/tailwind/index.cjs.js +4 -2
- package/passthrough/tailwind/index.esm.js +4 -2
- package/passthrough/tailwind/index.js +4 -2
- package/password/password.cjs.js +3 -5
- package/password/password.esm.js +3 -5
- package/password/password.js +3 -5
- package/picklist/picklist.cjs.js +40 -11
- package/picklist/picklist.cjs.min.js +1 -1
- package/picklist/picklist.d.ts +7 -2
- package/picklist/picklist.esm.js +40 -11
- package/picklist/picklist.esm.min.js +1 -1
- package/picklist/picklist.js +40 -11
- package/picklist/picklist.min.js +1 -1
- package/primereact.all.cjs.js +3576 -2762
- package/primereact.all.cjs.min.js +1 -1
- package/primereact.all.esm.js +3576 -2762
- package/primereact.all.esm.min.js +1 -1
- package/primereact.all.js +3576 -2762
- package/primereact.all.min.js +1 -1
- package/progressbar/progressbar.cjs.js +6 -1
- package/progressbar/progressbar.esm.js +6 -1
- package/progressbar/progressbar.js +6 -1
- package/radiobutton/radiobutton.cjs.js +10 -12
- package/radiobutton/radiobutton.cjs.min.js +1 -1
- package/radiobutton/radiobutton.esm.js +10 -12
- package/radiobutton/radiobutton.esm.min.js +1 -1
- package/radiobutton/radiobutton.js +10 -12
- package/radiobutton/radiobutton.min.js +1 -1
- package/rating/rating.cjs.js +4 -4
- package/rating/rating.cjs.min.js +1 -1
- package/rating/rating.esm.js +4 -4
- package/rating/rating.esm.min.js +1 -1
- package/rating/rating.js +4 -4
- package/rating/rating.min.js +1 -1
- package/resources/themes/arya-blue/theme.css +378 -63
- package/resources/themes/arya-green/theme.css +378 -63
- package/resources/themes/arya-orange/theme.css +378 -63
- package/resources/themes/bootstrap4-dark-blue/theme.css +388 -73
- package/resources/themes/bootstrap4-dark-purple/theme.css +966 -188
- package/resources/themes/bootstrap4-light-blue/theme.css +388 -73
- package/resources/themes/bootstrap4-light-purple/theme.css +966 -188
- package/resources/themes/fluent-light/theme.css +372 -63
- package/resources/themes/lara-dark-amber/theme.css +396 -151
- package/resources/themes/lara-dark-blue/theme.css +396 -151
- package/resources/themes/lara-dark-cyan/theme.css +396 -151
- package/resources/themes/lara-dark-green/theme.css +396 -151
- package/resources/themes/lara-dark-indigo/theme.css +396 -151
- package/resources/themes/lara-dark-pink/theme.css +396 -151
- package/resources/themes/lara-dark-teal/theme.css +396 -151
- package/resources/themes/lara-light-amber/theme.css +392 -151
- package/resources/themes/lara-light-blue/theme.css +392 -151
- package/resources/themes/lara-light-cyan/theme.css +392 -151
- package/resources/themes/lara-light-green/theme.css +392 -151
- package/resources/themes/lara-light-indigo/theme.css +392 -151
- package/resources/themes/lara-light-pink/theme.css +392 -151
- package/resources/themes/lara-light-teal/theme.css +392 -151
- package/resources/themes/luna-amber/theme.css +378 -63
- package/resources/themes/luna-blue/theme.css +378 -63
- package/resources/themes/luna-green/theme.css +378 -63
- package/resources/themes/luna-pink/theme.css +378 -63
- package/resources/themes/md-dark-deeppurple/theme.css +323 -202
- package/resources/themes/md-dark-indigo/theme.css +444 -189
- package/resources/themes/md-light-deeppurple/theme.css +323 -202
- package/resources/themes/md-light-indigo/theme.css +444 -202
- package/resources/themes/mdc-dark-deeppurple/theme.css +323 -202
- package/resources/themes/mdc-dark-indigo/theme.css +444 -202
- package/resources/themes/mdc-light-deeppurple/theme.css +323 -202
- package/resources/themes/mdc-light-indigo/theme.css +444 -202
- package/resources/themes/mira/theme.css +378 -63
- package/resources/themes/nano/theme.css +378 -63
- package/resources/themes/nova/theme.css +378 -63
- package/resources/themes/nova-accent/theme.css +378 -63
- package/resources/themes/nova-alt/theme.css +378 -63
- package/resources/themes/rhea/theme.css +378 -63
- package/resources/themes/saga-blue/theme.css +378 -63
- package/resources/themes/saga-green/theme.css +378 -63
- package/resources/themes/saga-orange/theme.css +378 -63
- package/resources/themes/soho-dark/theme.css +388 -73
- package/resources/themes/soho-light/theme.css +388 -73
- package/resources/themes/tailwind-light/theme.css +378 -63
- package/resources/themes/vela-blue/theme.css +378 -63
- package/resources/themes/vela-green/theme.css +378 -63
- package/resources/themes/vela-orange/theme.css +378 -63
- package/resources/themes/viva-dark/theme.css +389 -74
- package/resources/themes/viva-light/theme.css +389 -74
- package/ripple/ripple.cjs.js +3 -1
- package/ripple/ripple.esm.js +3 -1
- package/ripple/ripple.js +3 -1
- package/scrollpanel/scrollpanel.cjs.js +2 -2
- package/scrollpanel/scrollpanel.esm.js +2 -2
- package/scrollpanel/scrollpanel.js +2 -2
- package/scrolltop/scrolltop.cjs.js +6 -2
- package/scrolltop/scrolltop.esm.js +6 -2
- package/scrolltop/scrolltop.js +6 -2
- package/selectbutton/selectbutton.cjs.js +20 -11
- package/selectbutton/selectbutton.cjs.min.js +1 -1
- package/selectbutton/selectbutton.esm.js +20 -11
- package/selectbutton/selectbutton.esm.min.js +1 -1
- package/selectbutton/selectbutton.js +20 -11
- package/selectbutton/selectbutton.min.js +1 -1
- package/sidebar/sidebar.cjs.js +1 -1
- package/sidebar/sidebar.esm.js +1 -1
- package/sidebar/sidebar.js +1 -1
- package/slidemenu/slidemenu.cjs.js +1 -1
- package/slidemenu/slidemenu.esm.js +1 -1
- package/slidemenu/slidemenu.js +1 -1
- package/slider/slider.cjs.js +37 -10
- package/slider/slider.cjs.min.js +1 -1
- package/slider/slider.esm.js +37 -10
- package/slider/slider.esm.min.js +1 -1
- package/slider/slider.js +37 -10
- package/slider/slider.min.js +1 -1
- package/speeddial/speeddial.cjs.js +1 -0
- package/speeddial/speeddial.cjs.min.js +1 -1
- package/speeddial/speeddial.esm.js +1 -0
- package/speeddial/speeddial.esm.min.js +1 -1
- package/speeddial/speeddial.js +1 -0
- package/speeddial/speeddial.min.js +1 -1
- package/splitbutton/splitbutton.cjs.js +18 -17
- package/splitbutton/splitbutton.cjs.min.js +1 -1
- package/splitbutton/splitbutton.esm.js +18 -17
- package/splitbutton/splitbutton.esm.min.js +1 -1
- package/splitbutton/splitbutton.js +18 -17
- package/splitbutton/splitbutton.min.js +1 -1
- package/splitter/splitter.cjs.js +24 -7
- package/splitter/splitter.cjs.min.js +1 -1
- package/splitter/splitter.esm.js +24 -7
- package/splitter/splitter.esm.min.js +1 -1
- package/splitter/splitter.js +24 -7
- package/splitter/splitter.min.js +1 -1
- package/stepper/package.json +7 -0
- package/stepper/stepper.cjs.js +567 -0
- package/stepper/stepper.cjs.min.js +1 -0
- package/stepper/stepper.d.ts +137 -0
- package/stepper/stepper.esm.js +541 -0
- package/stepper/stepper.esm.min.js +1 -0
- package/stepper/stepper.js +565 -0
- package/stepper/stepper.min.js +1 -0
- package/stepperpanel/package.json +7 -0
- package/stepperpanel/stepperpanel.cjs.js +56 -0
- package/stepperpanel/stepperpanel.cjs.min.js +1 -0
- package/stepperpanel/stepperpanel.d.ts +158 -0
- package/stepperpanel/stepperpanel.esm.js +32 -0
- package/stepperpanel/stepperpanel.esm.min.js +1 -0
- package/stepperpanel/stepperpanel.js +57 -0
- package/stepperpanel/stepperpanel.min.js +1 -0
- package/steps/steps.cjs.js +1 -0
- package/steps/steps.cjs.min.js +1 -1
- package/steps/steps.esm.js +1 -0
- package/steps/steps.esm.min.js +1 -1
- package/steps/steps.js +1 -0
- package/steps/steps.min.js +1 -1
- package/styleclass/styleclass.cjs.js +5 -1
- package/styleclass/styleclass.esm.js +5 -1
- package/styleclass/styleclass.js +5 -1
- package/tabmenu/tabmenu.cjs.js +1 -0
- package/tabmenu/tabmenu.cjs.min.js +1 -1
- package/tabmenu/tabmenu.esm.js +1 -0
- package/tabmenu/tabmenu.esm.min.js +1 -1
- package/tabmenu/tabmenu.js +1 -0
- package/tabmenu/tabmenu.min.js +1 -1
- package/tabview/tabview.cjs.js +23 -18
- package/tabview/tabview.cjs.min.js +1 -1
- package/tabview/tabview.esm.js +23 -18
- package/tabview/tabview.esm.min.js +1 -1
- package/tabview/tabview.js +23 -18
- package/tabview/tabview.min.js +1 -1
- package/terminal/terminal.cjs.js +2 -1
- package/terminal/terminal.cjs.min.js +1 -1
- package/terminal/terminal.esm.js +2 -1
- package/terminal/terminal.esm.min.js +1 -1
- package/terminal/terminal.js +2 -1
- package/terminal/terminal.min.js +1 -1
- package/tieredmenu/tieredmenu.cjs.js +18 -17
- package/tieredmenu/tieredmenu.cjs.min.js +1 -1
- package/tieredmenu/tieredmenu.esm.js +18 -17
- package/tieredmenu/tieredmenu.esm.min.js +1 -1
- package/tieredmenu/tieredmenu.js +18 -17
- package/tieredmenu/tieredmenu.min.js +1 -1
- package/toast/toast.cjs.js +1 -1
- package/toast/toast.esm.js +1 -1
- package/toast/toast.js +1 -1
- package/togglebutton/togglebutton.cjs.js +1 -1
- package/togglebutton/togglebutton.cjs.min.js +1 -1
- package/togglebutton/togglebutton.esm.js +1 -1
- package/togglebutton/togglebutton.esm.min.js +1 -1
- package/togglebutton/togglebutton.js +1 -1
- package/togglebutton/togglebutton.min.js +1 -1
- package/tooltip/tooltip.cjs.js +20 -17
- package/tooltip/tooltip.cjs.min.js +1 -1
- package/tooltip/tooltip.esm.js +20 -17
- package/tooltip/tooltip.esm.min.js +1 -1
- package/tooltip/tooltip.js +20 -17
- package/tooltip/tooltip.min.js +1 -1
- package/tree/tree.cjs.js +377 -148
- package/tree/tree.cjs.min.js +1 -1
- package/tree/tree.esm.js +378 -149
- package/tree/tree.esm.min.js +1 -1
- package/tree/tree.js +378 -150
- package/tree/tree.min.js +1 -1
- package/treeselect/treeselect.cjs.js +24 -17
- package/treeselect/treeselect.cjs.min.js +1 -1
- package/treeselect/treeselect.d.ts +2 -1
- package/treeselect/treeselect.esm.js +24 -17
- package/treeselect/treeselect.esm.min.js +1 -1
- package/treeselect/treeselect.js +24 -17
- package/treeselect/treeselect.min.js +1 -1
- package/treetable/treetable.cjs.js +492 -295
- package/treetable/treetable.cjs.min.js +1 -1
- package/treetable/treetable.d.ts +4 -4
- package/treetable/treetable.esm.js +494 -297
- package/treetable/treetable.esm.min.js +1 -1
- package/treetable/treetable.js +493 -296
- package/treetable/treetable.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.cjs.js +11 -5
- package/tristatecheckbox/tristatecheckbox.cjs.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.esm.js +11 -5
- package/tristatecheckbox/tristatecheckbox.esm.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.js +11 -5
- package/tristatecheckbox/tristatecheckbox.min.js +1 -1
- package/utils/utils.cjs.js +262 -139
- package/utils/utils.cjs.min.js +1 -1
- package/utils/utils.esm.js +262 -139
- package/utils/utils.esm.min.js +1 -1
- package/utils/utils.js +262 -139
- package/utils/utils.min.js +1 -1
- package/virtualscroller/virtualscroller.cjs.js +46 -43
- package/virtualscroller/virtualscroller.cjs.min.js +1 -1
- package/virtualscroller/virtualscroller.esm.js +46 -43
- package/virtualscroller/virtualscroller.esm.min.js +1 -1
- package/virtualscroller/virtualscroller.js +46 -43
- package/virtualscroller/virtualscroller.min.js +1 -1
- package/web-types.json +502 -33
package/listbox/listbox.js
CHANGED
|
@@ -153,7 +153,6 @@ this.primereact.listbox = (function (exports, React, api, componentbase, hooks,
|
|
|
153
153
|
return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray$1(arr, i) || _nonIterableRest();
|
|
154
154
|
}
|
|
155
155
|
|
|
156
|
-
var _defaultProps;
|
|
157
156
|
var classes = {
|
|
158
157
|
itemGroup: 'p-listbox-item-group',
|
|
159
158
|
emptyMessage: 'p-listbox-empty-message',
|
|
@@ -197,7 +196,7 @@ this.primereact.listbox = (function (exports, React, api, componentbase, hooks,
|
|
|
197
196
|
}
|
|
198
197
|
};
|
|
199
198
|
var ListBoxBase = componentbase.ComponentBase.extend({
|
|
200
|
-
defaultProps:
|
|
199
|
+
defaultProps: {
|
|
201
200
|
__TYPE: 'ListBox',
|
|
202
201
|
className: null,
|
|
203
202
|
dataKey: null,
|
|
@@ -213,14 +212,33 @@ this.primereact.listbox = (function (exports, React, api, componentbase, hooks,
|
|
|
213
212
|
filterPlaceholder: null,
|
|
214
213
|
filterTemplate: null,
|
|
215
214
|
filterValue: null,
|
|
216
|
-
|
|
215
|
+
focusOnHover: true,
|
|
217
216
|
id: null,
|
|
218
217
|
itemTemplate: null,
|
|
219
218
|
invalid: false,
|
|
220
219
|
listClassName: null,
|
|
221
220
|
listStyle: null,
|
|
222
|
-
metaKeySelection: false
|
|
223
|
-
|
|
221
|
+
metaKeySelection: false,
|
|
222
|
+
selectOnFocus: false,
|
|
223
|
+
autoOptionFocus: false,
|
|
224
|
+
multiple: false,
|
|
225
|
+
onChange: null,
|
|
226
|
+
onFilterValueChange: null,
|
|
227
|
+
optionDisabled: null,
|
|
228
|
+
optionGroupChildren: null,
|
|
229
|
+
optionGroupLabel: null,
|
|
230
|
+
optionGroupTemplate: null,
|
|
231
|
+
optionLabel: null,
|
|
232
|
+
optionValue: null,
|
|
233
|
+
options: null,
|
|
234
|
+
style: null,
|
|
235
|
+
tabIndex: 0,
|
|
236
|
+
tooltip: null,
|
|
237
|
+
tooltipOptions: null,
|
|
238
|
+
value: null,
|
|
239
|
+
virtualScrollerOptions: null,
|
|
240
|
+
children: undefined
|
|
241
|
+
},
|
|
224
242
|
css: {
|
|
225
243
|
classes: classes,
|
|
226
244
|
styles: styles,
|
|
@@ -350,6 +368,12 @@ this.primereact.listbox = (function (exports, React, api, componentbase, hooks,
|
|
|
350
368
|
onFocus: onFocus,
|
|
351
369
|
onBlur: onBlur,
|
|
352
370
|
tabIndex: '-1',
|
|
371
|
+
onMouseDown: function onMouseDown(event) {
|
|
372
|
+
return props.onOptionMouseDown(event, props.index);
|
|
373
|
+
},
|
|
374
|
+
onMouseMove: function onMouseMove(event) {
|
|
375
|
+
return props.onOptionMouseMove(event, props.index);
|
|
376
|
+
},
|
|
353
377
|
'aria-label': props.label,
|
|
354
378
|
key: props.optionKey,
|
|
355
379
|
role: 'option',
|
|
@@ -381,10 +405,18 @@ this.primereact.listbox = (function (exports, React, api, componentbase, hooks,
|
|
|
381
405
|
_React$useState4 = _slicedToArray(_React$useState3, 2),
|
|
382
406
|
startRangeIndex = _React$useState4[0],
|
|
383
407
|
setStartRangeIndex = _React$useState4[1];
|
|
384
|
-
var _React$useState5 = React__namespace.useState(
|
|
408
|
+
var _React$useState5 = React__namespace.useState(false),
|
|
385
409
|
_React$useState6 = _slicedToArray(_React$useState5, 2),
|
|
386
|
-
|
|
387
|
-
|
|
410
|
+
focused = _React$useState6[0],
|
|
411
|
+
setFocused = _React$useState6[1];
|
|
412
|
+
var _React$useState7 = React__namespace.useState(''),
|
|
413
|
+
_React$useState8 = _slicedToArray(_React$useState7, 2),
|
|
414
|
+
filterValueState = _React$useState8[0],
|
|
415
|
+
setFilterValueState = _React$useState8[1];
|
|
416
|
+
var _React$useState9 = React__namespace.useState(''),
|
|
417
|
+
_React$useState10 = _slicedToArray(_React$useState9, 2),
|
|
418
|
+
searchValue = _React$useState10[0],
|
|
419
|
+
setSearchValue = _React$useState10[1];
|
|
388
420
|
var elementRef = React__namespace.useRef(null);
|
|
389
421
|
var virtualScrollerRef = React__namespace.useRef(null);
|
|
390
422
|
var id = React__namespace.useRef(null);
|
|
@@ -411,6 +443,14 @@ this.primereact.listbox = (function (exports, React, api, componentbase, hooks,
|
|
|
411
443
|
optionTouched.current = false;
|
|
412
444
|
index !== -1 && setFocusedOptionIndex(index);
|
|
413
445
|
};
|
|
446
|
+
var onOptionMouseDown = function onOptionMouseDown(event, index) {
|
|
447
|
+
changeFocusedOptionIndex(event, index);
|
|
448
|
+
};
|
|
449
|
+
var onOptionMouseMove = function onOptionMouseMove(event, index) {
|
|
450
|
+
if (props.focusOnHover && focused) {
|
|
451
|
+
changeFocusedOptionIndex(event, index);
|
|
452
|
+
}
|
|
453
|
+
};
|
|
414
454
|
var onOptionTouchEnd = function onOptionTouchEnd() {
|
|
415
455
|
if (props.disabled) {
|
|
416
456
|
return;
|
|
@@ -449,7 +489,11 @@ this.primereact.listbox = (function (exports, React, api, componentbase, hooks,
|
|
|
449
489
|
if (metaSelection) {
|
|
450
490
|
var metaKey = event.metaKey || event.ctrlKey;
|
|
451
491
|
if (selected) {
|
|
452
|
-
if (metaKey)
|
|
492
|
+
if (metaKey) {
|
|
493
|
+
value = removeOption(option);
|
|
494
|
+
} else {
|
|
495
|
+
value = [getOptionValue(option)];
|
|
496
|
+
}
|
|
453
497
|
valueChanged = true;
|
|
454
498
|
} else {
|
|
455
499
|
value = metaKey ? props.value || [] : [];
|
|
@@ -457,7 +501,11 @@ this.primereact.listbox = (function (exports, React, api, componentbase, hooks,
|
|
|
457
501
|
valueChanged = true;
|
|
458
502
|
}
|
|
459
503
|
} else {
|
|
460
|
-
if (selected)
|
|
504
|
+
if (selected) {
|
|
505
|
+
value = removeOption(option);
|
|
506
|
+
} else {
|
|
507
|
+
value = [].concat(_toConsumableArray(props.value || []), [getOptionValue(option)]);
|
|
508
|
+
}
|
|
461
509
|
valueChanged = true;
|
|
462
510
|
}
|
|
463
511
|
if (valueChanged) {
|
|
@@ -465,10 +513,10 @@ this.primereact.listbox = (function (exports, React, api, componentbase, hooks,
|
|
|
465
513
|
originalEvent: event,
|
|
466
514
|
value: value,
|
|
467
515
|
stopPropagation: function stopPropagation() {
|
|
468
|
-
event.stopPropagation();
|
|
516
|
+
event === null || event === void 0 || event.stopPropagation();
|
|
469
517
|
},
|
|
470
518
|
preventDefault: function preventDefault() {
|
|
471
|
-
event.preventDefault();
|
|
519
|
+
event === null || event === void 0 || event.preventDefault();
|
|
472
520
|
},
|
|
473
521
|
target: {
|
|
474
522
|
name: props.name,
|
|
@@ -495,6 +543,43 @@ this.primereact.listbox = (function (exports, React, api, componentbase, hooks,
|
|
|
495
543
|
return isValidOption(option);
|
|
496
544
|
});
|
|
497
545
|
};
|
|
546
|
+
var findLastSelectedOptionIndex = function findLastSelectedOptionIndex() {
|
|
547
|
+
return hasSelectedOption() ? utils.ObjectUtils.findLastIndex(visibleOptions, function (option) {
|
|
548
|
+
return isValidSelectedOption(option);
|
|
549
|
+
}) : -1;
|
|
550
|
+
};
|
|
551
|
+
var findSelectedOptionIndex = function findSelectedOptionIndex() {
|
|
552
|
+
if (hasSelectedOption()) {
|
|
553
|
+
if (props.multiple) {
|
|
554
|
+
var _loop = function _loop() {
|
|
555
|
+
var value = props.value[index];
|
|
556
|
+
var matchedOptionIndex = visibleOptions.findIndex(function (option) {
|
|
557
|
+
return isValidSelectedOption(option) && isEquals(value, getOptionValue(option));
|
|
558
|
+
});
|
|
559
|
+
if (matchedOptionIndex > -1) {
|
|
560
|
+
return {
|
|
561
|
+
v: matchedOptionIndex
|
|
562
|
+
};
|
|
563
|
+
}
|
|
564
|
+
},
|
|
565
|
+
_ret;
|
|
566
|
+
for (var index = props.value.length - 1; index >= 0; index--) {
|
|
567
|
+
_ret = _loop();
|
|
568
|
+
if (_ret) return _ret.v;
|
|
569
|
+
}
|
|
570
|
+
} else {
|
|
571
|
+
return visibleOptions.findIndex(function (option) {
|
|
572
|
+
return isValidSelectedOption(option);
|
|
573
|
+
});
|
|
574
|
+
}
|
|
575
|
+
}
|
|
576
|
+
return -1;
|
|
577
|
+
};
|
|
578
|
+
var findFirstSelectedOptionIndex = function findFirstSelectedOptionIndex() {
|
|
579
|
+
return hasSelectedOption() ? visibleOptions.findIndex(function (option) {
|
|
580
|
+
return isValidSelectedOption(option);
|
|
581
|
+
}) : -1;
|
|
582
|
+
};
|
|
498
583
|
var findLastOptionIndex = function findLastOptionIndex() {
|
|
499
584
|
return utils.ObjectUtils.findLastIndex(visibleOptions, function (option) {
|
|
500
585
|
return isValidOption(option);
|
|
@@ -518,7 +603,7 @@ this.primereact.listbox = (function (exports, React, api, componentbase, hooks,
|
|
|
518
603
|
var findNearestSelectedOptionIndex = function findNearestSelectedOptionIndex(index) {
|
|
519
604
|
var firstCheckUp = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
520
605
|
var matchedOptionIndex = -1;
|
|
521
|
-
if (hasSelectedOption) {
|
|
606
|
+
if (hasSelectedOption()) {
|
|
522
607
|
if (firstCheckUp) {
|
|
523
608
|
matchedOptionIndex = findPrevSelectedOptionIndex(index);
|
|
524
609
|
matchedOptionIndex = matchedOptionIndex === -1 ? findNextSelectedOptionIndex(index) : matchedOptionIndex;
|
|
@@ -534,7 +619,7 @@ this.primereact.listbox = (function (exports, React, api, componentbase, hooks,
|
|
|
534
619
|
return isValidOption(option) && ((_getOptionLabel = getOptionLabel(option)) === null || _getOptionLabel === void 0 ? void 0 : _getOptionLabel.toLocaleLowerCase(props.filterLocale).startsWith(searchValue.toLocaleLowerCase(props.filterLocale)));
|
|
535
620
|
};
|
|
536
621
|
var searchOptions = function searchOptions(event, _char) {
|
|
537
|
-
|
|
622
|
+
setSearchValue((searchValue || '') + _char);
|
|
538
623
|
var optionIndex = -1;
|
|
539
624
|
if (utils.ObjectUtils.isNotEmpty(searchValue)) {
|
|
540
625
|
if (focusedOptionIndex !== -1) {
|
|
@@ -560,18 +645,18 @@ this.primereact.listbox = (function (exports, React, api, componentbase, hooks,
|
|
|
560
645
|
clearTimeout(searchTimeout.current);
|
|
561
646
|
}
|
|
562
647
|
searchTimeout.current = setTimeout(function () {
|
|
563
|
-
|
|
648
|
+
setSearchValue('');
|
|
564
649
|
searchTimeout.current = null;
|
|
565
650
|
}, 500);
|
|
566
651
|
};
|
|
567
652
|
var findNextSelectedOptionIndex = function findNextSelectedOptionIndex(index) {
|
|
568
|
-
var matchedOptionIndex = hasSelectedOption && index < visibleOptions.length - 1 ? visibleOptions.slice(index + 1).findIndex(function (option) {
|
|
653
|
+
var matchedOptionIndex = hasSelectedOption() && index < visibleOptions.length - 1 ? visibleOptions.slice(index + 1).findIndex(function (option) {
|
|
569
654
|
return isValidSelectedOption(option);
|
|
570
655
|
}) : -1;
|
|
571
656
|
return matchedOptionIndex > -1 ? matchedOptionIndex + index + 1 : -1;
|
|
572
657
|
};
|
|
573
658
|
var findPrevSelectedOptionIndex = function findPrevSelectedOptionIndex(index) {
|
|
574
|
-
var matchedOptionIndex = hasSelectedOption && index > 0 ? utils.ObjectUtils.findLastIndex(visibleOptions.slice(0, index), function (option) {
|
|
659
|
+
var matchedOptionIndex = hasSelectedOption() && index > 0 ? utils.ObjectUtils.findLastIndex(visibleOptions.slice(0, index), function (option) {
|
|
575
660
|
return isValidSelectedOption(option);
|
|
576
661
|
}) : -1;
|
|
577
662
|
return matchedOptionIndex > -1 ? matchedOptionIndex : -1;
|
|
@@ -596,6 +681,10 @@ this.primereact.listbox = (function (exports, React, api, componentbase, hooks,
|
|
|
596
681
|
var selectedIndex = findFirstSelectedOptionIndex();
|
|
597
682
|
return selectedIndex < 0 ? findFirstOptionIndex() : selectedIndex;
|
|
598
683
|
};
|
|
684
|
+
var findLastFocusedOptionIndex = function findLastFocusedOptionIndex() {
|
|
685
|
+
var selectedIndex = findLastSelectedOptionIndex();
|
|
686
|
+
return selectedIndex < 0 ? findLastOptionIndex() : selectedIndex;
|
|
687
|
+
};
|
|
599
688
|
var changeFocusedOptionIndex = function changeFocusedOptionIndex(event, index) {
|
|
600
689
|
if (focusedOptionIndex !== index) {
|
|
601
690
|
setFocusedOptionIndex(index);
|
|
@@ -623,7 +712,11 @@ this.primereact.listbox = (function (exports, React, api, componentbase, hooks,
|
|
|
623
712
|
};
|
|
624
713
|
var onEnterKey = function onEnterKey(event) {
|
|
625
714
|
if (focusedOptionIndex !== -1) {
|
|
626
|
-
if (props.multiple && event.shiftKey)
|
|
715
|
+
if (props.multiple && event.shiftKey) {
|
|
716
|
+
onOptionSelectRange(event, focusedOptionIndex);
|
|
717
|
+
} else {
|
|
718
|
+
onOptionSelect(event, visibleOptions[focusedOptionIndex]);
|
|
719
|
+
}
|
|
627
720
|
}
|
|
628
721
|
event.preventDefault();
|
|
629
722
|
};
|
|
@@ -673,7 +766,7 @@ this.primereact.listbox = (function (exports, React, api, componentbase, hooks,
|
|
|
673
766
|
scrollInView(visibleOptions.length - 1);
|
|
674
767
|
event.preventDefault();
|
|
675
768
|
};
|
|
676
|
-
var
|
|
769
|
+
var onListKeyDown = function onListKeyDown(event) {
|
|
677
770
|
var metaKey = event.metaKey || event.ctrlKey;
|
|
678
771
|
switch (event.code) {
|
|
679
772
|
case 'ArrowDown':
|
|
@@ -737,7 +830,7 @@ this.primereact.listbox = (function (exports, React, api, componentbase, hooks,
|
|
|
737
830
|
behavior: 'smooth'
|
|
738
831
|
});
|
|
739
832
|
} else if (props.virtualScrollerOptions) {
|
|
740
|
-
virtualScrollerRef.current && virtualScrollerRef.current.scrollToIndex(index !== -1 ? index :
|
|
833
|
+
virtualScrollerRef.current && virtualScrollerRef.current.scrollToIndex(index !== -1 ? index : focusedOptionIndex);
|
|
741
834
|
}
|
|
742
835
|
}, 0);
|
|
743
836
|
};
|
|
@@ -760,16 +853,24 @@ this.primereact.listbox = (function (exports, React, api, componentbase, hooks,
|
|
|
760
853
|
filter: ''
|
|
761
854
|
});
|
|
762
855
|
};
|
|
856
|
+
var autoUpdateModel = function autoUpdateModel() {
|
|
857
|
+
var isFocus = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : focused;
|
|
858
|
+
if (props.selectOnFocus && props.autoOptionFocus && !hasSelectedOption() && !props.multiple && isFocus) {
|
|
859
|
+
var currentFocusOptionIndex = findFirstFocusedOptionIndex();
|
|
860
|
+
onOptionSelect(null, visibleOptions[currentFocusOptionIndex]);
|
|
861
|
+
setFocusedOptionIndex(currentFocusOptionIndex);
|
|
862
|
+
}
|
|
863
|
+
};
|
|
763
864
|
var updateModel = function updateModel(event, value) {
|
|
764
865
|
if (props.onChange) {
|
|
765
866
|
props.onChange({
|
|
766
867
|
originalEvent: event,
|
|
767
868
|
value: value,
|
|
768
869
|
stopPropagation: function stopPropagation() {
|
|
769
|
-
event.stopPropagation();
|
|
870
|
+
event === null || event === void 0 || event.stopPropagation();
|
|
770
871
|
},
|
|
771
872
|
preventDefault: function preventDefault() {
|
|
772
|
-
event.preventDefault();
|
|
873
|
+
event === null || event === void 0 || event.preventDefault();
|
|
773
874
|
},
|
|
774
875
|
target: {
|
|
775
876
|
name: props.name,
|
|
@@ -811,18 +912,23 @@ this.primereact.listbox = (function (exports, React, api, componentbase, hooks,
|
|
|
811
912
|
return utils.ObjectUtils.equals(value, getOptionValue(item), key);
|
|
812
913
|
});
|
|
813
914
|
};
|
|
915
|
+
var isEquals = function isEquals(value1, value2) {
|
|
916
|
+
return utils.ObjectUtils.equals(value1, value2, equalityKey());
|
|
917
|
+
};
|
|
814
918
|
var isSelected = function isSelected(option) {
|
|
815
919
|
var optionValue = getOptionValue(option);
|
|
816
|
-
|
|
817
|
-
|
|
818
|
-
|
|
819
|
-
|
|
920
|
+
if (props.multiple) {
|
|
921
|
+
return (props.value || []).some(function (value) {
|
|
922
|
+
return isEquals(value, optionValue);
|
|
923
|
+
});
|
|
924
|
+
}
|
|
925
|
+
return isEquals(props.value, optionValue);
|
|
820
926
|
};
|
|
821
927
|
var getOptionLabel = function getOptionLabel(option) {
|
|
822
|
-
return props.optionLabel ? utils.ObjectUtils.resolveFieldData(option, props.optionLabel) : option && option
|
|
928
|
+
return props.optionLabel ? utils.ObjectUtils.resolveFieldData(option, props.optionLabel) : option && option.label !== undefined ? option.label : option;
|
|
823
929
|
};
|
|
824
930
|
var getOptionValue = function getOptionValue(option) {
|
|
825
|
-
return props.optionValue ? utils.ObjectUtils.resolveFieldData(option, props.optionValue) : option && option
|
|
931
|
+
return props.optionValue ? utils.ObjectUtils.resolveFieldData(option, props.optionValue) : option && option.value !== undefined ? option.value : option;
|
|
826
932
|
};
|
|
827
933
|
var getOptionRenderKey = function getOptionRenderKey(option) {
|
|
828
934
|
return props.dataKey ? utils.ObjectUtils.resolveFieldData(option, props.dataKey) : getOptionLabel(option);
|
|
@@ -831,7 +937,7 @@ this.primereact.listbox = (function (exports, React, api, componentbase, hooks,
|
|
|
831
937
|
if (props.optionDisabled) {
|
|
832
938
|
return utils.ObjectUtils.isFunction(props.optionDisabled) ? props.optionDisabled(option) : utils.ObjectUtils.resolveFieldData(option, props.optionDisabled);
|
|
833
939
|
}
|
|
834
|
-
return option && option
|
|
940
|
+
return option && option.disabled !== undefined ? option.disabled : false;
|
|
835
941
|
};
|
|
836
942
|
var onFirstHiddenFocus = function onFirstHiddenFocus() {
|
|
837
943
|
utils.DomHandler.focus(listRef.current);
|
|
@@ -851,6 +957,17 @@ this.primereact.listbox = (function (exports, React, api, componentbase, hooks,
|
|
|
851
957
|
}
|
|
852
958
|
lastHiddenFocusableElement.current.tabIndex = -1;
|
|
853
959
|
};
|
|
960
|
+
var onListFocus = function onListFocus() {
|
|
961
|
+
setFocused(true);
|
|
962
|
+
setFocusedOptionIndex(focusedOptionIndex !== -1 ? focusedOptionIndex : props.autoOptionFocus ? findFirstFocusedOptionIndex() : findSelectedOptionIndex());
|
|
963
|
+
autoUpdateModel(true);
|
|
964
|
+
};
|
|
965
|
+
var onListBlur = function onListBlur(event) {
|
|
966
|
+
setFocused(false);
|
|
967
|
+
setFocusedOptionIndex(-1);
|
|
968
|
+
setStartRangeIndex(-1);
|
|
969
|
+
setSearchValue('');
|
|
970
|
+
};
|
|
854
971
|
var getOptionGroupRenderKey = function getOptionGroupRenderKey(optionGroup) {
|
|
855
972
|
return utils.ObjectUtils.resolveFieldData(optionGroup, props.optionGroupLabel);
|
|
856
973
|
};
|
|
@@ -884,12 +1001,10 @@ this.primereact.listbox = (function (exports, React, api, componentbase, hooks,
|
|
|
884
1001
|
_iterator.f();
|
|
885
1002
|
}
|
|
886
1003
|
return filteredGroups;
|
|
887
|
-
} else {
|
|
888
|
-
return api.FilterService.filter(props.options, searchFields, filterValue, props.filterMatchMode, props.filterLocale);
|
|
889
1004
|
}
|
|
890
|
-
|
|
891
|
-
return props.options;
|
|
1005
|
+
return api.FilterService.filter(props.options, searchFields, filterValue, props.filterMatchMode, props.filterLocale);
|
|
892
1006
|
}
|
|
1007
|
+
return props.options;
|
|
893
1008
|
};
|
|
894
1009
|
var scrollToSelectedIndex = function scrollToSelectedIndex() {
|
|
895
1010
|
if (virtualScrollerRef.current) {
|
|
@@ -950,6 +1065,8 @@ this.primereact.listbox = (function (exports, React, api, componentbase, hooks,
|
|
|
950
1065
|
style: style,
|
|
951
1066
|
template: props.itemTemplate,
|
|
952
1067
|
selected: isSelected(option),
|
|
1068
|
+
onOptionMouseDown: onOptionMouseDown,
|
|
1069
|
+
onOptionMouseMove: onOptionMouseMove,
|
|
953
1070
|
onClick: onOptionSelect,
|
|
954
1071
|
index: j,
|
|
955
1072
|
focusedOptionIndex: focusedOptionIndex,
|
|
@@ -979,29 +1096,30 @@ this.primereact.listbox = (function (exports, React, api, componentbase, hooks,
|
|
|
979
1096
|
return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
|
|
980
1097
|
key: key
|
|
981
1098
|
}, /*#__PURE__*/React__namespace.createElement("li", itemGroupProps, groupContent), groupChildrenContent);
|
|
982
|
-
} else {
|
|
983
|
-
var optionLabel = getOptionLabel(option);
|
|
984
|
-
var optionKey = index + '_' + getOptionRenderKey(option);
|
|
985
|
-
var disabled = isOptionDisabled(option);
|
|
986
|
-
return /*#__PURE__*/React__namespace.createElement(ListBoxItem, {
|
|
987
|
-
id: id.current + '_' + index,
|
|
988
|
-
hostName: "ListBox",
|
|
989
|
-
optionKey: optionKey,
|
|
990
|
-
key: optionKey,
|
|
991
|
-
label: optionLabel,
|
|
992
|
-
index: index,
|
|
993
|
-
focusedOptionIndex: focusedOptionIndex,
|
|
994
|
-
option: option,
|
|
995
|
-
style: style,
|
|
996
|
-
template: props.itemTemplate,
|
|
997
|
-
selected: isSelected(option),
|
|
998
|
-
onClick: onOptionSelect,
|
|
999
|
-
onTouchEnd: onOptionTouchEnd,
|
|
1000
|
-
disabled: disabled,
|
|
1001
|
-
ptCallbacks: ptCallbacks,
|
|
1002
|
-
metaData: metaData
|
|
1003
|
-
});
|
|
1004
1099
|
}
|
|
1100
|
+
var optionLabel = getOptionLabel(option);
|
|
1101
|
+
var optionKey = index + '_' + getOptionRenderKey(option);
|
|
1102
|
+
var disabled = isOptionDisabled(option);
|
|
1103
|
+
return /*#__PURE__*/React__namespace.createElement(ListBoxItem, {
|
|
1104
|
+
id: id.current + '_' + index,
|
|
1105
|
+
hostName: "ListBox",
|
|
1106
|
+
optionKey: optionKey,
|
|
1107
|
+
key: optionKey,
|
|
1108
|
+
label: optionLabel,
|
|
1109
|
+
index: index,
|
|
1110
|
+
onOptionMouseDown: onOptionMouseDown,
|
|
1111
|
+
onOptionMouseMove: onOptionMouseMove,
|
|
1112
|
+
focusedOptionIndex: focusedOptionIndex,
|
|
1113
|
+
option: option,
|
|
1114
|
+
style: style,
|
|
1115
|
+
template: props.itemTemplate,
|
|
1116
|
+
selected: isSelected(option),
|
|
1117
|
+
onClick: onOptionSelect,
|
|
1118
|
+
onTouchEnd: onOptionTouchEnd,
|
|
1119
|
+
disabled: disabled,
|
|
1120
|
+
ptCallbacks: ptCallbacks,
|
|
1121
|
+
metaData: metaData
|
|
1122
|
+
});
|
|
1005
1123
|
};
|
|
1006
1124
|
var createItems = function createItems() {
|
|
1007
1125
|
if (utils.ObjectUtils.isNotEmpty(visibleOptions)) {
|
|
@@ -1041,7 +1159,10 @@ this.primereact.listbox = (function (exports, React, api, componentbase, hooks,
|
|
|
1041
1159
|
}),
|
|
1042
1160
|
role: 'listbox',
|
|
1043
1161
|
tabIndex: '-1',
|
|
1044
|
-
'aria-multiselectable': props.multiple
|
|
1162
|
+
'aria-multiselectable': props.multiple,
|
|
1163
|
+
onFocus: onListFocus,
|
|
1164
|
+
onBlur: onListBlur,
|
|
1165
|
+
onKeyDown: onListKeyDown
|
|
1045
1166
|
}, ariaProps), ptCallbacks.ptm('list'));
|
|
1046
1167
|
return /*#__PURE__*/React__namespace.createElement("ul", listProps, options.children);
|
|
1047
1168
|
}
|
|
@@ -1051,18 +1172,19 @@ this.primereact.listbox = (function (exports, React, api, componentbase, hooks,
|
|
|
1051
1172
|
}, virtualScrollerProps, {
|
|
1052
1173
|
pt: ptCallbacks.ptm('virtualScroller')
|
|
1053
1174
|
}));
|
|
1054
|
-
} else {
|
|
1055
|
-
var items = createItems();
|
|
1056
|
-
var listProps = mergeProps(_objectSpread({
|
|
1057
|
-
ref: listRef,
|
|
1058
|
-
className: ptCallbacks.cx('list'),
|
|
1059
|
-
role: 'listbox',
|
|
1060
|
-
'aria-multiselectable': props.multiple,
|
|
1061
|
-
tabIndex: '-1',
|
|
1062
|
-
onKeyDown: onKeyDown
|
|
1063
|
-
}, ariaProps), ptCallbacks.ptm('list'));
|
|
1064
|
-
return /*#__PURE__*/React__namespace.createElement("ul", listProps, items);
|
|
1065
1175
|
}
|
|
1176
|
+
var items = createItems();
|
|
1177
|
+
var listProps = mergeProps(_objectSpread({
|
|
1178
|
+
ref: listRef,
|
|
1179
|
+
className: ptCallbacks.cx('list'),
|
|
1180
|
+
role: 'listbox',
|
|
1181
|
+
'aria-multiselectable': props.multiple,
|
|
1182
|
+
tabIndex: '-1',
|
|
1183
|
+
onFocus: onListFocus,
|
|
1184
|
+
onBlur: onListBlur,
|
|
1185
|
+
onKeyDown: onListKeyDown
|
|
1186
|
+
}, ariaProps), ptCallbacks.ptm('list'));
|
|
1187
|
+
return /*#__PURE__*/React__namespace.createElement("ul", listProps, items);
|
|
1066
1188
|
};
|
|
1067
1189
|
var visibleOptions = getVisibleOptions();
|
|
1068
1190
|
var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
|
package/listbox/listbox.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.listbox=function(e,t,n,r,l,i,o,a,u,c,s){"use strict";function p(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var f,d=p(t);function m(){return m=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},m.apply(this,arguments)}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 v(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 y(e){var t=v(e,"string");return"symbol"===b(t)?t:String(t)}function h(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 g(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 g(e)}function x(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 g(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)?g(e,t):void 0}}function I(){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 E(e){return O(e)||x(e)||j(e)||I()}function S(e){throw new TypeError('"'+e+'" is read-only')}function D(e){if(Array.isArray(e))return e}function w(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,i,o,a=[],u=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=i.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){c=!0,l=e}finally{try{if(!u&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(c)throw l}}return a}}function P(){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 F(e,t){return D(e)||w(e,t)||j(e,t)||P()}var L={itemGroup:"p-listbox-item-group",emptyMessage:"p-listbox-empty-message",list:"p-listbox-list",wrapper:function(e){return o.classNames("p-listbox-list-wrapper",e.props.listClassName)},root:function(e){var t=e.props;return o.classNames("p-listbox p-component",{"p-disabled":t.disabled,"p-invalid":t.invalid},t.className)},item:function(e){var t=e.props;return o.classNames("p-listbox-item",{"p-highlight":t.selected,"p-focus":t.focusedOptionIndex===t.index,"p-disabled":t.disabled},t.option.className)},filterContainer:"p-listbox-filter-container",filterIcon:"p-listbox-filter-icon",filterInput:"p-listbox-filter",header:"p-listbox-header"},N={itemGroup:function(e){var t=e.scrollerOptions;return{height:t.props?t.props.itemSize:void 0}},list:function(e){return e.props.virtualScrollerOptions?e.options.style:void 0}},C=r.ComponentBase.extend({defaultProps:(f={__TYPE:"ListBox",className:null,dataKey:null,disabled:null,emptyFilterMessage:null,emptyMessage:null,filter:!1,filterIcon:null,filterBy:null,filterInputProps:null,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,filterValue:null,selectOnFocus:!1,id:null,itemTemplate:null,invalid:!1,listClassName:null,listStyle:null,metaKeySelection:!1},h(h(h(h(h(h(h(h(h(h(f,"selectOnFocus",!1),"autoOptionFocus",!1),"multiple",!1),"onChange",null),"onFilterValueChange",null),"optionDisabled",null),"optionGroupChildren",null),"optionGroupLabel",null),"optionGroupTemplate",null),"optionLabel",null),h(h(h(h(h(h(h(h(h(f,"optionValue",null),"options",null),"style",null),"tabIndex",0),"tooltip",null),"tooltipOptions",null),"value",null),"virtualScrollerOptions",null),"children",void 0)),css:{classes:L,styles:"\n@layer primereact {\n .p-listbox-list-wrapper {\n overflow: auto;\n }\n \n .p-listbox-list {\n list-style-type: none;\n margin: 0;\n padding: 0;\n }\n \n .p-listbox-item {\n cursor: pointer;\n position: relative;\n overflow: hidden;\n outline: none;\n }\n \n .p-listbox-filter-container {\n position: relative;\n }\n \n .p-listbox-filter-icon {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n }\n \n .p-listbox-filter {\n width: 100%;\n }\n}\n",inlineStyles: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 U(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){h(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 k=d.memo((function(e){var t=l.useMergeProps(),n=e.ptCallbacks,r=n.ptm,i=n.cx,a=function(t,n){return r(t,U({hostName:e.hostName},n))},s={filter:function(e){return p(e)},reset:function(){return e.resetFilter()}},p=function(t){e.onFilter&&e.onFilter({originalEvent:t,value:t.target.value})},f=function(){var n=t({className:i("filterIcon")},a("filterIcon")),l=o.IconUtils.getJSXIcon(e.filterIcon||d.createElement(u.SearchIcon,n),U({},n),{props:e}),f=t({className:i("header")},a("header")),b=t({className:i("filterContainer")},a("filterContainer")),v=d.createElement("div",b,d.createElement(c.InputText,m({type:"text",value:e.filter,onChange:p,className:i("filterInput"),disabled:e.disabled,placeholder:e.filterPlaceholder},e.filterInputProps,{pt:r("filterInput"),unstyled:e.unstyled,__parentMetadata:{parent:e.metaData}})),l);e.filterTemplate&&(v=o.ObjectUtils.getJSXElement(e.filterTemplate,{className:"p-listbox-filter-container",element:v,filterOptions:s,filterInputChange:p,filterIconClassName:"p-dropdown-filter-icon",props:e}));return d.createElement("div",f,v)}();return d.createElement(d.Fragment,null,f)}));k.displayName="ListBoxHeader";var K=d.memo((function(e){var t=F(d.useState(!1),2),n=t[0],r=t[1],i=l.useMergeProps(),a=e.ptCallbacks,u=a.ptm,c=a.cx,p=e.template?o.ObjectUtils.getJSXElement(e.template,e.option):e.label,f=i({id:e.id,className:c("item",{props:e}),style:e.style,onClick:function(t){return e.onClick(t,e.option,e.index)},onTouchEnd:function(t){e.onTouchEnd&&e.onTouchEnd({originalEvent:t,option:e.option})},onFocus:function(e){r(!0)},onBlur:function(e){r(!1)},tabIndex:"-1","aria-label":e.label,key:e.optionKey,role:"option","aria-selected":e.selected,"aria-disabled":e.disabled,"data-p-disabled":e.disabled},u("item",{hostName:e.hostName,context:{selected:e.selected,disabled:e.disabled,focused:n,focusedOptionIndex:e.focusedOptionIndex}}));return d.createElement("li",f,p,d.createElement(s.Ripple,null))}));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 A(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){h(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 V(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=G(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,l=function(){};return{s:l,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:l}}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 i,o=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){a=!0,i=e},f:function(){try{o||null==n.return||n.return()}finally{if(a)throw i}}}}function G(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}K.displayName="ListBoxItem";var _=d.memo(d.forwardRef((function(e,t){var u=l.useMergeProps(),c=d.useContext(n.PrimeReactContext),s=C.getProps(e,c),p=F(d.useState(null),2),f=p[0],b=p[1],v=d.useRef(null),y=d.useRef(null),h=d.useRef(null),g=F(d.useState(-1),2),O=g[0],x=g[1],j=F(d.useState(""),2),I=j[0],D=j[1],w=d.useRef(null),P=d.useRef(null),L=d.useRef(null),N=d.useRef(null),T=d.useRef(!1),U=(s.onFilterValueChange?s.filterValue:I)||"",M=U&&U.trim().length>0,G={props:s,state:{filterValue:U}},R=C.setMetaData(G);r.useHandleStyle(C.css.styles,R.isUnstyled,{name:"listbox"});var _=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:-1;s.disabled||De(t)||(s.multiple?q(e.originalEvent,t):H(e.originalEvent,t),T.current=!1,-1!==n&&b(n))},B=function(){s.disabled||(T.current=!0)},H=function(e,t){var n=je(t),r=!1,l=null;!T.current&&s.metaKeySelection?n?(e.metaKey||e.ctrlKey)&&(l=null,r=!0):(l=Ee(t),r=!0):(l=n?null:Ee(t),r=!0);r&&ye(e,l)},q=function(e,t){var n=je(t),r=!1,l=null;if(!T&&s.metaKeySelection){var i=e.metaKey||e.ctrlKey;n?(l=i?he(t):[Ee(t)],r=!0):(l=[].concat(E(l=i&&s.value||[]),[Ee(t)]),r=!0)}else l=n?he(t):[].concat(E(s.value||[]),[Ee(t)]),r=!0;r&&s.onChange({originalEvent:e,value:l,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:s.name,id:s.id,value:l}})},z=function(){return o.ObjectUtils.isNotEmpty(s.value)},J=function(e){return s.optionGroupLabel&&e.optionGroup&&e.group},X=function(e){return o.ObjectUtils.isNotEmpty(e)&&!(De(e)||J(e))},$=function(e){return X(e)&&je(e)},W=function(){return Te.findIndex((function(e){return X(e)}))},Y=function(e){var t=-1;return z&&(t=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?-1===(t=te(e))?ee(e):t:-1===(t=ee(e))?te(e):t),t>-1?t:e},Q=function(e){var t;return X(e)&&(null===(t=Ie(e))||void 0===t?void 0:t.toLocaleLowerCase(s.filterLocale).startsWith(searchValue.toLocaleLowerCase(s.filterLocale)))},Z=function(e,t){searchValue=(searchValue||"")+t;var n=-1;o.ObjectUtils.isNotEmpty(searchValue)&&(-1===(n=-1!==f?-1===(n=Te.slice(f).findIndex((function(e){return Q(e)})))?Te.slice(0,f).findIndex((function(e){return Q(e)})):n+f:Te.findIndex((function(e){return Q(e)})))&&-1===f&&(n=re()),-1!==n&&le(e,n)),v.current&&clearTimeout(v.current),v.current=setTimeout((function(){searchValue="",v.current=null}),500)},ee=function(e){var t=z&&e<Te.length-1?Te.slice(e+1).findIndex((function(e){return $(e)})):-1;return t>-1?t+e+1:-1},te=function(e){var t=z&&e>0?o.ObjectUtils.findLastIndex(Te.slice(0,e),(function(e){return $(e)})):-1;return t>-1?t:-1},ne=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:-1,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:-1;if(-1===t&&(t=Y(n,!0)),-1===n&&(n=Y(t)),-1!==t&&-1!==n){var r=Math.min(t,n),l=Math.max(t,n),i=Te.slice(r,l+1).filter((function(e){return X(e)})).map((function(e){return Ee(e)}));ye(e,i)}},re=function(){var e=findFirstSelectedOptionIndex();return e<0?W():e},le=function(e,t){f!==t&&(b(t),me(),e&&s.selectOnFocus&&!s.multiple&&_(e,Te[t]))},ie=function(e){var t,n,r=-1!==f?(n=(t=f)<Te.length-1?Te.slice(t+1).findIndex((function(e){return X(e)})):-1)>-1?n+t+1:t:re();s.multiple&&e.shiftKey&&ne(e,O,r),le(e,r),e.preventDefault()},oe=function(e){var t,n,r=-1!==f?(n=(t=f)>0?o.ObjectUtils.findLastIndex(Te.slice(0,t),(function(e){return X(e)})):-1)>-1?n:t:findLastFocusedOptionIndex();s.multiple&&e.shiftKey&&ne(e,r,O),le(e,r),e.preventDefault()},ae=function(e){-1!==f&&(s.multiple&&e.shiftKey?ne(e,f):_(e,Te[f])),e.preventDefault()},ue=function(e){ae(e)},ce=function(e){if(arguments.length>1&&void 0!==arguments[1]&&arguments[1])e.currentTarget.setSelectionRange(0,0),b(-1);else{var t=e.metaKey||e.ctrlKey,n=W();s.multiple&&e.shiftKey&&t&&ne(e,n,O),le(e,n)}e.preventDefault()},se=function(e){if(arguments.length>1&&void 0!==arguments[1]&&arguments[1]){var t=e.currentTarget,n=t.value.length;t.setSelectionRange(n,n),S("focusedOptionIndex")}else{var r=e.metaKey||e.ctrlKey,l=o.ObjectUtils.findLastIndex(Te,(function(e){return X(e)}));s.multiple&&e.shiftKey&&r&&ne(e,O,l),le(e,l)}e.preventDefault()},pe=function(e){me(0),e.preventDefault()},fe=function(e){me(Te.length-1),e.preventDefault()},de=function(e){var t=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":ie(e);break;case"ArrowUp":oe(e);break;case"Home":ce(e);break;case"End":se(e);break;case"PageDown":fe(e);break;case"PageUp":pe(e);break;case"Enter":case"NumpadEnter":case"Space":ue(e),e.preventDefault();break;case"Tab":break;case"ShiftLeft":case"ShiftRight":x(f);break;default:if(s.multiple&&"KeyA"===e.code&&t){var n=Te.filter((function(e){return X(e)})).map((function(e){return Ee(e)}));ye(e,n),e.preventDefault();break}!t&&o.ObjectUtils.isPrintableCharacter(e.key)&&(Z(e,e.key),e.preventDefault())}},me=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1;setTimeout((function(){var t=-1!==e?"".concat(L.current,"_").concat(e):-1!==f?"".concat(L.current,"_").concat(f):null,n=N.current.querySelector('li[id="'.concat(t,'"]'));n?n.scrollIntoView({block:"nearest",inline:"nearest",behavior:"smooth"}):s.virtualScrollerOptions&&P.current&&P.current.scrollToIndex(-1!==e?e:s.focusedOptionIndex)}),0)},be=function(e){P.current&&P.current.scrollToIndex(0);var t=e.value;s.onFilterValueChange?s.onFilterValueChange({originalEvent:e.originalEvent,value:t}):D(t)},ve=function(){D(""),s.onFilter&&s.onFilter({filter:""})},ye=function(e,t){s.onChange&&s.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:s.name,id:s.id,value:t}})},he=function(e){return s.value.filter((function(t){return!o.ObjectUtils.equals(t,Ee(e),s.dataKey)}))},ge=function(){if(null!=s.value&&Te){if(!s.optionGroupLabel)return xe(s.value,Te);for(var e=0;e<Te.length;e++){var t=xe(s.value,Pe(Te[e]));if(-1!==t)return{group:e,option:t}}}return-1},Oe=function(){return s.optionValue?null:s.dataKey},xe=function(e,t){var n=Oe();return t.findIndex((function(t){return o.ObjectUtils.equals(e,Ee(t),n)}))},je=function(e){var t=Ee(e),n=Oe();return s.multiple&&s.value?s.value.some((function(e){return o.ObjectUtils.equals(e,t,n)})):o.ObjectUtils.equals(s.value,t,n)},Ie=function(e){return s.optionLabel?o.ObjectUtils.resolveFieldData(e,s.optionLabel):e&&void 0!==e.label?e.label:e},Ee=function(e){return s.optionValue?o.ObjectUtils.resolveFieldData(e,s.optionValue):e&&void 0!==e.value?e.value:e},Se=function(e){return s.dataKey?o.ObjectUtils.resolveFieldData(e,s.dataKey):Ie(e)},De=function(e){return s.optionDisabled?o.ObjectUtils.isFunction(s.optionDisabled)?s.optionDisabled(e):o.ObjectUtils.resolveFieldData(e,s.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},we=function(e){return o.ObjectUtils.resolveFieldData(e,s.optionGroupLabel)},Pe=function(e){return o.ObjectUtils.resolveFieldData(e,s.optionGroupChildren)},Fe=function(){if(P.current){var e=ge();-1!==e&&setTimeout((function(){return P.current.scrollToIndex(e)}),0)}};d.useImperativeHandle(t,(function(){return{props:s,focus:function(){return o.DomHandler.focusFirstElement(w.current)},getElement:function(){return w.current},getVirtualScroller:function(){return P.current}}})),l.useMountEffect((function(){Fe(),L.current=o.UniqueComponentId()}));var Le=function(e,t){return Pe(e).map((function(e,n){var r=Ie(e),l=n+"_"+Se(e),i=De(e);return d.createElement(K,{id:L.current+"_"+n,hostName:"ListBox",optionKey:l,key:l,label:r,option:e,style:t,template:s.itemTemplate,selected:je(e),onClick:_,index:n,focusedOptionIndex:f,onTouchEnd:B,disabled:i,ptCallbacks:R,metaData:G})}))},Ne=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r={height:n.props?n.props.itemSize:void 0};if(s.optionGroupLabel){var l=s.optionGroupTemplate?o.ObjectUtils.getJSXElement(s.optionGroupTemplate,e,t):o.ObjectUtils.resolveFieldData(e,s.optionGroupLabel),i=Le(e,r),a=t+"_"+we(e),c=u({className:R.cx("itemGroup"),style:R.sx("itemGroup",{scrollerOptions:n}),role:"group"},R.ptm("itemGroup"));return d.createElement(d.Fragment,{key:a},d.createElement("li",c,l),i)}var p=Ie(e),m=t+"_"+Se(e),b=De(e);return d.createElement(K,{id:L.current+"_"+t,hostName:"ListBox",optionKey:m,key:m,label:p,index:t,focusedOptionIndex:f,option:e,style:r,template:s.itemTemplate,selected:je(e),onClick:_,onTouchEnd:B,disabled:b,ptCallbacks:R,metaData:G})},Ce=function(e,t){var r=u({className:R.cx("emptyMessage")},R.ptm("emptyMessage")),l=o.ObjectUtils.getJSXElement(e,s)||n.localeOption(t?"emptyFilterMessage":"emptyMessage");return d.createElement("li",r,l)},Te=function(){if(M){var e=U.trim().toLocaleLowerCase(s.filterLocale),t=s.filterBy?s.filterBy.split(","):[s.optionLabel||"label"];if(s.optionGroupLabel){var r,l=[],i=V(s.options);try{for(i.s();!(r=i.n()).done;){var o=r.value,a=n.FilterService.filter(Pe(o),t,e,s.filterMatchMode,s.filterLocale);a&&a.length&&l.push(A(A({},o),{items:a}))}}catch(e){i.e(e)}finally{i.f()}return l}return n.FilterService.filter(s.options,t,e,s.filterMatchMode,s.filterLocale)}return s.options}(),Ue=o.ObjectUtils.isNotEmpty(s.tooltip),ke=C.getOtherProps(s),Ke=o.ObjectUtils.reduceKeys(ke,o.DomHandler.ARIA_PROPS),Me=function(){if(s.virtualScrollerOptions){var e=A(A({},s.virtualScrollerOptions),{items:Te,onLazyLoad:function(e){return s.virtualScrollerOptions.onLazyLoad(A(A({},e),{filter:Te}))},itemTemplate:function(e,t){return e&&Ne(e,t.index,t)},contentTemplate:function(e){var t=u(A({ref:N,style:R.sx("list",{options:e}),className:R.cx("list",{options:e}),role:"listbox",tabIndex:"-1","aria-multiselectable":s.multiple},Ke),R.ptm("list"));return d.createElement("ul",t,e.children)}});return d.createElement(a.VirtualScroller,m({ref:P},e,{pt:R.ptm("virtualScroller")}))}var t=o.ObjectUtils.isNotEmpty(Te)?Te.map(Ne):M?Ce(s.emptyFilterMessage,!0):Ce(s.emptyMessage),n=u(A({ref:N,className:R.cx("list"),role:"listbox","aria-multiselectable":s.multiple,tabIndex:"-1",onKeyDown:de},Ke),R.ptm("list"));return d.createElement("ul",n,t)}(),Ae=s.filter?d.createElement(k,{hostName:"ListBox",filter:U,filterIcon:s.filterIcon,onFilter:be,resetFilter:ve,filterTemplate:s.filterTemplate,disabled:s.disabled,filterPlaceholder:s.filterPlaceholder,filterInputProps:s.filterInputProps,ptCallbacks:R,metaData:G}):null,Ve=u({className:R.cx("wrapper"),style:s.listStyle},R.ptm("wrapper")),Ge=u({ref:w,id:s.id,className:R.cx("root"),style:s.style},C.getOtherProps(s),R.ptm("root")),Re=u({ref:y,role:"presentation","aria-hidden":"true",className:"p-hidden-accessible p-hidden-focusable",tabIndex:s.disabled?-1:s.tabIndex,onFocus:function(){o.DomHandler.focus(N.current);var e=o.DomHandler.getFirstFocusableElement(w.current,':not([data-p-hidden-focusable="true"])');h.current.tabIndex=o.DomHandler.isElement(e)?void 0:-1,y.current.tabIndex=-1,le(null,0)},"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},R.ptm("hiddenFirstFocusableEl")),_e=u({ref:h,role:"presentation","aria-hidden":"true",className:"p-hidden-accessible p-hidden-focusable",tabIndex:s.disabled?-1:s.tabIndex,onFocus:function(e){if(e.relatedTarget===N.current){var t=o.DomHandler.getFirstFocusableElement(w.current,':not([data-p-hidden-focusable="true"])');o.DomHandler.focus(t),y.current.tabIndex=void 0}else o.DomHandler.focus(y.current);h.current.tabIndex=-1},"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},R.ptm("hiddenLastFocusableEl"));return d.createElement(d.Fragment,null,d.createElement("div",Ge,d.createElement("span",Re),Ae,d.createElement("div",Ve,Me),d.createElement("span",_e)),Ue&&d.createElement(i.Tooltip,m({target:w,content:s.tooltip,pt:R.ptm("tooltip")},s.tooltipOptions)))})));return _.displayName="ListBox",e.ListBox=_,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.tooltip,primereact.utils,primereact.virtualscroller,primereact.icons.search,primereact.inputtext,primereact.ripple);
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.listbox=function(e,t,n,r,o,l,i,a,u,c,s){"use strict";function p(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var f=p(t);function d(){return d=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},d.apply(this,arguments)}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 v(e){var t=b(e,"string");return"symbol"===m(t)?t:String(t)}function y(e,t,n){return(t=v(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}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 g(e){if(Array.isArray(e))return h(e)}function O(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function x(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 j(){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 I(e){return g(e)||O(e)||x(e)||j()}function E(e){throw new TypeError('"'+e+'" is read-only')}function S(e){if(Array.isArray(e))return e}function D(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,i,a=[],u=!0,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=l.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw o}}return a}}function w(){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 P(e,t){return S(e)||D(e,t)||x(e,t)||w()}var F=r.ComponentBase.extend({defaultProps:{__TYPE:"ListBox",className:null,dataKey:null,disabled:null,emptyFilterMessage:null,emptyMessage:null,filter:!1,filterIcon:null,filterBy:null,filterInputProps:null,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,filterValue:null,focusOnHover:!0,id:null,itemTemplate:null,invalid:!1,listClassName:null,listStyle:null,metaKeySelection:!1,selectOnFocus:!1,autoOptionFocus:!1,multiple:!1,onChange:null,onFilterValueChange:null,optionDisabled:null,optionGroupChildren:null,optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,style:null,tabIndex:0,tooltip:null,tooltipOptions:null,value:null,virtualScrollerOptions:null,children:void 0},css:{classes:{itemGroup:"p-listbox-item-group",emptyMessage:"p-listbox-empty-message",list:"p-listbox-list",wrapper:function(e){return i.classNames("p-listbox-list-wrapper",e.props.listClassName)},root:function(e){var t=e.props;return i.classNames("p-listbox p-component",{"p-disabled":t.disabled,"p-invalid":t.invalid},t.className)},item:function(e){var t=e.props;return i.classNames("p-listbox-item",{"p-highlight":t.selected,"p-focus":t.focusedOptionIndex===t.index,"p-disabled":t.disabled},t.option.className)},filterContainer:"p-listbox-filter-container",filterIcon:"p-listbox-filter-icon",filterInput:"p-listbox-filter",header:"p-listbox-header"},styles:"\n@layer primereact {\n .p-listbox-list-wrapper {\n overflow: auto;\n }\n \n .p-listbox-list {\n list-style-type: none;\n margin: 0;\n padding: 0;\n }\n \n .p-listbox-item {\n cursor: pointer;\n position: relative;\n overflow: hidden;\n outline: none;\n }\n \n .p-listbox-filter-container {\n position: relative;\n }\n \n .p-listbox-filter-icon {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n }\n \n .p-listbox-filter {\n width: 100%;\n }\n}\n",inlineStyles:{itemGroup:function(e){var t=e.scrollerOptions;return{height:t.props?t.props.itemSize:void 0}},list:function(e){return e.props.virtualScrollerOptions?e.options.style:void 0}}}});function L(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 N(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?L(Object(n),!0).forEach((function(t){y(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):L(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var M=f.memo((function(e){var t=o.useMergeProps(),n=e.ptCallbacks,r=n.ptm,l=n.cx,a=function(t,n){return r(t,N({hostName:e.hostName},n))},s={filter:function(e){return p(e)},reset:function(){return e.resetFilter()}},p=function(t){e.onFilter&&e.onFilter({originalEvent:t,value:t.target.value})},m=function(){var n=t({className:l("filterIcon")},a("filterIcon")),o=i.IconUtils.getJSXIcon(e.filterIcon||f.createElement(u.SearchIcon,n),N({},n),{props:e}),m=t({className:l("header")},a("header")),b=t({className:l("filterContainer")},a("filterContainer")),v=f.createElement("div",b,f.createElement(c.InputText,d({type:"text",value:e.filter,onChange:p,className:l("filterInput"),disabled:e.disabled,placeholder:e.filterPlaceholder},e.filterInputProps,{pt:r("filterInput"),unstyled:e.unstyled,__parentMetadata:{parent:e.metaData}})),o);e.filterTemplate&&(v=i.ObjectUtils.getJSXElement(e.filterTemplate,{className:"p-listbox-filter-container",element:v,filterOptions:s,filterInputChange:p,filterIconClassName:"p-dropdown-filter-icon",props:e}));return f.createElement("div",m,v)}();return f.createElement(f.Fragment,null,m)}));M.displayName="ListBoxHeader";var C=f.memo((function(e){var t=P(f.useState(!1),2),n=t[0],r=t[1],l=o.useMergeProps(),a=e.ptCallbacks,u=a.ptm,c=a.cx,p=e.template?i.ObjectUtils.getJSXElement(e.template,e.option):e.label,d=l({id:e.id,className:c("item",{props:e}),style:e.style,onClick:function(t){return e.onClick(t,e.option,e.index)},onTouchEnd:function(t){e.onTouchEnd&&e.onTouchEnd({originalEvent:t,option:e.option})},onFocus:function(e){r(!0)},onBlur:function(e){r(!1)},tabIndex:"-1",onMouseDown:function(t){return e.onOptionMouseDown(t,e.index)},onMouseMove:function(t){return e.onOptionMouseMove(t,e.index)},"aria-label":e.label,key:e.optionKey,role:"option","aria-selected":e.selected,"aria-disabled":e.disabled,"data-p-disabled":e.disabled},u("item",{hostName:e.hostName,context:{selected:e.selected,disabled:e.disabled,focused:n,focusedOptionIndex:e.focusedOptionIndex}}));return f.createElement("li",d,p,f.createElement(s.Ripple,null))}));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 U(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){y(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}function k(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=K(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 l,i=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){a=!0,l=e},f:function(){try{i||null==n.return||n.return()}finally{if(a)throw l}}}}function K(e,t){if(e){if("string"==typeof e)return A(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)?A(e,t):void 0}}function A(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}C.displayName="ListBoxItem";var G=f.memo(f.forwardRef((function(e,t){var u=o.useMergeProps(),c=f.useContext(n.PrimeReactContext),s=F.getProps(e,c),p=P(f.useState(null),2),m=p[0],b=p[1],v=f.useRef(null),y=f.useRef(null),h=f.useRef(null),g=P(f.useState(-1),2),O=g[0],x=g[1],j=P(f.useState(!1),2),S=j[0],D=j[1],w=P(f.useState(""),2),L=w[0],N=w[1],T=P(f.useState(""),2),K=T[0],A=T[1],G=f.useRef(null),R=f.useRef(null),_=f.useRef(null),B=f.useRef(null),H=f.useRef(!1),V=(s.onFilterValueChange?s.filterValue:L)||"",q=V&&V.trim().length>0,z={props:s,state:{filterValue:V}},J=F.setMetaData(z);r.useHandleStyle(F.css.styles,J.isUnstyled,{name:"listbox"});var X=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:-1;s.disabled||Ae(t)||(s.multiple?Z(e.originalEvent,t):Q(e.originalEvent,t),H.current=!1,-1!==n&&b(n))},$=function(e,t){me(e,t)},W=function(e,t){s.focusOnHover&&S&&me(e,t)},Y=function(){s.disabled||(H.current=!0)},Q=function(e,t){var n=Te(t),r=!1,o=null;!H.current&&s.metaKeySelection?n?(e.metaKey||e.ctrlKey)&&(o=null,r=!0):(o=ke(t),r=!0):(o=n?null:ke(t),r=!0);r&&Pe(e,o)},Z=function(e,t){var n=Te(t),r=!1,o=null;if(!H&&s.metaKeySelection){var l=e.metaKey||e.ctrlKey;n?(o=l?Fe(t):[ke(t)],r=!0):(o=[].concat(I(o=l&&s.value||[]),[ke(t)]),r=!0)}else o=n?Fe(t):[].concat(I(s.value||[]),[ke(t)]),r=!0;r&&s.onChange({originalEvent:e,value:o,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{name:s.name,id:s.id,value:o}})},ee=function(){return i.ObjectUtils.isNotEmpty(s.value)},te=function(e){return s.optionGroupLabel&&e.optionGroup&&e.group},ne=function(e){return i.ObjectUtils.isNotEmpty(e)&&!(Ae(e)||te(e))},re=function(e){return ne(e)&&Te(e)},oe=function(){return Je.findIndex((function(e){return ne(e)}))},le=function(){if(ee()){if(!s.multiple)return Je.findIndex((function(e){return re(e)}));for(var e,t=function(){var e=s.value[n],t=Je.findIndex((function(t){return re(t)&&Ce(e,ke(t))}));if(t>-1)return{v:t}},n=s.value.length-1;n>=0;n--)if(e=t())return e.v}return-1},ie=function(){return i.ObjectUtils.findLastIndex(Je,(function(e){return ne(e)}))},ae=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=-1;return ee()&&(n=t?-1===(n=pe(e))?se(e):n:-1===(n=se(e))?pe(e):n),n>-1?n:e},ue=function(e){var t;return ne(e)&&(null===(t=Ue(e))||void 0===t?void 0:t.toLocaleLowerCase(s.filterLocale).startsWith(K.toLocaleLowerCase(s.filterLocale)))},ce=function(e,t){A((K||"")+t);var n=-1;i.ObjectUtils.isNotEmpty(K)&&(-1===(n=-1!==m?-1===(n=Je.slice(m).findIndex((function(e){return ue(e)})))?Je.slice(0,m).findIndex((function(e){return ue(e)})):n+m:Je.findIndex((function(e){return ue(e)})))&&-1===m&&(n=de()),-1!==n&&me(e,n)),v.current&&clearTimeout(v.current),v.current=setTimeout((function(){A(""),v.current=null}),500)},se=function(e){var t=ee()&&e<Je.length-1?Je.slice(e+1).findIndex((function(e){return re(e)})):-1;return t>-1?t+e+1:-1},pe=function(e){var t=ee()&&e>0?i.ObjectUtils.findLastIndex(Je.slice(0,e),(function(e){return re(e)})):-1;return t>-1?t:-1},fe=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:-1,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:-1;if(-1===t&&(t=ae(n,!0)),-1===n&&(n=ae(t)),-1!==t&&-1!==n){var r=Math.min(t,n),o=Math.max(t,n),l=Je.slice(r,o+1).filter((function(e){return ne(e)})).map((function(e){return ke(e)}));Pe(e,l)}},de=function(){var e=ee()?Je.findIndex((function(e){return re(e)})):-1;return e<0?oe():e},me=function(e,t){m!==t&&(b(t),Ee(),e&&s.selectOnFocus&&!s.multiple&&X(e,Je[t]))},be=function(e){var t,n,r=-1!==m?(n=(t=m)<Je.length-1?Je.slice(t+1).findIndex((function(e){return ne(e)})):-1)>-1?n+t+1:t:de();s.multiple&&e.shiftKey&&fe(e,O,r),me(e,r),e.preventDefault()},ve=function(e){var t,n,r,o=-1!==m?(r=(n=m)>0?i.ObjectUtils.findLastIndex(Je.slice(0,n),(function(e){return ne(e)})):-1)>-1?r:n:(t=ee()?i.ObjectUtils.findLastIndex(Je,(function(e){return re(e)})):-1)<0?ie():t;s.multiple&&e.shiftKey&&fe(e,o,O),me(e,o),e.preventDefault()},ye=function(e){-1!==m&&(s.multiple&&e.shiftKey?fe(e,m):X(e,Je[m])),e.preventDefault()},he=function(e){ye(e)},ge=function(e){if(arguments.length>1&&void 0!==arguments[1]&&arguments[1])e.currentTarget.setSelectionRange(0,0),b(-1);else{var t=e.metaKey||e.ctrlKey,n=oe();s.multiple&&e.shiftKey&&t&&fe(e,n,O),me(e,n)}e.preventDefault()},Oe=function(e){if(arguments.length>1&&void 0!==arguments[1]&&arguments[1]){var t=e.currentTarget,n=t.value.length;t.setSelectionRange(n,n),E("focusedOptionIndex")}else{var r=e.metaKey||e.ctrlKey,o=ie();s.multiple&&e.shiftKey&&r&&fe(e,O,o),me(e,o)}e.preventDefault()},xe=function(e){Ee(0),e.preventDefault()},je=function(e){Ee(Je.length-1),e.preventDefault()},Ie=function(e){var t=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":be(e);break;case"ArrowUp":ve(e);break;case"Home":ge(e);break;case"End":Oe(e);break;case"PageDown":je(e);break;case"PageUp":xe(e);break;case"Enter":case"NumpadEnter":case"Space":he(e),e.preventDefault();break;case"Tab":break;case"ShiftLeft":case"ShiftRight":x(m);break;default:if(s.multiple&&"KeyA"===e.code&&t){var n=Je.filter((function(e){return ne(e)})).map((function(e){return ke(e)}));Pe(e,n),e.preventDefault();break}!t&&i.ObjectUtils.isPrintableCharacter(e.key)&&(ce(e,e.key),e.preventDefault())}},Ee=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1;setTimeout((function(){var t=-1!==e?"".concat(_.current,"_").concat(e):-1!==m?"".concat(_.current,"_").concat(m):null,n=B.current.querySelector('li[id="'.concat(t,'"]'));n?n.scrollIntoView({block:"nearest",inline:"nearest",behavior:"smooth"}):s.virtualScrollerOptions&&R.current&&R.current.scrollToIndex(-1!==e?e:m)}),0)},Se=function(e){R.current&&R.current.scrollToIndex(0);var t=e.value;s.onFilterValueChange?s.onFilterValueChange({originalEvent:e.originalEvent,value:t}):N(t)},De=function(){N(""),s.onFilter&&s.onFilter({filter:""})},we=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:S;if(s.selectOnFocus&&s.autoOptionFocus&&!ee()&&!s.multiple&&e){var t=de();X(null,Je[t]),b(t)}},Pe=function(e,t){s.onChange&&s.onChange({originalEvent:e,value:t,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{name:s.name,id:s.id,value:t}})},Fe=function(e){return s.value.filter((function(t){return!i.ObjectUtils.equals(t,ke(e),s.dataKey)}))},Le=function(){if(null!=s.value&&Je){if(!s.optionGroupLabel)return Me(s.value,Je);for(var e=0;e<Je.length;e++){var t=Me(s.value,Be(Je[e]));if(-1!==t)return{group:e,option:t}}}return-1},Ne=function(){return s.optionValue?null:s.dataKey},Me=function(e,t){var n=Ne();return t.findIndex((function(t){return i.ObjectUtils.equals(e,ke(t),n)}))},Ce=function(e,t){return i.ObjectUtils.equals(e,t,Ne())},Te=function(e){var t=ke(e);return s.multiple?(s.value||[]).some((function(e){return Ce(e,t)})):Ce(s.value,t)},Ue=function(e){return s.optionLabel?i.ObjectUtils.resolveFieldData(e,s.optionLabel):e&&void 0!==e.label?e.label:e},ke=function(e){return s.optionValue?i.ObjectUtils.resolveFieldData(e,s.optionValue):e&&void 0!==e.value?e.value:e},Ke=function(e){return s.dataKey?i.ObjectUtils.resolveFieldData(e,s.dataKey):Ue(e)},Ae=function(e){return s.optionDisabled?i.ObjectUtils.isFunction(s.optionDisabled)?s.optionDisabled(e):i.ObjectUtils.resolveFieldData(e,s.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},Ge=function(){D(!0),b(-1!==m?m:s.autoOptionFocus?de():le()),we(!0)},Re=function(e){D(!1),b(-1),x(-1),A("")},_e=function(e){return i.ObjectUtils.resolveFieldData(e,s.optionGroupLabel)},Be=function(e){return i.ObjectUtils.resolveFieldData(e,s.optionGroupChildren)},He=function(){if(R.current){var e=Le();-1!==e&&setTimeout((function(){return R.current.scrollToIndex(e)}),0)}};f.useImperativeHandle(t,(function(){return{props:s,focus:function(){return i.DomHandler.focusFirstElement(G.current)},getElement:function(){return G.current},getVirtualScroller:function(){return R.current}}})),o.useMountEffect((function(){He(),_.current=i.UniqueComponentId()}));var Ve=function(e,t){return Be(e).map((function(e,n){var r=Ue(e),o=n+"_"+Ke(e),l=Ae(e);return f.createElement(C,{id:_.current+"_"+n,hostName:"ListBox",optionKey:o,key:o,label:r,option:e,style:t,template:s.itemTemplate,selected:Te(e),onOptionMouseDown:$,onOptionMouseMove:W,onClick:X,index:n,focusedOptionIndex:m,onTouchEnd:Y,disabled:l,ptCallbacks:J,metaData:z})}))},qe=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r={height:n.props?n.props.itemSize:void 0};if(s.optionGroupLabel){var o=s.optionGroupTemplate?i.ObjectUtils.getJSXElement(s.optionGroupTemplate,e,t):i.ObjectUtils.resolveFieldData(e,s.optionGroupLabel),l=Ve(e,r),a=t+"_"+_e(e),c=u({className:J.cx("itemGroup"),style:J.sx("itemGroup",{scrollerOptions:n}),role:"group"},J.ptm("itemGroup"));return f.createElement(f.Fragment,{key:a},f.createElement("li",c,o),l)}var p=Ue(e),d=t+"_"+Ke(e),b=Ae(e);return f.createElement(C,{id:_.current+"_"+t,hostName:"ListBox",optionKey:d,key:d,label:p,index:t,onOptionMouseDown:$,onOptionMouseMove:W,focusedOptionIndex:m,option:e,style:r,template:s.itemTemplate,selected:Te(e),onClick:X,onTouchEnd:Y,disabled:b,ptCallbacks:J,metaData:z})},ze=function(e,t){var r=u({className:J.cx("emptyMessage")},J.ptm("emptyMessage")),o=i.ObjectUtils.getJSXElement(e,s)||n.localeOption(t?"emptyFilterMessage":"emptyMessage");return f.createElement("li",r,o)},Je=function(){if(q){var e=V.trim().toLocaleLowerCase(s.filterLocale),t=s.filterBy?s.filterBy.split(","):[s.optionLabel||"label"];if(s.optionGroupLabel){var r,o=[],l=k(s.options);try{for(l.s();!(r=l.n()).done;){var i=r.value,a=n.FilterService.filter(Be(i),t,e,s.filterMatchMode,s.filterLocale);a&&a.length&&o.push(U(U({},i),{items:a}))}}catch(e){l.e(e)}finally{l.f()}return o}return n.FilterService.filter(s.options,t,e,s.filterMatchMode,s.filterLocale)}return s.options}(),Xe=i.ObjectUtils.isNotEmpty(s.tooltip),$e=F.getOtherProps(s),We=i.ObjectUtils.reduceKeys($e,i.DomHandler.ARIA_PROPS),Ye=function(){if(s.virtualScrollerOptions){var e=U(U({},s.virtualScrollerOptions),{items:Je,onLazyLoad:function(e){return s.virtualScrollerOptions.onLazyLoad(U(U({},e),{filter:Je}))},itemTemplate:function(e,t){return e&&qe(e,t.index,t)},contentTemplate:function(e){var t=u(U({ref:B,style:J.sx("list",{options:e}),className:J.cx("list",{options:e}),role:"listbox",tabIndex:"-1","aria-multiselectable":s.multiple,onFocus:Ge,onBlur:Re,onKeyDown:Ie},We),J.ptm("list"));return f.createElement("ul",t,e.children)}});return f.createElement(a.VirtualScroller,d({ref:R},e,{pt:J.ptm("virtualScroller")}))}var t=i.ObjectUtils.isNotEmpty(Je)?Je.map(qe):q?ze(s.emptyFilterMessage,!0):ze(s.emptyMessage),n=u(U({ref:B,className:J.cx("list"),role:"listbox","aria-multiselectable":s.multiple,tabIndex:"-1",onFocus:Ge,onBlur:Re,onKeyDown:Ie},We),J.ptm("list"));return f.createElement("ul",n,t)}(),Qe=s.filter?f.createElement(M,{hostName:"ListBox",filter:V,filterIcon:s.filterIcon,onFilter:Se,resetFilter:De,filterTemplate:s.filterTemplate,disabled:s.disabled,filterPlaceholder:s.filterPlaceholder,filterInputProps:s.filterInputProps,ptCallbacks:J,metaData:z}):null,Ze=u({className:J.cx("wrapper"),style:s.listStyle},J.ptm("wrapper")),et=u({ref:G,id:s.id,className:J.cx("root"),style:s.style},F.getOtherProps(s),J.ptm("root")),tt=u({ref:y,role:"presentation","aria-hidden":"true",className:"p-hidden-accessible p-hidden-focusable",tabIndex:s.disabled?-1:s.tabIndex,onFocus:function(){i.DomHandler.focus(B.current);var e=i.DomHandler.getFirstFocusableElement(G.current,':not([data-p-hidden-focusable="true"])');h.current.tabIndex=i.DomHandler.isElement(e)?void 0:-1,y.current.tabIndex=-1,me(null,0)},"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},J.ptm("hiddenFirstFocusableEl")),nt=u({ref:h,role:"presentation","aria-hidden":"true",className:"p-hidden-accessible p-hidden-focusable",tabIndex:s.disabled?-1:s.tabIndex,onFocus:function(e){if(e.relatedTarget===B.current){var t=i.DomHandler.getFirstFocusableElement(G.current,':not([data-p-hidden-focusable="true"])');i.DomHandler.focus(t),y.current.tabIndex=void 0}else i.DomHandler.focus(y.current);h.current.tabIndex=-1},"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},J.ptm("hiddenLastFocusableEl"));return f.createElement(f.Fragment,null,f.createElement("div",et,f.createElement("span",tt),Qe,f.createElement("div",Ze,Ye),f.createElement("span",nt)),Xe&&f.createElement(l.Tooltip,d({target:G,content:s.tooltip,pt:J.ptm("tooltip")},s.tooltipOptions)))})));return G.displayName="ListBox",e.ListBox=G,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.tooltip,primereact.utils,primereact.virtualscroller,primereact.icons.search,primereact.inputtext,primereact.ripple);
|