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
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{ComponentBase as n,useHandleStyle as r}from"primereact/componentbase";import{useMergeProps as o}from"primereact/hooks";import{TerminalService as a}from"primereact/terminalservice";import{DomHandler as l,classNames as i}from"primereact/utils";function c(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 m(e){if(Array.isArray(e))return c(e)}function s(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function u(e,t){if(e){if("string"==typeof e)return c(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)?c(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 f(e){return m(e)||s(e)||u(e)||p()}function d(e){if(Array.isArray(e))return e}function y(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,m=!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){m=!0,o=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(m)throw o}}return i}}function v(){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 h(e,t){return d(e)||y(e,t)||u(e,t)||v()}var g=n.extend({defaultProps:{__TYPE:"Terminal",id:null,style:null,className:null,welcomeMessage:null,prompt:null,children:void 0},css:{classes:{root:"p-terminal p-component",content:"p-terminal-content",container:"p-terminal-prompt-container",command:"p-terminal-command",commandText:"p-terminal-input",prompt:"p-terminal-prompt",response:"p-terminal-response"},styles:"\n@layer primereact {\n .p-terminal {\n height: 18rem;\n overflow: auto;\n }\n \n .p-terminal-prompt-container {\n display: flex;\n align-items: center;\n }\n \n .p-terminal-input {\n flex: 1 1 auto;\n border: 0 none;\n background-color: transparent;\n color: inherit;\n padding: 0;\n outline: 0 none;\n }\n \n .p-terminal-input::-ms-clear {\n display: none;\n } \n}\n"}}),b=e.memo(e.forwardRef((function(n,c){var m=o(),s=e.useContext(t),u=g.getProps(n,s),p=h(e.useState(""),2),d=p[0],y=p[1],v=h(e.useState([]),2),b=v[0],E=v[1],w=h(e.useState(0),2),x=w[0],S=w[1],
|
|
1
|
+
import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{ComponentBase as n,useHandleStyle as r}from"primereact/componentbase";import{useMergeProps as o}from"primereact/hooks";import{TerminalService as a}from"primereact/terminalservice";import{DomHandler as l,classNames as i}from"primereact/utils";function c(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 m(e){if(Array.isArray(e))return c(e)}function s(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function u(e,t){if(e){if("string"==typeof e)return c(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)?c(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 f(e){return m(e)||s(e)||u(e)||p()}function d(e){if(Array.isArray(e))return e}function y(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,m=!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){m=!0,o=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(m)throw o}}return i}}function v(){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 h(e,t){return d(e)||y(e,t)||u(e,t)||v()}var g=n.extend({defaultProps:{__TYPE:"Terminal",id:null,style:null,className:null,welcomeMessage:null,prompt:null,children:void 0},css:{classes:{root:"p-terminal p-component",content:"p-terminal-content",container:"p-terminal-prompt-container",command:"p-terminal-command",commandText:"p-terminal-input",prompt:"p-terminal-prompt",response:"p-terminal-response"},styles:"\n@layer primereact {\n .p-terminal {\n height: 18rem;\n overflow: auto;\n }\n \n .p-terminal-prompt-container {\n display: flex;\n align-items: center;\n }\n \n .p-terminal-input {\n flex: 1 1 auto;\n border: 0 none;\n background-color: transparent;\n color: inherit;\n padding: 0;\n outline: 0 none;\n }\n \n .p-terminal-input::-ms-clear {\n display: none;\n } \n}\n"}}),b=e.memo(e.forwardRef((function(n,c){var m=o(),s=e.useContext(t),u=g.getProps(n,s),p=h(e.useState(""),2),d=p[0],y=p[1],v=h(e.useState([]),2),b=v[0],E=v[1],w=h(e.useState(0),2),x=w[0],S=w[1],N=h(e.useState(""),2),A=N[0],T=N[1],j=e.useRef(null),I=e.useRef(null),M=e.useRef(!1),k=g.setMetaData({props:u,state:{commandText:d,commands:b}}),C=k.ptm,O=k.cx;r(g.css.styles,k.isUnstyled,{name:"terminal"});var P=m({className:O("prompt")},C("prompt")),R=function(e){y(e.target.value)},U=function(e){switch(e.code){case"ArrowUp":if(b&&b.length){var t=x-1<0?b.length-1:x-1,n=b[t];S(t),y(n.text)}break;case"Enter":case"NumpadEnter":if(d){var r=f(b);r.push({text:d}),S((function(e){return e+1})),y(""),E(r),T(d),M.current=!0}}};e.useImperativeHandle(c,(function(){return{props:u,focus:function(){return l.focus(I.current)},getElement:function(){return j.current}}})),e.useEffect((function(){var e=function(e){if(b&&b.length>0){var t=f(b);t[t.length-1].response=e,E(t)}},t=function(){E([]),S(0)};return a.on("response",e),a.on("clear",t),function(){a.off("response",e),a.off("clear",t)}}),[b]),e.useEffect((function(){M.current&&(a.emit("command",A),M.current=!1),j.current.scrollTop=j.current.scrollHeight}));var _,D,H=function(t,n){var r=t.text,o=t.response,a=m({key:r+"_"+n},C("commands")),l=m({className:O("command")},C("command")),i=m({className:O("response"),"aria-live":"polite"},C("response"));return e.createElement("div",a,e.createElement("span",P,u.prompt," "),e.createElement("span",l,r),e.createElement("div",i,o))},K=function(){if(u.welcomeMessage){var t=m(C("welcomeMessage"));return e.createElement("div",t,u.welcomeMessage)}return null}(),Y=function(){var t=b.map(H),n=m({className:O("content")},C("content"));return e.createElement("div",n,t)}(),$=(_=m({className:O("container")},C("container")),D=m({ref:I,value:d,type:"text",className:O("commandText"),autoComplete:"off",onChange:function(e){return R(e)},onKeyDown:U},C("commandText")),e.createElement("div",_,e.createElement("span",P,u.prompt," "),e.createElement("input",D))),q=m({id:u.id,ref:j,className:i(u.className,O("root")),style:u.style,onClick:function(){l.focus(I.current)}},g.getOtherProps(u),C("root"));return e.createElement("div",q,K,Y,$)})));b.displayName="Terminal";export{b as Terminal};
|
package/terminal/terminal.js
CHANGED
|
@@ -175,7 +175,8 @@ this.primereact.terminal = (function (exports, React, api, componentbase, hooks,
|
|
|
175
175
|
}
|
|
176
176
|
break;
|
|
177
177
|
case 'Enter':
|
|
178
|
-
|
|
178
|
+
case 'NumpadEnter':
|
|
179
|
+
if (commandTextState) {
|
|
179
180
|
var newCommands = _toConsumableArray(commandsState);
|
|
180
181
|
newCommands.push({
|
|
181
182
|
text: commandTextState
|
package/terminal/terminal.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.terminal=function(e,t,n,r,a,o,i){"use strict";function l(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 c=l(t);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 u(e){if(Array.isArray(e))return s(e)}function m(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(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 f(){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 d(e){return u(e)||m(e)||p(e)||f()}function y(e){if(Array.isArray(e))return e}function v(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,i,l=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw a}}return l}}function h(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function b(e,t){return y(e)||v(e,t)||p(e,t)||h()}var g=r.ComponentBase.extend({defaultProps:{__TYPE:"Terminal",id:null,style:null,className:null,welcomeMessage:null,prompt:null,children:void 0},css:{classes:{root:"p-terminal p-component",content:"p-terminal-content",container:"p-terminal-prompt-container",command:"p-terminal-command",commandText:"p-terminal-input",prompt:"p-terminal-prompt",response:"p-terminal-response"},styles:"\n@layer primereact {\n .p-terminal {\n height: 18rem;\n overflow: auto;\n }\n \n .p-terminal-prompt-container {\n display: flex;\n align-items: center;\n }\n \n .p-terminal-input {\n flex: 1 1 auto;\n border: 0 none;\n background-color: transparent;\n color: inherit;\n padding: 0;\n outline: 0 none;\n }\n \n .p-terminal-input::-ms-clear {\n display: none;\n } \n}\n"}}),E=c.memo(c.forwardRef((function(e,t){var l=a.useMergeProps(),s=c.useContext(n.PrimeReactContext),u=g.getProps(e,s),m=b(c.useState(""),2),p=m[0],f=m[1],y=b(c.useState([]),2),v=y[0],h=y[1],E=b(c.useState(0),2),S=E[0],w=E[1],T=b(c.useState(""),2),x=T[0],j=T[1],
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.terminal=function(e,t,n,r,a,o,i){"use strict";function l(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 c=l(t);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 u(e){if(Array.isArray(e))return s(e)}function m(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(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 f(){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 d(e){return u(e)||m(e)||p(e)||f()}function y(e){if(Array.isArray(e))return e}function v(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,i,l=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw a}}return l}}function h(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function b(e,t){return y(e)||v(e,t)||p(e,t)||h()}var g=r.ComponentBase.extend({defaultProps:{__TYPE:"Terminal",id:null,style:null,className:null,welcomeMessage:null,prompt:null,children:void 0},css:{classes:{root:"p-terminal p-component",content:"p-terminal-content",container:"p-terminal-prompt-container",command:"p-terminal-command",commandText:"p-terminal-input",prompt:"p-terminal-prompt",response:"p-terminal-response"},styles:"\n@layer primereact {\n .p-terminal {\n height: 18rem;\n overflow: auto;\n }\n \n .p-terminal-prompt-container {\n display: flex;\n align-items: center;\n }\n \n .p-terminal-input {\n flex: 1 1 auto;\n border: 0 none;\n background-color: transparent;\n color: inherit;\n padding: 0;\n outline: 0 none;\n }\n \n .p-terminal-input::-ms-clear {\n display: none;\n } \n}\n"}}),E=c.memo(c.forwardRef((function(e,t){var l=a.useMergeProps(),s=c.useContext(n.PrimeReactContext),u=g.getProps(e,s),m=b(c.useState(""),2),p=m[0],f=m[1],y=b(c.useState([]),2),v=y[0],h=y[1],E=b(c.useState(0),2),S=E[0],w=E[1],T=b(c.useState(""),2),x=T[0],j=T[1],N=c.useRef(null),O=c.useRef(null),A=c.useRef(!1),M=g.setMetaData({props:u,state:{commandText:p,commands:v}}),P=M.ptm,C=M.cx;r.useHandleStyle(g.css.styles,M.isUnstyled,{name:"terminal"});var _=l({className:C("prompt")},P("prompt")),k=function(e){f(e.target.value)},I=function(e){switch(e.code){case"ArrowUp":if(v&&v.length){var t=S-1<0?v.length-1:S-1,n=v[t];w(t),f(n.text)}break;case"Enter":case"NumpadEnter":if(p){var r=d(v);r.push({text:p}),w((function(e){return e+1})),f(""),h(r),j(p),A.current=!0}}};c.useImperativeHandle(t,(function(){return{props:u,focus:function(){return i.DomHandler.focus(O.current)},getElement:function(){return N.current}}})),c.useEffect((function(){var e=function(e){if(v&&v.length>0){var t=d(v);t[t.length-1].response=e,h(t)}},t=function(){h([]),w(0)};return o.TerminalService.on("response",e),o.TerminalService.on("clear",t),function(){o.TerminalService.off("response",e),o.TerminalService.off("clear",t)}}),[v]),c.useEffect((function(){A.current&&(o.TerminalService.emit("command",x),A.current=!1),N.current.scrollTop=N.current.scrollHeight}));var R,D,H=function(e,t){var n=e.text,r=e.response,a=l({key:n+"_"+t},P("commands")),o=l({className:C("command")},P("command")),i=l({className:C("response"),"aria-live":"polite"},P("response"));return c.createElement("div",a,c.createElement("span",_,u.prompt," "),c.createElement("span",o,n),c.createElement("div",i,r))},U=function(){if(u.welcomeMessage){var e=l(P("welcomeMessage"));return c.createElement("div",e,u.welcomeMessage)}return null}(),z=function(){var e=v.map(H),t=l({className:C("content")},P("content"));return c.createElement("div",t,e)}(),B=(R=l({className:C("container")},P("container")),D=l({ref:O,value:p,type:"text",className:C("commandText"),autoComplete:"off",onChange:function(e){return k(e)},onKeyDown:I},P("commandText")),c.createElement("div",R,c.createElement("span",_,u.prompt," "),c.createElement("input",D))),K=l({id:u.id,ref:N,className:i.classNames(u.className,C("root")),style:u.style,onClick:function(){i.DomHandler.focus(O.current)}},g.getOtherProps(u),P("root"));return c.createElement("div",K,U,z,B)})));return E.displayName="Terminal",e.Terminal=E,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.terminalservice,primereact.utils);
|
|
@@ -672,6 +672,7 @@ var TieredMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
|
|
|
672
672
|
onSpaceKey(event);
|
|
673
673
|
break;
|
|
674
674
|
case 'Enter':
|
|
675
|
+
case 'NumpadEnter':
|
|
675
676
|
onEnterKey(event);
|
|
676
677
|
break;
|
|
677
678
|
case 'Escape':
|
|
@@ -698,7 +699,9 @@ var TieredMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
|
|
|
698
699
|
var onItemChange = function onItemChange(event) {
|
|
699
700
|
var processedItem = event.processedItem,
|
|
700
701
|
isFocus = event.isFocus;
|
|
701
|
-
if (utils.ObjectUtils.isEmpty(processedItem))
|
|
702
|
+
if (utils.ObjectUtils.isEmpty(processedItem)) {
|
|
703
|
+
return;
|
|
704
|
+
}
|
|
702
705
|
var index = processedItem.index,
|
|
703
706
|
key = processedItem.key,
|
|
704
707
|
level = processedItem.level,
|
|
@@ -752,21 +755,19 @@ var TieredMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
|
|
|
752
755
|
setDirty(true);
|
|
753
756
|
}
|
|
754
757
|
}, 0);
|
|
758
|
+
} else if (grouped) {
|
|
759
|
+
utils.DomHandler.focus(menuElement);
|
|
760
|
+
onItemChange(event);
|
|
755
761
|
} else {
|
|
756
|
-
|
|
757
|
-
|
|
758
|
-
|
|
759
|
-
|
|
760
|
-
|
|
761
|
-
|
|
762
|
-
|
|
763
|
-
|
|
764
|
-
|
|
765
|
-
setFocusedItemInfo({
|
|
766
|
-
index: rootProcessedItemIndex,
|
|
767
|
-
parentKey: rootProcessedItem ? rootProcessedItem.parentKey : ''
|
|
768
|
-
});
|
|
769
|
-
}
|
|
762
|
+
var rootProcessedItem = root ? processedItem : activeItemPath.find(function (p) {
|
|
763
|
+
return p.parentKey === '';
|
|
764
|
+
});
|
|
765
|
+
var rootProcessedItemIndex = rootProcessedItem ? rootProcessedItem.index : -1;
|
|
766
|
+
hide(originalEvent, true);
|
|
767
|
+
setFocusedItemInfo({
|
|
768
|
+
index: rootProcessedItemIndex,
|
|
769
|
+
parentKey: rootProcessedItem ? rootProcessedItem.parentKey : ''
|
|
770
|
+
});
|
|
770
771
|
}
|
|
771
772
|
};
|
|
772
773
|
var onItemMouseEnter = function onItemMouseEnter(event) {
|
|
@@ -1022,7 +1023,7 @@ var TieredMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
|
|
|
1022
1023
|
parent: parent,
|
|
1023
1024
|
parentKey: parentKey
|
|
1024
1025
|
};
|
|
1025
|
-
newItem
|
|
1026
|
+
newItem.items = createProcessedItems(item.items, level + 1, newItem, key);
|
|
1026
1027
|
processedItems.push(newItem);
|
|
1027
1028
|
});
|
|
1028
1029
|
return processedItems;
|
|
@@ -1044,7 +1045,7 @@ var TieredMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
|
|
|
1044
1045
|
};
|
|
1045
1046
|
var onEnter = function onEnter() {
|
|
1046
1047
|
if (props.autoZIndex) {
|
|
1047
|
-
utils.ZIndexUtils.set('menu', containerRef.current, context && context.autoZIndex || PrimeReact__default["default"].autoZIndex, props.baseZIndex || context && context.zIndex
|
|
1048
|
+
utils.ZIndexUtils.set('menu', containerRef.current, context && context.autoZIndex || PrimeReact__default["default"].autoZIndex, props.baseZIndex || context && context.zIndex.menu || PrimeReact__default["default"].zIndex.menu);
|
|
1048
1049
|
}
|
|
1049
1050
|
utils.DomHandler.addStyles(containerRef.current, {
|
|
1050
1051
|
position: 'absolute',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),r=require("primereact/csstransition"),i=require("primereact/hooks"),o=require("primereact/overlayservice"),u=require("primereact/portal"),a=require("primereact/utils"),c=require("primereact/icons/angleright"),l=require("primereact/ripple");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var m=p(e),d=s(n);function f(){return f=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},f.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,n){if("object"!==b(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function y(e){var n=v(e,"string");return"symbol"===b(n)?n:String(n)}function g(e,n,t){return(n=y(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function h(e){if(Array.isArray(e))return e}function x(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,u,a=[],c=!0,l=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=o.call(t)).done)&&(a.push(r.value),a.length!==n);c=!0);}catch(e){l=!0,i=e}finally{try{if(!c&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(l)throw i}}return a}}function I(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function O(e,n){if(e){if("string"==typeof e)return I(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?I(e,n):void 0}}function E(){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 k(e,n){return h(e)||x(e,n)||O(e,n)||E()}var j=t.ComponentBase.extend({defaultProps:{__TYPE:"TieredMenu",id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onShow:null,onFocus:null,onBlur:null,onHide:null,submenuIcon:null,children:void 0},css:{classes:{root:function(e){var n=e.props,t=e.context;return a.classNames("p-tieredmenu p-component",{"p-tieredmenu-overlay":n.popup,"p-input-filled":t&&"filled"===t.inputStyle||"filled"===d.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===d.default.ripple},n.className)},separator:"p-menuitem-separator",icon:function(e){return a.classNames("p-menuitem-icon",e._icon)},content:"p-menuitem-content",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",action:"p-menuitem-link",menuitem:function(e){return a.classNames("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled},e.itemClassName)},menu:"p-tieredmenu-root-list",submenu:"p-submenu-list",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-tieredmenu-overlay {\n position: absolute;\n }\n\n .p-tieredmenu ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-tieredmenu .p-submenu-list {\n position: absolute;\n min-width: 100%;\n z-index: 1;\n display: none;\n }\n\n .p-tieredmenu .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-text {\n line-height: 1;\n }\n\n .p-tieredmenu .p-menuitem {\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list {\n display: block;\n left: 100%;\n top: 0;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list-flipped {\n left: -100%;\n }\n}\n",inlineStyles:{submenu:function(e){var n=e.subProps;return{display:!n.root&&n.parentActive?"block":"none"}}}}});function S(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function D(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?S(Object(t),!0).forEach((function(n){g(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):S(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var w=m.memo(m.forwardRef((function(e,n){var t=m.useRef(null),r=i.useMergeProps(),o=e.ptm,u=e.cx,s=e.sx,p=function(n,t){return o(t,{hostName:e.hostName,context:{active:y(n)}})},d=function(){if(t.current){var e=t.current.parentElement,n=a.DomHandler.getOffset(e),r=a.DomHandler.getViewport(),i=t.current.offsetParent?t.current.offsetWidth:a.DomHandler.getHiddenElementOuterWidth(t.current),o=a.DomHandler.getOuterWidth(e.children[0]),u=parseInt(n.top,10)+t.current.offsetHeight-a.DomHandler.getWindowScrollTop();t.current.style.top=u>r.height?r.height-u+"px":"0px",parseInt(n.left,10)+o+i>r.width-a.DomHandler.calculateScrollbarWidth()&&a.DomHandler.addClass(t.current,"p-submenu-list-flipped")}},f=function(n,t){var r=t.item;h(t)?n.preventDefault():(r.command&&r.command({originalEvent:n,item:r}),e.onItemClick&&e.onItemClick({originalEvent:n,processedItem:t}),r.url||(n.preventDefault(),n.stopPropagation()))},b=function(n){return"".concat(e.menuId,"_").concat(n.key)},v=function(e,n,t){return e&&e.item?a.ObjectUtils.getItemValue(e.item[n],t):void 0},y=function(n){return e.activeItemPath.some((function(e){return e.key===n.key}))},g=function(e){return!1!==v(e,"visible")},h=function(e){return v(e,"disabled")},x=function(n){return e.focusedItemId===b(n)},I=function(e){return a.ObjectUtils.isNotEmpty(e.items)},O=function(n,t){e.onItemMouseEnter&&e.onItemMouseEnter({originalEvent:n,processedItem:t})},E=function(n){return n-e.model.slice(0,n).filter((function(e){return g(e)&&v(e,"separator")})).length+1};i.useUpdateEffect((function(){e.root||!e.parentActive||e.isMobileMode||d()}),[e.parentActive]),m.useImperativeHandle(n,(function(){return{getElement:function(){return t.current}}}));var k=function(n){var t=r({key:"separator_"+n,className:u("separator"),role:"separator"},o("separator",{hostName:e.hostName}));return m.createElement("li",t)},j=function(n,t){return I(n)?m.createElement(w,{id:e.id+"_"+t,menuProps:e.menuProps,model:n.items,menuId:e.menuId,ariaLabelledby:b(n),focusedItemId:e.focusedItemId,activeItemPath:e.activeItemPath,level:e.level+1,onItemClick:e.onItemClick,popup:e.popup,onItemMouseEnter:e.onItemMouseEnter,parentActive:y(n),isMobileMode:e.isMobileMode,submenuIcon:e.submenuIcon,ptm:e.ptm,cx:u,sx:s}):null},S=function(n,t){if(!1===g(n))return null;var i=n.item,o=v(n,"style"),s=v(n,"className"),d=v(n,"icon"),k=v(n,"target"),S=v(n,"url"),w=b(n),P=x(n),N=y(n),H=h(n),M=I(n),K=a.classNames("p-menuitem-link"),U=a.classNames("p-menuitem-icon",d),C=r({className:a.classNames(i.icon,"p-menuitem-icon","icon")},p(n,"icon")),T=a.IconUtils.getJSXIcon(d,D({},C),{props:e.menuProps}),A=r({className:u("label")},p(n,"label")),L=i.label&&m.createElement("span",A,i.label),R=r({className:u("submenuIcon")},p(n,"submenuIcon")),_=M&&a.IconUtils.getJSXIcon(e.submenuIcon||m.createElement(c.AngleRightIcon,R),D({},R),{props:e.menuProps}),q=j(n,t),B=r({href:S||"#","aria-hidden":!0,tabIndex:"-1",onFocus:function(e){return e.stopPropagation()},className:u("action"),target:k},p(n,"action")),W=m.createElement("a",B,T,L,_,m.createElement(l.Ripple,null));i.template&&(W=a.ObjectUtils.getJSXElement(i.template,i,{className:K,labelClassName:"p-menuitem-text",iconClassName:U,submenuIconClassName:"p-submenu-icon",element:W,props:e,active:N,disabled:H}));var Z=r({onClick:function(e){return f(e,n)},onMouseEnter:function(e){return O(e,n)},className:u("content")},p(n,"content")),F=r({key:w,id:w,"aria-label":i.label,"aria-disabled":H,"aria-expanded":M?N:void 0,"aria-haspopup":M&&!S?"menu":void 0,"aria-level":e.level+1,"aria-setsize":e.model.filter((function(e){return g(e)&&!v(e,"separator")})).length,"aria-posinset":E(t),"data-p-highlight":N,"data-p-disabled":H,"data-p-visited":P,className:u("menuitem",{itemClassName:s,active:N,focused:P,disabled:H}),style:o,onMouseEnter:function(e){return O(e,i)},role:"menuitem"},p(n,"menuitem"));return m.createElement("li",F,m.createElement("div",Z,W),q)},P=e.model?e.model.map((function(e,n){return v(e,"separator")?k(n):S(e,n)})):null,N=e.root?"menu":"submenu",H=r({ref:t,id:e.id,tabIndex:e.tabIndex,onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:e.onKeyDown,className:u(N,{subProps:e}),style:s(N,{subProps:e}),role:e.root?"menubar":"menu","aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledby,"aria-orientation":e.ariaOrientation,"aria-activedescendant":e.focusedItemId},o(N,{hostName:e.hostName}));return m.createElement("ul",H,P)})));function P(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function N(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?P(Object(t),!0).forEach((function(n){g(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):P(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}w.displayName="TieredMenuSub";var H=m.memo(m.forwardRef((function(e,c){var l=i.useMergeProps(),s=m.useContext(n.PrimeReactContext),p=j.getProps(e,s),b=k(m.useState(p.id),2),v=b[0],y=b[1],g=k(m.useState(!p.popup),2),h=g[0],x=g[1],I=k(m.useState([]),2),O=I[0],E=I[1],S=k(m.useState(!1),2),D=S[0],P=S[1],H=k(m.useState(null),2),M=H[0],K=H[1],U=k(m.useState({index:-1,level:0,parentKey:""}),2),C=U[0],T=U[1],A=k(m.useState(!1),2),L=A[0],R=A[1],_=k(m.useState([]),2),q=_[0],B=_[1],W=k(m.useState([]),2),Z=W[0],F=W[1],z=k(m.useState(!1),2),V=z[0],J=z[1],X=k(m.useState(null),2),Y=X[0],$=X[1],G=j.setMetaData({props:p,state:{id:v,visible:h,attributeSelector:Y}}),Q=G.ptm,ee=G.cx,ne=G.sx;t.useHandleStyle(j.css.styles,G.isUnstyled,{name:"tieredmenu"});var te=m.useRef(null),re=m.useRef(null),ie=m.useRef(null),oe=m.useRef(null),ue=m.useRef(null),ae=m.useRef(null),ce=m.useRef(null),le=i.useMatchMedia("screen and (max-width: ".concat(p.breakpoint,")"),!!p.breakpoint),se=k(i.useEventListener({type:"click",listener:function(e){var n=te.current&&!te.current.contains(e.target),t=!p.popup||!(ie.current&&(ie.current===e.target||ie.current.contains(e.target)));n&&t&&he(e,!p.popup)}}),2),pe=se[0],me=se[1],de=k(i.useResizeListener({listener:function(){!le&&he(event,!0)}}),2),fe=de[0],be=de[1],ve=function(e){p.popup&&o.OverlayService.emit("overlay-click",{originalEvent:e,target:ie.current})},ye=function(e){p.popup&&(h?he(e):ge(e))},ge=function(e){p.popup&&(ie.current=e.currentTarget,x(!0),p.onShow&&p.onShow(e),oe.current=e.relatedTarget||null),T({index:Ye(),level:0,parentKey:""})},he=function(e,n){p.popup&&(x(!1),p.onHide&&p.onHide(e));var t=Te();E([]),T({index:-1,level:0,parentKey:""}),n&&a.DomHandler.focus(oe.current||ie.current||t),R(!1)},xe=function(e){P(!0),T(-1!==C.index?C:{index:Ye(),level:0,parentKey:""}),p.onFocus&&p.onFocus(e)},Ie=function(e){P(!1),T({index:-1,level:0,parentKey:""}),ae.current="",R(!1),p.onBlur&&p.onBlur(e)},Oe=function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":Se(e);break;case"ArrowUp":De(e);break;case"ArrowLeft":we(e);break;case"ArrowRight":Pe(e);break;case"Home":Ne(e);break;case"End":He(e);break;case"Space":Ke(e);break;case"Enter":Me(e);break;case"Escape":p.popup&&a.DomHandler.focus(ie.current),Ue(e);break;case"Tab":Ce(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&a.ObjectUtils.isPrintableCharacter(e.key)&&Ge(e.key)}},Ee=function(e){var n=e.processedItem,t=e.isFocus;if(!a.ObjectUtils.isEmpty(n)){var r=n.index,i=n.key,o=n.level,u=n.parentKey,c=a.ObjectUtils.isNotEmpty(n.items),l=O.filter((function(e){return e.parentKey!==u&&e.parentKey!==i}));c&&l.push(n),T({index:r,level:o,parentKey:u}),E(l),c&&R(!0),t&&a.DomHandler.focus(Te())}},ke=function(e){var n=e.originalEvent,t=e.processedItem;if(!Le(t)&&!p.isMobileMode){var r=_e(t),i=a.ObjectUtils.isEmpty(t.parent),o=Ze(t),u=Te();if(o){var c=t.index,l=t.key,s=t.level,m=t.parentKey;E(O.filter((function(e){return l!==e.key&&l.startsWith(e.key)}))),T({index:c,level:s,parentKey:m}),r||R(!i),setTimeout((function(){a.DomHandler.focus(u),r&&R(!0)}),0)}else if(r)a.DomHandler.focus(u),Ee(e);else{var d=i?t:O.find((function(e){return""===e.parentKey})),f=d?d.index:-1;he(n,!0),T({index:f,parentKey:d?d.parentKey:""})}}},je=function(e){var n=e.originalEvent;Le(e.processedItem)||p.isMobileMode?n.preventDefault():L&&!p.popup&&Ee(e)},Se=function(e){var n=-1!==C.index?Ve(C.index):Ye();Qe(n),e.preventDefault()},De=function(e){if(e.altKey){if(p.popup&&a.DomHandler.focus(ie.current),-1!==C.index){var n=Z[C.index];!_e(n)&&Ee({originalEvent:e,processedItem:n})}p.popup&&he(e,!0),e.preventDefault()}else{var t=-1!==C.index?Je(C.index):$e();Qe(t),e.preventDefault()}},we=function(e){var n=Z[C.index],t=O.find((function(e){return e.key===n.parentKey}));a.ObjectUtils.isEmpty(n.parent)||(T({index:-1,parentKey:t?t.parentKey:""}),ae.current="",setTimeout((function(){return J(!0)}),0)),E(O.filter((function(e){return e.parentKey!==C.parentKey}))),e.preventDefault()},Pe=function(e){var n=Z[C.index];_e(n)&&(Ee({originalEvent:e,processedItem:n}),T({index:-1,parentKey:n.key}),ae.current="",setTimeout((function(){return J(!0)}),0)),e.preventDefault()},Ne=function(e){Qe(Fe()),e.preventDefault()},He=function(e){Qe(ze()),e.preventDefault()},Me=function(e){if(-1!==C.index){var n=a.DomHandler.findSingle(Te(),'li[id="'.concat("".concat(M),'"]')),t=n&&a.DomHandler.findSingle(n,'[data-pc-section="action"]');p.popup&&a.DomHandler.focus(ie.current),t?t.click():n&&n.click()}e.preventDefault()},Ke=function(e){Me(e)},Ue=function(e){he(e,!0),!p.popup&&T(N(N({},C),{},{index:Ye()})),e.preventDefault()},Ce=function(e){if(-1!==C.index){var n=Z[C.index];!_e(n)&&Ee({originalEvent:e,processedItem:n})}he(e)},Te=function(){return re.current.getElement()||null},Ae=function(e,n){return e?a.ObjectUtils.getItemValue(e[n]):void 0},Le=function(e){return Ae(e,"disabled")},Re=function(e){return e?Ae(e.item,"label"):void 0},_e=function(e){return e&&a.ObjectUtils.isNotEmpty(e.items)},qe=function(e){return Be(e)&&Re(e).toLocaleLowerCase().startsWith(ae.current.toLocaleLowerCase())},Be=function(e){return!!e&&!Le(e.item)&&!Ae(e.item,"separator")},We=function(e){return Be(e)&&Ze(e)},Ze=function(e){return O.some((function(n){return n.key===e.key}))},Fe=function(){return Z.findIndex((function(e){return Be(e)}))},ze=function(){return a.ObjectUtils.findLastIndex(Z,(function(e){return Be(e)}))},Ve=function(e){var n=e<Z.length-1?Z.slice(e+1).findIndex((function(e){return Be(e)})):-1;return n>-1?n+e+1:e},Je=function(e){var n=e>0?a.ObjectUtils.findLastIndex(Z.slice(0,e),(function(e){return Be(e)})):-1;return n>-1?n:e},Xe=function(){return Z.findIndex((function(e){return We(e)}))},Ye=function(){var e=Xe();return e<0?Fe():e},$e=function(){var e=Xe();return e<0?ze():e},Ge=function(e){ae.current=(ae.current||"")+e;var n=-1,t=!1;return-1!==(n=-1!==C.index?-1===(n=Z.slice(C.index).findIndex((function(e){return qe(e)})))?Z.slice(0,C.index).findIndex((function(e){return qe(e)})):n+C.index:Z.findIndex((function(e){return qe(e)})))&&(t=!0),-1===n&&-1===C.index&&(n=Ye()),-1!==n&&Qe(n),ce.current&&clearTimeout(ce),ce.current=setTimeout((function(){ae.current="",ce.current=null}),500),t},Qe=function(e){C.index!==e&&(T(N(N({},C),{},{index:e})),en())},en=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(v,"_").concat(e):M,t=a.DomHandler.findSingle(Te(),'li[id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},nn=m.useCallback((function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",i=[];return e&&e.forEach((function(e,o){var u=(""!==r?r+"_":"")+o,a={item:e,index:o,level:n,key:u,parent:t,parentKey:r};a.items=nn(e.items,n+1,a,u),i.push(a)})),i}),[]),tn=function(){if(!ue.current){ue.current=a.DomHandler.createInlineStyle(s&&s.nonce||d.default.nonce,s&&s.styleContainer);var e="".concat(Y),n="\n@media screen and (max-width: ".concat(p.breakpoint,") {\n .p-tieredmenu[").concat(e,"] > ul {\n max-height: ").concat(p.scrollHeight,";\n overflow: ").concat(p.scrollHeight?"auto":"",";\n }\n\n .p-tieredmenu[").concat(e,"] .p-submenu-list {\n position: relative;\n }\n\n .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-submenu-list {\n left: 0;\n box-shadow: none;\n border-radius: 0;\n padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n }\n\n .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n transform: rotate(-180deg);\n }\n\n .p-tieredmenu[").concat(e,'] .p-submenu-icon:before {\n content: "\\e930";\n }\n\n ').concat(p.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");ue.current.innerHTML=n}},rn=function(){ue.current=a.DomHandler.removeInlineStyle(ue.current)},on=function(){var e;p.autoZIndex&&a.ZIndexUtils.set("menu",te.current,s&&s.autoZIndex||d.default.autoZIndex,p.baseZIndex||s&&s.zIndex.menu||d.default.zIndex.menu),a.DomHandler.addStyles(te.current,{position:"absolute",top:"0",left:"0"}),e=a.DomHandler.getOuterWidth(ie.current)>a.DomHandler.getOuterWidth(te.current),a.DomHandler.alignOverlay(te.current,ie.current,p.appendTo,e),a.DomHandler.focus(re.current.getElement()),en(),Y&&p.breakpoint&&(te.current.setAttribute(Y,""),tn())},un=function(){pe(),fe()},an=function(){ie.current=null,me(),be()},cn=function(){a.ZIndexUtils.clear(te.current),rn()};i.useMountEffect((function(){var e=a.UniqueComponentId();!v&&y(e),p.breakpoint&&!Y&&$(e)})),m.useEffect((function(){var e=nn(p.model||[]);B(e)}),[p.model,nn]),i.useUpdateEffect((function(){var e=O.find((function(e){return e.key===C.parentKey}));F(e?e.items:q)}),[O,C,q]),i.useUpdateEffect((function(){var e=-1!==C.index?"".concat(v).concat(a.ObjectUtils.isNotEmpty(C.parentKey)?"_"+C.parentKey:"","_").concat(C.index):null;K(e)}),[C]),i.useUpdateEffect((function(){p.popup||(a.ObjectUtils.isNotEmpty(O)?(pe(),fe()):(me(),be()))}),[O]),i.useUpdateEffect((function(){if(V){var e=-1!==C.index?Ve(C.index):Ye();Qe(e),E(O.filter((function(e){return e.parentKey!==C.parentKey}))),J(!1)}}),[V]),i.useUpdateEffect((function(){return Y&&te.current&&(te.current.setAttribute(Y,""),tn()),function(){rn()}}),[Y,p.breakpoint]),i.useUnmountEffect((function(){a.ZIndexUtils.clear(te.current)})),m.useImperativeHandle(c,(function(){return{props:p,toggle:ye,show:ge,hide:he,getElement:function(){return te.current}}}));var ln,sn,pn=(ln=l({ref:te,id:p.id,className:ee("root"),style:p.style,onClick:ve},j.getOtherProps(p),Q("root")),sn=l({classNames:ee("transition"),in:h,timeout:{enter:120,exit:100},options:p.transitionOptions,unmountOnExit:!0,onEnter:on,onEntered:un,onExit:an,onExited:cn},Q("transition")),m.createElement(r.CSSTransition,f({nodeRef:te},sn),m.createElement("div",ln,m.createElement(w,{id:v+"_list",ref:re,hostName:"TieredMenu",menuProps:p,tabIndex:0,model:q,ariaLabel:p.ariaLabel,ariaLabelledBy:p.ariaLabelledBy,ariaOrientation:"vertical",ariaActiveDescendant:D?M:void 0,menuId:v,level:0,focusedItemId:M,activeItemPath:O,onFocus:xe,onBlur:Ie,onKeyDown:Oe,onItemClick:ke,onItemMouseEnter:je,root:!0,popup:p.popup,onHide:he,isMobileMode:le,submenuIcon:p.submenuIcon,ptm:Q,cx:ee,sx:ne}))));return p.popup?m.createElement(u.Portal,{element:pn,appendTo:p.appendTo}):pn})));H.displayName="TieredMenu",exports.TieredMenu=H;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),r=require("primereact/csstransition"),i=require("primereact/hooks"),o=require("primereact/overlayservice"),u=require("primereact/portal"),a=require("primereact/utils"),c=require("primereact/icons/angleright"),l=require("primereact/ripple");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var m=p(e),d=s(n);function f(){return f=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},f.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,n){if("object"!==b(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function y(e){var n=v(e,"string");return"symbol"===b(n)?n:String(n)}function g(e,n,t){return(n=y(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function h(e){if(Array.isArray(e))return e}function x(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,u,a=[],c=!0,l=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=o.call(t)).done)&&(a.push(r.value),a.length!==n);c=!0);}catch(e){l=!0,i=e}finally{try{if(!c&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(l)throw i}}return a}}function I(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function O(e,n){if(e){if("string"==typeof e)return I(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?I(e,n):void 0}}function E(){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 k(e,n){return h(e)||x(e,n)||O(e,n)||E()}var j=t.ComponentBase.extend({defaultProps:{__TYPE:"TieredMenu",id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onShow:null,onFocus:null,onBlur:null,onHide:null,submenuIcon:null,children:void 0},css:{classes:{root:function(e){var n=e.props,t=e.context;return a.classNames("p-tieredmenu p-component",{"p-tieredmenu-overlay":n.popup,"p-input-filled":t&&"filled"===t.inputStyle||"filled"===d.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===d.default.ripple},n.className)},separator:"p-menuitem-separator",icon:function(e){return a.classNames("p-menuitem-icon",e._icon)},content:"p-menuitem-content",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",action:"p-menuitem-link",menuitem:function(e){return a.classNames("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled},e.itemClassName)},menu:"p-tieredmenu-root-list",submenu:"p-submenu-list",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-tieredmenu-overlay {\n position: absolute;\n }\n\n .p-tieredmenu ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-tieredmenu .p-submenu-list {\n position: absolute;\n min-width: 100%;\n z-index: 1;\n display: none;\n }\n\n .p-tieredmenu .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-text {\n line-height: 1;\n }\n\n .p-tieredmenu .p-menuitem {\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list {\n display: block;\n left: 100%;\n top: 0;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list-flipped {\n left: -100%;\n }\n}\n",inlineStyles:{submenu:function(e){var n=e.subProps;return{display:!n.root&&n.parentActive?"block":"none"}}}}});function S(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function D(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?S(Object(t),!0).forEach((function(n){g(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):S(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var w=m.memo(m.forwardRef((function(e,n){var t=m.useRef(null),r=i.useMergeProps(),o=e.ptm,u=e.cx,s=e.sx,p=function(n,t){return o(t,{hostName:e.hostName,context:{active:y(n)}})},d=function(){if(t.current){var e=t.current.parentElement,n=a.DomHandler.getOffset(e),r=a.DomHandler.getViewport(),i=t.current.offsetParent?t.current.offsetWidth:a.DomHandler.getHiddenElementOuterWidth(t.current),o=a.DomHandler.getOuterWidth(e.children[0]),u=parseInt(n.top,10)+t.current.offsetHeight-a.DomHandler.getWindowScrollTop();t.current.style.top=u>r.height?r.height-u+"px":"0px",parseInt(n.left,10)+o+i>r.width-a.DomHandler.calculateScrollbarWidth()&&a.DomHandler.addClass(t.current,"p-submenu-list-flipped")}},f=function(n,t){var r=t.item;h(t)?n.preventDefault():(r.command&&r.command({originalEvent:n,item:r}),e.onItemClick&&e.onItemClick({originalEvent:n,processedItem:t}),r.url||(n.preventDefault(),n.stopPropagation()))},b=function(n){return"".concat(e.menuId,"_").concat(n.key)},v=function(e,n,t){return e&&e.item?a.ObjectUtils.getItemValue(e.item[n],t):void 0},y=function(n){return e.activeItemPath.some((function(e){return e.key===n.key}))},g=function(e){return!1!==v(e,"visible")},h=function(e){return v(e,"disabled")},x=function(n){return e.focusedItemId===b(n)},I=function(e){return a.ObjectUtils.isNotEmpty(e.items)},O=function(n,t){e.onItemMouseEnter&&e.onItemMouseEnter({originalEvent:n,processedItem:t})},E=function(n){return n-e.model.slice(0,n).filter((function(e){return g(e)&&v(e,"separator")})).length+1};i.useUpdateEffect((function(){e.root||!e.parentActive||e.isMobileMode||d()}),[e.parentActive]),m.useImperativeHandle(n,(function(){return{getElement:function(){return t.current}}}));var k=function(n){var t=r({key:"separator_"+n,className:u("separator"),role:"separator"},o("separator",{hostName:e.hostName}));return m.createElement("li",t)},j=function(n,t){return I(n)?m.createElement(w,{id:e.id+"_"+t,menuProps:e.menuProps,model:n.items,menuId:e.menuId,ariaLabelledby:b(n),focusedItemId:e.focusedItemId,activeItemPath:e.activeItemPath,level:e.level+1,onItemClick:e.onItemClick,popup:e.popup,onItemMouseEnter:e.onItemMouseEnter,parentActive:y(n),isMobileMode:e.isMobileMode,submenuIcon:e.submenuIcon,ptm:e.ptm,cx:u,sx:s}):null},S=function(n,t){if(!1===g(n))return null;var i=n.item,o=v(n,"style"),s=v(n,"className"),d=v(n,"icon"),k=v(n,"target"),S=v(n,"url"),w=b(n),P=x(n),N=y(n),H=h(n),M=I(n),K=a.classNames("p-menuitem-link"),U=a.classNames("p-menuitem-icon",d),C=r({className:a.classNames(i.icon,"p-menuitem-icon","icon")},p(n,"icon")),T=a.IconUtils.getJSXIcon(d,D({},C),{props:e.menuProps}),A=r({className:u("label")},p(n,"label")),L=i.label&&m.createElement("span",A,i.label),R=r({className:u("submenuIcon")},p(n,"submenuIcon")),_=M&&a.IconUtils.getJSXIcon(e.submenuIcon||m.createElement(c.AngleRightIcon,R),D({},R),{props:e.menuProps}),q=j(n,t),B=r({href:S||"#","aria-hidden":!0,tabIndex:"-1",onFocus:function(e){return e.stopPropagation()},className:u("action"),target:k},p(n,"action")),W=m.createElement("a",B,T,L,_,m.createElement(l.Ripple,null));i.template&&(W=a.ObjectUtils.getJSXElement(i.template,i,{className:K,labelClassName:"p-menuitem-text",iconClassName:U,submenuIconClassName:"p-submenu-icon",element:W,props:e,active:N,disabled:H}));var Z=r({onClick:function(e){return f(e,n)},onMouseEnter:function(e){return O(e,n)},className:u("content")},p(n,"content")),F=r({key:w,id:w,"aria-label":i.label,"aria-disabled":H,"aria-expanded":M?N:void 0,"aria-haspopup":M&&!S?"menu":void 0,"aria-level":e.level+1,"aria-setsize":e.model.filter((function(e){return g(e)&&!v(e,"separator")})).length,"aria-posinset":E(t),"data-p-highlight":N,"data-p-disabled":H,"data-p-visited":P,className:u("menuitem",{itemClassName:s,active:N,focused:P,disabled:H}),style:o,onMouseEnter:function(e){return O(e,i)},role:"menuitem"},p(n,"menuitem"));return m.createElement("li",F,m.createElement("div",Z,W),q)},P=e.model?e.model.map((function(e,n){return v(e,"separator")?k(n):S(e,n)})):null,N=e.root?"menu":"submenu",H=r({ref:t,id:e.id,tabIndex:e.tabIndex,onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:e.onKeyDown,className:u(N,{subProps:e}),style:s(N,{subProps:e}),role:e.root?"menubar":"menu","aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledby,"aria-orientation":e.ariaOrientation,"aria-activedescendant":e.focusedItemId},o(N,{hostName:e.hostName}));return m.createElement("ul",H,P)})));function P(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function N(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?P(Object(t),!0).forEach((function(n){g(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):P(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}w.displayName="TieredMenuSub";var H=m.memo(m.forwardRef((function(e,c){var l=i.useMergeProps(),s=m.useContext(n.PrimeReactContext),p=j.getProps(e,s),b=k(m.useState(p.id),2),v=b[0],y=b[1],g=k(m.useState(!p.popup),2),h=g[0],x=g[1],I=k(m.useState([]),2),O=I[0],E=I[1],S=k(m.useState(!1),2),D=S[0],P=S[1],H=k(m.useState(null),2),M=H[0],K=H[1],U=k(m.useState({index:-1,level:0,parentKey:""}),2),C=U[0],T=U[1],A=k(m.useState(!1),2),L=A[0],R=A[1],_=k(m.useState([]),2),q=_[0],B=_[1],W=k(m.useState([]),2),Z=W[0],F=W[1],z=k(m.useState(!1),2),V=z[0],J=z[1],X=k(m.useState(null),2),Y=X[0],$=X[1],G=j.setMetaData({props:p,state:{id:v,visible:h,attributeSelector:Y}}),Q=G.ptm,ee=G.cx,ne=G.sx;t.useHandleStyle(j.css.styles,G.isUnstyled,{name:"tieredmenu"});var te=m.useRef(null),re=m.useRef(null),ie=m.useRef(null),oe=m.useRef(null),ue=m.useRef(null),ae=m.useRef(null),ce=m.useRef(null),le=i.useMatchMedia("screen and (max-width: ".concat(p.breakpoint,")"),!!p.breakpoint),se=k(i.useEventListener({type:"click",listener:function(e){var n=te.current&&!te.current.contains(e.target),t=!p.popup||!(ie.current&&(ie.current===e.target||ie.current.contains(e.target)));n&&t&&he(e,!p.popup)}}),2),pe=se[0],me=se[1],de=k(i.useResizeListener({listener:function(){!le&&he(event,!0)}}),2),fe=de[0],be=de[1],ve=function(e){p.popup&&o.OverlayService.emit("overlay-click",{originalEvent:e,target:ie.current})},ye=function(e){p.popup&&(h?he(e):ge(e))},ge=function(e){p.popup&&(ie.current=e.currentTarget,x(!0),p.onShow&&p.onShow(e),oe.current=e.relatedTarget||null),T({index:Ye(),level:0,parentKey:""})},he=function(e,n){p.popup&&(x(!1),p.onHide&&p.onHide(e));var t=Te();E([]),T({index:-1,level:0,parentKey:""}),n&&a.DomHandler.focus(oe.current||ie.current||t),R(!1)},xe=function(e){P(!0),T(-1!==C.index?C:{index:Ye(),level:0,parentKey:""}),p.onFocus&&p.onFocus(e)},Ie=function(e){P(!1),T({index:-1,level:0,parentKey:""}),ae.current="",R(!1),p.onBlur&&p.onBlur(e)},Oe=function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":Se(e);break;case"ArrowUp":De(e);break;case"ArrowLeft":we(e);break;case"ArrowRight":Pe(e);break;case"Home":Ne(e);break;case"End":He(e);break;case"Space":Ke(e);break;case"Enter":case"NumpadEnter":Me(e);break;case"Escape":p.popup&&a.DomHandler.focus(ie.current),Ue(e);break;case"Tab":Ce(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&a.ObjectUtils.isPrintableCharacter(e.key)&&Ge(e.key)}},Ee=function(e){var n=e.processedItem,t=e.isFocus;if(!a.ObjectUtils.isEmpty(n)){var r=n.index,i=n.key,o=n.level,u=n.parentKey,c=a.ObjectUtils.isNotEmpty(n.items),l=O.filter((function(e){return e.parentKey!==u&&e.parentKey!==i}));c&&l.push(n),T({index:r,level:o,parentKey:u}),E(l),c&&R(!0),t&&a.DomHandler.focus(Te())}},ke=function(e){var n=e.originalEvent,t=e.processedItem;if(!Le(t)&&!p.isMobileMode){var r=_e(t),i=a.ObjectUtils.isEmpty(t.parent),o=Ze(t),u=Te();if(o){var c=t.index,l=t.key,s=t.level,m=t.parentKey;E(O.filter((function(e){return l!==e.key&&l.startsWith(e.key)}))),T({index:c,level:s,parentKey:m}),r||R(!i),setTimeout((function(){a.DomHandler.focus(u),r&&R(!0)}),0)}else if(r)a.DomHandler.focus(u),Ee(e);else{var d=i?t:O.find((function(e){return""===e.parentKey})),f=d?d.index:-1;he(n,!0),T({index:f,parentKey:d?d.parentKey:""})}}},je=function(e){var n=e.originalEvent;Le(e.processedItem)||p.isMobileMode?n.preventDefault():L&&!p.popup&&Ee(e)},Se=function(e){var n=-1!==C.index?Ve(C.index):Ye();Qe(n),e.preventDefault()},De=function(e){if(e.altKey){if(p.popup&&a.DomHandler.focus(ie.current),-1!==C.index){var n=Z[C.index];!_e(n)&&Ee({originalEvent:e,processedItem:n})}p.popup&&he(e,!0),e.preventDefault()}else{var t=-1!==C.index?Je(C.index):$e();Qe(t),e.preventDefault()}},we=function(e){var n=Z[C.index],t=O.find((function(e){return e.key===n.parentKey}));a.ObjectUtils.isEmpty(n.parent)||(T({index:-1,parentKey:t?t.parentKey:""}),ae.current="",setTimeout((function(){return J(!0)}),0)),E(O.filter((function(e){return e.parentKey!==C.parentKey}))),e.preventDefault()},Pe=function(e){var n=Z[C.index];_e(n)&&(Ee({originalEvent:e,processedItem:n}),T({index:-1,parentKey:n.key}),ae.current="",setTimeout((function(){return J(!0)}),0)),e.preventDefault()},Ne=function(e){Qe(Fe()),e.preventDefault()},He=function(e){Qe(ze()),e.preventDefault()},Me=function(e){if(-1!==C.index){var n=a.DomHandler.findSingle(Te(),'li[id="'.concat("".concat(M),'"]')),t=n&&a.DomHandler.findSingle(n,'[data-pc-section="action"]');p.popup&&a.DomHandler.focus(ie.current),t?t.click():n&&n.click()}e.preventDefault()},Ke=function(e){Me(e)},Ue=function(e){he(e,!0),!p.popup&&T(N(N({},C),{},{index:Ye()})),e.preventDefault()},Ce=function(e){if(-1!==C.index){var n=Z[C.index];!_e(n)&&Ee({originalEvent:e,processedItem:n})}he(e)},Te=function(){return re.current.getElement()||null},Ae=function(e,n){return e?a.ObjectUtils.getItemValue(e[n]):void 0},Le=function(e){return Ae(e,"disabled")},Re=function(e){return e?Ae(e.item,"label"):void 0},_e=function(e){return e&&a.ObjectUtils.isNotEmpty(e.items)},qe=function(e){return Be(e)&&Re(e).toLocaleLowerCase().startsWith(ae.current.toLocaleLowerCase())},Be=function(e){return!!e&&!Le(e.item)&&!Ae(e.item,"separator")},We=function(e){return Be(e)&&Ze(e)},Ze=function(e){return O.some((function(n){return n.key===e.key}))},Fe=function(){return Z.findIndex((function(e){return Be(e)}))},ze=function(){return a.ObjectUtils.findLastIndex(Z,(function(e){return Be(e)}))},Ve=function(e){var n=e<Z.length-1?Z.slice(e+1).findIndex((function(e){return Be(e)})):-1;return n>-1?n+e+1:e},Je=function(e){var n=e>0?a.ObjectUtils.findLastIndex(Z.slice(0,e),(function(e){return Be(e)})):-1;return n>-1?n:e},Xe=function(){return Z.findIndex((function(e){return We(e)}))},Ye=function(){var e=Xe();return e<0?Fe():e},$e=function(){var e=Xe();return e<0?ze():e},Ge=function(e){ae.current=(ae.current||"")+e;var n=-1,t=!1;return-1!==(n=-1!==C.index?-1===(n=Z.slice(C.index).findIndex((function(e){return qe(e)})))?Z.slice(0,C.index).findIndex((function(e){return qe(e)})):n+C.index:Z.findIndex((function(e){return qe(e)})))&&(t=!0),-1===n&&-1===C.index&&(n=Ye()),-1!==n&&Qe(n),ce.current&&clearTimeout(ce),ce.current=setTimeout((function(){ae.current="",ce.current=null}),500),t},Qe=function(e){C.index!==e&&(T(N(N({},C),{},{index:e})),en())},en=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(v,"_").concat(e):M,t=a.DomHandler.findSingle(Te(),'li[id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},nn=m.useCallback((function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",i=[];return e&&e.forEach((function(e,o){var u=(""!==r?r+"_":"")+o,a={item:e,index:o,level:n,key:u,parent:t,parentKey:r};a.items=nn(e.items,n+1,a,u),i.push(a)})),i}),[]),tn=function(){if(!ue.current){ue.current=a.DomHandler.createInlineStyle(s&&s.nonce||d.default.nonce,s&&s.styleContainer);var e="".concat(Y),n="\n@media screen and (max-width: ".concat(p.breakpoint,") {\n .p-tieredmenu[").concat(e,"] > ul {\n max-height: ").concat(p.scrollHeight,";\n overflow: ").concat(p.scrollHeight?"auto":"",";\n }\n\n .p-tieredmenu[").concat(e,"] .p-submenu-list {\n position: relative;\n }\n\n .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-submenu-list {\n left: 0;\n box-shadow: none;\n border-radius: 0;\n padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n }\n\n .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n transform: rotate(-180deg);\n }\n\n .p-tieredmenu[").concat(e,'] .p-submenu-icon:before {\n content: "\\e930";\n }\n\n ').concat(p.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");ue.current.innerHTML=n}},rn=function(){ue.current=a.DomHandler.removeInlineStyle(ue.current)},on=function(){var e;p.autoZIndex&&a.ZIndexUtils.set("menu",te.current,s&&s.autoZIndex||d.default.autoZIndex,p.baseZIndex||s&&s.zIndex.menu||d.default.zIndex.menu),a.DomHandler.addStyles(te.current,{position:"absolute",top:"0",left:"0"}),e=a.DomHandler.getOuterWidth(ie.current)>a.DomHandler.getOuterWidth(te.current),a.DomHandler.alignOverlay(te.current,ie.current,p.appendTo,e),a.DomHandler.focus(re.current.getElement()),en(),Y&&p.breakpoint&&(te.current.setAttribute(Y,""),tn())},un=function(){pe(),fe()},an=function(){ie.current=null,me(),be()},cn=function(){a.ZIndexUtils.clear(te.current),rn()};i.useMountEffect((function(){var e=a.UniqueComponentId();!v&&y(e),p.breakpoint&&!Y&&$(e)})),m.useEffect((function(){var e=nn(p.model||[]);B(e)}),[p.model,nn]),i.useUpdateEffect((function(){var e=O.find((function(e){return e.key===C.parentKey}));F(e?e.items:q)}),[O,C,q]),i.useUpdateEffect((function(){var e=-1!==C.index?"".concat(v).concat(a.ObjectUtils.isNotEmpty(C.parentKey)?"_"+C.parentKey:"","_").concat(C.index):null;K(e)}),[C]),i.useUpdateEffect((function(){p.popup||(a.ObjectUtils.isNotEmpty(O)?(pe(),fe()):(me(),be()))}),[O]),i.useUpdateEffect((function(){if(V){var e=-1!==C.index?Ve(C.index):Ye();Qe(e),E(O.filter((function(e){return e.parentKey!==C.parentKey}))),J(!1)}}),[V]),i.useUpdateEffect((function(){return Y&&te.current&&(te.current.setAttribute(Y,""),tn()),function(){rn()}}),[Y,p.breakpoint]),i.useUnmountEffect((function(){a.ZIndexUtils.clear(te.current)})),m.useImperativeHandle(c,(function(){return{props:p,toggle:ye,show:ge,hide:he,getElement:function(){return te.current}}}));var ln,sn,pn=(ln=l({ref:te,id:p.id,className:ee("root"),style:p.style,onClick:ve},j.getOtherProps(p),Q("root")),sn=l({classNames:ee("transition"),in:h,timeout:{enter:120,exit:100},options:p.transitionOptions,unmountOnExit:!0,onEnter:on,onEntered:un,onExit:an,onExited:cn},Q("transition")),m.createElement(r.CSSTransition,f({nodeRef:te},sn),m.createElement("div",ln,m.createElement(w,{id:v+"_list",ref:re,hostName:"TieredMenu",menuProps:p,tabIndex:0,model:q,ariaLabel:p.ariaLabel,ariaLabelledBy:p.ariaLabelledBy,ariaOrientation:"vertical",ariaActiveDescendant:D?M:void 0,menuId:v,level:0,focusedItemId:M,activeItemPath:O,onFocus:xe,onBlur:Ie,onKeyDown:Oe,onItemClick:ke,onItemMouseEnter:je,root:!0,popup:p.popup,onHide:he,isMobileMode:le,submenuIcon:p.submenuIcon,ptm:Q,cx:ee,sx:ne}))));return p.popup?m.createElement(u.Portal,{element:pn,appendTo:p.appendTo}):pn})));H.displayName="TieredMenu",exports.TieredMenu=H;
|
|
@@ -645,6 +645,7 @@ var TieredMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
645
645
|
onSpaceKey(event);
|
|
646
646
|
break;
|
|
647
647
|
case 'Enter':
|
|
648
|
+
case 'NumpadEnter':
|
|
648
649
|
onEnterKey(event);
|
|
649
650
|
break;
|
|
650
651
|
case 'Escape':
|
|
@@ -671,7 +672,9 @@ var TieredMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
671
672
|
var onItemChange = function onItemChange(event) {
|
|
672
673
|
var processedItem = event.processedItem,
|
|
673
674
|
isFocus = event.isFocus;
|
|
674
|
-
if (ObjectUtils.isEmpty(processedItem))
|
|
675
|
+
if (ObjectUtils.isEmpty(processedItem)) {
|
|
676
|
+
return;
|
|
677
|
+
}
|
|
675
678
|
var index = processedItem.index,
|
|
676
679
|
key = processedItem.key,
|
|
677
680
|
level = processedItem.level,
|
|
@@ -725,21 +728,19 @@ var TieredMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
725
728
|
setDirty(true);
|
|
726
729
|
}
|
|
727
730
|
}, 0);
|
|
731
|
+
} else if (grouped) {
|
|
732
|
+
DomHandler.focus(menuElement);
|
|
733
|
+
onItemChange(event);
|
|
728
734
|
} else {
|
|
729
|
-
|
|
730
|
-
|
|
731
|
-
|
|
732
|
-
|
|
733
|
-
|
|
734
|
-
|
|
735
|
-
|
|
736
|
-
|
|
737
|
-
|
|
738
|
-
setFocusedItemInfo({
|
|
739
|
-
index: rootProcessedItemIndex,
|
|
740
|
-
parentKey: rootProcessedItem ? rootProcessedItem.parentKey : ''
|
|
741
|
-
});
|
|
742
|
-
}
|
|
735
|
+
var rootProcessedItem = root ? processedItem : activeItemPath.find(function (p) {
|
|
736
|
+
return p.parentKey === '';
|
|
737
|
+
});
|
|
738
|
+
var rootProcessedItemIndex = rootProcessedItem ? rootProcessedItem.index : -1;
|
|
739
|
+
hide(originalEvent, true);
|
|
740
|
+
setFocusedItemInfo({
|
|
741
|
+
index: rootProcessedItemIndex,
|
|
742
|
+
parentKey: rootProcessedItem ? rootProcessedItem.parentKey : ''
|
|
743
|
+
});
|
|
743
744
|
}
|
|
744
745
|
};
|
|
745
746
|
var onItemMouseEnter = function onItemMouseEnter(event) {
|
|
@@ -995,7 +996,7 @@ var TieredMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
995
996
|
parent: parent,
|
|
996
997
|
parentKey: parentKey
|
|
997
998
|
};
|
|
998
|
-
newItem
|
|
999
|
+
newItem.items = createProcessedItems(item.items, level + 1, newItem, key);
|
|
999
1000
|
processedItems.push(newItem);
|
|
1000
1001
|
});
|
|
1001
1002
|
return processedItems;
|
|
@@ -1017,7 +1018,7 @@ var TieredMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
1017
1018
|
};
|
|
1018
1019
|
var onEnter = function onEnter() {
|
|
1019
1020
|
if (props.autoZIndex) {
|
|
1020
|
-
ZIndexUtils.set('menu', containerRef.current, context && context.autoZIndex || PrimeReact.autoZIndex, props.baseZIndex || context && context.zIndex
|
|
1021
|
+
ZIndexUtils.set('menu', containerRef.current, context && context.autoZIndex || PrimeReact.autoZIndex, props.baseZIndex || context && context.zIndex.menu || PrimeReact.zIndex.menu);
|
|
1021
1022
|
}
|
|
1022
1023
|
DomHandler.addStyles(containerRef.current, {
|
|
1023
1024
|
position: 'absolute',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import n,{PrimeReactContext as t}from"primereact/api";import{ComponentBase as r,useHandleStyle as i}from"primereact/componentbase";import{CSSTransition as o}from"primereact/csstransition";import{useMergeProps as u,useUpdateEffect as a,useMatchMedia as c,useEventListener as l,useResizeListener as s,useMountEffect as p,useUnmountEffect as m}from"primereact/hooks";import{OverlayService as f}from"primereact/overlayservice";import{Portal as d}from"primereact/portal";import{classNames as b,DomHandler as v,ObjectUtils as y,IconUtils as g,UniqueComponentId as h,ZIndexUtils as x}from"primereact/utils";import{AngleRightIcon as I}from"primereact/icons/angleright";import{Ripple as E}from"primereact/ripple";function k(){return k=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},k.apply(this,arguments)}function O(e){return O="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},O(e)}function w(e,n){if("object"!==O(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==O(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function S(e){var n=w(e,"string");return"symbol"===O(n)?n:String(n)}function P(e,n,t){return(n=S(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function N(e){if(Array.isArray(e))return e}function j(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,u,a=[],c=!0,l=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=o.call(t)).done)&&(a.push(r.value),a.length!==n);c=!0);}catch(e){l=!0,i=e}finally{try{if(!c&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(l)throw i}}return a}}function K(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function D(e,n){if(e){if("string"==typeof e)return K(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?K(e,n):void 0}}function M(){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,n){return N(e)||j(e,n)||D(e,n)||M()}var C=r.extend({defaultProps:{__TYPE:"TieredMenu",id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onShow:null,onFocus:null,onBlur:null,onHide:null,submenuIcon:null,children:void 0},css:{classes:{root:function(e){var t=e.props,r=e.context;return b("p-tieredmenu p-component",{"p-tieredmenu-overlay":t.popup,"p-input-filled":r&&"filled"===r.inputStyle||"filled"===n.inputStyle,"p-ripple-disabled":r&&!1===r.ripple||!1===n.ripple},t.className)},separator:"p-menuitem-separator",icon:function(e){return b("p-menuitem-icon",e._icon)},content:"p-menuitem-content",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",action:"p-menuitem-link",menuitem:function(e){return b("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled},e.itemClassName)},menu:"p-tieredmenu-root-list",submenu:"p-submenu-list",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-tieredmenu-overlay {\n position: absolute;\n }\n\n .p-tieredmenu ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-tieredmenu .p-submenu-list {\n position: absolute;\n min-width: 100%;\n z-index: 1;\n display: none;\n }\n\n .p-tieredmenu .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-text {\n line-height: 1;\n }\n\n .p-tieredmenu .p-menuitem {\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list {\n display: block;\n left: 100%;\n top: 0;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list-flipped {\n left: -100%;\n }\n}\n",inlineStyles:{submenu:function(e){var n=e.subProps;return{display:!n.root&&n.parentActive?"block":"none"}}}}});function A(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function L(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?A(Object(t),!0).forEach((function(n){P(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):A(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var H=e.memo(e.forwardRef((function(n,t){var r=e.useRef(null),i=u(),o=n.ptm,c=n.cx,l=n.sx,s=function(e,t){return o(t,{hostName:n.hostName,context:{active:h(e)}})},p=function(){if(r.current){var e=r.current.parentElement,n=v.getOffset(e),t=v.getViewport(),i=r.current.offsetParent?r.current.offsetWidth:v.getHiddenElementOuterWidth(r.current),o=v.getOuterWidth(e.children[0]),u=parseInt(n.top,10)+r.current.offsetHeight-v.getWindowScrollTop();r.current.style.top=u>t.height?t.height-u+"px":"0px",parseInt(n.left,10)+o+i>t.width-v.calculateScrollbarWidth()&&v.addClass(r.current,"p-submenu-list-flipped")}},m=function(e,t){var r=t.item;k(t)?e.preventDefault():(r.command&&r.command({originalEvent:e,item:r}),n.onItemClick&&n.onItemClick({originalEvent:e,processedItem:t}),r.url||(e.preventDefault(),e.stopPropagation()))},f=function(e){return"".concat(n.menuId,"_").concat(e.key)},d=function(e,n,t){return e&&e.item?y.getItemValue(e.item[n],t):void 0},h=function(e){return n.activeItemPath.some((function(n){return n.key===e.key}))},x=function(e){return!1!==d(e,"visible")},k=function(e){return d(e,"disabled")},O=function(e){return n.focusedItemId===f(e)},w=function(e){return y.isNotEmpty(e.items)},S=function(e,t){n.onItemMouseEnter&&n.onItemMouseEnter({originalEvent:e,processedItem:t})},P=function(e){return e-n.model.slice(0,e).filter((function(e){return x(e)&&d(e,"separator")})).length+1};a((function(){n.root||!n.parentActive||n.isMobileMode||p()}),[n.parentActive]),e.useImperativeHandle(t,(function(){return{getElement:function(){return r.current}}}));var N=function(t){var r=i({key:"separator_"+t,className:c("separator"),role:"separator"},o("separator",{hostName:n.hostName}));return e.createElement("li",r)},j=function(t,r){return w(t)?e.createElement(H,{id:n.id+"_"+r,menuProps:n.menuProps,model:t.items,menuId:n.menuId,ariaLabelledby:f(t),focusedItemId:n.focusedItemId,activeItemPath:n.activeItemPath,level:n.level+1,onItemClick:n.onItemClick,popup:n.popup,onItemMouseEnter:n.onItemMouseEnter,parentActive:h(t),isMobileMode:n.isMobileMode,submenuIcon:n.submenuIcon,ptm:n.ptm,cx:c,sx:l}):null},K=function(t,r){if(!1===x(t))return null;var o=t.item,u=d(t,"style"),a=d(t,"className"),l=d(t,"icon"),p=d(t,"target"),v=d(t,"url"),N=f(t),K=O(t),D=h(t),M=k(t),T=w(t),C=b("p-menuitem-link"),A=b("p-menuitem-icon",l),H=i({className:b(o.icon,"p-menuitem-icon","icon")},s(t,"icon")),R=g.getJSXIcon(l,L({},H),{props:n.menuProps}),_=i({className:c("label")},s(t,"label")),B=o.label&&e.createElement("span",_,o.label),W=i({className:c("submenuIcon")},s(t,"submenuIcon")),F=T&&g.getJSXIcon(n.submenuIcon||e.createElement(I,W),L({},W),{props:n.menuProps}),Z=j(t,r),V=i({href:v||"#","aria-hidden":!0,tabIndex:"-1",onFocus:function(e){return e.stopPropagation()},className:c("action"),target:p},s(t,"action")),z=e.createElement("a",V,R,B,F,e.createElement(E,null));o.template&&(z=y.getJSXElement(o.template,o,{className:C,labelClassName:"p-menuitem-text",iconClassName:A,submenuIconClassName:"p-submenu-icon",element:z,props:n,active:D,disabled:M}));var U=i({onClick:function(e){return m(e,t)},onMouseEnter:function(e){return S(e,t)},className:c("content")},s(t,"content")),J=i({key:N,id:N,"aria-label":o.label,"aria-disabled":M,"aria-expanded":T?D:void 0,"aria-haspopup":T&&!v?"menu":void 0,"aria-level":n.level+1,"aria-setsize":n.model.filter((function(e){return x(e)&&!d(e,"separator")})).length,"aria-posinset":P(r),"data-p-highlight":D,"data-p-disabled":M,"data-p-visited":K,className:c("menuitem",{itemClassName:a,active:D,focused:K,disabled:M}),style:u,onMouseEnter:function(e){return S(e,o)},role:"menuitem"},s(t,"menuitem"));return e.createElement("li",J,e.createElement("div",U,z),Z)},D=n.model?n.model.map((function(e,n){return d(e,"separator")?N(n):K(e,n)})):null,M=n.root?"menu":"submenu",T=i({ref:r,id:n.id,tabIndex:n.tabIndex,onFocus:n.onFocus,onBlur:n.onBlur,onKeyDown:n.onKeyDown,className:c(M,{subProps:n}),style:l(M,{subProps:n}),role:n.root?"menubar":"menu","aria-label":n.ariaLabel,"aria-labelledby":n.ariaLabelledby,"aria-orientation":n.ariaOrientation,"aria-activedescendant":n.focusedItemId},o(M,{hostName:n.hostName}));return e.createElement("ul",T,D)})));function R(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function _(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?R(Object(t),!0).forEach((function(n){P(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):R(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}H.displayName="TieredMenuSub";var B=e.memo(e.forwardRef((function(r,b){var g=u(),I=e.useContext(t),E=C.getProps(r,I),O=T(e.useState(E.id),2),w=O[0],S=O[1],P=T(e.useState(!E.popup),2),N=P[0],j=P[1],K=T(e.useState([]),2),D=K[0],M=K[1],A=T(e.useState(!1),2),L=A[0],R=A[1],B=T(e.useState(null),2),W=B[0],F=B[1],Z=T(e.useState({index:-1,level:0,parentKey:""}),2),V=Z[0],z=Z[1],U=T(e.useState(!1),2),J=U[0],X=U[1],Y=T(e.useState([]),2),$=Y[0],q=Y[1],G=T(e.useState([]),2),Q=G[0],ee=G[1],ne=T(e.useState(!1),2),te=ne[0],re=ne[1],ie=T(e.useState(null),2),oe=ie[0],ue=ie[1],ae=C.setMetaData({props:E,state:{id:w,visible:N,attributeSelector:oe}}),ce=ae.ptm,le=ae.cx,se=ae.sx;i(C.css.styles,ae.isUnstyled,{name:"tieredmenu"});var pe=e.useRef(null),me=e.useRef(null),fe=e.useRef(null),de=e.useRef(null),be=e.useRef(null),ve=e.useRef(null),ye=e.useRef(null),ge=c("screen and (max-width: ".concat(E.breakpoint,")"),!!E.breakpoint),he=T(l({type:"click",listener:function(e){var n=pe.current&&!pe.current.contains(e.target),t=!E.popup||!(fe.current&&(fe.current===e.target||fe.current.contains(e.target)));n&&t&&Ne(e,!E.popup)}}),2),xe=he[0],Ie=he[1],Ee=T(s({listener:function(){!ge&&Ne(event,!0)}}),2),ke=Ee[0],Oe=Ee[1],we=function(e){E.popup&&f.emit("overlay-click",{originalEvent:e,target:fe.current})},Se=function(e){E.popup&&(N?Ne(e):Pe(e))},Pe=function(e){E.popup&&(fe.current=e.currentTarget,j(!0),E.onShow&&E.onShow(e),de.current=e.relatedTarget||null),z({index:un(),level:0,parentKey:""})},Ne=function(e,n){E.popup&&(j(!1),E.onHide&&E.onHide(e));var t=ze();M([]),z({index:-1,level:0,parentKey:""}),n&&v.focus(de.current||fe.current||t),X(!1)},je=function(e){R(!0),z(-1!==V.index?V:{index:un(),level:0,parentKey:""}),E.onFocus&&E.onFocus(e)},Ke=function(e){R(!1),z({index:-1,level:0,parentKey:""}),ve.current="",X(!1),E.onBlur&&E.onBlur(e)},De=function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":Ae(e);break;case"ArrowUp":Le(e);break;case"ArrowLeft":He(e);break;case"ArrowRight":Re(e);break;case"Home":_e(e);break;case"End":Be(e);break;case"Space":Fe(e);break;case"Enter":We(e);break;case"Escape":E.popup&&v.focus(fe.current),Ze(e);break;case"Tab":Ve(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&y.isPrintableCharacter(e.key)&&cn(e.key)}},Me=function(e){var n=e.processedItem,t=e.isFocus;if(!y.isEmpty(n)){var r=n.index,i=n.key,o=n.level,u=n.parentKey,a=y.isNotEmpty(n.items),c=D.filter((function(e){return e.parentKey!==u&&e.parentKey!==i}));a&&c.push(n),z({index:r,level:o,parentKey:u}),M(c),a&&X(!0),t&&v.focus(ze())}},Te=function(e){var n=e.originalEvent,t=e.processedItem;if(!Je(t)&&!E.isMobileMode){var r=Ye(t),i=y.isEmpty(t.parent),o=Qe(t),u=ze();if(o){var a=t.index,c=t.key,l=t.level,s=t.parentKey;M(D.filter((function(e){return c!==e.key&&c.startsWith(e.key)}))),z({index:a,level:l,parentKey:s}),r||X(!i),setTimeout((function(){v.focus(u),r&&X(!0)}),0)}else if(r)v.focus(u),Me(e);else{var p=i?t:D.find((function(e){return""===e.parentKey})),m=p?p.index:-1;Ne(n,!0),z({index:m,parentKey:p?p.parentKey:""})}}},Ce=function(e){var n=e.originalEvent;Je(e.processedItem)||E.isMobileMode?n.preventDefault():J&&!E.popup&&Me(e)},Ae=function(e){var n=-1!==V.index?tn(V.index):un();ln(n),e.preventDefault()},Le=function(e){if(e.altKey){if(E.popup&&v.focus(fe.current),-1!==V.index){var n=Q[V.index];!Ye(n)&&Me({originalEvent:e,processedItem:n})}E.popup&&Ne(e,!0),e.preventDefault()}else{var t=-1!==V.index?rn(V.index):an();ln(t),e.preventDefault()}},He=function(e){var n=Q[V.index],t=D.find((function(e){return e.key===n.parentKey}));y.isEmpty(n.parent)||(z({index:-1,parentKey:t?t.parentKey:""}),ve.current="",setTimeout((function(){return re(!0)}),0)),M(D.filter((function(e){return e.parentKey!==V.parentKey}))),e.preventDefault()},Re=function(e){var n=Q[V.index];Ye(n)&&(Me({originalEvent:e,processedItem:n}),z({index:-1,parentKey:n.key}),ve.current="",setTimeout((function(){return re(!0)}),0)),e.preventDefault()},_e=function(e){ln(en()),e.preventDefault()},Be=function(e){ln(nn()),e.preventDefault()},We=function(e){if(-1!==V.index){var n=v.findSingle(ze(),'li[id="'.concat("".concat(W),'"]')),t=n&&v.findSingle(n,'[data-pc-section="action"]');E.popup&&v.focus(fe.current),t?t.click():n&&n.click()}e.preventDefault()},Fe=function(e){We(e)},Ze=function(e){Ne(e,!0),!E.popup&&z(_(_({},V),{},{index:un()})),e.preventDefault()},Ve=function(e){if(-1!==V.index){var n=Q[V.index];!Ye(n)&&Me({originalEvent:e,processedItem:n})}Ne(e)},ze=function(){return me.current.getElement()||null},Ue=function(e,n){return e?y.getItemValue(e[n]):void 0},Je=function(e){return Ue(e,"disabled")},Xe=function(e){return e?Ue(e.item,"label"):void 0},Ye=function(e){return e&&y.isNotEmpty(e.items)},$e=function(e){return qe(e)&&Xe(e).toLocaleLowerCase().startsWith(ve.current.toLocaleLowerCase())},qe=function(e){return!!e&&!Je(e.item)&&!Ue(e.item,"separator")},Ge=function(e){return qe(e)&&Qe(e)},Qe=function(e){return D.some((function(n){return n.key===e.key}))},en=function(){return Q.findIndex((function(e){return qe(e)}))},nn=function(){return y.findLastIndex(Q,(function(e){return qe(e)}))},tn=function(e){var n=e<Q.length-1?Q.slice(e+1).findIndex((function(e){return qe(e)})):-1;return n>-1?n+e+1:e},rn=function(e){var n=e>0?y.findLastIndex(Q.slice(0,e),(function(e){return qe(e)})):-1;return n>-1?n:e},on=function(){return Q.findIndex((function(e){return Ge(e)}))},un=function(){var e=on();return e<0?en():e},an=function(){var e=on();return e<0?nn():e},cn=function(e){ve.current=(ve.current||"")+e;var n=-1,t=!1;return-1!==(n=-1!==V.index?-1===(n=Q.slice(V.index).findIndex((function(e){return $e(e)})))?Q.slice(0,V.index).findIndex((function(e){return $e(e)})):n+V.index:Q.findIndex((function(e){return $e(e)})))&&(t=!0),-1===n&&-1===V.index&&(n=un()),-1!==n&&ln(n),ye.current&&clearTimeout(ye),ye.current=setTimeout((function(){ve.current="",ye.current=null}),500),t},ln=function(e){V.index!==e&&(z(_(_({},V),{},{index:e})),sn())},sn=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(w,"_").concat(e):W,t=v.findSingle(ze(),'li[id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},pn=e.useCallback((function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",i=[];return e&&e.forEach((function(e,o){var u=(""!==r?r+"_":"")+o,a={item:e,index:o,level:n,key:u,parent:t,parentKey:r};a.items=pn(e.items,n+1,a,u),i.push(a)})),i}),[]),mn=function(){if(!be.current){be.current=v.createInlineStyle(I&&I.nonce||n.nonce,I&&I.styleContainer);var e="".concat(oe),t="\n@media screen and (max-width: ".concat(E.breakpoint,") {\n .p-tieredmenu[").concat(e,"] > ul {\n max-height: ").concat(E.scrollHeight,";\n overflow: ").concat(E.scrollHeight?"auto":"",";\n }\n\n .p-tieredmenu[").concat(e,"] .p-submenu-list {\n position: relative;\n }\n\n .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-submenu-list {\n left: 0;\n box-shadow: none;\n border-radius: 0;\n padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n }\n\n .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n transform: rotate(-180deg);\n }\n\n .p-tieredmenu[").concat(e,'] .p-submenu-icon:before {\n content: "\\e930";\n }\n\n ').concat(E.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");be.current.innerHTML=t}},fn=function(){be.current=v.removeInlineStyle(be.current)},dn=function(){var e;E.autoZIndex&&x.set("menu",pe.current,I&&I.autoZIndex||n.autoZIndex,E.baseZIndex||I&&I.zIndex.menu||n.zIndex.menu),v.addStyles(pe.current,{position:"absolute",top:"0",left:"0"}),e=v.getOuterWidth(fe.current)>v.getOuterWidth(pe.current),v.alignOverlay(pe.current,fe.current,E.appendTo,e),v.focus(me.current.getElement()),sn(),oe&&E.breakpoint&&(pe.current.setAttribute(oe,""),mn())},bn=function(){xe(),ke()},vn=function(){fe.current=null,Ie(),Oe()},yn=function(){x.clear(pe.current),fn()};p((function(){var e=h();!w&&S(e),E.breakpoint&&!oe&&ue(e)})),e.useEffect((function(){var e=pn(E.model||[]);q(e)}),[E.model,pn]),a((function(){var e=D.find((function(e){return e.key===V.parentKey}));ee(e?e.items:$)}),[D,V,$]),a((function(){var e=-1!==V.index?"".concat(w).concat(y.isNotEmpty(V.parentKey)?"_"+V.parentKey:"","_").concat(V.index):null;F(e)}),[V]),a((function(){E.popup||(y.isNotEmpty(D)?(xe(),ke()):(Ie(),Oe()))}),[D]),a((function(){if(te){var e=-1!==V.index?tn(V.index):un();ln(e),M(D.filter((function(e){return e.parentKey!==V.parentKey}))),re(!1)}}),[te]),a((function(){return oe&&pe.current&&(pe.current.setAttribute(oe,""),mn()),function(){fn()}}),[oe,E.breakpoint]),m((function(){x.clear(pe.current)})),e.useImperativeHandle(b,(function(){return{props:E,toggle:Se,show:Pe,hide:Ne,getElement:function(){return pe.current}}}));var gn,hn,xn=(gn=g({ref:pe,id:E.id,className:le("root"),style:E.style,onClick:we},C.getOtherProps(E),ce("root")),hn=g({classNames:le("transition"),in:N,timeout:{enter:120,exit:100},options:E.transitionOptions,unmountOnExit:!0,onEnter:dn,onEntered:bn,onExit:vn,onExited:yn},ce("transition")),e.createElement(o,k({nodeRef:pe},hn),e.createElement("div",gn,e.createElement(H,{id:w+"_list",ref:me,hostName:"TieredMenu",menuProps:E,tabIndex:0,model:$,ariaLabel:E.ariaLabel,ariaLabelledBy:E.ariaLabelledBy,ariaOrientation:"vertical",ariaActiveDescendant:L?W:void 0,menuId:w,level:0,focusedItemId:W,activeItemPath:D,onFocus:je,onBlur:Ke,onKeyDown:De,onItemClick:Te,onItemMouseEnter:Ce,root:!0,popup:E.popup,onHide:Ne,isMobileMode:ge,submenuIcon:E.submenuIcon,ptm:ce,cx:le,sx:se}))));return E.popup?e.createElement(d,{element:xn,appendTo:E.appendTo}):xn})));B.displayName="TieredMenu";export{B as TieredMenu};
|
|
1
|
+
import*as e from"react";import n,{PrimeReactContext as t}from"primereact/api";import{ComponentBase as r,useHandleStyle as i}from"primereact/componentbase";import{CSSTransition as o}from"primereact/csstransition";import{useMergeProps as u,useUpdateEffect as a,useMatchMedia as c,useEventListener as l,useResizeListener as s,useMountEffect as p,useUnmountEffect as m}from"primereact/hooks";import{OverlayService as f}from"primereact/overlayservice";import{Portal as d}from"primereact/portal";import{classNames as b,DomHandler as v,ObjectUtils as y,IconUtils as g,UniqueComponentId as h,ZIndexUtils as x}from"primereact/utils";import{AngleRightIcon as I}from"primereact/icons/angleright";import{Ripple as E}from"primereact/ripple";function k(){return k=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},k.apply(this,arguments)}function O(e){return O="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},O(e)}function w(e,n){if("object"!==O(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==O(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function S(e){var n=w(e,"string");return"symbol"===O(n)?n:String(n)}function P(e,n,t){return(n=S(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function N(e){if(Array.isArray(e))return e}function j(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,u,a=[],c=!0,l=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=o.call(t)).done)&&(a.push(r.value),a.length!==n);c=!0);}catch(e){l=!0,i=e}finally{try{if(!c&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(l)throw i}}return a}}function K(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function D(e,n){if(e){if("string"==typeof e)return K(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?K(e,n):void 0}}function M(){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,n){return N(e)||j(e,n)||D(e,n)||M()}var C=r.extend({defaultProps:{__TYPE:"TieredMenu",id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onShow:null,onFocus:null,onBlur:null,onHide:null,submenuIcon:null,children:void 0},css:{classes:{root:function(e){var t=e.props,r=e.context;return b("p-tieredmenu p-component",{"p-tieredmenu-overlay":t.popup,"p-input-filled":r&&"filled"===r.inputStyle||"filled"===n.inputStyle,"p-ripple-disabled":r&&!1===r.ripple||!1===n.ripple},t.className)},separator:"p-menuitem-separator",icon:function(e){return b("p-menuitem-icon",e._icon)},content:"p-menuitem-content",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",action:"p-menuitem-link",menuitem:function(e){return b("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled},e.itemClassName)},menu:"p-tieredmenu-root-list",submenu:"p-submenu-list",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-tieredmenu-overlay {\n position: absolute;\n }\n\n .p-tieredmenu ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-tieredmenu .p-submenu-list {\n position: absolute;\n min-width: 100%;\n z-index: 1;\n display: none;\n }\n\n .p-tieredmenu .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-text {\n line-height: 1;\n }\n\n .p-tieredmenu .p-menuitem {\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list {\n display: block;\n left: 100%;\n top: 0;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list-flipped {\n left: -100%;\n }\n}\n",inlineStyles:{submenu:function(e){var n=e.subProps;return{display:!n.root&&n.parentActive?"block":"none"}}}}});function A(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function L(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?A(Object(t),!0).forEach((function(n){P(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):A(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var H=e.memo(e.forwardRef((function(n,t){var r=e.useRef(null),i=u(),o=n.ptm,c=n.cx,l=n.sx,s=function(e,t){return o(t,{hostName:n.hostName,context:{active:h(e)}})},p=function(){if(r.current){var e=r.current.parentElement,n=v.getOffset(e),t=v.getViewport(),i=r.current.offsetParent?r.current.offsetWidth:v.getHiddenElementOuterWidth(r.current),o=v.getOuterWidth(e.children[0]),u=parseInt(n.top,10)+r.current.offsetHeight-v.getWindowScrollTop();r.current.style.top=u>t.height?t.height-u+"px":"0px",parseInt(n.left,10)+o+i>t.width-v.calculateScrollbarWidth()&&v.addClass(r.current,"p-submenu-list-flipped")}},m=function(e,t){var r=t.item;k(t)?e.preventDefault():(r.command&&r.command({originalEvent:e,item:r}),n.onItemClick&&n.onItemClick({originalEvent:e,processedItem:t}),r.url||(e.preventDefault(),e.stopPropagation()))},f=function(e){return"".concat(n.menuId,"_").concat(e.key)},d=function(e,n,t){return e&&e.item?y.getItemValue(e.item[n],t):void 0},h=function(e){return n.activeItemPath.some((function(n){return n.key===e.key}))},x=function(e){return!1!==d(e,"visible")},k=function(e){return d(e,"disabled")},O=function(e){return n.focusedItemId===f(e)},w=function(e){return y.isNotEmpty(e.items)},S=function(e,t){n.onItemMouseEnter&&n.onItemMouseEnter({originalEvent:e,processedItem:t})},P=function(e){return e-n.model.slice(0,e).filter((function(e){return x(e)&&d(e,"separator")})).length+1};a((function(){n.root||!n.parentActive||n.isMobileMode||p()}),[n.parentActive]),e.useImperativeHandle(t,(function(){return{getElement:function(){return r.current}}}));var N=function(t){var r=i({key:"separator_"+t,className:c("separator"),role:"separator"},o("separator",{hostName:n.hostName}));return e.createElement("li",r)},j=function(t,r){return w(t)?e.createElement(H,{id:n.id+"_"+r,menuProps:n.menuProps,model:t.items,menuId:n.menuId,ariaLabelledby:f(t),focusedItemId:n.focusedItemId,activeItemPath:n.activeItemPath,level:n.level+1,onItemClick:n.onItemClick,popup:n.popup,onItemMouseEnter:n.onItemMouseEnter,parentActive:h(t),isMobileMode:n.isMobileMode,submenuIcon:n.submenuIcon,ptm:n.ptm,cx:c,sx:l}):null},K=function(t,r){if(!1===x(t))return null;var o=t.item,u=d(t,"style"),a=d(t,"className"),l=d(t,"icon"),p=d(t,"target"),v=d(t,"url"),N=f(t),K=O(t),D=h(t),M=k(t),T=w(t),C=b("p-menuitem-link"),A=b("p-menuitem-icon",l),H=i({className:b(o.icon,"p-menuitem-icon","icon")},s(t,"icon")),R=g.getJSXIcon(l,L({},H),{props:n.menuProps}),_=i({className:c("label")},s(t,"label")),B=o.label&&e.createElement("span",_,o.label),W=i({className:c("submenuIcon")},s(t,"submenuIcon")),F=T&&g.getJSXIcon(n.submenuIcon||e.createElement(I,W),L({},W),{props:n.menuProps}),Z=j(t,r),V=i({href:v||"#","aria-hidden":!0,tabIndex:"-1",onFocus:function(e){return e.stopPropagation()},className:c("action"),target:p},s(t,"action")),z=e.createElement("a",V,R,B,F,e.createElement(E,null));o.template&&(z=y.getJSXElement(o.template,o,{className:C,labelClassName:"p-menuitem-text",iconClassName:A,submenuIconClassName:"p-submenu-icon",element:z,props:n,active:D,disabled:M}));var U=i({onClick:function(e){return m(e,t)},onMouseEnter:function(e){return S(e,t)},className:c("content")},s(t,"content")),J=i({key:N,id:N,"aria-label":o.label,"aria-disabled":M,"aria-expanded":T?D:void 0,"aria-haspopup":T&&!v?"menu":void 0,"aria-level":n.level+1,"aria-setsize":n.model.filter((function(e){return x(e)&&!d(e,"separator")})).length,"aria-posinset":P(r),"data-p-highlight":D,"data-p-disabled":M,"data-p-visited":K,className:c("menuitem",{itemClassName:a,active:D,focused:K,disabled:M}),style:u,onMouseEnter:function(e){return S(e,o)},role:"menuitem"},s(t,"menuitem"));return e.createElement("li",J,e.createElement("div",U,z),Z)},D=n.model?n.model.map((function(e,n){return d(e,"separator")?N(n):K(e,n)})):null,M=n.root?"menu":"submenu",T=i({ref:r,id:n.id,tabIndex:n.tabIndex,onFocus:n.onFocus,onBlur:n.onBlur,onKeyDown:n.onKeyDown,className:c(M,{subProps:n}),style:l(M,{subProps:n}),role:n.root?"menubar":"menu","aria-label":n.ariaLabel,"aria-labelledby":n.ariaLabelledby,"aria-orientation":n.ariaOrientation,"aria-activedescendant":n.focusedItemId},o(M,{hostName:n.hostName}));return e.createElement("ul",T,D)})));function R(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function _(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?R(Object(t),!0).forEach((function(n){P(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):R(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}H.displayName="TieredMenuSub";var B=e.memo(e.forwardRef((function(r,b){var g=u(),I=e.useContext(t),E=C.getProps(r,I),O=T(e.useState(E.id),2),w=O[0],S=O[1],P=T(e.useState(!E.popup),2),N=P[0],j=P[1],K=T(e.useState([]),2),D=K[0],M=K[1],A=T(e.useState(!1),2),L=A[0],R=A[1],B=T(e.useState(null),2),W=B[0],F=B[1],Z=T(e.useState({index:-1,level:0,parentKey:""}),2),V=Z[0],z=Z[1],U=T(e.useState(!1),2),J=U[0],X=U[1],Y=T(e.useState([]),2),$=Y[0],q=Y[1],G=T(e.useState([]),2),Q=G[0],ee=G[1],ne=T(e.useState(!1),2),te=ne[0],re=ne[1],ie=T(e.useState(null),2),oe=ie[0],ue=ie[1],ae=C.setMetaData({props:E,state:{id:w,visible:N,attributeSelector:oe}}),ce=ae.ptm,le=ae.cx,se=ae.sx;i(C.css.styles,ae.isUnstyled,{name:"tieredmenu"});var pe=e.useRef(null),me=e.useRef(null),fe=e.useRef(null),de=e.useRef(null),be=e.useRef(null),ve=e.useRef(null),ye=e.useRef(null),ge=c("screen and (max-width: ".concat(E.breakpoint,")"),!!E.breakpoint),he=T(l({type:"click",listener:function(e){var n=pe.current&&!pe.current.contains(e.target),t=!E.popup||!(fe.current&&(fe.current===e.target||fe.current.contains(e.target)));n&&t&&Ne(e,!E.popup)}}),2),xe=he[0],Ie=he[1],Ee=T(s({listener:function(){!ge&&Ne(event,!0)}}),2),ke=Ee[0],Oe=Ee[1],we=function(e){E.popup&&f.emit("overlay-click",{originalEvent:e,target:fe.current})},Se=function(e){E.popup&&(N?Ne(e):Pe(e))},Pe=function(e){E.popup&&(fe.current=e.currentTarget,j(!0),E.onShow&&E.onShow(e),de.current=e.relatedTarget||null),z({index:un(),level:0,parentKey:""})},Ne=function(e,n){E.popup&&(j(!1),E.onHide&&E.onHide(e));var t=ze();M([]),z({index:-1,level:0,parentKey:""}),n&&v.focus(de.current||fe.current||t),X(!1)},je=function(e){R(!0),z(-1!==V.index?V:{index:un(),level:0,parentKey:""}),E.onFocus&&E.onFocus(e)},Ke=function(e){R(!1),z({index:-1,level:0,parentKey:""}),ve.current="",X(!1),E.onBlur&&E.onBlur(e)},De=function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":Ae(e);break;case"ArrowUp":Le(e);break;case"ArrowLeft":He(e);break;case"ArrowRight":Re(e);break;case"Home":_e(e);break;case"End":Be(e);break;case"Space":Fe(e);break;case"Enter":case"NumpadEnter":We(e);break;case"Escape":E.popup&&v.focus(fe.current),Ze(e);break;case"Tab":Ve(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&y.isPrintableCharacter(e.key)&&cn(e.key)}},Me=function(e){var n=e.processedItem,t=e.isFocus;if(!y.isEmpty(n)){var r=n.index,i=n.key,o=n.level,u=n.parentKey,a=y.isNotEmpty(n.items),c=D.filter((function(e){return e.parentKey!==u&&e.parentKey!==i}));a&&c.push(n),z({index:r,level:o,parentKey:u}),M(c),a&&X(!0),t&&v.focus(ze())}},Te=function(e){var n=e.originalEvent,t=e.processedItem;if(!Je(t)&&!E.isMobileMode){var r=Ye(t),i=y.isEmpty(t.parent),o=Qe(t),u=ze();if(o){var a=t.index,c=t.key,l=t.level,s=t.parentKey;M(D.filter((function(e){return c!==e.key&&c.startsWith(e.key)}))),z({index:a,level:l,parentKey:s}),r||X(!i),setTimeout((function(){v.focus(u),r&&X(!0)}),0)}else if(r)v.focus(u),Me(e);else{var p=i?t:D.find((function(e){return""===e.parentKey})),m=p?p.index:-1;Ne(n,!0),z({index:m,parentKey:p?p.parentKey:""})}}},Ce=function(e){var n=e.originalEvent;Je(e.processedItem)||E.isMobileMode?n.preventDefault():J&&!E.popup&&Me(e)},Ae=function(e){var n=-1!==V.index?tn(V.index):un();ln(n),e.preventDefault()},Le=function(e){if(e.altKey){if(E.popup&&v.focus(fe.current),-1!==V.index){var n=Q[V.index];!Ye(n)&&Me({originalEvent:e,processedItem:n})}E.popup&&Ne(e,!0),e.preventDefault()}else{var t=-1!==V.index?rn(V.index):an();ln(t),e.preventDefault()}},He=function(e){var n=Q[V.index],t=D.find((function(e){return e.key===n.parentKey}));y.isEmpty(n.parent)||(z({index:-1,parentKey:t?t.parentKey:""}),ve.current="",setTimeout((function(){return re(!0)}),0)),M(D.filter((function(e){return e.parentKey!==V.parentKey}))),e.preventDefault()},Re=function(e){var n=Q[V.index];Ye(n)&&(Me({originalEvent:e,processedItem:n}),z({index:-1,parentKey:n.key}),ve.current="",setTimeout((function(){return re(!0)}),0)),e.preventDefault()},_e=function(e){ln(en()),e.preventDefault()},Be=function(e){ln(nn()),e.preventDefault()},We=function(e){if(-1!==V.index){var n=v.findSingle(ze(),'li[id="'.concat("".concat(W),'"]')),t=n&&v.findSingle(n,'[data-pc-section="action"]');E.popup&&v.focus(fe.current),t?t.click():n&&n.click()}e.preventDefault()},Fe=function(e){We(e)},Ze=function(e){Ne(e,!0),!E.popup&&z(_(_({},V),{},{index:un()})),e.preventDefault()},Ve=function(e){if(-1!==V.index){var n=Q[V.index];!Ye(n)&&Me({originalEvent:e,processedItem:n})}Ne(e)},ze=function(){return me.current.getElement()||null},Ue=function(e,n){return e?y.getItemValue(e[n]):void 0},Je=function(e){return Ue(e,"disabled")},Xe=function(e){return e?Ue(e.item,"label"):void 0},Ye=function(e){return e&&y.isNotEmpty(e.items)},$e=function(e){return qe(e)&&Xe(e).toLocaleLowerCase().startsWith(ve.current.toLocaleLowerCase())},qe=function(e){return!!e&&!Je(e.item)&&!Ue(e.item,"separator")},Ge=function(e){return qe(e)&&Qe(e)},Qe=function(e){return D.some((function(n){return n.key===e.key}))},en=function(){return Q.findIndex((function(e){return qe(e)}))},nn=function(){return y.findLastIndex(Q,(function(e){return qe(e)}))},tn=function(e){var n=e<Q.length-1?Q.slice(e+1).findIndex((function(e){return qe(e)})):-1;return n>-1?n+e+1:e},rn=function(e){var n=e>0?y.findLastIndex(Q.slice(0,e),(function(e){return qe(e)})):-1;return n>-1?n:e},on=function(){return Q.findIndex((function(e){return Ge(e)}))},un=function(){var e=on();return e<0?en():e},an=function(){var e=on();return e<0?nn():e},cn=function(e){ve.current=(ve.current||"")+e;var n=-1,t=!1;return-1!==(n=-1!==V.index?-1===(n=Q.slice(V.index).findIndex((function(e){return $e(e)})))?Q.slice(0,V.index).findIndex((function(e){return $e(e)})):n+V.index:Q.findIndex((function(e){return $e(e)})))&&(t=!0),-1===n&&-1===V.index&&(n=un()),-1!==n&&ln(n),ye.current&&clearTimeout(ye),ye.current=setTimeout((function(){ve.current="",ye.current=null}),500),t},ln=function(e){V.index!==e&&(z(_(_({},V),{},{index:e})),sn())},sn=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(w,"_").concat(e):W,t=v.findSingle(ze(),'li[id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},pn=e.useCallback((function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",i=[];return e&&e.forEach((function(e,o){var u=(""!==r?r+"_":"")+o,a={item:e,index:o,level:n,key:u,parent:t,parentKey:r};a.items=pn(e.items,n+1,a,u),i.push(a)})),i}),[]),mn=function(){if(!be.current){be.current=v.createInlineStyle(I&&I.nonce||n.nonce,I&&I.styleContainer);var e="".concat(oe),t="\n@media screen and (max-width: ".concat(E.breakpoint,") {\n .p-tieredmenu[").concat(e,"] > ul {\n max-height: ").concat(E.scrollHeight,";\n overflow: ").concat(E.scrollHeight?"auto":"",";\n }\n\n .p-tieredmenu[").concat(e,"] .p-submenu-list {\n position: relative;\n }\n\n .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-submenu-list {\n left: 0;\n box-shadow: none;\n border-radius: 0;\n padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n }\n\n .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n transform: rotate(-180deg);\n }\n\n .p-tieredmenu[").concat(e,'] .p-submenu-icon:before {\n content: "\\e930";\n }\n\n ').concat(E.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");be.current.innerHTML=t}},fn=function(){be.current=v.removeInlineStyle(be.current)},dn=function(){var e;E.autoZIndex&&x.set("menu",pe.current,I&&I.autoZIndex||n.autoZIndex,E.baseZIndex||I&&I.zIndex.menu||n.zIndex.menu),v.addStyles(pe.current,{position:"absolute",top:"0",left:"0"}),e=v.getOuterWidth(fe.current)>v.getOuterWidth(pe.current),v.alignOverlay(pe.current,fe.current,E.appendTo,e),v.focus(me.current.getElement()),sn(),oe&&E.breakpoint&&(pe.current.setAttribute(oe,""),mn())},bn=function(){xe(),ke()},vn=function(){fe.current=null,Ie(),Oe()},yn=function(){x.clear(pe.current),fn()};p((function(){var e=h();!w&&S(e),E.breakpoint&&!oe&&ue(e)})),e.useEffect((function(){var e=pn(E.model||[]);q(e)}),[E.model,pn]),a((function(){var e=D.find((function(e){return e.key===V.parentKey}));ee(e?e.items:$)}),[D,V,$]),a((function(){var e=-1!==V.index?"".concat(w).concat(y.isNotEmpty(V.parentKey)?"_"+V.parentKey:"","_").concat(V.index):null;F(e)}),[V]),a((function(){E.popup||(y.isNotEmpty(D)?(xe(),ke()):(Ie(),Oe()))}),[D]),a((function(){if(te){var e=-1!==V.index?tn(V.index):un();ln(e),M(D.filter((function(e){return e.parentKey!==V.parentKey}))),re(!1)}}),[te]),a((function(){return oe&&pe.current&&(pe.current.setAttribute(oe,""),mn()),function(){fn()}}),[oe,E.breakpoint]),m((function(){x.clear(pe.current)})),e.useImperativeHandle(b,(function(){return{props:E,toggle:Se,show:Pe,hide:Ne,getElement:function(){return pe.current}}}));var gn,hn,xn=(gn=g({ref:pe,id:E.id,className:le("root"),style:E.style,onClick:we},C.getOtherProps(E),ce("root")),hn=g({classNames:le("transition"),in:N,timeout:{enter:120,exit:100},options:E.transitionOptions,unmountOnExit:!0,onEnter:dn,onEntered:bn,onExit:vn,onExited:yn},ce("transition")),e.createElement(o,k({nodeRef:pe},hn),e.createElement("div",gn,e.createElement(H,{id:w+"_list",ref:me,hostName:"TieredMenu",menuProps:E,tabIndex:0,model:$,ariaLabel:E.ariaLabel,ariaLabelledBy:E.ariaLabelledBy,ariaOrientation:"vertical",ariaActiveDescendant:L?W:void 0,menuId:w,level:0,focusedItemId:W,activeItemPath:D,onFocus:je,onBlur:Ke,onKeyDown:De,onItemClick:Te,onItemMouseEnter:Ce,root:!0,popup:E.popup,onHide:Ne,isMobileMode:ge,submenuIcon:E.submenuIcon,ptm:ce,cx:le,sx:se}))));return E.popup?e.createElement(d,{element:xn,appendTo:E.appendTo}):xn})));B.displayName="TieredMenu";export{B as TieredMenu};
|
package/tieredmenu/tieredmenu.js
CHANGED
|
@@ -660,6 +660,7 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, componentbas
|
|
|
660
660
|
onSpaceKey(event);
|
|
661
661
|
break;
|
|
662
662
|
case 'Enter':
|
|
663
|
+
case 'NumpadEnter':
|
|
663
664
|
onEnterKey(event);
|
|
664
665
|
break;
|
|
665
666
|
case 'Escape':
|
|
@@ -686,7 +687,9 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, componentbas
|
|
|
686
687
|
var onItemChange = function onItemChange(event) {
|
|
687
688
|
var processedItem = event.processedItem,
|
|
688
689
|
isFocus = event.isFocus;
|
|
689
|
-
if (utils.ObjectUtils.isEmpty(processedItem))
|
|
690
|
+
if (utils.ObjectUtils.isEmpty(processedItem)) {
|
|
691
|
+
return;
|
|
692
|
+
}
|
|
690
693
|
var index = processedItem.index,
|
|
691
694
|
key = processedItem.key,
|
|
692
695
|
level = processedItem.level,
|
|
@@ -740,21 +743,19 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, componentbas
|
|
|
740
743
|
setDirty(true);
|
|
741
744
|
}
|
|
742
745
|
}, 0);
|
|
746
|
+
} else if (grouped) {
|
|
747
|
+
utils.DomHandler.focus(menuElement);
|
|
748
|
+
onItemChange(event);
|
|
743
749
|
} else {
|
|
744
|
-
|
|
745
|
-
|
|
746
|
-
|
|
747
|
-
|
|
748
|
-
|
|
749
|
-
|
|
750
|
-
|
|
751
|
-
|
|
752
|
-
|
|
753
|
-
setFocusedItemInfo({
|
|
754
|
-
index: rootProcessedItemIndex,
|
|
755
|
-
parentKey: rootProcessedItem ? rootProcessedItem.parentKey : ''
|
|
756
|
-
});
|
|
757
|
-
}
|
|
750
|
+
var rootProcessedItem = root ? processedItem : activeItemPath.find(function (p) {
|
|
751
|
+
return p.parentKey === '';
|
|
752
|
+
});
|
|
753
|
+
var rootProcessedItemIndex = rootProcessedItem ? rootProcessedItem.index : -1;
|
|
754
|
+
hide(originalEvent, true);
|
|
755
|
+
setFocusedItemInfo({
|
|
756
|
+
index: rootProcessedItemIndex,
|
|
757
|
+
parentKey: rootProcessedItem ? rootProcessedItem.parentKey : ''
|
|
758
|
+
});
|
|
758
759
|
}
|
|
759
760
|
};
|
|
760
761
|
var onItemMouseEnter = function onItemMouseEnter(event) {
|
|
@@ -1010,7 +1011,7 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, componentbas
|
|
|
1010
1011
|
parent: parent,
|
|
1011
1012
|
parentKey: parentKey
|
|
1012
1013
|
};
|
|
1013
|
-
newItem
|
|
1014
|
+
newItem.items = createProcessedItems(item.items, level + 1, newItem, key);
|
|
1014
1015
|
processedItems.push(newItem);
|
|
1015
1016
|
});
|
|
1016
1017
|
return processedItems;
|
|
@@ -1032,7 +1033,7 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, componentbas
|
|
|
1032
1033
|
};
|
|
1033
1034
|
var onEnter = function onEnter() {
|
|
1034
1035
|
if (props.autoZIndex) {
|
|
1035
|
-
utils.ZIndexUtils.set('menu', containerRef.current, context && context.autoZIndex || PrimeReact__default["default"].autoZIndex, props.baseZIndex || context && context.zIndex
|
|
1036
|
+
utils.ZIndexUtils.set('menu', containerRef.current, context && context.autoZIndex || PrimeReact__default["default"].autoZIndex, props.baseZIndex || context && context.zIndex.menu || PrimeReact__default["default"].zIndex.menu);
|
|
1036
1037
|
}
|
|
1037
1038
|
utils.DomHandler.addStyles(containerRef.current, {
|
|
1038
1039
|
position: 'absolute',
|