primereact 10.5.2 → 10.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/accordion/accordion.cjs.js +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 +418 -0
- package/buttongroup/buttongroup.cjs.min.js +1 -0
- package/buttongroup/buttongroup.d.ts +86 -0
- package/buttongroup/buttongroup.esm.js +391 -0
- package/buttongroup/buttongroup.esm.min.js +1 -0
- package/buttongroup/buttongroup.js +417 -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 +977 -529
- package/core/core.min.js +11 -11
- 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 +419 -0
- package/floatlabel/floatlabel.cjs.min.js +1 -0
- package/floatlabel/floatlabel.d.ts +81 -0
- package/floatlabel/floatlabel.esm.js +392 -0
- package/floatlabel/floatlabel.esm.min.js +1 -0
- package/floatlabel/floatlabel.js +418 -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/messages/messages.cjs.js +8 -7
- package/messages/messages.cjs.min.js +1 -1
- package/messages/messages.esm.js +3 -2
- package/messages/messages.esm.min.js +1 -1
- package/messages/messages.js +8 -7
- package/messages/messages.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 +3577 -2762
- package/primereact.all.cjs.min.js +1 -1
- package/primereact.all.esm.js +3577 -2762
- package/primereact.all.esm.min.js +1 -1
- package/primereact.all.js +3577 -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 +861 -0
- package/stepper/stepper.cjs.min.js +1 -0
- package/stepper/stepper.d.ts +137 -0
- package/stepper/stepper.esm.js +834 -0
- package/stepper/stepper.esm.min.js +1 -0
- package/stepper/stepper.js +859 -0
- package/stepper/stepper.min.js +1 -0
- package/stepperpanel/package.json +7 -0
- package/stepperpanel/stepperpanel.cjs.js +410 -0
- package/stepperpanel/stepperpanel.cjs.min.js +1 -0
- package/stepperpanel/stepperpanel.d.ts +158 -0
- package/stepperpanel/stepperpanel.esm.js +383 -0
- package/stepperpanel/stepperpanel.esm.min.js +1 -0
- package/stepperpanel/stepperpanel.js +409 -0
- package/stepperpanel/stepperpanel.min.js +1 -0
- package/steps/steps.cjs.js +1 -0
- package/steps/steps.cjs.min.js +1 -1
- package/steps/steps.esm.js +1 -0
- package/steps/steps.esm.min.js +1 -1
- package/steps/steps.js +1 -0
- package/steps/steps.min.js +1 -1
- package/styleclass/styleclass.cjs.js +5 -1
- package/styleclass/styleclass.esm.js +5 -1
- package/styleclass/styleclass.js +5 -1
- package/tabmenu/tabmenu.cjs.js +1 -0
- package/tabmenu/tabmenu.cjs.min.js +1 -1
- package/tabmenu/tabmenu.esm.js +1 -0
- package/tabmenu/tabmenu.esm.min.js +1 -1
- package/tabmenu/tabmenu.js +1 -0
- package/tabmenu/tabmenu.min.js +1 -1
- package/tabview/tabview.cjs.js +23 -18
- package/tabview/tabview.cjs.min.js +1 -1
- package/tabview/tabview.esm.js +23 -18
- package/tabview/tabview.esm.min.js +1 -1
- package/tabview/tabview.js +23 -18
- package/tabview/tabview.min.js +1 -1
- package/terminal/terminal.cjs.js +2 -1
- package/terminal/terminal.cjs.min.js +1 -1
- package/terminal/terminal.esm.js +2 -1
- package/terminal/terminal.esm.min.js +1 -1
- package/terminal/terminal.js +2 -1
- package/terminal/terminal.min.js +1 -1
- package/tieredmenu/tieredmenu.cjs.js +18 -17
- package/tieredmenu/tieredmenu.cjs.min.js +1 -1
- package/tieredmenu/tieredmenu.esm.js +18 -17
- package/tieredmenu/tieredmenu.esm.min.js +1 -1
- package/tieredmenu/tieredmenu.js +18 -17
- package/tieredmenu/tieredmenu.min.js +1 -1
- package/toast/toast.cjs.js +1 -1
- package/toast/toast.esm.js +1 -1
- package/toast/toast.js +1 -1
- package/togglebutton/togglebutton.cjs.js +1 -1
- package/togglebutton/togglebutton.cjs.min.js +1 -1
- package/togglebutton/togglebutton.esm.js +1 -1
- package/togglebutton/togglebutton.esm.min.js +1 -1
- package/togglebutton/togglebutton.js +1 -1
- package/togglebutton/togglebutton.min.js +1 -1
- package/tooltip/tooltip.cjs.js +20 -17
- package/tooltip/tooltip.cjs.min.js +1 -1
- package/tooltip/tooltip.esm.js +20 -17
- package/tooltip/tooltip.esm.min.js +1 -1
- package/tooltip/tooltip.js +20 -17
- package/tooltip/tooltip.min.js +1 -1
- package/tree/tree.cjs.js +377 -148
- package/tree/tree.cjs.min.js +1 -1
- package/tree/tree.esm.js +378 -149
- package/tree/tree.esm.min.js +1 -1
- package/tree/tree.js +378 -150
- package/tree/tree.min.js +1 -1
- package/treeselect/treeselect.cjs.js +24 -17
- package/treeselect/treeselect.cjs.min.js +1 -1
- package/treeselect/treeselect.d.ts +2 -1
- package/treeselect/treeselect.esm.js +24 -17
- package/treeselect/treeselect.esm.min.js +1 -1
- package/treeselect/treeselect.js +24 -17
- package/treeselect/treeselect.min.js +1 -1
- package/treetable/treetable.cjs.js +492 -295
- package/treetable/treetable.cjs.min.js +1 -1
- package/treetable/treetable.d.ts +4 -4
- package/treetable/treetable.esm.js +494 -297
- package/treetable/treetable.esm.min.js +1 -1
- package/treetable/treetable.js +493 -296
- package/treetable/treetable.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.cjs.js +11 -5
- package/tristatecheckbox/tristatecheckbox.cjs.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.esm.js +11 -5
- package/tristatecheckbox/tristatecheckbox.esm.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.js +11 -5
- package/tristatecheckbox/tristatecheckbox.min.js +1 -1
- package/utils/utils.cjs.js +262 -139
- package/utils/utils.cjs.min.js +1 -1
- package/utils/utils.esm.js +262 -139
- package/utils/utils.esm.min.js +1 -1
- package/utils/utils.js +262 -139
- package/utils/utils.min.js +1 -1
- package/virtualscroller/virtualscroller.cjs.js +46 -43
- package/virtualscroller/virtualscroller.cjs.min.js +1 -1
- package/virtualscroller/virtualscroller.esm.js +46 -43
- package/virtualscroller/virtualscroller.esm.min.js +1 -1
- package/virtualscroller/virtualscroller.js +46 -43
- package/virtualscroller/virtualscroller.min.js +1 -1
- package/web-types.json +502 -33
package/tabview/tabview.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.tabview=function(e,t,n,r,a,l,o,i,c,s){"use strict";function u(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 p=u(t);function d(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 b(e){if(Array.isArray(e))return d(e)}function f(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function v(e,t){if(e){if("string"==typeof e)return d(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)?d(e,t):void 0}}function m(){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 h(e){return h="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},h(e)}function y(e,t){if("object"!==h(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==h(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function g(e){var t=y(e,"string");return"symbol"===h(t)?t:String(t)}function w(e,t,n){return(t=g(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function O(e){if(Array.isArray(e))return e}function x(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l,o,i=[],c=!0,s=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=l.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw a}}return i}}function C(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function P(e,t){return O(e)||x(e,t)||v(e,t)||C()}function S(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function E(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?S(Object(n),!0).forEach((function(t){w(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):S(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var j=r.ComponentBase.extend({defaultProps:{__TYPE:"TabView",id:null,activeIndex:0,className:null,onBeforeTabChange:null,onBeforeTabClose:null,onTabChange:null,onTabClose:null,panelContainerClassName:null,panelContainerStyle:null,renderActiveOnly:!0,scrollable:!1,style:null,children:void 0},css:{classes:{navcontent:"p-tabview-nav-content",nav:"p-tabview-nav",inkbar:"p-tabview-ink-bar",panelcontainer:function(e){return s.classNames("p-tabview-panels",e.props.panelContainerClassName)},prevbutton:"p-tabview-nav-prev p-tabview-nav-btn p-link",nextbutton:"p-tabview-nav-next p-tabview-nav-btn p-link",root:function(e){var t=e.props;return s.classNames("p-tabview p-component",{"p-tabview-scrollable":t.scrollable},t.className)},navcontainer:"p-tabview-nav-container",tab:{header:function(e){return s.classNames("p-unselectable-text",{"p-tabview-selected p-highlight":e.selected,"p-disabled":e.disabled},e.headerClassName,e._className)},headertitle:"p-tabview-title",headeraction:"p-tabview-nav-link",content:function(e){var t=e.props,n=e.selected,r=e.getTabProp,a=e.tab,l=e.isSelected,o=e.index;return!(0,e.shouldUseTab)(a,o)||t.renderActiveOnly&&!l(o)?void 0:s.classNames(r(a,"contentClassName"),r(a,"className"),"p-tabview-panel",{"p-hidden":!n})}}},styles:"\n@layer primereact {\n .p-tabview-nav-container {\n position: relative;\n }\n \n .p-tabview-scrollable .p-tabview-nav-container {\n overflow: hidden;\n }\n \n .p-tabview-nav-content {\n overflow-x: auto;\n overflow-y: hidden;\n scroll-behavior: smooth;\n scrollbar-width: none;\n overscroll-behavior: contain auto;\n position: relative;\n }\n \n .p-tabview-nav {\n display: flex;\n margin: 0;\n padding: 0;\n list-style-type: none;\n flex: 1 1 auto;\n }\n \n .p-tabview-nav-link {\n cursor: pointer;\n user-select: none;\n display: flex;\n align-items: center;\n position: relative;\n text-decoration: none;\n overflow: hidden;\n }\n \n .p-tabview-ink-bar {\n display: none;\n z-index: 1;\n }\n \n .p-tabview-nav-link:focus {\n z-index: 1;\n }\n \n .p-tabview-close {\n z-index: 1;\n }\n \n .p-tabview-title {\n line-height: 1;\n white-space: nowrap;\n }\n \n .p-tabview-nav-btn {\n position: absolute;\n top: 0;\n z-index: 2;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n \n .p-tabview-nav-prev {\n left: 0;\n }\n \n .p-tabview-nav-next {\n right: 0;\n }\n \n .p-tabview-nav-content::-webkit-scrollbar {\n display: none;\n }\n}\n",inlineStyles:{tab:{header:function(e){var t=e._style;return E(E({},e.headerStyle||{}),t||{})},content:function(e){var t=e.props,n=e.getTabProp,r=e.tab,a=e.isSelected,l=e.index;return!(0,e.shouldUseTab)(r,l)||t.renderActiveOnly&&!a(l)?void 0:E(E({},n(r,"contentStyle")||{}),n(r,"style")||{})}}}}}),D=r.ComponentBase.extend({defaultProps:{__TYPE:"TabPanel",children:void 0,className:null,closable:!1,closeIcon:null,contentClassName:null,contentStyle:null,disabled:!1,header:null,headerClassName:null,headerStyle:null,headerTemplate:null,leftIcon:null,nextButton:null,prevButton:null,rightIcon:null,style:null,visible:!0},getCProp:function(e,t){return s.ObjectUtils.getComponentProp(e,t,D.defaultProps)},getCProps:function(e){return s.ObjectUtils.getComponentProps(e,D.defaultProps)},getCOtherProps:function(e){return s.ObjectUtils.getComponentDiffProps(e,D.defaultProps)}});function N(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function I(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?N(Object(n),!0).forEach((function(t){w(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):N(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var T=function(){},k=p.forwardRef((function(e,t){var u=a.useMergeProps(),d=p.useContext(n.PrimeReactContext),h=j.getProps(e,d),y=P(p.useState(h.id),2),g=y[0],w=y[1],O=P(p.useState(!0),2),x=O[0],C=O[1],S=P(p.useState(!1),2),E=S[0],N=S[1],T=P(p.useState([]),2),k=T[0],U=T[1],_=P(p.useState(h.activeIndex),2),A=_[0],H=_[1],R=p.useRef(null),B=p.useRef(null),L=p.useRef(null),W=p.useRef(null),J=p.useRef(null),M=p.useRef(null),V=p.useRef({}),X=h.onTabChange?h.activeIndex:A,z=p.Children.count(h.children),K={props:h,state:{id:g,isPrevButtonDisabled:x,isNextButtonDisabled:E,hiddenTabsState:k,activeIndex:A}},Y=j.setMetaData(I({},K)),q=Y.ptm,$=Y.ptmo,F=Y.cx,G=Y.sx;r.useHandleStyle(j.css.styles,Y.isUnstyled,{name:"tabview"});var Q=function(e,t,n){var r={props:e.props,parent:K,context:{index:n,count:z,first:0===n,last:n===z-1,active:n==A,disabled:ee(e,"disabled")}};return u(q("tab.".concat(t),{tab:r}),q("tabpanel.".concat(t),{tabpanel:r}),q("tabpanel.".concat(t),r),$(ee(e,"pt"),t,r))},Z=function(e){return e===X},ee=function(e,t){return D.getCProp(e,t)},te=function(e){return e&&ee(e,"visible")&&s.ObjectUtils.isValidChild(e,"TabPanel")&&k.every((function(t){return t!==e.key}))},ne=function(e,t){e.preventDefault();var n,r=h.onBeforeTabClose,a=h.onTabClose,l=h.children[t].key;r&&!1===r({originalEvent:e,index:t})||(U([].concat(b(n=k)||f(n)||v(n)||m(),[l])),a&&a({originalEvent:e,index:t}))},re=function(e,t,n){ae(e,t,n)},ae=function(e,t,n){if(e&&e.preventDefault(),!ee(t,"disabled")){if(h.onBeforeTabChange&&!1===h.onBeforeTabChange({originalEvent:e,index:n}))return;h.onTabChange?h.onTabChange({originalEvent:e,index:n}):H(n)}ye({index:n})},le=function(e,t,n){switch(e.code){case"ArrowLeft":ie(e);break;case"ArrowRight":oe(e);break;case"Home":ce(e);break;case"End":se(e);break;case"PageDown":ue(e);break;case"PageUp":pe(e);break;case"Enter":case"Space":de(e,t,n)}},oe=function(e){var t=be(e.target.parentElement);t?he(t):ce(e),e.preventDefault()},ie=function(e){var t=fe(e.target.parentElement);t?he(t):se(e),e.preventDefault()},ce=function(e){var t=ve();he(t),e.preventDefault()},se=function(e){var t=me();he(t),e.preventDefault()},ue=function(e){ye({index:p.Children.count(h.children)-1}),e.preventDefault()},pe=function(e){ye({index:0}),e.preventDefault()},de=function(e,t,n){ae(e,t,n),e.preventDefault()},be=function e(t){var n=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?t:t.nextElementSibling;return n?s.DomHandler.getAttribute(n,"data-p-disabled")||"inkbar"===s.DomHandler.getAttribute(n,"data-pc-section")?e(n):s.DomHandler.findSingle(n,'[data-pc-section="headeraction"]'):null},fe=function e(t){var n=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?t:t.previousElementSibling;return n?s.DomHandler.getAttribute(n,"data-p-disabled")||"inkbar"===s.DomHandler.getAttribute(n,"data-pc-section")?e(n):s.DomHandler.findSingle(n,'[data-pc-section="headeraction"]'):null},ve=function(){return be(L.current.firstElementChild,!0)},me=function(){return fe(L.current.lastElementChild,!0)},he=function(e){e&&(s.DomHandler.focus(e),ye({element:e}))},ye=function(e){var t=e.element||V.current["tab_".concat(e.index)];t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest"})},ge=function(){var e=B.current,t=e.scrollLeft,n=e.scrollWidth,r=s.DomHandler.getWidth(B.current);C(0===t),N(t===n-r)},we=function(e){h.scrollable&&ge(),e.preventDefault()},Oe=function(){return[J.current,M.current].reduce((function(e,t){return t?e+s.DomHandler.getWidth(t):e}),0)},xe=function(){C(!0),N(!1),U([]),h.onTabChange?h.onTabChange({index:X}):H(h.activeIndex)};p.useEffect((function(){var e;e=V.current["tab_".concat(X)],W.current.style.width=s.DomHandler.getWidth(e)+"px",W.current.style.left=s.DomHandler.getOffset(e).left-s.DomHandler.getOffset(L.current).left+"px",ge()})),a.useMountEffect((function(){g||w(s.UniqueComponentId())})),a.useUpdateEffect((function(){if(s.ObjectUtils.isNotEmpty(k)){var e=(t=k[k.length-1],(n=p.Children.map(h.children,(function(e,t){if(te(e))return{tab:e,index:t}}))).find((function(e){var n=e.index;return!ee(e.tab,"disabled")&&n>=t}))||n.reverse().find((function(e){var n=e.index;return!ee(e.tab,"disabled")&&t>n})));e&&re(null,e.tab,e.index)}var t,n}),[k]),a.useUpdateEffect((function(){h.activeIndex!==A&&ye({index:h.activeIndex})}),[h.activeIndex]),p.useImperativeHandle(t,(function(){return{props:h,reset:xe,getElement:function(){return R.current}}}));var Ce,Pe,Se,Ee,je,De,Ne,Ie,Te,ke=function(e,t){var n=Z(t),r=D.getCProps(e),a=r.headerStyle,l=r.headerClassName,o=r.style,d=r.className,b=r.disabled,f=r.leftIcon,v=r.rightIcon,m=r.header,y=r.headerTemplate,w=r.closable,O=r.closeIcon,x=g+"_header_"+t,C=g+t+"_content",P=b||!n?-1:0,S=f&&s.IconUtils.getJSXIcon(f,void 0,{props:h}),E=u({className:F("tab.headertitle")},Q(e,"headertitle",t)),j=p.createElement("span",E,m),N=v&&s.IconUtils.getJSXIcon(v,void 0,{props:h}),I="p-tabview-close",T=w?s.IconUtils.getJSXIcon(O||p.createElement(i.TimesIcon,{className:I,onClick:function(e){return ne(e,t)}}),{className:I,onClick:function(e){return ne(e,t)}},{props:h}):null,k=u({id:x,role:"tab",className:F("tab.headeraction"),tabIndex:P,"aria-controls":C,"aria-selected":n,"aria-disabled":b,onClick:function(n){return re(n,e,t)},onKeyDown:function(n){return le(n,e,t)}},Q(e,"headeraction",t)),U=p.createElement("a",k,S,j,N,T,p.createElement(c.Ripple,null));y&&(U=s.ObjectUtils.getJSXElement(y,{className:"p-tabview-nav-link",titleClassName:"p-tabview-title",onClick:function(n){return re(n,e,t)},onKeyDown:function(n){return le(n,e,t)},leftIconElement:S,titleElement:j,rightIconElement:N,element:U,props:h,index:t,selected:n,ariaControls:C}));var _=u({ref:function(e){return V.current["tab_".concat(t)]=e},className:F("tab.header",{selected:n,disabled:b,headerClassName:l,_className:d}),style:G("tab.header",{headerStyle:a,_style:o}),role:"presentation"},Q(e,"root",t),Q(e,"header",t));return p.createElement("li",_,U)},Ue=u({id:g,ref:R,style:h.style,className:F("root")},j.getOtherProps(h),q("root")),_e=u({className:F("navcontainer")},q("navcontainer")),Ae=(Ce=p.Children.map(h.children,(function(e,t){if(te(e))return ke(e,t)})),Pe=u({id:g,ref:B,className:F("navcontent"),style:h.style,onScroll:we},q("navcontent")),Se=u({ref:L,className:F("nav"),role:"tablist"},q("nav")),Ee=u({ref:W,"aria-hidden":"true",role:"presentation",className:F("inkbar")},q("inkbar")),p.createElement("div",Pe,p.createElement("ul",Se,Ce,p.createElement("li",Ee)))),He=(je=u({className:F("panelcontainer"),style:h.panelContainerStyle},q("panelcontainer")),De=p.Children.map(h.children,(function(e,t){if(te(e)&&(!h.renderActiveOnly||Z(t))){var n=Z(t),r=g+"_header_"+t,a=u({id:g+t+"_content",className:F("tab.content",{props:h,selected:n,getTabProp:ee,tab:e,isSelected:Z,shouldUseTab:te,index:t}),style:G("tab.content",{props:h,getTabProp:ee,tab:e,isSelected:Z,shouldUseTab:te,index:t}),role:"tabpanel","aria-labelledby":r},D.getCOtherProps(e),Q(e,"root",t),Q(e,"content",t));return p.createElement("div",a,h.renderActiveOnly?n&&ee(e,"children"):ee(e,"children"))}})),p.createElement("div",je,De)),Re=(Ne=u({"aria-hidden":"true"},q("previcon")),Ie=s.IconUtils.getJSXIcon(h.prevButton||p.createElement(l.ChevronLeftIcon,Ne),I({},Ne),{props:h}),Te=u({ref:J,type:"button",className:F("prevbutton"),"aria-label":n.ariaLabel("previousPageLabel"),onClick:function(e){return t=s.DomHandler.getWidth(B.current)-Oe(),void(B.current.scrollLeft=(n=B.current.scrollLeft-t)<=0?0:n);var t,n}},q("prevbutton")),h.scrollable&&!x?p.createElement("button",Te,Ie,p.createElement(c.Ripple,null)):null),Be=function(){var e=u({"aria-hidden":"true"},q("nexticon")),t=s.IconUtils.getJSXIcon(h.nextButton||p.createElement(o.ChevronRightIcon,e),I({},e),{props:h}),r=u({ref:M,type:"button",className:F("nextbutton"),"aria-label":n.ariaLabel("nextPageLabel"),onClick:function(e){return t=s.DomHandler.getWidth(B.current)-Oe(),void(B.current.scrollLeft=(n=B.current.scrollLeft+t)>=(r=B.current.scrollWidth-t)?r:n);var t,n,r}},q("nextbutton"));if(h.scrollable&&!E)return p.createElement("button",r,t,p.createElement(c.Ripple,null))}();return p.createElement("div",Ue,p.createElement("div",_e,Re,Ae,Be),He)}));return T.displayName="TabPanel",k.displayName="TabView",e.TabPanel=T,e.TabView=k,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.icons.chevronleft,primereact.icons.chevronright,primereact.icons.times,primereact.ripple,primereact.utils);
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.tabview=function(e,t,n,r,a,o,l,i,c,s){"use strict";function u(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 p=u(t);function d(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 b(e){if(Array.isArray(e))return d(e)}function f(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function v(e,t){if(e){if("string"==typeof e)return d(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)?d(e,t):void 0}}function m(){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 h(e){return h="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},h(e)}function y(e,t){if("object"!==h(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==h(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function g(e){var t=y(e,"string");return"symbol"===h(t)?t:String(t)}function w(e,t,n){return(t=g(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function O(e){if(Array.isArray(e))return e}function x(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,l,i=[],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)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw a}}return i}}function C(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function P(e,t){return O(e)||x(e,t)||v(e,t)||C()}function S(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function E(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?S(Object(n),!0).forEach((function(t){w(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):S(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var j=r.ComponentBase.extend({defaultProps:{__TYPE:"TabView",id:null,activeIndex:0,className:null,onBeforeTabChange:null,onBeforeTabClose:null,onTabChange:null,onTabClose:null,panelContainerClassName:null,panelContainerStyle:null,renderActiveOnly:!0,scrollable:!1,style:null,children:void 0},css:{classes:{navcontent:"p-tabview-nav-content",nav:"p-tabview-nav",inkbar:"p-tabview-ink-bar",panelcontainer:function(e){return s.classNames("p-tabview-panels",e.props.panelContainerClassName)},prevbutton:"p-tabview-nav-prev p-tabview-nav-btn p-link",nextbutton:"p-tabview-nav-next p-tabview-nav-btn p-link",root:function(e){var t=e.props;return s.classNames("p-tabview p-component",{"p-tabview-scrollable":t.scrollable},t.className)},navcontainer:"p-tabview-nav-container",tab:{header:function(e){return s.classNames("p-unselectable-text",{"p-tabview-selected p-highlight":e.selected,"p-disabled":e.disabled},e.headerClassName,e._className)},headertitle:"p-tabview-title",headeraction:"p-tabview-nav-link",closeIcon:"p-tabview-close",content:function(e){var t=e.props,n=e.selected,r=e.getTabProp,a=e.tab,o=e.isSelected,l=e.index;return!(0,e.shouldUseTab)(a,l)||t.renderActiveOnly&&!o(l)?void 0:s.classNames(r(a,"contentClassName"),r(a,"className"),"p-tabview-panel",{"p-hidden":!n})}}},styles:"\n@layer primereact {\n .p-tabview-nav-container {\n position: relative;\n }\n \n .p-tabview-scrollable .p-tabview-nav-container {\n overflow: hidden;\n }\n \n .p-tabview-nav-content {\n overflow-x: auto;\n overflow-y: hidden;\n scroll-behavior: smooth;\n scrollbar-width: none;\n overscroll-behavior: contain auto;\n position: relative;\n }\n \n .p-tabview-nav {\n display: flex;\n margin: 0;\n padding: 0;\n list-style-type: none;\n flex: 1 1 auto;\n }\n \n .p-tabview-nav-link {\n cursor: pointer;\n user-select: none;\n display: flex;\n align-items: center;\n position: relative;\n text-decoration: none;\n overflow: hidden;\n }\n \n .p-tabview-ink-bar {\n display: none;\n z-index: 1;\n }\n \n .p-tabview-nav-link:focus {\n z-index: 1;\n }\n \n .p-tabview-close {\n z-index: 1;\n }\n \n .p-tabview-title {\n line-height: 1;\n white-space: nowrap;\n }\n \n .p-tabview-nav-btn {\n position: absolute;\n top: 0;\n z-index: 2;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n \n .p-tabview-nav-prev {\n left: 0;\n }\n \n .p-tabview-nav-next {\n right: 0;\n }\n \n .p-tabview-nav-content::-webkit-scrollbar {\n display: none;\n }\n}\n",inlineStyles:{tab:{header:function(e){var t=e._style;return E(E({},e.headerStyle||{}),t||{})},content:function(e){var t=e.props,n=e.getTabProp,r=e.tab,a=e.isSelected,o=e.index;return!(0,e.shouldUseTab)(r,o)||t.renderActiveOnly&&!a(o)?void 0:E(E({},n(r,"contentStyle")||{}),n(r,"style")||{})}}}}}),I=r.ComponentBase.extend({defaultProps:{__TYPE:"TabPanel",children:void 0,className:null,closable:!1,closeIcon:null,contentClassName:null,contentStyle:null,disabled:!1,header:null,headerClassName:null,headerStyle:null,headerTemplate:null,leftIcon:null,nextButton:null,prevButton:null,rightIcon:null,style:null,visible:!0},getCProp:function(e,t){return s.ObjectUtils.getComponentProp(e,t,I.defaultProps)},getCProps:function(e){return s.ObjectUtils.getComponentProps(e,I.defaultProps)},getCOtherProps:function(e){return s.ObjectUtils.getComponentDiffProps(e,I.defaultProps)}});function D(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function N(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?D(Object(n),!0).forEach((function(t){w(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):D(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var T=function(){},k=p.forwardRef((function(e,t){var u=a.useMergeProps(),d=p.useContext(n.PrimeReactContext),h=j.getProps(e,d),y=P(p.useState(h.id),2),g=y[0],w=y[1],O=P(p.useState(!0),2),x=O[0],C=O[1],S=P(p.useState(!1),2),E=S[0],D=S[1],T=P(p.useState([]),2),k=T[0],_=T[1],U=P(p.useState(h.activeIndex),2),A=U[0],H=U[1],R=p.useRef(null),B=p.useRef(null),L=p.useRef(null),W=p.useRef(null),J=p.useRef(null),M=p.useRef(null),V=p.useRef({}),X=h.onTabChange?h.activeIndex:A,z=p.Children.count(h.children),K={props:h,state:{id:g,isPrevButtonDisabled:x,isNextButtonDisabled:E,hiddenTabsState:k,activeIndex:A}},Y=j.setMetaData(N({},K)),q=Y.ptm,$=Y.ptmo,F=Y.cx,G=Y.sx;r.useHandleStyle(j.css.styles,Y.isUnstyled,{name:"tabview"});var Q=function(e,t,n){var r={props:e.props,parent:K,context:{index:n,count:z,first:0===n,last:n===z-1,active:n==A,disabled:ee(e,"disabled")}};return u(q("tab.".concat(t),{tab:r}),q("tabpanel.".concat(t),{tabpanel:r}),q("tabpanel.".concat(t),r),$(ee(e,"pt"),t,r))},Z=function(e){return e===X},ee=function(e,t){return I.getCProp(e,t)},te=function(e){return e&&ee(e,"visible")&&s.ObjectUtils.isValidChild(e,"TabPanel")&&k.every((function(t){return t!==e.key}))},ne=function(e,t){e.preventDefault();var n,r=h.onBeforeTabClose,a=h.onTabClose,o=h.children[t].key;r&&!1===r({originalEvent:e,index:t})||(_([].concat(b(n=k)||f(n)||v(n)||m(),[o])),a&&a({originalEvent:e,index:t}))},re=function(e,t,n){ae(e,t,n)},ae=function(e,t,n){if(e&&e.preventDefault(),!ee(t,"disabled")){if(h.onBeforeTabChange&&!1===h.onBeforeTabChange({originalEvent:e,index:n}))return;h.onTabChange?h.onTabChange({originalEvent:e,index:n}):H(n)}ye({index:n})},oe=function(e,t,n){switch(e.code){case"ArrowLeft":ie(e);break;case"ArrowRight":le(e);break;case"Home":ce(e);break;case"End":se(e);break;case"PageDown":ue(e);break;case"PageUp":pe(e);break;case"Enter":case"NumpadEnter":case"Space":de(e,t,n)}},le=function(e){var t=be(e.target.parentElement);t?he(t):ce(e),e.preventDefault()},ie=function(e){var t=fe(e.target.parentElement);t?he(t):se(e),e.preventDefault()},ce=function(e){var t=ve();he(t),e.preventDefault()},se=function(e){var t=me();he(t),e.preventDefault()},ue=function(e){ye({index:p.Children.count(h.children)-1}),e.preventDefault()},pe=function(e){ye({index:0}),e.preventDefault()},de=function(e,t,n){ae(e,t,n),e.preventDefault()},be=function e(t){var n=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?t:t.nextElementSibling;return n?s.DomHandler.getAttribute(n,"data-p-disabled")||"inkbar"===s.DomHandler.getAttribute(n,"data-pc-section")?e(n):s.DomHandler.findSingle(n,'[data-pc-section="headeraction"]'):null},fe=function e(t){var n=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?t:t.previousElementSibling;return n?s.DomHandler.getAttribute(n,"data-p-disabled")||"inkbar"===s.DomHandler.getAttribute(n,"data-pc-section")?e(n):s.DomHandler.findSingle(n,'[data-pc-section="headeraction"]'):null},ve=function(){return be(L.current.firstElementChild,!0)},me=function(){return fe(L.current.lastElementChild,!0)},he=function(e){e&&(s.DomHandler.focus(e),ye({element:e}))},ye=function(e){var t=e.element||V.current["tab_".concat(e.index)];t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest"})},ge=function(){var e=B.current,t=e.scrollLeft,n=e.scrollWidth,r=s.DomHandler.getWidth(B.current);C(0===t),D(t===n-r)},we=function(e){h.scrollable&&ge(),e.preventDefault()},Oe=function(){return[J.current,M.current].reduce((function(e,t){return t?e+s.DomHandler.getWidth(t):e}),0)},xe=function(){C(!0),D(!1),_([]),h.onTabChange?h.onTabChange({index:X}):H(h.activeIndex)};p.useEffect((function(){var e;e=V.current["tab_".concat(X)],W.current.style.width=s.DomHandler.getWidth(e)+"px",W.current.style.left=s.DomHandler.getOffset(e).left-s.DomHandler.getOffset(L.current).left+"px",ge()})),a.useMountEffect((function(){g||w(s.UniqueComponentId())})),a.useUpdateEffect((function(){if(s.ObjectUtils.isNotEmpty(k)){var e=(t=k[k.length-1],(n=p.Children.map(h.children,(function(e,t){if(te(e))return{tab:e,index:t}}))).find((function(e){var n=e.index;return!ee(e.tab,"disabled")&&n>=t}))||n.reverse().find((function(e){var n=e.index;return!ee(e.tab,"disabled")&&t>n})));e&&re(null,e.tab,e.index)}var t,n}),[k]),a.useUpdateEffect((function(){h.activeIndex!==A&&ye({index:h.activeIndex})}),[h.activeIndex]),p.useImperativeHandle(t,(function(){return{props:h,reset:xe,getElement:function(){return R.current}}}));var Ce,Pe,Se,Ee,je,Ie,De,Ne,Te,ke=function(e,t){var n=Z(t),r=I.getCProps(e),a=r.headerStyle,o=r.headerClassName,l=r.style,d=r.className,b=r.disabled,f=r.leftIcon,v=r.rightIcon,m=r.header,y=r.headerTemplate,w=r.closable,O=r.closeIcon,x=g+"_header_"+t,C=g+t+"_content",P=b||!n?-1:0,S=f&&s.IconUtils.getJSXIcon(f,void 0,{props:h}),E=u({className:F("tab.headertitle")},Q(e,"headertitle",t)),j=p.createElement("span",E,m),D=v&&s.IconUtils.getJSXIcon(v,void 0,{props:h}),T=u({className:F("tab.closeIcon"),onClick:function(e){return ne(e,t)}},Q(e,"closeIcon",t)),k=w?s.IconUtils.getJSXIcon(O||p.createElement(i.TimesIcon,T),N({},T),{props:h}):null,_=u({id:x,role:"tab",className:F("tab.headeraction"),tabIndex:P,"aria-controls":C,"aria-selected":n,"aria-disabled":b,onClick:function(n){return re(n,e,t)},onKeyDown:function(n){return oe(n,e,t)}},Q(e,"headeraction",t)),U=p.createElement("a",_,S,j,D,k,p.createElement(c.Ripple,null));y&&(U=s.ObjectUtils.getJSXElement(y,{className:"p-tabview-nav-link",titleClassName:"p-tabview-title",onClick:function(n){return re(n,e,t)},onKeyDown:function(n){return oe(n,e,t)},leftIconElement:S,titleElement:j,rightIconElement:D,element:U,props:h,index:t,selected:n,ariaControls:C}));var A=u({ref:function(e){return V.current["tab_".concat(t)]=e},className:F("tab.header",{selected:n,disabled:b,headerClassName:o,_className:d}),style:G("tab.header",{headerStyle:a,_style:l}),role:"presentation"},Q(e,"root",t),Q(e,"header",t));return p.createElement("li",A,U)},_e=u({id:g,ref:R,style:h.style,className:F("root")},j.getOtherProps(h),q("root")),Ue=u({className:F("navcontainer")},q("navcontainer")),Ae=(Ce=p.Children.map(h.children,(function(e,t){if(te(e))return ke(e,t)})),Pe=u({id:g+"_navcontent",ref:B,className:F("navcontent"),style:h.style,onScroll:we},q("navcontent")),Se=u({ref:L,className:F("nav"),role:"tablist"},q("nav")),Ee=u({ref:W,"aria-hidden":"true",role:"presentation",className:F("inkbar")},q("inkbar")),p.createElement("div",Pe,p.createElement("ul",Se,Ce,p.createElement("li",Ee)))),He=(je=u({className:F("panelcontainer"),style:h.panelContainerStyle},q("panelcontainer")),Ie=p.Children.map(h.children,(function(e,t){if(te(e)&&(!h.renderActiveOnly||Z(t))){var n=Z(t),r=g+"_header_"+t,a=u({id:g+t+"_content",className:F("tab.content",{props:h,selected:n,getTabProp:ee,tab:e,isSelected:Z,shouldUseTab:te,index:t}),style:G("tab.content",{props:h,getTabProp:ee,tab:e,isSelected:Z,shouldUseTab:te,index:t}),role:"tabpanel","aria-labelledby":r},I.getCOtherProps(e),Q(e,"root",t),Q(e,"content",t));return p.createElement("div",a,h.renderActiveOnly?n&&ee(e,"children"):ee(e,"children"))}})),p.createElement("div",je,Ie)),Re=(De=u({"aria-hidden":"true"},q("previcon")),Ne=s.IconUtils.getJSXIcon(h.prevButton||p.createElement(o.ChevronLeftIcon,De),N({},De),{props:h}),Te=u({ref:J,type:"button",className:F("prevbutton"),"aria-label":n.ariaLabel("previousPageLabel"),onClick:function(e){return t=s.DomHandler.getWidth(B.current)-Oe(),void(B.current.scrollLeft=(n=B.current.scrollLeft-t)<=0?0:n);var t,n}},q("prevbutton")),h.scrollable&&!x?p.createElement("button",Te,Ne,p.createElement(c.Ripple,null)):null),Be=function(){var e=u({"aria-hidden":"true"},q("nexticon")),t=s.IconUtils.getJSXIcon(h.nextButton||p.createElement(l.ChevronRightIcon,e),N({},e),{props:h}),r=u({ref:M,type:"button",className:F("nextbutton"),"aria-label":n.ariaLabel("nextPageLabel"),onClick:function(e){return t=s.DomHandler.getWidth(B.current)-Oe(),void(B.current.scrollLeft=(n=B.current.scrollLeft+t)>=(r=B.current.scrollWidth-t)?r:n);var t,n,r}},q("nextbutton"));if(h.scrollable&&!E)return p.createElement("button",r,t,p.createElement(c.Ripple,null))}();return p.createElement("div",_e,p.createElement("div",Ue,Re,Ae,Be),He)}));return T.displayName="TabPanel",k.displayName="TabView",e.TabPanel=T,e.TabView=k,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.icons.chevronleft,primereact.icons.chevronright,primereact.icons.times,primereact.ripple,primereact.utils);
|
package/terminal/terminal.cjs.js
CHANGED
|
@@ -183,7 +183,8 @@ var Terminal = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
|
|
|
183
183
|
}
|
|
184
184
|
break;
|
|
185
185
|
case 'Enter':
|
|
186
|
-
|
|
186
|
+
case 'NumpadEnter':
|
|
187
|
+
if (commandTextState) {
|
|
187
188
|
var newCommands = _toConsumableArray(commandsState);
|
|
188
189
|
newCommands.push({
|
|
189
190
|
text: commandTextState
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),r=require("primereact/componentbase"),t=require("primereact/hooks"),a=require("primereact/terminalservice"),o=require("primereact/utils");function i(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var t=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,t.get?t:{enumerable:!0,get:function(){return e[r]}})}})),n.default=e,Object.freeze(n)}var l=i(e);function c(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=new Array(n);r<n;r++)t[r]=e[r];return t}function u(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 m(e,n){if(e){if("string"==typeof e)return c(e,n);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?c(e,n):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 u(e)||s(e)||m(e)||p()}function d(e){if(Array.isArray(e))return e}function v(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,a,o,i,l=[],c=!0,u=!1;try{if(o=(r=r.call(e)).next,0===n){if(Object(r)!==r)return;c=!1}else for(;!(c=(t=o.call(r)).done)&&(l.push(t.value),l.length!==n);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(u)throw a}}return l}}function y(){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,n){return d(e)||v(e,n)||m(e,n)||y()}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"}}),h=l.memo(l.forwardRef((function(e,i){var c=t.useMergeProps(),u=l.useContext(n.PrimeReactContext),s=g.getProps(e,u),m=b(l.useState(""),2),p=m[0],d=m[1],v=b(l.useState([]),2),y=v[0],h=v[1],E=b(l.useState(0),2),S=E[0],x=E[1],w=b(l.useState(""),2),T=w[0],j=w[1],
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),r=require("primereact/componentbase"),t=require("primereact/hooks"),a=require("primereact/terminalservice"),o=require("primereact/utils");function i(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var t=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,t.get?t:{enumerable:!0,get:function(){return e[r]}})}})),n.default=e,Object.freeze(n)}var l=i(e);function c(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=new Array(n);r<n;r++)t[r]=e[r];return t}function u(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 m(e,n){if(e){if("string"==typeof e)return c(e,n);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?c(e,n):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 u(e)||s(e)||m(e)||p()}function d(e){if(Array.isArray(e))return e}function v(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,a,o,i,l=[],c=!0,u=!1;try{if(o=(r=r.call(e)).next,0===n){if(Object(r)!==r)return;c=!1}else for(;!(c=(t=o.call(r)).done)&&(l.push(t.value),l.length!==n);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(u)throw a}}return l}}function y(){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,n){return d(e)||v(e,n)||m(e,n)||y()}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"}}),h=l.memo(l.forwardRef((function(e,i){var c=t.useMergeProps(),u=l.useContext(n.PrimeReactContext),s=g.getProps(e,u),m=b(l.useState(""),2),p=m[0],d=m[1],v=b(l.useState([]),2),y=v[0],h=v[1],E=b(l.useState(0),2),S=E[0],x=E[1],w=b(l.useState(""),2),T=w[0],j=w[1],N=l.useRef(null),O=l.useRef(null),A=l.useRef(!1),M=g.setMetaData({props:s,state:{commandText:p,commands:y}}),P=M.ptm,C=M.cx;r.useHandleStyle(g.css.styles,M.isUnstyled,{name:"terminal"});var _=c({className:C("prompt")},P("prompt")),k=function(e){d(e.target.value)},q=function(e){switch(e.code){case"ArrowUp":if(y&&y.length){var n=S-1<0?y.length-1:S-1,r=y[n];x(n),d(r.text)}break;case"Enter":case"NumpadEnter":if(p){var t=f(y);t.push({text:p}),x((function(e){return e+1})),d(""),h(t),j(p),A.current=!0}}};l.useImperativeHandle(i,(function(){return{props:s,focus:function(){return o.DomHandler.focus(O.current)},getElement:function(){return N.current}}})),l.useEffect((function(){var e=function(e){if(y&&y.length>0){var n=f(y);n[n.length-1].response=e,h(n)}},n=function(){h([]),x(0)};return a.TerminalService.on("response",e),a.TerminalService.on("clear",n),function(){a.TerminalService.off("response",e),a.TerminalService.off("clear",n)}}),[y]),l.useEffect((function(){A.current&&(a.TerminalService.emit("command",T),A.current=!1),N.current.scrollTop=N.current.scrollHeight}));var I,D,H=function(e,n){var r=e.text,t=e.response,a=c({key:r+"_"+n},P("commands")),o=c({className:C("command")},P("command")),i=c({className:C("response"),"aria-live":"polite"},P("response"));return l.createElement("div",a,l.createElement("span",_,s.prompt," "),l.createElement("span",o,r),l.createElement("div",i,t))},R=function(){if(s.welcomeMessage){var e=c(P("welcomeMessage"));return l.createElement("div",e,s.welcomeMessage)}return null}(),U=function(){var e=y.map(H),n=c({className:C("content")},P("content"));return l.createElement("div",n,e)}(),z=(I=c({className:C("container")},P("container")),D=c({ref:O,value:p,type:"text",className:C("commandText"),autoComplete:"off",onChange:function(e){return k(e)},onKeyDown:q},P("commandText")),l.createElement("div",I,l.createElement("span",_,s.prompt," "),l.createElement("input",D))),B=c({id:s.id,ref:N,className:o.classNames(s.className,C("root")),style:s.style,onClick:function(){o.DomHandler.focus(O.current)}},g.getOtherProps(s),P("root"));return l.createElement("div",B,R,U,z)})));h.displayName="Terminal",exports.Terminal=h;
|
package/terminal/terminal.esm.js
CHANGED
|
@@ -159,7 +159,8 @@ var Terminal = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
|
|
|
159
159
|
}
|
|
160
160
|
break;
|
|
161
161
|
case 'Enter':
|
|
162
|
-
|
|
162
|
+
case 'NumpadEnter':
|
|
163
|
+
if (commandTextState) {
|
|
163
164
|
var newCommands = _toConsumableArray(commandsState);
|
|
164
165
|
newCommands.push({
|
|
165
166
|
text: commandTextState
|
|
@@ -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};
|