primereact 10.5.0 → 10.5.2
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/api/api.cjs.js +94 -92
- package/api/api.cjs.min.js +1 -1
- package/api/api.d.ts +231 -13
- package/api/api.esm.js +94 -92
- package/api/api.esm.min.js +1 -1
- package/api/api.js +94 -92
- package/api/api.min.js +1 -1
- package/autocomplete/autocomplete.cjs.js +91 -48
- package/autocomplete/autocomplete.cjs.min.js +1 -1
- package/autocomplete/autocomplete.d.ts +6 -1
- package/autocomplete/autocomplete.esm.js +91 -48
- package/autocomplete/autocomplete.esm.min.js +1 -1
- package/autocomplete/autocomplete.js +91 -48
- package/autocomplete/autocomplete.min.js +1 -1
- package/blockui/blockui.cjs.js +13 -13
- package/blockui/blockui.cjs.min.js +1 -1
- package/blockui/blockui.esm.js +13 -13
- package/blockui/blockui.esm.min.js +1 -1
- package/blockui/blockui.js +13 -13
- package/blockui/blockui.min.js +1 -1
- package/breadcrumb/breadcrumb.cjs.js +4 -3
- package/breadcrumb/breadcrumb.cjs.min.js +1 -1
- package/breadcrumb/breadcrumb.esm.js +4 -3
- package/breadcrumb/breadcrumb.esm.min.js +1 -1
- package/breadcrumb/breadcrumb.js +4 -3
- package/breadcrumb/breadcrumb.min.js +1 -1
- package/button/button.cjs.js +2 -3
- package/button/button.cjs.min.js +1 -1
- package/button/button.esm.js +2 -3
- package/button/button.esm.min.js +1 -1
- package/button/button.js +2 -3
- package/button/button.min.js +1 -1
- package/calendar/calendar.cjs.js +30 -11
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.d.ts +9 -0
- package/calendar/calendar.esm.js +30 -11
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +30 -11
- package/calendar/calendar.min.js +1 -1
- package/carousel/carousel.cjs.js +17 -15
- package/carousel/carousel.cjs.min.js +1 -1
- package/carousel/carousel.esm.js +4 -2
- package/carousel/carousel.esm.min.js +1 -1
- package/carousel/carousel.js +17 -15
- package/carousel/carousel.min.js +1 -1
- package/cascadeselect/cascadeselect.cjs.js +28 -14
- package/cascadeselect/cascadeselect.cjs.min.js +1 -1
- package/cascadeselect/cascadeselect.d.ts +5 -0
- package/cascadeselect/cascadeselect.esm.js +28 -14
- package/cascadeselect/cascadeselect.esm.min.js +1 -1
- package/cascadeselect/cascadeselect.js +28 -14
- package/cascadeselect/cascadeselect.min.js +1 -1
- package/checkbox/checkbox.cjs.js +72 -156
- package/checkbox/checkbox.cjs.min.js +1 -1
- package/checkbox/checkbox.d.ts +10 -34
- package/checkbox/checkbox.esm.js +72 -156
- package/checkbox/checkbox.esm.min.js +1 -1
- package/checkbox/checkbox.js +72 -156
- package/checkbox/checkbox.min.js +1 -1
- package/chips/chips.cjs.js +25 -12
- package/chips/chips.cjs.min.js +1 -1
- package/chips/chips.d.ts +6 -1
- package/chips/chips.esm.js +25 -12
- package/chips/chips.esm.min.js +1 -1
- package/chips/chips.js +25 -12
- package/chips/chips.min.js +1 -1
- package/colorpicker/colorpicker.cjs.js +5 -5
- package/colorpicker/colorpicker.cjs.min.js +1 -1
- package/colorpicker/colorpicker.esm.js +4 -4
- package/colorpicker/colorpicker.esm.min.js +1 -1
- package/colorpicker/colorpicker.js +5 -5
- package/colorpicker/colorpicker.min.js +1 -1
- package/componentbase/componentbase.cjs.js +4 -6
- package/componentbase/componentbase.cjs.min.js +1 -1
- package/componentbase/componentbase.esm.js +5 -7
- package/componentbase/componentbase.esm.min.js +1 -1
- package/componentbase/componentbase.js +4 -6
- package/componentbase/componentbase.min.js +1 -1
- package/confirmdialog/confirmdialog.cjs.js +7 -2
- package/confirmdialog/confirmdialog.cjs.min.js +1 -1
- package/confirmdialog/confirmdialog.esm.js +7 -2
- package/confirmdialog/confirmdialog.esm.min.js +1 -1
- package/confirmdialog/confirmdialog.js +8 -3
- package/confirmdialog/confirmdialog.min.js +1 -1
- package/confirmpopup/confirmpopup.cjs.js +5 -5
- package/confirmpopup/confirmpopup.cjs.min.js +1 -1
- package/confirmpopup/confirmpopup.esm.js +5 -5
- package/confirmpopup/confirmpopup.esm.min.js +1 -1
- package/confirmpopup/confirmpopup.js +5 -5
- package/confirmpopup/confirmpopup.min.js +1 -1
- package/contextmenu/contextmenu.cjs.js +4 -3
- package/contextmenu/contextmenu.cjs.min.js +1 -1
- package/contextmenu/contextmenu.esm.js +4 -3
- package/contextmenu/contextmenu.esm.min.js +1 -1
- package/contextmenu/contextmenu.js +4 -3
- package/contextmenu/contextmenu.min.js +1 -1
- package/core/core.js +2773 -20019
- package/core/core.min.js +41 -41
- package/datatable/datatable.cjs.js +134 -115
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.d.ts +11 -3
- package/datatable/datatable.esm.js +134 -115
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +134 -115
- package/datatable/datatable.min.js +1 -1
- package/dataview/dataview.cjs.js +16 -13
- package/dataview/dataview.cjs.min.js +1 -1
- package/dataview/dataview.esm.js +4 -1
- package/dataview/dataview.esm.min.js +1 -1
- package/dataview/dataview.js +17 -15
- package/dataview/dataview.min.js +1 -1
- package/dialog/dialog.cjs.js +6 -6
- package/dialog/dialog.cjs.min.js +1 -1
- package/dialog/dialog.esm.js +6 -6
- package/dialog/dialog.esm.min.js +1 -1
- package/dialog/dialog.js +6 -6
- package/dialog/dialog.min.js +1 -1
- package/dropdown/dropdown.cjs.js +123 -53
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.d.ts +41 -0
- package/dropdown/dropdown.esm.js +123 -53
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +123 -55
- package/dropdown/dropdown.min.js +1 -1
- package/editor/editor.cjs.js +125 -54
- package/editor/editor.cjs.min.js +1 -1
- package/editor/editor.esm.js +125 -54
- package/editor/editor.esm.min.js +1 -1
- package/editor/editor.js +125 -54
- package/editor/editor.min.js +1 -1
- package/galleria/galleria.cjs.js +22 -19
- package/galleria/galleria.cjs.min.js +1 -1
- package/galleria/galleria.esm.js +4 -1
- package/galleria/galleria.esm.min.js +1 -1
- package/galleria/galleria.js +23 -20
- package/galleria/galleria.min.js +1 -1
- package/hooks/hooks.cjs.js +115 -72
- package/hooks/hooks.cjs.min.js +1 -1
- package/hooks/hooks.esm.js +116 -73
- package/hooks/hooks.esm.min.js +1 -1
- package/hooks/hooks.js +115 -72
- package/hooks/hooks.min.js +1 -1
- package/icons/arrowdown/index.cjs.js +2 -642
- package/icons/arrowdown/index.cjs.min.js +1 -1
- package/icons/arrowdown/index.esm.js +2 -642
- package/icons/arrowdown/index.esm.min.js +1 -1
- package/icons/arrowdown/index.js +2 -642
- package/icons/arrowdown/index.min.js +1 -1
- package/icons/arrowup/index.cjs.js +2 -642
- package/icons/arrowup/index.cjs.min.js +1 -1
- package/icons/arrowup/index.esm.js +2 -642
- package/icons/arrowup/index.esm.min.js +1 -1
- package/icons/arrowup/index.js +2 -642
- package/icons/arrowup/index.min.js +1 -1
- package/icons/ban/index.cjs.js +2 -642
- package/icons/ban/index.cjs.min.js +1 -1
- package/icons/ban/index.esm.js +2 -642
- package/icons/ban/index.esm.min.js +1 -1
- package/icons/ban/index.js +2 -642
- package/icons/ban/index.min.js +1 -1
- package/icons/blank/index.cjs.js +62 -0
- package/icons/blank/index.cjs.min.js +1 -0
- package/icons/blank/index.d.ts +19 -0
- package/icons/blank/index.esm.js +38 -0
- package/icons/blank/index.esm.min.js +1 -0
- package/icons/blank/index.js +65 -0
- package/icons/blank/index.min.js +1 -0
- package/icons/blank/package.json +7 -0
- package/icons/download/index.cjs.js +2 -642
- package/icons/download/index.cjs.min.js +1 -1
- package/icons/download/index.esm.js +2 -642
- package/icons/download/index.esm.min.js +1 -1
- package/icons/download/index.js +2 -642
- package/icons/download/index.min.js +1 -1
- package/icons/exclamationtriangle/index.cjs.js +2 -642
- package/icons/exclamationtriangle/index.cjs.min.js +1 -1
- package/icons/exclamationtriangle/index.esm.js +2 -642
- package/icons/exclamationtriangle/index.esm.min.js +1 -1
- package/icons/exclamationtriangle/index.js +2 -642
- package/icons/exclamationtriangle/index.min.js +1 -1
- package/icons/eyeslash/index.cjs.js +2 -642
- package/icons/eyeslash/index.cjs.min.js +1 -1
- package/icons/eyeslash/index.esm.js +2 -642
- package/icons/eyeslash/index.esm.min.js +1 -1
- package/icons/eyeslash/index.js +2 -642
- package/icons/eyeslash/index.min.js +1 -1
- package/icons/filter/index.cjs.js +2 -642
- package/icons/filter/index.cjs.min.js +1 -1
- package/icons/filter/index.esm.js +2 -642
- package/icons/filter/index.esm.min.js +1 -1
- package/icons/filter/index.js +2 -642
- package/icons/filter/index.min.js +1 -1
- package/icons/filterslash/index.cjs.js +2 -642
- package/icons/filterslash/index.cjs.min.js +1 -1
- package/icons/filterslash/index.esm.js +2 -642
- package/icons/filterslash/index.esm.min.js +1 -1
- package/icons/filterslash/index.js +2 -642
- package/icons/filterslash/index.min.js +1 -1
- package/icons/infocircle/index.cjs.js +2 -642
- package/icons/infocircle/index.cjs.min.js +1 -1
- package/icons/infocircle/index.esm.js +2 -642
- package/icons/infocircle/index.esm.min.js +1 -1
- package/icons/infocircle/index.js +2 -642
- package/icons/infocircle/index.min.js +1 -1
- package/icons/pencil/index.cjs.js +2 -642
- package/icons/pencil/index.cjs.min.js +1 -1
- package/icons/pencil/index.esm.js +2 -642
- package/icons/pencil/index.esm.min.js +1 -1
- package/icons/pencil/index.js +2 -642
- package/icons/pencil/index.min.js +1 -1
- package/icons/plus/index.cjs.js +2 -642
- package/icons/plus/index.cjs.min.js +1 -1
- package/icons/plus/index.esm.js +2 -642
- package/icons/plus/index.esm.min.js +1 -1
- package/icons/plus/index.js +2 -642
- package/icons/plus/index.min.js +1 -1
- package/icons/refresh/index.cjs.js +2 -642
- package/icons/refresh/index.cjs.min.js +1 -1
- package/icons/refresh/index.esm.js +2 -642
- package/icons/refresh/index.esm.min.js +1 -1
- package/icons/refresh/index.js +2 -642
- package/icons/refresh/index.min.js +1 -1
- package/icons/search/index.cjs.js +2 -642
- package/icons/search/index.cjs.min.js +1 -1
- package/icons/search/index.esm.js +2 -642
- package/icons/search/index.esm.min.js +1 -1
- package/icons/search/index.js +2 -642
- package/icons/search/index.min.js +1 -1
- package/icons/searchminus/index.cjs.js +2 -642
- package/icons/searchminus/index.cjs.min.js +1 -1
- package/icons/searchminus/index.esm.js +2 -642
- package/icons/searchminus/index.esm.min.js +1 -1
- package/icons/searchminus/index.js +2 -642
- package/icons/searchminus/index.min.js +1 -1
- package/icons/searchplus/index.cjs.js +2 -642
- package/icons/searchplus/index.cjs.min.js +1 -1
- package/icons/searchplus/index.esm.js +2 -642
- package/icons/searchplus/index.esm.min.js +1 -1
- package/icons/searchplus/index.js +2 -642
- package/icons/searchplus/index.min.js +1 -1
- package/icons/sortalt/index.cjs.js +2 -642
- package/icons/sortalt/index.cjs.min.js +1 -1
- package/icons/sortalt/index.esm.js +2 -642
- package/icons/sortalt/index.esm.min.js +1 -1
- package/icons/sortalt/index.js +2 -642
- package/icons/sortalt/index.min.js +1 -1
- package/icons/sortamountdown/index.cjs.js +2 -642
- package/icons/sortamountdown/index.cjs.min.js +1 -1
- package/icons/sortamountdown/index.esm.js +2 -642
- package/icons/sortamountdown/index.esm.min.js +1 -1
- package/icons/sortamountdown/index.js +2 -642
- package/icons/sortamountdown/index.min.js +1 -1
- package/icons/sortamountupalt/index.cjs.js +2 -642
- package/icons/sortamountupalt/index.cjs.min.js +1 -1
- package/icons/sortamountupalt/index.esm.js +2 -642
- package/icons/sortamountupalt/index.esm.min.js +1 -1
- package/icons/sortamountupalt/index.js +2 -642
- package/icons/sortamountupalt/index.min.js +1 -1
- package/icons/spinner/index.cjs.js +2 -642
- package/icons/spinner/index.cjs.min.js +1 -1
- package/icons/spinner/index.esm.js +2 -642
- package/icons/spinner/index.esm.min.js +1 -1
- package/icons/spinner/index.js +2 -642
- package/icons/spinner/index.min.js +1 -1
- package/icons/star/index.cjs.js +2 -642
- package/icons/star/index.cjs.min.js +1 -1
- package/icons/star/index.esm.js +2 -642
- package/icons/star/index.esm.min.js +1 -1
- package/icons/star/index.js +2 -642
- package/icons/star/index.min.js +1 -1
- package/icons/starfill/index.cjs.js +2 -642
- package/icons/starfill/index.cjs.min.js +1 -1
- package/icons/starfill/index.esm.js +2 -642
- package/icons/starfill/index.esm.min.js +1 -1
- package/icons/starfill/index.js +2 -642
- package/icons/starfill/index.min.js +1 -1
- package/icons/thlarge/index.cjs.js +2 -642
- package/icons/thlarge/index.cjs.min.js +1 -1
- package/icons/thlarge/index.esm.js +2 -642
- package/icons/thlarge/index.esm.min.js +1 -1
- package/icons/thlarge/index.js +2 -642
- package/icons/thlarge/index.min.js +1 -1
- package/icons/timescircle/index.cjs.js +2 -642
- package/icons/timescircle/index.cjs.min.js +1 -1
- package/icons/timescircle/index.esm.js +2 -642
- package/icons/timescircle/index.esm.min.js +1 -1
- package/icons/timescircle/index.js +2 -642
- package/icons/timescircle/index.min.js +1 -1
- package/icons/trash/index.cjs.js +2 -642
- package/icons/trash/index.cjs.min.js +1 -1
- package/icons/trash/index.esm.js +2 -642
- package/icons/trash/index.esm.min.js +1 -1
- package/icons/trash/index.js +2 -642
- package/icons/trash/index.min.js +1 -1
- package/icons/undo/index.cjs.js +2 -642
- package/icons/undo/index.cjs.min.js +1 -1
- package/icons/undo/index.esm.js +2 -642
- package/icons/undo/index.esm.min.js +1 -1
- package/icons/undo/index.js +2 -642
- package/icons/undo/index.min.js +1 -1
- package/icons/upload/index.cjs.js +2 -642
- package/icons/upload/index.cjs.min.js +1 -1
- package/icons/upload/index.esm.js +2 -642
- package/icons/upload/index.esm.min.js +1 -1
- package/icons/upload/index.js +2 -642
- package/icons/upload/index.min.js +1 -1
- package/icons/windowmaximize/index.cjs.js +2 -642
- package/icons/windowmaximize/index.cjs.min.js +1 -1
- package/icons/windowmaximize/index.esm.js +2 -642
- package/icons/windowmaximize/index.esm.min.js +1 -1
- package/icons/windowmaximize/index.js +2 -642
- package/icons/windowmaximize/index.min.js +1 -1
- package/icons/windowminimize/index.cjs.js +2 -642
- package/icons/windowminimize/index.cjs.min.js +1 -1
- package/icons/windowminimize/index.esm.js +2 -642
- package/icons/windowminimize/index.esm.min.js +1 -1
- package/icons/windowminimize/index.js +2 -642
- package/icons/windowminimize/index.min.js +1 -1
- package/image/image.cjs.js +18 -575
- package/image/image.cjs.min.js +1 -1
- package/image/image.esm.js +20 -577
- package/image/image.esm.min.js +1 -1
- package/image/image.js +18 -575
- package/image/image.min.js +1 -1
- package/inputnumber/inputnumber.cjs.js +22 -39
- package/inputnumber/inputnumber.cjs.min.js +1 -1
- package/inputnumber/inputnumber.d.ts +5 -5
- package/inputnumber/inputnumber.esm.js +22 -39
- package/inputnumber/inputnumber.esm.min.js +1 -1
- package/inputnumber/inputnumber.js +22 -39
- package/inputnumber/inputnumber.min.js +1 -1
- package/inputswitch/inputswitch.cjs.js +20 -96
- package/inputswitch/inputswitch.cjs.min.js +1 -1
- package/inputswitch/inputswitch.d.ts +9 -20
- package/inputswitch/inputswitch.esm.js +20 -96
- package/inputswitch/inputswitch.esm.min.js +1 -1
- package/inputswitch/inputswitch.js +20 -96
- package/inputswitch/inputswitch.min.js +1 -1
- package/inputtext/inputtext.cjs.js +7 -6
- package/inputtext/inputtext.cjs.min.js +1 -1
- package/inputtext/inputtext.d.ts +5 -0
- package/inputtext/inputtext.esm.js +7 -6
- package/inputtext/inputtext.esm.min.js +1 -1
- package/inputtext/inputtext.js +7 -6
- package/inputtext/inputtext.min.js +1 -1
- package/inputtextarea/inputtextarea.cjs.js +5 -4
- package/inputtextarea/inputtextarea.cjs.min.js +1 -1
- package/inputtextarea/inputtextarea.d.ts +5 -0
- package/inputtextarea/inputtextarea.esm.js +5 -4
- package/inputtextarea/inputtextarea.esm.min.js +1 -1
- package/inputtextarea/inputtextarea.js +5 -4
- package/inputtextarea/inputtextarea.min.js +1 -1
- package/listbox/listbox.cjs.js +17 -14
- package/listbox/listbox.cjs.min.js +1 -1
- package/listbox/listbox.d.ts +15 -0
- package/listbox/listbox.esm.js +18 -15
- package/listbox/listbox.esm.min.js +1 -1
- package/listbox/listbox.js +17 -14
- package/listbox/listbox.min.js +1 -1
- package/megamenu/megamenu.cjs.js +3 -3
- package/megamenu/megamenu.cjs.min.js +1 -1
- package/megamenu/megamenu.esm.js +3 -3
- package/megamenu/megamenu.esm.min.js +1 -1
- package/megamenu/megamenu.js +3 -3
- package/megamenu/megamenu.min.js +1 -1
- package/mention/mention.cjs.js +5 -4
- package/mention/mention.cjs.min.js +1 -1
- package/mention/mention.esm.js +5 -4
- package/mention/mention.esm.min.js +1 -1
- package/mention/mention.js +5 -4
- package/mention/mention.min.js +1 -1
- package/menu/menu.cjs.js +3 -2
- package/menu/menu.cjs.min.js +1 -1
- package/menu/menu.esm.js +3 -2
- package/menu/menu.esm.min.js +1 -1
- package/menu/menu.js +3 -2
- package/menu/menu.min.js +1 -1
- package/menubar/menubar.cjs.js +18 -14
- package/menubar/menubar.cjs.min.js +1 -1
- package/menubar/menubar.esm.js +18 -14
- package/menubar/menubar.esm.min.js +1 -1
- package/menubar/menubar.js +18 -14
- package/menubar/menubar.min.js +1 -1
- package/message/message.cjs.js +2 -8
- package/message/message.cjs.min.js +1 -1
- package/message/message.d.ts +1 -1
- package/message/message.esm.js +2 -8
- package/message/message.esm.min.js +1 -1
- package/message/message.js +2 -8
- package/message/message.min.js +1 -1
- package/messages/messages.cjs.js +1 -1
- package/messages/messages.cjs.min.js +1 -1
- package/messages/messages.d.ts +1 -1
- package/messages/messages.esm.js +1 -1
- package/messages/messages.esm.min.js +1 -1
- package/messages/messages.js +1 -1
- package/messages/messages.min.js +1 -1
- package/metergroup/metergroup.cjs.js +237 -0
- package/metergroup/metergroup.cjs.min.js +1 -0
- package/metergroup/metergroup.d.ts +183 -0
- package/metergroup/metergroup.esm.js +233 -0
- package/metergroup/metergroup.esm.min.js +1 -0
- package/metergroup/metergroup.js +236 -0
- package/metergroup/metergroup.min.js +1 -0
- package/multiselect/multiselect.cjs.js +157 -160
- package/multiselect/multiselect.cjs.min.js +1 -1
- package/multiselect/multiselect.d.ts +25 -1
- package/multiselect/multiselect.esm.js +157 -160
- package/multiselect/multiselect.esm.min.js +1 -1
- package/multiselect/multiselect.js +157 -160
- package/multiselect/multiselect.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.cjs.js +3 -4
- package/multistatecheckbox/multistatecheckbox.cjs.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.esm.js +3 -4
- package/multistatecheckbox/multistatecheckbox.esm.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.js +3 -4
- package/multistatecheckbox/multistatecheckbox.min.js +1 -1
- package/orderlist/orderlist.cjs.js +35 -11
- package/orderlist/orderlist.cjs.min.js +1 -1
- package/orderlist/orderlist.d.ts +5 -0
- package/orderlist/orderlist.esm.js +35 -11
- package/orderlist/orderlist.esm.min.js +1 -1
- package/orderlist/orderlist.js +35 -11
- package/orderlist/orderlist.min.js +1 -1
- package/overlaypanel/overlaypanel.cjs.js +3 -2
- package/overlaypanel/overlaypanel.cjs.min.js +1 -1
- package/overlaypanel/overlaypanel.esm.js +3 -2
- package/overlaypanel/overlaypanel.esm.min.js +1 -1
- package/overlaypanel/overlaypanel.js +3 -2
- package/overlaypanel/overlaypanel.min.js +1 -1
- package/package.json +1 -1
- package/paginator/paginator.cjs.js +125 -108
- package/paginator/paginator.cjs.min.js +1 -1
- package/paginator/paginator.d.ts +88 -0
- package/paginator/paginator.esm.js +125 -108
- package/paginator/paginator.esm.min.js +1 -1
- package/paginator/paginator.js +125 -108
- package/paginator/paginator.min.js +1 -1
- package/panelmenu/panelmenu.cjs.js +19 -14
- package/panelmenu/panelmenu.cjs.min.js +1 -1
- package/panelmenu/panelmenu.d.ts +18 -0
- package/panelmenu/panelmenu.esm.js +19 -14
- package/panelmenu/panelmenu.esm.min.js +1 -1
- package/panelmenu/panelmenu.js +19 -14
- package/panelmenu/panelmenu.min.js +1 -1
- package/passthrough/index.d.ts +12 -0
- package/passthrough/tailwind/index.cjs.js +279 -173
- package/passthrough/tailwind/index.cjs.min.js +1 -1
- package/passthrough/tailwind/index.esm.js +279 -173
- package/passthrough/tailwind/index.esm.min.js +1 -1
- package/passthrough/tailwind/index.js +279 -173
- package/passthrough/tailwind/index.min.js +1 -1
- package/password/password.cjs.js +98 -57
- package/password/password.cjs.min.js +1 -1
- package/password/password.d.ts +5 -0
- package/password/password.esm.js +100 -59
- package/password/password.esm.min.js +1 -1
- package/password/password.js +98 -57
- package/password/password.min.js +1 -1
- package/picklist/picklist.cjs.js +127 -102
- package/picklist/picklist.cjs.min.js +1 -1
- package/picklist/picklist.d.ts +5 -0
- package/picklist/picklist.esm.js +127 -102
- package/picklist/picklist.esm.min.js +1 -1
- package/picklist/picklist.js +127 -102
- package/picklist/picklist.min.js +1 -1
- package/primereact.all.cjs.js +2075 -2180
- package/primereact.all.cjs.min.js +1 -1
- package/primereact.all.esm.js +2076 -2180
- package/primereact.all.esm.min.js +1 -1
- package/primereact.all.js +2075 -2180
- package/primereact.all.min.js +1 -1
- package/radiobutton/radiobutton.cjs.js +69 -146
- package/radiobutton/radiobutton.cjs.min.js +1 -1
- package/radiobutton/radiobutton.d.ts +17 -35
- package/radiobutton/radiobutton.esm.js +70 -147
- package/radiobutton/radiobutton.esm.min.js +1 -1
- package/radiobutton/radiobutton.js +69 -146
- package/radiobutton/radiobutton.min.js +1 -1
- package/rating/rating.cjs.js +2 -3
- package/rating/rating.cjs.min.js +1 -1
- package/rating/rating.esm.js +2 -3
- package/rating/rating.esm.min.js +1 -1
- package/rating/rating.js +2 -3
- package/rating/rating.min.js +1 -1
- package/resources/themes/arya-blue/theme.css +344 -67
- package/resources/themes/arya-green/theme.css +344 -67
- package/resources/themes/arya-orange/theme.css +344 -67
- package/resources/themes/bootstrap4-dark-blue/theme.css +389 -64
- package/resources/themes/bootstrap4-light-blue/theme.css +389 -64
- package/resources/themes/fluent-light/theme.css +341 -64
- package/resources/themes/lara-dark-amber/theme.css +470 -67
- package/resources/themes/lara-dark-blue/theme.css +470 -67
- package/resources/themes/lara-dark-cyan/theme.css +470 -67
- package/resources/themes/lara-dark-green/theme.css +470 -67
- package/resources/themes/lara-dark-indigo/theme.css +470 -67
- package/resources/themes/lara-dark-pink/theme.css +470 -67
- package/resources/themes/lara-dark-teal/theme.css +470 -67
- package/resources/themes/lara-light-amber/theme.css +470 -67
- package/resources/themes/lara-light-blue/theme.css +470 -67
- package/resources/themes/lara-light-cyan/theme.css +470 -67
- package/resources/themes/lara-light-green/theme.css +470 -67
- package/resources/themes/lara-light-indigo/theme.css +470 -67
- package/resources/themes/lara-light-pink/theme.css +470 -67
- package/resources/themes/lara-light-teal/theme.css +470 -67
- package/resources/themes/luna-amber/theme.css +344 -67
- package/resources/themes/luna-blue/theme.css +344 -67
- package/resources/themes/luna-green/theme.css +344 -67
- package/resources/themes/luna-pink/theme.css +344 -67
- package/resources/themes/md-dark-deeppurple/theme.css +995 -289
- package/resources/themes/md-dark-indigo/theme.css +684 -232
- package/resources/themes/md-light-deeppurple/theme.css +868 -162
- package/resources/themes/md-light-indigo/theme.css +566 -101
- package/resources/themes/mdc-dark-deeppurple/theme.css +995 -289
- package/resources/themes/mdc-dark-indigo/theme.css +697 -232
- package/resources/themes/mdc-light-deeppurple/theme.css +868 -162
- package/resources/themes/mdc-light-indigo/theme.css +566 -101
- package/resources/themes/mira/theme.css +344 -67
- package/resources/themes/nano/theme.css +344 -67
- package/resources/themes/nova/theme.css +344 -67
- package/resources/themes/nova-accent/theme.css +344 -67
- package/resources/themes/nova-alt/theme.css +344 -67
- package/resources/themes/rhea/theme.css +343 -66
- package/resources/themes/saga-blue/theme.css +344 -67
- package/resources/themes/saga-green/theme.css +344 -67
- package/resources/themes/saga-orange/theme.css +344 -67
- package/resources/themes/soho-dark/theme.css +413 -88
- package/resources/themes/soho-light/theme.css +392 -67
- package/resources/themes/tailwind-light/theme.css +344 -67
- package/resources/themes/vela-blue/theme.css +344 -67
- package/resources/themes/vela-green/theme.css +344 -67
- package/resources/themes/vela-orange/theme.css +344 -67
- package/resources/themes/viva-dark/theme.css +392 -67
- package/resources/themes/viva-light/theme.css +392 -67
- package/selectbutton/selectbutton.cjs.js +15 -8
- package/selectbutton/selectbutton.cjs.min.js +1 -1
- package/selectbutton/selectbutton.d.ts +5 -0
- package/selectbutton/selectbutton.esm.js +15 -8
- package/selectbutton/selectbutton.esm.min.js +1 -1
- package/selectbutton/selectbutton.js +16 -9
- package/selectbutton/selectbutton.min.js +1 -1
- package/sidebar/sidebar.cjs.js +4 -3
- package/sidebar/sidebar.cjs.min.js +1 -1
- package/sidebar/sidebar.d.ts +4 -4
- package/sidebar/sidebar.esm.js +4 -3
- package/sidebar/sidebar.esm.min.js +1 -1
- package/sidebar/sidebar.js +4 -3
- package/sidebar/sidebar.min.js +1 -1
- package/slidemenu/slidemenu.cjs.js +7 -5
- package/slidemenu/slidemenu.cjs.min.js +1 -1
- package/slidemenu/slidemenu.esm.js +7 -5
- package/slidemenu/slidemenu.esm.min.js +1 -1
- package/slidemenu/slidemenu.js +7 -5
- package/slidemenu/slidemenu.min.js +1 -1
- package/slider/slider.cjs.js +18 -2
- package/slider/slider.cjs.min.js +1 -1
- package/slider/slider.esm.js +18 -2
- package/slider/slider.esm.min.js +1 -1
- package/slider/slider.js +18 -2
- package/slider/slider.min.js +1 -1
- package/splitbutton/splitbutton.cjs.js +9 -12
- package/splitbutton/splitbutton.cjs.min.js +1 -1
- package/splitbutton/splitbutton.d.ts +2 -2
- package/splitbutton/splitbutton.esm.js +9 -12
- package/splitbutton/splitbutton.esm.min.js +1 -1
- package/splitbutton/splitbutton.js +9 -12
- package/splitbutton/splitbutton.min.js +1 -1
- package/splitter/splitter.cjs.js +16 -21
- package/splitter/splitter.cjs.min.js +1 -1
- package/splitter/splitter.d.ts +5 -5
- package/splitter/splitter.esm.js +16 -21
- package/splitter/splitter.esm.min.js +1 -1
- package/splitter/splitter.js +16 -21
- package/splitter/splitter.min.js +1 -1
- package/steps/steps.cjs.js +4 -3
- package/steps/steps.cjs.min.js +1 -1
- package/steps/steps.esm.js +4 -3
- package/steps/steps.esm.min.js +1 -1
- package/steps/steps.js +4 -3
- package/steps/steps.min.js +1 -1
- package/styleclass/styleclass.cjs.js +21 -1
- package/styleclass/styleclass.cjs.min.js +1 -1
- package/styleclass/styleclass.d.ts +10 -0
- package/styleclass/styleclass.esm.js +21 -1
- package/styleclass/styleclass.esm.min.js +1 -1
- package/styleclass/styleclass.js +22 -2
- package/styleclass/styleclass.min.js +1 -1
- package/tabmenu/tabmenu.cjs.js +5 -4
- package/tabmenu/tabmenu.cjs.min.js +1 -1
- package/tabmenu/tabmenu.esm.js +5 -4
- package/tabmenu/tabmenu.esm.min.js +1 -1
- package/tabmenu/tabmenu.js +5 -4
- package/tabmenu/tabmenu.min.js +1 -1
- package/tieredmenu/tieredmenu.cjs.js +6 -8
- package/tieredmenu/tieredmenu.cjs.min.js +1 -1
- package/tieredmenu/tieredmenu.esm.js +6 -8
- package/tieredmenu/tieredmenu.esm.min.js +1 -1
- package/tieredmenu/tieredmenu.js +6 -8
- package/tieredmenu/tieredmenu.min.js +1 -1
- package/toast/toast.cjs.js +93 -92
- package/toast/toast.cjs.min.js +1 -1
- package/toast/toast.d.ts +1 -1
- package/toast/toast.esm.js +93 -92
- package/toast/toast.esm.min.js +1 -1
- package/toast/toast.js +93 -92
- package/toast/toast.min.js +1 -1
- package/togglebutton/togglebutton.cjs.js +56 -95
- package/togglebutton/togglebutton.cjs.min.js +1 -1
- package/togglebutton/togglebutton.d.ts +24 -0
- package/togglebutton/togglebutton.esm.js +55 -94
- package/togglebutton/togglebutton.esm.min.js +1 -1
- package/togglebutton/togglebutton.js +56 -95
- package/togglebutton/togglebutton.min.js +1 -1
- package/tooltip/tooltip.d.ts +3 -3
- package/tooltip/tooltipoptions.d.ts +5 -0
- package/tree/tree.cjs.js +52 -39
- package/tree/tree.cjs.min.js +1 -1
- package/tree/tree.d.ts +5 -0
- package/tree/tree.esm.js +52 -39
- package/tree/tree.esm.min.js +1 -1
- package/tree/tree.js +52 -39
- package/tree/tree.min.js +1 -1
- package/treeselect/treeselect.cjs.js +5 -4
- package/treeselect/treeselect.cjs.min.js +1 -1
- package/treeselect/treeselect.d.ts +5 -0
- package/treeselect/treeselect.esm.js +5 -4
- package/treeselect/treeselect.esm.min.js +1 -1
- package/treeselect/treeselect.js +5 -4
- package/treeselect/treeselect.min.js +1 -1
- package/treetable/treetable.cjs.js +18 -15
- package/treetable/treetable.cjs.min.js +1 -1
- package/treetable/treetable.esm.js +18 -15
- package/treetable/treetable.esm.min.js +1 -1
- package/treetable/treetable.js +18 -15
- package/treetable/treetable.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.cjs.js +36 -94
- package/tristatecheckbox/tristatecheckbox.cjs.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.d.ts +12 -13
- package/tristatecheckbox/tristatecheckbox.esm.js +37 -95
- package/tristatecheckbox/tristatecheckbox.esm.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.js +36 -94
- package/tristatecheckbox/tristatecheckbox.min.js +1 -1
- package/utils/utils.cjs.js +64 -72
- package/utils/utils.cjs.min.js +1 -1
- package/utils/utils.d.ts +11 -2
- package/utils/utils.esm.js +65 -72
- package/utils/utils.esm.min.js +1 -1
- package/utils/utils.js +64 -72
- package/utils/utils.min.js +1 -1
- package/virtualscroller/virtualscroller.cjs.js +17 -15
- package/virtualscroller/virtualscroller.cjs.min.js +1 -1
- package/virtualscroller/virtualscroller.esm.js +14 -12
- package/virtualscroller/virtualscroller.esm.min.js +1 -1
- package/virtualscroller/virtualscroller.js +17 -15
- package/virtualscroller/virtualscroller.min.js +1 -1
- package/web-types.json +519 -39
|
@@ -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/hooks"),i=require("primereact/icons/bars"),o=require("primereact/utils"),u=require("primereact/icons/angledown"),a=require("primereact/icons/angleright"),c=require("primereact/ripple");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(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=s(e),f=l(n);function p(e){return p="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},p(e)}function d(e,n){if("object"!==p(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==p(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function b(e){var n=d(e,"string");return"symbol"===p(n)?n:String(n)}function v(e,n,t){return(n=b(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function y(e){if(Array.isArray(e))return e}function g(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 x(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 I(e,n){if(e){if("string"==typeof e)return x(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)?x(e,n):void 0}}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 E(e,n){return y(e)||g(e,n)||I(e,n)||h()}var O=t.ComponentBase.extend({defaultProps:{__TYPE:"Menubar",id:null,model:null,style:null,className:null,start:null,ariaLabel:null,ariaLabelledBy:null,onFocus:null,onBlur:null,submenuIcon:null,menuIcon:null,end:null,children:void 0},css:{classes:{start:"p-menubar-start",end:"p-menubar-end",button:"p-menubar-button",root:function(e){return o.classNames("p-menubar p-component",{"p-menubar-mobile-active":e.mobileActiveState})},separator:"p-menuitem-separator",icon:"p-menuitem-icon",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",menuitem:function(e){return o.classNames("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled})},menu:"p-menubar-root-list",content:"p-menuitem-content",submenu:"p-submenu-list",action:function(e){return o.classNames("p-menuitem-link",{"p-disabled":e.disabled})}},styles:"\n@layer primereact {\n .p-menubar {\n display: flex;\n align-items: center;\n }\n\n .p-menubar ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-menubar .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-menubar .p-menuitem-text {\n line-height: 1;\n }\n\n .p-menubar .p-menuitem {\n position: relative;\n }\n\n .p-menubar-root-list {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n }\n\n .p-menubar-root-list > li ul {\n display: none;\n z-index: 1;\n }\n\n .p-menubar-root-list > .p-menuitem-active > .p-submenu-list {\n display: block;\n }\n\n .p-menubar .p-submenu-list {\n display: none;\n position: absolute;\n z-index: 1;\n }\n\n .p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {\n display: block;\n left: 100%;\n top: 0;\n }\n\n .p-menubar .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n }\n\n .p-menubar .p-menubar-end {\n margin-left: auto;\n align-self: center;\n }\n\n .p-menubar-button {\n display: none;\n cursor: pointer;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n }\n}\n"}});function k(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 j(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?k(Object(t),!0).forEach((function(n){v(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):k(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var S=m.memo(m.forwardRef((function(e,n){var t=r.useMergeProps(),i=e.ptm,l=e.cx,s=function(n,t,r){return i(t,{props:e,hostName:e.hostName,context:{item:n,index:r,active:g(n),focused:h(n),disabled:I(n),level:e.level}})},f=function(n,t){I(t)||e.mobileActive?n.preventDefault():e.onItemMouseEnter&&e.onItemMouseEnter({originalEvent:n,processedItem:t})},p=function(e,n){var t=n.item;I(n)?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),d({originalEvent:e,processedItem:n,isFocus:!0}))},d=function(n){e.onLeafClick&&e.onLeafClick(n)},b=function(n){return n.item&&n.item.id?n.item.id:"".concat(e.id,"_").concat(n.key)},y=function(e,n,t){return e&&e.item?o.ObjectUtils.getItemValue(e.item[n],t):void 0},g=function(n){return e.activeItemPath.some((function(e){return e.key===n.key}))},x=function(e){return!1!==y(e,"visible")},I=function(e){return y(e,"disabled")},h=function(n){return e.focusedItemId===b(n)},E=function(e){return o.ObjectUtils.isNotEmpty(e.items)},O=function(n){return n-e.model.slice(0,n).filter((function(e){return x(e)&&y(e,"separator")})).length+1},k=function(n){var r=e.id+"_separator_"+n,o=t({id:r,key:r,className:l("separator"),role:"separator"},i("separator",{hostName:e.hostName}));return m.createElement("li",o)},P=function(n){var t=n&&n.items;return t?m.createElement(S,{id:e.id,hostName:e.hostName,menuProps:e.menuProps,level:e.level+1,model:t,activeItemPath:e.activeItemPath,focusedItemId:e.focusedItemId,onLeafClick:d,onItemMouseEnter:e.onItemMouseEnter,submenuIcon:e.submenuIcon,ptm:i,style:{display:g(n)?"block":"none"},cx:l}):null},w=function(n,r){var i=n.item;if(!x(n))return null;var d=b(n),k=g(n),S=h(n),w=I(n)||!1,N=E(n),D=o.classNames("p-menuitem-link",{"p-disabled":w}),U=o.classNames("p-menuitem-icon",y(n,"icon")),K=t({className:l("icon")},s(n,"icon",r)),M=o.IconUtils.getJSXIcon(i.icon,j({},K),{props:e.menuProps}),A=t({className:l("label")},s(n,"label",r)),C=i.label&&m.createElement("span",A,i.label),L=y(n,"items"),R=t({className:l("submenuIcon")},s(n,"submenuIcon",r)),H=L&&o.IconUtils.getJSXIcon(e.root?e.submenuIcon||m.createElement(u.AngleDownIcon,R):e.submenuIcon||m.createElement(a.AngleRightIcon,R),j({},R),{props:j({menuProps:e.menuProps},e)}),T=P(n),_=t({href:i.url||"#",tabIndex:"-1","aria-hidden":"true",className:l("action",{disabled:w}),onFocus:function(e){return e.stopPropagation()},target:y(n,"target"),"aria-haspopup":null!=L},s(n,"action",r)),B=m.createElement("a",_,M,C,H,m.createElement(c.Ripple,null));i.template&&(B=o.ObjectUtils.getJSXElement(i.template,i,{className:D,labelClassName:"p-menuitem-text",iconClassName:U,submenuIconClassName:"p-submenu-icon",element:B,props:e}));var q=t({onClick:function(e){return p(e,n)},onMouseEnter:function(e){return f(e,n)},className:l("content")},s(n,"content",r)),F=y(n,"className"),z=t(v({id:d,key:d,role:"menuitem","aria-label":i.label,"aria-disabled":w,"aria-expanded":N?k:void 0,"aria-haspopup":N&&!i.url?"menu":void 0,"aria-level":e.level+1,"aria-setsize":e.model.filter((function(e){return x(e)&&!y(e,"separator")})).length,"aria-posinset":O(r),"data-p-highlight":k,"data-p-focused":S,"data-p-disabled":w,className:o.classNames(F,l("menuitem",{active:k,focused:S,disabled:w}))},"data-p-disabled",w||!1),s(n,"menuitem",r));return m.createElement("li",z,m.createElement("div",q,B),T)},N=e.root?"menubar":"menu",D=e.root?"menu":"submenu",U=e.root?"0":null,K=e.model?e.model.map((function(e,n){return y(e,"separator")?k(n):w(e,n)})):null,M=t({ref:n,className:l(D),level:e.level,onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:e.onKeyDown,id:e.id,tabIndex:U,"aria-activedescendant":e.ariaActivedescendant,style:e.style,role:N},i(D));return m.createElement("ul",M,K)})));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 w(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){v(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}S.displayName="MenubarSub";var N=m.memo(m.forwardRef((function(e,u){var a=r.useMergeProps(),c=m.useContext(n.PrimeReactContext),l=O.getProps(e,c),s=E(m.useState(l.id),2),p=s[0],d=s[1],b=E(m.useState(!1),2),y=b[0],g=b[1],x=E(m.useState(!1),2),I=x[0],h=x[1],k=E(m.useState({index:-1,level:0,parentKey:""}),2),j=k[0],P=k[1],N=E(m.useState(null),2),D=N[0],U=N[1],K=E(m.useState([]),2),M=K[0],A=K[1],C=E(m.useState([]),2),L=C[0],R=C[1],H=E(m.useState([]),2),T=H[0],_=H[1],B=E(m.useState(!1),2),q=B[0],F=B[1],z=E(m.useState(!1),2),J=z[0],X=z[1],Z=m.useRef(null),V=m.useRef(null),W=m.useRef(null),Y=m.useRef(""),$=m.useRef(null),G=m.useRef(!1),Q=O.setMetaData({props:l,state:{id:p,mobileActive:y}}),ee=Q.ptm,ne=Q.cx;t.useHandleStyle(O.css.styles,Q.isUnstyled,{name:"menubar"});var te=E(r.useEventListener({type:"click",listener:function(e){me(e)&&(Z.current&&!Z.current.contains(e.target)&&se())}}),2),re=te[0],ie=te[1],oe=E(r.useResizeListener({listener:function(e){o.DomHandler.isTouchDevice()||se(e)}}),2),ue=oe[0],ae=oe[1],ce=function(e){y?(g(!1),se()):(g(!0),setTimeout((function(){le()}),1)),e.preventDefault()},le=function(){P({index:Le(),level:0,parentKey:""}),o.DomHandler.focus(V.current)},se=function(e){y&&(g(!1),setTimeout((function(){o.DomHandler.focus(W.current)}),0)),A([]),P({index:-1,level:0,parentKey:""}),e&&o.DomHandler.focus(V.current),X(!1)},me=function(e){return V.current!==e.target&&!V.current.contains(e.target)&&W.current!==e.target&&!W.current.contains(e.target)},fe=function(e,n){return e?o.ObjectUtils.getItemValue(e[n]):void 0},pe=function(e){return fe(e,"separator")},de=function(e){return e?fe(e.item,"label"):void 0},be=function(e){return e&&o.ObjectUtils.isNotEmpty(e.items)},ve=function(e){var n=e.processedItem,t=e.isFocus;if(!o.ObjectUtils.isEmpty(n)){var r=n.index,i=n.key,u=n.level,a=n.parentKey,c=o.ObjectUtils.isNotEmpty(n.items),l=M.filter((function(e){return e.parentKey!==a&&e.parentKey!==i}));c&&l.push(n),P({index:r,level:u,parentKey:a}),A(l),c&&X(!0),t&&o.DomHandler.focus(V.current)}},ye=function(e){var n=L[j.index];if(n?o.ObjectUtils.isEmpty(n.parent):null){be(n)&&(ve({originalEvent:e,processedItem:n}),P({index:-1,parentKey:n.key}),setTimeout((function(){return F(!0)}),0))}else{var t=-1!==j.index?Me(j.index):Le();Te(t)}e.preventDefault()},ge=function(e){var n=L[j.index];if(o.ObjectUtils.isEmpty(n.parent)){be(n)&&(ve({originalEvent:e,processedItem:n}),P({index:-1,parentKey:n.key}),G.current=!0,setTimeout((function(){return F(!0)}),0))}else{var t=M.find((function(e){return e.key===n.parentKey}));if(0===j.index&&t&&""===t.parentKey)P({index:-1,parentKey:t?t.parentKey:""}),Y.current="",xe(e);else{var r=-1!==j.index?Ae(j.index):Re();Te(r)}}e.preventDefault()},xe=function(e){var n=L[j.index],t=n?M.find((function(e){return e.key===n.parentKey})):null;if(t)ve({originalEvent:e,processedItem:t}),A(M.filter((function(e){return e.key!==t.key})));else{var r=-1!==j.index?Ae(j.index):Re();Te(r)}e.preventDefault()},Ie=function(e){var n=L[j.index];if(n?M.find((function(e){return e.key===n.parentKey})):null){be(n)&&(ve({originalEvent:e,processedItem:n}),P({index:-1,parentKey:n.key}),setTimeout((function(){return F(!0)}),0))}else{var t=-1!==j.index?Me(j.index):Le();Te(t)}e.preventDefault()},he=function(e){Te(Ue()),e.preventDefault()},Ee=function(e){Te(Ke()),e.preventDefault()},Oe=function(e){if(-1!==j.index){var n=o.DomHandler.findSingle(V.current,'li[id="'.concat("".concat(D),'"]')),t=n&&o.DomHandler.findSingle(n,'a[data-pc-section="action"]');t?t.click():n&&n.click()}e.preventDefault()},ke=function(e){Oe(e)},je=function(e){se(!0),P({focusedItemInfo:j,index:Le()})},Se=function(e){if(-1!==j.index){var n=L[j.index];!be(n)&&ve({originalEvent:e,processedItem:n})}se()},Pe=function(e){return we(e)&&de(e).toLocaleLowerCase().startsWith(Y.current.toLocaleLowerCase())},we=function(e){return!!e&&!fe(e.item,"disabled")&&!pe(e.item)},Ne=function(e){return we(e)&&De(e)},De=function(e){return M.some((function(n){return n.key===e.key}))},Ue=function(){return L.findIndex((function(e){return we(e)}))},Ke=function(){return o.ObjectUtils.findLastIndex(L,(function(e){return we(e)}))},Me=function(e){var n=e<L.length-1?L.slice(e+1).findIndex((function(e){return we(e)})):-1;return n>-1?n+e+1:e},Ae=function(e){var n=e>0?o.ObjectUtils.findLastIndex(L.slice(0,e),(function(e){return we(e)})):-1;return n>-1?n:e},Ce=function(){return L.findIndex((function(e){return Ne(e)}))},Le=function(){var e=Ce();return e<0?Ue():e},Re=function(){var e=Ce();return e<0?Ke():e},He=function(e,n){Y.current=(Y.current||"")+n;var t=-1,r=!1;return-1!==(t=-1!==j.index?-1===(t=L.slice(j.index).findIndex((function(e){return Pe(e)})))?L.slice(0,j.index).findIndex((function(e){return Pe(e)})):t+j.index:L.findIndex((function(e){return Pe(e)})))&&(r=!0),-1===t&&-1===j.index&&(t=Le()),-1!==t&&Te(t),$.current&&clearTimeout($.current),$.current=setTimeout((function(){Y.current="",$.current=null}),500),r},Te=function(e){j.index!==e&&(P(w(w({},j),{},{index:e})),_e())},_e=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(p,"_").concat(e):D,t=o.DomHandler.findSingle(V.current,'li[id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},Be=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=Be(e.items,n+1,a,u),i.push(a)})),i}),[]);r.useMountEffect((function(){p||d(o.UniqueComponentId())})),r.useUpdateEffect((function(){y?(re(),ue(),o.ZIndexUtils.set("menu",V.current,c&&c.autoZIndex||f.default.autoZIndex,c&&c.zIndex.menu||f.default.zIndex.menu)):(ae(),ie(),o.ZIndexUtils.clear(V.current))}),[y]),m.useEffect((function(){var e=Be(l.model||[],0,null,"");_(e)}),[l.model,Be]),r.useUpdateEffect((function(){var e=M.find((function(e){return e.key===j.parentKey}));R(e?e.items:T)}),[M,j,T]),r.useUpdateEffect((function(){o.ObjectUtils.isNotEmpty(M)?(re(),ue()):(ie(),ae())}),[M]),r.useUpdateEffect((function(){if(q){var e=-1!==j.index?Me(j.index):G.current?Ke():Le();Te(e),G.current=!1,F(!1)}}),[q]),r.useUpdateEffect((function(){U(-1!==j.index?"".concat(p).concat(o.ObjectUtils.isNotEmpty(j.parentKey)?"_"+j.parentKey:"","_").concat(j.index):null)}),[j]),r.useUnmountEffect((function(){o.ZIndexUtils.clear(V.current)})),m.useImperativeHandle(u,(function(){return{props:l,toggle:ce,getElement:function(){return Z.current},getRootMenu:function(){return V.current},getMenuButton:function(){return W.current}}}));var qe=function(){if(l.start){var e=o.ObjectUtils.getJSXElement(l.start,l),n=a({className:ne("start")},ee("start"));return m.createElement("div",n,e)}return null}(),Fe=function(){if(l.end){var e=o.ObjectUtils.getJSXElement(l.end,l),n=a({className:ne("end")},ee("end"));return m.createElement("div",n,e)}return null}(),ze=function(){if(l.model&&l.model.length<1)return null;var e=a(v(v(v(v({ref:W,href:"#",tabIndex:"0","aria-haspopup":!!(y&&l.model&&l.model.lentgh>0),"aria-expanded":y,"aria-label":n.ariaLabel("navigation"),"aria-controls":p,role:"button"},"tabIndex",0),"className",ne("button")),"onKeyDown",(function(e){var n;("Enter"===(n=e).code||"Space"===n.code)&&ce(n)})),"onClick",(function(e){return ce(e)})),ee("button")),t=a(ee("popupIcon")),r=o.IconUtils.getJSXIcon(l.menuIcon||m.createElement(i.BarsIcon,t),w({},t),{props:l});return m.createElement("a",e,r)}(),Je=m.createElement(S,{hostName:"Menubar",ariaActivedescendant:I?D:void 0,level:0,id:p,ref:V,menuProps:l,model:T,onLeafClick:function(e){var n=e.originalEvent,t=e.processedItem,r=be(t),i=o.ObjectUtils.isEmpty(t.parent);if(De(t)){var u=t.index,a=t.key,c=t.level,l=t.parentKey;A(M.filter((function(e){return a!==e.key&&a.startsWith(e.key)}))),P({index:u,level:c,parentKey:l}),r||X(!i),setTimeout((function(){o.DomHandler.focus(V.current),r&&X(!0)}),0)}else if(r)o.DomHandler.focus(V.current),ve({originalEvent:n,processedItem:t});else{var s=i?t:M.find((function(e){return""===e.parentKey})),m=s?s.index:-1;se(n),P({index:m,parentKey:s?s.parentKey:""}),g(!1)}},onItemMouseEnter:function(e){!y&&J&&ve(e)},onFocus:function(e){h(!0),P(-1!==j.index?j:{index:Le(),level:0,parentKey:""}),l.onFocus&&l.onFocus(e)},onBlur:function(e){h(!1),P({index:-1,level:0,parentKey:""}),Y.current="",X(!1),l.onBlur&&l.onBlur(e)},onKeyDown:function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":ye(e);break;case"ArrowUp":ge(e);break;case"ArrowLeft":xe(e);break;case"ArrowRight":Ie(e);break;case"Home":he(e);break;case"End":Ee(e);break;case"Space":ke(e);break;case"Enter":Oe(e);break;case"Escape":je();break;case"Tab":Se(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&o.ObjectUtils.isPrintableCharacter(e.key)&&He(e,e.key)}},root:!0,activeItemPath:M,focusedItemId:I?D:void 0,submenuIcon:l.submenuIcon,ptm:ee,cx:ne}),Xe=a({id:l.id,ref:Z,className:o.classNames(l.className,ne("root",{mobileActiveState:y})),style:l.style},O.getOtherProps(l),ee("root"));return m.createElement("div",Xe,qe,ze,Je,Fe)})));N.displayName="Menubar",exports.Menubar=N;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),r=require("primereact/hooks"),i=require("primereact/icons/bars"),o=require("primereact/utils"),a=require("primereact/icons/angledown"),u=require("primereact/icons/angleright"),c=require("primereact/ripple");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(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=s(e),f=l(n);function p(e){return p="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},p(e)}function d(e,n){if("object"!==p(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==p(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function b(e){var n=d(e,"string");return"symbol"===p(n)?n:String(n)}function v(e,n,t){return(n=b(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function y(e){if(Array.isArray(e))return e}function g(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,a,u=[],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)&&(u.push(r.value),u.length!==n);c=!0);}catch(e){l=!0,i=e}finally{try{if(!c&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(l)throw i}}return u}}function x(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 I(e,n){if(e){if("string"==typeof e)return x(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)?x(e,n):void 0}}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 E(e,n){return y(e)||g(e,n)||I(e,n)||h()}var O=t.ComponentBase.extend({defaultProps:{__TYPE:"Menubar",id:null,model:null,style:null,className:null,start:null,ariaLabel:null,ariaLabelledBy:null,onFocus:null,onBlur:null,submenuIcon:null,menuIcon:null,end:null,children:void 0},css:{classes:{start:"p-menubar-start",end:"p-menubar-end",button:"p-menubar-button",root:function(e){return o.classNames("p-menubar p-component",{"p-menubar-mobile-active":e.mobileActiveState})},separator:"p-menuitem-separator",icon:"p-menuitem-icon",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",menuitem:function(e){return o.classNames("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled})},menu:"p-menubar-root-list",content:"p-menuitem-content",submenu:"p-submenu-list",action:function(e){return o.classNames("p-menuitem-link",{"p-disabled":e.disabled})}},styles:"\n@layer primereact {\n .p-menubar {\n display: flex;\n align-items: center;\n }\n\n .p-menubar ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-menubar .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-menubar .p-menuitem-text {\n line-height: 1;\n }\n\n .p-menubar .p-menuitem {\n position: relative;\n }\n\n .p-menubar-root-list {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n }\n\n .p-menubar-root-list > li ul {\n display: none;\n z-index: 1;\n }\n\n .p-menubar-root-list > .p-menuitem-active > .p-submenu-list {\n display: block;\n }\n\n .p-menubar .p-submenu-list {\n display: none;\n position: absolute;\n z-index: 1;\n }\n\n .p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {\n display: block;\n left: 100%;\n top: 0;\n }\n\n .p-menubar .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n }\n\n .p-menubar .p-menubar-end {\n margin-left: auto;\n align-self: center;\n }\n\n .p-menubar-button {\n display: none;\n cursor: pointer;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n }\n}\n"}});function k(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 j(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?k(Object(t),!0).forEach((function(n){v(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):k(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var P=m.memo(m.forwardRef((function(e,n){var t=r.useMergeProps(),i=e.ptm,l=e.cx,s=function(n,t,r){return i(t,{props:e,hostName:e.hostName,context:{item:n,index:r,active:x(n),focused:E(n),disabled:h(n),level:e.level}})},f=function(n,t){h(t)||e.mobileActive?n.preventDefault():e.onItemMouseEnter&&e.onItemMouseEnter({originalEvent:n,processedItem:t})},p=function(e,n){var t=n.item;h(n)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),d({originalEvent:e,processedItem:n,isFocus:!0}),t.url||(e.preventDefault(),e.stopPropagation()))},d=function(n){e.onLeafClick&&e.onLeafClick(n)},b=function(e){var n;return null===(n=e.item)||void 0===n?void 0:n.id},y=function(n){return"".concat(e.id,"_").concat(n.key)},g=function(e,n,t){return e&&e.item?o.ObjectUtils.getItemValue(e.item[n],t):void 0},x=function(n){return e.activeItemPath.some((function(e){return e.key===n.key}))},I=function(e){return!1!==g(e,"visible")},h=function(e){return g(e,"disabled")},E=function(n){return e.focusedItemId===y(n)},O=function(e){return o.ObjectUtils.isNotEmpty(e.items)},k=function(n){return n-e.model.slice(0,n).filter((function(e){return I(e)&&g(e,"separator")})).length+1},S=function(n){var r=e.id+"_separator_"+n,o=t({key:r,"data-id":r,className:l("separator"),role:"separator"},i("separator",{hostName:e.hostName}));return m.createElement("li",o)},w=function(n){var t=n&&n.items;return t?m.createElement(P,{id:e.id,hostName:e.hostName,menuProps:e.menuProps,level:e.level+1,model:t,activeItemPath:e.activeItemPath,focusedItemId:e.focusedItemId,onLeafClick:d,onItemMouseEnter:e.onItemMouseEnter,submenuIcon:e.submenuIcon,ptm:i,style:{display:x(n)?"block":"none"},cx:l}):null},N=function(n,r){var i=n.item;if(!I(n))return null;var d=b(n),P=y(n),S=x(n),N=E(n),D=h(n)||!1,U=O(n),K=o.classNames("p-menuitem-link",{"p-disabled":D}),M=o.classNames("p-menuitem-icon",g(n,"icon")),A=t({className:l("icon")},s(n,"icon",r)),C=o.IconUtils.getJSXIcon(i.icon,j({},A),{props:e.menuProps}),L=t({className:l("label")},s(n,"label",r)),R=i.label&&m.createElement("span",L,i.label),H=g(n,"items"),T=t({className:l("submenuIcon")},s(n,"submenuIcon",r)),_=H&&o.IconUtils.getJSXIcon(e.root?e.submenuIcon||m.createElement(a.AngleDownIcon,T):e.submenuIcon||m.createElement(u.AngleRightIcon,T),j({},T),{props:j({menuProps:e.menuProps},e)}),B=w(n),q=t({href:i.url||"#",tabIndex:"-1","aria-hidden":"true",className:l("action",{disabled:D}),onFocus:function(e){return e.stopPropagation()},target:g(n,"target"),"aria-haspopup":null!=H},s(n,"action",r)),F=m.createElement("a",q,C,R,_,m.createElement(c.Ripple,null));i.template&&(F=o.ObjectUtils.getJSXElement(i.template,i,{className:K,labelClassName:"p-menuitem-text",iconClassName:M,submenuIconClassName:"p-submenu-icon",element:F,props:e}));var z=t({onClick:function(e){return p(e,n)},onMouseEnter:function(e){return f(e,n)},className:l("content")},s(n,"content",r)),J=g(n,"className"),X=t(v({id:d,key:P,"data-id":P,role:"menuitem","aria-label":i.label,"aria-disabled":D,"aria-expanded":U?S:void 0,"aria-haspopup":U&&!i.url?"menu":void 0,"aria-level":e.level+1,"aria-setsize":e.model.filter((function(e){return I(e)&&!g(e,"separator")})).length,"aria-posinset":k(r),"data-p-highlight":S,"data-p-focused":N,"data-p-disabled":D,className:o.classNames(J,l("menuitem",{active:S,focused:N,disabled:D}))},"data-p-disabled",D||!1),s(n,"menuitem",r));return m.createElement("li",X,m.createElement("div",z,F),B)},D=e.root?"menubar":"menu",U=e.root?"menu":"submenu",K=e.root?"0":null,M=e.model?e.model.map((function(e,n){return g(e,"separator")?S(n):N(e,n)})):null,A=t({ref:n,className:l(U),level:e.level,onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:e.onKeyDown,"data-id":e.id,tabIndex:K,"aria-activedescendant":e.ariaActivedescendant,style:e.style,role:D},i(U));return m.createElement("ul",A,M)})));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 w(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){v(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}P.displayName="MenubarSub";var N=m.memo(m.forwardRef((function(e,a){var u=r.useMergeProps(),c=m.useContext(n.PrimeReactContext),l=O.getProps(e,c),s=E(m.useState(l.id),2),p=s[0],d=s[1],b=E(m.useState(!1),2),y=b[0],g=b[1],x=E(m.useState(!1),2),I=x[0],h=x[1],k=E(m.useState({index:-1,level:0,parentKey:""}),2),j=k[0],S=k[1],N=E(m.useState(null),2),D=N[0],U=N[1],K=E(m.useState([]),2),M=K[0],A=K[1],C=E(m.useState([]),2),L=C[0],R=C[1],H=E(m.useState([]),2),T=H[0],_=H[1],B=E(m.useState(!1),2),q=B[0],F=B[1],z=E(m.useState(!1),2),J=z[0],X=z[1],Z=m.useRef(null),V=m.useRef(null),W=m.useRef(null),Y=m.useRef(""),$=m.useRef(null),G=m.useRef(!1),Q=O.setMetaData({props:l,state:{id:p,mobileActive:y}}),ee=Q.ptm,ne=Q.cx;t.useHandleStyle(O.css.styles,Q.isUnstyled,{name:"menubar"});var te=E(r.useEventListener({type:"click",listener:function(e){me(e)&&(Z.current&&!Z.current.contains(e.target)&&se())}}),2),re=te[0],ie=te[1],oe=E(r.useResizeListener({listener:function(e){o.DomHandler.isTouchDevice()||se(e)}}),2),ae=oe[0],ue=oe[1],ce=function(e){y?(g(!1),se()):(g(!0),setTimeout((function(){le()}),1)),e.preventDefault()},le=function(){S({index:Le(),level:0,parentKey:""}),o.DomHandler.focus(V.current)},se=function(e){y&&(g(!1),setTimeout((function(){o.DomHandler.focus(W.current)}),0)),A([]),S({index:-1,level:0,parentKey:""}),e&&o.DomHandler.focus(V.current),X(!1)},me=function(e){return V.current!==e.target&&!V.current.contains(e.target)&&W.current!==e.target&&!W.current.contains(e.target)},fe=function(e,n){return e?o.ObjectUtils.getItemValue(e[n]):void 0},pe=function(e){return fe(e,"separator")},de=function(e){return e?fe(e.item,"label"):void 0},be=function(e){return e&&o.ObjectUtils.isNotEmpty(e.items)},ve=function(e){var n=e.processedItem,t=e.isFocus;if(!o.ObjectUtils.isEmpty(n)){var r=n.index,i=n.key,a=n.level,u=n.parentKey,c=o.ObjectUtils.isNotEmpty(n.items),l=M.filter((function(e){return e.parentKey!==u&&e.parentKey!==i}));c&&l.push(n),S({index:r,level:a,parentKey:u}),A(l),c&&X(!0),t&&o.DomHandler.focus(V.current)}},ye=function(e){var n=L[j.index];if(n?o.ObjectUtils.isEmpty(n.parent):null){be(n)&&(ve({originalEvent:e,processedItem:n}),S({index:-1,parentKey:n.key}),setTimeout((function(){return F(!0)}),0))}else{var t=-1!==j.index?Me(j.index):Le();Te(t)}e.preventDefault()},ge=function(e){var n=L[j.index];if(o.ObjectUtils.isEmpty(n.parent)){be(n)&&(ve({originalEvent:e,processedItem:n}),S({index:-1,parentKey:n.key}),G.current=!0,setTimeout((function(){return F(!0)}),0))}else{var t=M.find((function(e){return e.key===n.parentKey}));if(0===j.index&&t&&""===t.parentKey)S({index:-1,parentKey:t?t.parentKey:""}),Y.current="",xe(e);else{var r=-1!==j.index?Ae(j.index):Re();Te(r)}}e.preventDefault()},xe=function(e){var n=L[j.index],t=n?M.find((function(e){return e.key===n.parentKey})):null;if(t)ve({originalEvent:e,processedItem:t}),A(M.filter((function(e){return e.key!==t.key})));else{var r=-1!==j.index?Ae(j.index):Re();Te(r)}e.preventDefault()},Ie=function(e){var n=L[j.index];if(n?M.find((function(e){return e.key===n.parentKey})):null){be(n)&&(ve({originalEvent:e,processedItem:n}),S({index:-1,parentKey:n.key}),setTimeout((function(){return F(!0)}),0))}else{var t=-1!==j.index?Me(j.index):Le();Te(t)}e.preventDefault()},he=function(e){Te(Ue()),e.preventDefault()},Ee=function(e){Te(Ke()),e.preventDefault()},Oe=function(e){if(-1!==j.index){var n=o.DomHandler.findSingle(V.current,'li[data-id="'.concat("".concat(D),'"]')),t=n&&o.DomHandler.findSingle(n,'a[data-pc-section="action"]');t?t.click():n&&n.click()}e.preventDefault()},ke=function(e){Oe(e)},je=function(e){se(!0),S({focusedItemInfo:j,index:Le()})},Pe=function(e){if(-1!==j.index){var n=L[j.index];!be(n)&&ve({originalEvent:e,processedItem:n})}se()},Se=function(e){return we(e)&&de(e).toLocaleLowerCase().startsWith(Y.current.toLocaleLowerCase())},we=function(e){return!!e&&!fe(e.item,"disabled")&&!pe(e.item)},Ne=function(e){return we(e)&&De(e)},De=function(e){return M.some((function(n){return n.key===e.key}))},Ue=function(){return L.findIndex((function(e){return we(e)}))},Ke=function(){return o.ObjectUtils.findLastIndex(L,(function(e){return we(e)}))},Me=function(e){var n=e<L.length-1?L.slice(e+1).findIndex((function(e){return we(e)})):-1;return n>-1?n+e+1:e},Ae=function(e){var n=e>0?o.ObjectUtils.findLastIndex(L.slice(0,e),(function(e){return we(e)})):-1;return n>-1?n:e},Ce=function(){return L.findIndex((function(e){return Ne(e)}))},Le=function(){var e=Ce();return e<0?Ue():e},Re=function(){var e=Ce();return e<0?Ke():e},He=function(e,n){Y.current=(Y.current||"")+n;var t=-1,r=!1;return-1!==(t=-1!==j.index?-1===(t=L.slice(j.index).findIndex((function(e){return Se(e)})))?L.slice(0,j.index).findIndex((function(e){return Se(e)})):t+j.index:L.findIndex((function(e){return Se(e)})))&&(r=!0),-1===t&&-1===j.index&&(t=Le()),-1!==t&&Te(t),$.current&&clearTimeout($.current),$.current=setTimeout((function(){Y.current="",$.current=null}),500),r},Te=function(e){j.index!==e&&(S(w(w({},j),{},{index:e})),_e())},_e=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(p,"_").concat(e):D,t=o.DomHandler.findSingle(V.current,'li[data-id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},Be=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 a=(""!==r?r+"_":"")+o,u={item:e,index:o,level:n,key:a,parent:t,parentKey:r};u.items=Be(e.items,n+1,u,a),i.push(u)})),i}),[]);r.useMountEffect((function(){p||d(o.UniqueComponentId())})),r.useUpdateEffect((function(){y?(re(),ae(),o.ZIndexUtils.set("menu",V.current,c&&c.autoZIndex||f.default.autoZIndex,c&&c.zIndex.menu||f.default.zIndex.menu)):(ue(),ie(),o.ZIndexUtils.clear(V.current))}),[y]),m.useEffect((function(){var e=Be(l.model||[],0,null,"");_(e)}),[l.model,Be]),r.useUpdateEffect((function(){var e=M.find((function(e){return e.key===j.parentKey}));R(e?e.items:T)}),[M,j,T]),r.useUpdateEffect((function(){o.ObjectUtils.isNotEmpty(M)?(re(),ae()):(ie(),ue())}),[M]),r.useUpdateEffect((function(){if(q){var e=-1!==j.index?Me(j.index):G.current?Ke():Le();Te(e),G.current=!1,F(!1)}}),[q]),r.useUpdateEffect((function(){U(-1!==j.index?"".concat(p).concat(o.ObjectUtils.isNotEmpty(j.parentKey)?"_"+j.parentKey:"","_").concat(j.index):null)}),[j]),r.useUnmountEffect((function(){o.ZIndexUtils.clear(V.current)})),m.useImperativeHandle(a,(function(){return{props:l,toggle:ce,getElement:function(){return Z.current},getRootMenu:function(){return V.current},getMenuButton:function(){return W.current}}}));var qe=function(){if(l.start){var e=o.ObjectUtils.getJSXElement(l.start,l),n=u({className:ne("start")},ee("start"));return m.createElement("div",n,e)}return null}(),Fe=function(){if(l.end){var e=o.ObjectUtils.getJSXElement(l.end,l),n=u({className:ne("end")},ee("end"));return m.createElement("div",n,e)}return null}(),ze=function(){if(l.model&&l.model.length<1)return null;var e=u(v(v(v(v({ref:W,href:"#",tabIndex:"0","aria-haspopup":!!(y&&l.model&&l.model.lentgh>0),"aria-expanded":y,"aria-label":n.ariaLabel("navigation"),"aria-controls":p,role:"button"},"tabIndex",0),"className",ne("button")),"onKeyDown",(function(e){var n;("Enter"===(n=e).code||"Space"===n.code)&&ce(n)})),"onClick",(function(e){return ce(e)})),ee("button")),t=u(ee("popupIcon")),r=o.IconUtils.getJSXIcon(l.menuIcon||m.createElement(i.BarsIcon,t),w({},t),{props:l});return m.createElement("a",e,r)}(),Je=m.createElement(P,{hostName:"Menubar",ariaActivedescendant:I?D:void 0,level:0,id:p,ref:V,menuProps:l,model:T,onLeafClick:function(e){var n=e.originalEvent,t=e.processedItem,r=be(t),i=o.ObjectUtils.isEmpty(t.parent);if(De(t)){var a=t.index,u=t.key,c=t.level,l=t.parentKey;A(M.filter((function(e){return u!==e.key&&u.startsWith(e.key)}))),S({index:a,level:c,parentKey:l}),r||X(!i),setTimeout((function(){o.DomHandler.focus(V.current),r&&X(!0)}),0)}else if(r)o.DomHandler.focus(V.current),ve({originalEvent:n,processedItem:t});else{var s=i?t:M.find((function(e){return""===e.parentKey})),m=s?s.index:-1;se(n),S({index:m,parentKey:s?s.parentKey:""}),g(!1)}},onItemMouseEnter:function(e){!y&&J&&ve(e)},onFocus:function(e){h(!0),S(-1!==j.index?j:{index:Le(),level:0,parentKey:""}),l.onFocus&&l.onFocus(e)},onBlur:function(e){h(!1),S({index:-1,level:0,parentKey:""}),Y.current="",X(!1),l.onBlur&&l.onBlur(e)},onKeyDown:function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":ye(e);break;case"ArrowUp":ge(e);break;case"ArrowLeft":xe(e);break;case"ArrowRight":Ie(e);break;case"Home":he(e);break;case"End":Ee(e);break;case"Space":ke(e);break;case"Enter":Oe(e);break;case"Escape":je();break;case"Tab":Pe(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&o.ObjectUtils.isPrintableCharacter(e.key)&&He(e,e.key)}},root:!0,activeItemPath:M,focusedItemId:I?D:void 0,submenuIcon:l.submenuIcon,ptm:ee,cx:ne}),Xe=u({id:l.id,ref:Z,className:o.classNames(l.className,ne("root",{mobileActiveState:y})),style:l.style},O.getOtherProps(l),ee("root"));return m.createElement("div",Xe,qe,ze,Je,Fe)})));N.displayName="Menubar",exports.Menubar=N;
|
package/menubar/menubar.esm.js
CHANGED
|
@@ -199,9 +199,6 @@ var MenubarSub = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
199
199
|
event.preventDefault();
|
|
200
200
|
return;
|
|
201
201
|
}
|
|
202
|
-
if (!item.url) {
|
|
203
|
-
event.preventDefault();
|
|
204
|
-
}
|
|
205
202
|
if (item.command) {
|
|
206
203
|
item.command({
|
|
207
204
|
originalEvent: event,
|
|
@@ -213,14 +210,19 @@ var MenubarSub = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
213
210
|
processedItem: processedItem,
|
|
214
211
|
isFocus: true
|
|
215
212
|
});
|
|
213
|
+
if (!item.url) {
|
|
214
|
+
event.preventDefault();
|
|
215
|
+
event.stopPropagation();
|
|
216
|
+
}
|
|
216
217
|
};
|
|
217
218
|
var onLeafClick = function onLeafClick(event) {
|
|
218
219
|
props.onLeafClick && props.onLeafClick(event);
|
|
219
220
|
};
|
|
220
221
|
var getItemId = function getItemId(processedItem) {
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
222
|
+
var _processedItem$item;
|
|
223
|
+
return (_processedItem$item = processedItem.item) === null || _processedItem$item === void 0 ? void 0 : _processedItem$item.id;
|
|
224
|
+
};
|
|
225
|
+
var getItemDataId = function getItemDataId(processedItem) {
|
|
224
226
|
return "".concat(props.id, "_").concat(processedItem.key);
|
|
225
227
|
};
|
|
226
228
|
var getItemProp = function getItemProp(processedItem, name, params) {
|
|
@@ -238,7 +240,7 @@ var MenubarSub = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
238
240
|
return getItemProp(processedItem, 'disabled');
|
|
239
241
|
};
|
|
240
242
|
var isItemFocused = function isItemFocused(processedItem) {
|
|
241
|
-
return props.focusedItemId ===
|
|
243
|
+
return props.focusedItemId === getItemDataId(processedItem);
|
|
242
244
|
};
|
|
243
245
|
var isItemGroup = function isItemGroup(processedItem) {
|
|
244
246
|
return ObjectUtils.isNotEmpty(processedItem.items);
|
|
@@ -256,8 +258,8 @@ var MenubarSub = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
256
258
|
var createSeparator = function createSeparator(index) {
|
|
257
259
|
var key = props.id + '_separator_' + index;
|
|
258
260
|
var separatorProps = mergeProps({
|
|
259
|
-
id: key,
|
|
260
261
|
key: key,
|
|
262
|
+
'data-id': key,
|
|
261
263
|
className: cx('separator'),
|
|
262
264
|
role: 'separator'
|
|
263
265
|
}, ptm('separator', {
|
|
@@ -293,7 +295,8 @@ var MenubarSub = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
293
295
|
if (!isItemVisible(processedItem)) {
|
|
294
296
|
return null;
|
|
295
297
|
}
|
|
296
|
-
var
|
|
298
|
+
var id = getItemId(processedItem);
|
|
299
|
+
var dataId = getItemDataId(processedItem);
|
|
297
300
|
var active = isItemActive(processedItem);
|
|
298
301
|
var focused = isItemFocused(processedItem);
|
|
299
302
|
var disabled = isItemDisabled(processedItem) || false;
|
|
@@ -359,8 +362,9 @@ var MenubarSub = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
359
362
|
}, getPTOptions(processedItem, 'content', index));
|
|
360
363
|
var itemClassName = getItemProp(processedItem, 'className');
|
|
361
364
|
var menuitemProps = mergeProps(_defineProperty({
|
|
362
|
-
id:
|
|
363
|
-
key:
|
|
365
|
+
id: id,
|
|
366
|
+
key: dataId,
|
|
367
|
+
'data-id': dataId,
|
|
364
368
|
role: 'menuitem',
|
|
365
369
|
'aria-label': item.label,
|
|
366
370
|
'aria-disabled': disabled,
|
|
@@ -397,7 +401,7 @@ var MenubarSub = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
397
401
|
onFocus: props.onFocus,
|
|
398
402
|
onBlur: props.onBlur,
|
|
399
403
|
onKeyDown: props.onKeyDown,
|
|
400
|
-
id: props.id,
|
|
404
|
+
'data-id': props.id,
|
|
401
405
|
tabIndex: tabIndex,
|
|
402
406
|
'aria-activedescendant': props.ariaActivedescendant,
|
|
403
407
|
style: props.style,
|
|
@@ -820,7 +824,7 @@ var Menubar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
|
|
|
820
824
|
};
|
|
821
825
|
var onEnterKey = function onEnterKey(event) {
|
|
822
826
|
if (focusedItemInfo.index !== -1) {
|
|
823
|
-
var element = DomHandler.findSingle(rootMenuRef.current, "li[id=\"".concat("".concat(focusedItemId), "\"]"));
|
|
827
|
+
var element = DomHandler.findSingle(rootMenuRef.current, "li[data-id=\"".concat("".concat(focusedItemId), "\"]"));
|
|
824
828
|
var anchorElement = element && DomHandler.findSingle(element, 'a[data-pc-section="action"]');
|
|
825
829
|
anchorElement ? anchorElement.click() : element && element.click();
|
|
826
830
|
}
|
|
@@ -941,7 +945,7 @@ var Menubar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
|
|
|
941
945
|
var scrollInView = function scrollInView() {
|
|
942
946
|
var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : -1;
|
|
943
947
|
var id = index !== -1 ? "".concat(idState, "_").concat(index) : focusedItemId;
|
|
944
|
-
var element = DomHandler.findSingle(rootMenuRef.current, "li[id=\"".concat(id, "\"]"));
|
|
948
|
+
var element = DomHandler.findSingle(rootMenuRef.current, "li[data-id=\"".concat(id, "\"]"));
|
|
945
949
|
if (element) {
|
|
946
950
|
element.scrollIntoView && element.scrollIntoView({
|
|
947
951
|
block: 'nearest',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import n,{PrimeReactContext as t,ariaLabel as r}from"primereact/api";import{ComponentBase as i,useHandleStyle as o}from"primereact/componentbase";import{useMergeProps as u,useEventListener as a,useResizeListener as c,useMountEffect as l,useUpdateEffect as s,useUnmountEffect as m}from"primereact/hooks";import{BarsIcon as f}from"primereact/icons/bars";import{classNames as p,ObjectUtils as d,IconUtils as b,DomHandler as v,UniqueComponentId as y,ZIndexUtils as g}from"primereact/utils";import{AngleDownIcon as x}from"primereact/icons/angledown";import{AngleRightIcon as I}from"primereact/icons/angleright";import{Ripple as h}from"primereact/ripple";function E(e){return E="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},E(e)}function k(e,n){if("object"!==E(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==E(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function S(e){var n=k(e,"string");return"symbol"===E(n)?n:String(n)}function w(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 O(e){if(Array.isArray(e))return e}function P(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 N(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 K(e,n){if(e){if("string"==typeof e)return N(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)?N(e,n):void 0}}function j(){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 D(e,n){return O(e)||P(e,n)||K(e,n)||j()}var A=i.extend({defaultProps:{__TYPE:"Menubar",id:null,model:null,style:null,className:null,start:null,ariaLabel:null,ariaLabelledBy:null,onFocus:null,onBlur:null,submenuIcon:null,menuIcon:null,end:null,children:void 0},css:{classes:{start:"p-menubar-start",end:"p-menubar-end",button:"p-menubar-button",root:function(e){return p("p-menubar p-component",{"p-menubar-mobile-active":e.mobileActiveState})},separator:"p-menuitem-separator",icon:"p-menuitem-icon",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",menuitem:function(e){return p("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled})},menu:"p-menubar-root-list",content:"p-menuitem-content",submenu:"p-submenu-list",action:function(e){return p("p-menuitem-link",{"p-disabled":e.disabled})}},styles:"\n@layer primereact {\n .p-menubar {\n display: flex;\n align-items: center;\n }\n\n .p-menubar ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-menubar .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-menubar .p-menuitem-text {\n line-height: 1;\n }\n\n .p-menubar .p-menuitem {\n position: relative;\n }\n\n .p-menubar-root-list {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n }\n\n .p-menubar-root-list > li ul {\n display: none;\n z-index: 1;\n }\n\n .p-menubar-root-list > .p-menuitem-active > .p-submenu-list {\n display: block;\n }\n\n .p-menubar .p-submenu-list {\n display: none;\n position: absolute;\n z-index: 1;\n }\n\n .p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {\n display: block;\n left: 100%;\n top: 0;\n }\n\n .p-menubar .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n }\n\n .p-menubar .p-menubar-end {\n margin-left: auto;\n align-self: center;\n }\n\n .p-menubar-button {\n display: none;\n cursor: pointer;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n }\n}\n"}});function C(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?C(Object(t),!0).forEach((function(n){w(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):C(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var M=e.memo(e.forwardRef((function(n,t){var r=u(),i=n.ptm,o=n.cx,a=function(e,t,r){return i(t,{props:n,hostName:n.hostName,context:{item:e,index:r,active:v(e),focused:E(e),disabled:g(e),level:n.level}})},c=function(e,t){g(t)||n.mobileActive?e.preventDefault():n.onItemMouseEnter&&n.onItemMouseEnter({originalEvent:e,processedItem:t})},l=function(e,n){var t=n.item;g(n)?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),s({originalEvent:e,processedItem:n,isFocus:!0}))},s=function(e){n.onLeafClick&&n.onLeafClick(e)},m=function(e){return e.item&&e.item.id?e.item.id:"".concat(n.id,"_").concat(e.key)},f=function(e,n,t){return e&&e.item?d.getItemValue(e.item[n],t):void 0},v=function(e){return n.activeItemPath.some((function(n){return n.key===e.key}))},y=function(e){return!1!==f(e,"visible")},g=function(e){return f(e,"disabled")},E=function(e){return n.focusedItemId===m(e)},k=function(e){return d.isNotEmpty(e.items)},S=function(e){return e-n.model.slice(0,e).filter((function(e){return y(e)&&f(e,"separator")})).length+1},O=function(t){var u=n.id+"_separator_"+t,a=r({id:u,key:u,className:o("separator"),role:"separator"},i("separator",{hostName:n.hostName}));return e.createElement("li",a)},P=function(t){var r=t&&t.items;return r?e.createElement(M,{id:n.id,hostName:n.hostName,menuProps:n.menuProps,level:n.level+1,model:r,activeItemPath:n.activeItemPath,focusedItemId:n.focusedItemId,onLeafClick:s,onItemMouseEnter:n.onItemMouseEnter,submenuIcon:n.submenuIcon,ptm:i,style:{display:v(t)?"block":"none"},cx:o}):null},N=function(t,i){var u=t.item;if(!y(t))return null;var s=m(t),O=v(t),N=E(t),K=g(t)||!1,j=k(t),D=p("p-menuitem-link",{"p-disabled":K}),A=p("p-menuitem-icon",f(t,"icon")),C=r({className:o("icon")},a(t,"icon",i)),M=b.getJSXIcon(u.icon,L({},C),{props:n.menuProps}),T=r({className:o("label")},a(t,"label",i)),R=u.label&&e.createElement("span",T,u.label),B=f(t,"items"),F=r({className:o("submenuIcon")},a(t,"submenuIcon",i)),_=B&&b.getJSXIcon(n.root?n.submenuIcon||e.createElement(x,F):n.submenuIcon||e.createElement(I,F),L({},F),{props:L({menuProps:n.menuProps},n)}),J=P(t),X=r({href:u.url||"#",tabIndex:"-1","aria-hidden":"true",className:o("action",{disabled:K}),onFocus:function(e){return e.stopPropagation()},target:f(t,"target"),"aria-haspopup":null!=B},a(t,"action",i)),z=e.createElement("a",X,M,R,_,e.createElement(h,null));u.template&&(z=d.getJSXElement(u.template,u,{className:D,labelClassName:"p-menuitem-text",iconClassName:A,submenuIconClassName:"p-submenu-icon",element:z,props:n}));var U=r({onClick:function(e){return l(e,t)},onMouseEnter:function(e){return c(e,t)},className:o("content")},a(t,"content",i)),V=f(t,"className"),H=r(w({id:s,key:s,role:"menuitem","aria-label":u.label,"aria-disabled":K,"aria-expanded":j?O:void 0,"aria-haspopup":j&&!u.url?"menu":void 0,"aria-level":n.level+1,"aria-setsize":n.model.filter((function(e){return y(e)&&!f(e,"separator")})).length,"aria-posinset":S(i),"data-p-highlight":O,"data-p-focused":N,"data-p-disabled":K,className:p(V,o("menuitem",{active:O,focused:N,disabled:K}))},"data-p-disabled",K||!1),a(t,"menuitem",i));return e.createElement("li",H,e.createElement("div",U,z),J)},K=n.root?"menubar":"menu",j=n.root?"menu":"submenu",D=n.root?"0":null,A=n.model?n.model.map((function(e,n){return f(e,"separator")?O(n):N(e,n)})):null,C=r({ref:t,className:o(j),level:n.level,onFocus:n.onFocus,onBlur:n.onBlur,onKeyDown:n.onKeyDown,id:n.id,tabIndex:D,"aria-activedescendant":n.ariaActivedescendant,style:n.style,role:K},i(j));return e.createElement("ul",C,A)})));function T(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 R(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?T(Object(t),!0).forEach((function(n){w(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):T(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}M.displayName="MenubarSub";var B=e.memo(e.forwardRef((function(i,x){var I=u(),h=e.useContext(t),E=A.getProps(i,h),k=D(e.useState(E.id),2),S=k[0],O=k[1],P=D(e.useState(!1),2),N=P[0],K=P[1],j=D(e.useState(!1),2),C=j[0],L=j[1],T=D(e.useState({index:-1,level:0,parentKey:""}),2),B=T[0],F=T[1],_=D(e.useState(null),2),J=_[0],X=_[1],z=D(e.useState([]),2),U=z[0],V=z[1],H=D(e.useState([]),2),W=H[0],Z=H[1],Y=D(e.useState([]),2),$=Y[0],q=Y[1],G=D(e.useState(!1),2),Q=G[0],ee=G[1],ne=D(e.useState(!1),2),te=ne[0],re=ne[1],ie=e.useRef(null),oe=e.useRef(null),ue=e.useRef(null),ae=e.useRef(""),ce=e.useRef(null),le=e.useRef(!1),se=A.setMetaData({props:E,state:{id:S,mobileActive:N}}),me=se.ptm,fe=se.cx;o(A.css.styles,se.isUnstyled,{name:"menubar"});var pe=D(a({type:"click",listener:function(e){Ee(e)&&(ie.current&&!ie.current.contains(e.target)&&he())}}),2),de=pe[0],be=pe[1],ve=D(c({listener:function(e){v.isTouchDevice()||he(e)}}),2),ye=ve[0],ge=ve[1],xe=function(e){N?(K(!1),he()):(K(!0),setTimeout((function(){Ie()}),1)),e.preventDefault()},Ie=function(){F({index:We(),level:0,parentKey:""}),v.focus(oe.current)},he=function(e){N&&(K(!1),setTimeout((function(){v.focus(ue.current)}),0)),V([]),F({index:-1,level:0,parentKey:""}),e&&v.focus(oe.current),re(!1)},Ee=function(e){return oe.current!==e.target&&!oe.current.contains(e.target)&&ue.current!==e.target&&!ue.current.contains(e.target)},ke=function(e,n){return e?d.getItemValue(e[n]):void 0},Se=function(e){return ke(e,"separator")},we=function(e){return e?ke(e.item,"label"):void 0},Oe=function(e){return e&&d.isNotEmpty(e.items)},Pe=function(e){var n=e.processedItem,t=e.isFocus;if(!d.isEmpty(n)){var r=n.index,i=n.key,o=n.level,u=n.parentKey,a=d.isNotEmpty(n.items),c=U.filter((function(e){return e.parentKey!==u&&e.parentKey!==i}));a&&c.push(n),F({index:r,level:o,parentKey:u}),V(c),a&&re(!0),t&&v.focus(oe.current)}},Ne=function(e){var n=W[B.index];if(n?d.isEmpty(n.parent):null){Oe(n)&&(Pe({originalEvent:e,processedItem:n}),F({index:-1,parentKey:n.key}),setTimeout((function(){return ee(!0)}),0))}else{var t=-1!==B.index?Ue(B.index):We();$e(t)}e.preventDefault()},Ke=function(e){var n=W[B.index];if(d.isEmpty(n.parent)){Oe(n)&&(Pe({originalEvent:e,processedItem:n}),F({index:-1,parentKey:n.key}),le.current=!0,setTimeout((function(){return ee(!0)}),0))}else{var t=U.find((function(e){return e.key===n.parentKey}));if(0===B.index&&t&&""===t.parentKey)F({index:-1,parentKey:t?t.parentKey:""}),ae.current="",je(e);else{var r=-1!==B.index?Ve(B.index):Ze();$e(r)}}e.preventDefault()},je=function(e){var n=W[B.index],t=n?U.find((function(e){return e.key===n.parentKey})):null;if(t)Pe({originalEvent:e,processedItem:t}),V(U.filter((function(e){return e.key!==t.key})));else{var r=-1!==B.index?Ve(B.index):Ze();$e(r)}e.preventDefault()},De=function(e){var n=W[B.index];if(n?U.find((function(e){return e.key===n.parentKey})):null){Oe(n)&&(Pe({originalEvent:e,processedItem:n}),F({index:-1,parentKey:n.key}),setTimeout((function(){return ee(!0)}),0))}else{var t=-1!==B.index?Ue(B.index):We();$e(t)}e.preventDefault()},Ae=function(e){$e(Xe()),e.preventDefault()},Ce=function(e){$e(ze()),e.preventDefault()},Le=function(e){if(-1!==B.index){var n=v.findSingle(oe.current,'li[id="'.concat("".concat(J),'"]')),t=n&&v.findSingle(n,'a[data-pc-section="action"]');t?t.click():n&&n.click()}e.preventDefault()},Me=function(e){Le(e)},Te=function(e){he(!0),F({focusedItemInfo:B,index:We()})},Re=function(e){if(-1!==B.index){var n=W[B.index];!Oe(n)&&Pe({originalEvent:e,processedItem:n})}he()},Be=function(e){return Fe(e)&&we(e).toLocaleLowerCase().startsWith(ae.current.toLocaleLowerCase())},Fe=function(e){return!!e&&!ke(e.item,"disabled")&&!Se(e.item)},_e=function(e){return Fe(e)&&Je(e)},Je=function(e){return U.some((function(n){return n.key===e.key}))},Xe=function(){return W.findIndex((function(e){return Fe(e)}))},ze=function(){return d.findLastIndex(W,(function(e){return Fe(e)}))},Ue=function(e){var n=e<W.length-1?W.slice(e+1).findIndex((function(e){return Fe(e)})):-1;return n>-1?n+e+1:e},Ve=function(e){var n=e>0?d.findLastIndex(W.slice(0,e),(function(e){return Fe(e)})):-1;return n>-1?n:e},He=function(){return W.findIndex((function(e){return _e(e)}))},We=function(){var e=He();return e<0?Xe():e},Ze=function(){var e=He();return e<0?ze():e},Ye=function(e,n){ae.current=(ae.current||"")+n;var t=-1,r=!1;return-1!==(t=-1!==B.index?-1===(t=W.slice(B.index).findIndex((function(e){return Be(e)})))?W.slice(0,B.index).findIndex((function(e){return Be(e)})):t+B.index:W.findIndex((function(e){return Be(e)})))&&(r=!0),-1===t&&-1===B.index&&(t=We()),-1!==t&&$e(t),ce.current&&clearTimeout(ce.current),ce.current=setTimeout((function(){ae.current="",ce.current=null}),500),r},$e=function(e){B.index!==e&&(F(R(R({},B),{},{index:e})),qe())},qe=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(S,"_").concat(e):J,t=v.findSingle(oe.current,'li[id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},Ge=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=Ge(e.items,n+1,a,u),i.push(a)})),i}),[]);l((function(){S||O(y())})),s((function(){N?(de(),ye(),g.set("menu",oe.current,h&&h.autoZIndex||n.autoZIndex,h&&h.zIndex.menu||n.zIndex.menu)):(ge(),be(),g.clear(oe.current))}),[N]),e.useEffect((function(){var e=Ge(E.model||[],0,null,"");q(e)}),[E.model,Ge]),s((function(){var e=U.find((function(e){return e.key===B.parentKey}));Z(e?e.items:$)}),[U,B,$]),s((function(){d.isNotEmpty(U)?(de(),ye()):(be(),ge())}),[U]),s((function(){if(Q){var e=-1!==B.index?Ue(B.index):le.current?ze():We();$e(e),le.current=!1,ee(!1)}}),[Q]),s((function(){X(-1!==B.index?"".concat(S).concat(d.isNotEmpty(B.parentKey)?"_"+B.parentKey:"","_").concat(B.index):null)}),[B]),m((function(){g.clear(oe.current)})),e.useImperativeHandle(x,(function(){return{props:E,toggle:xe,getElement:function(){return ie.current},getRootMenu:function(){return oe.current},getMenuButton:function(){return ue.current}}}));var Qe=function(){if(E.start){var n=d.getJSXElement(E.start,E),t=I({className:fe("start")},me("start"));return e.createElement("div",t,n)}return null}(),en=function(){if(E.end){var n=d.getJSXElement(E.end,E),t=I({className:fe("end")},me("end"));return e.createElement("div",t,n)}return null}(),nn=function(){if(E.model&&E.model.length<1)return null;var n=I(w(w(w(w({ref:ue,href:"#",tabIndex:"0","aria-haspopup":!!(N&&E.model&&E.model.lentgh>0),"aria-expanded":N,"aria-label":r("navigation"),"aria-controls":S,role:"button"},"tabIndex",0),"className",fe("button")),"onKeyDown",(function(e){var n;("Enter"===(n=e).code||"Space"===n.code)&&xe(n)})),"onClick",(function(e){return xe(e)})),me("button")),t=I(me("popupIcon")),i=b.getJSXIcon(E.menuIcon||e.createElement(f,t),R({},t),{props:E});return e.createElement("a",n,i)}(),tn=e.createElement(M,{hostName:"Menubar",ariaActivedescendant:C?J:void 0,level:0,id:S,ref:oe,menuProps:E,model:$,onLeafClick:function(e){var n=e.originalEvent,t=e.processedItem,r=Oe(t),i=d.isEmpty(t.parent);if(Je(t)){var o=t.index,u=t.key,a=t.level,c=t.parentKey;V(U.filter((function(e){return u!==e.key&&u.startsWith(e.key)}))),F({index:o,level:a,parentKey:c}),r||re(!i),setTimeout((function(){v.focus(oe.current),r&&re(!0)}),0)}else if(r)v.focus(oe.current),Pe({originalEvent:n,processedItem:t});else{var l=i?t:U.find((function(e){return""===e.parentKey})),s=l?l.index:-1;he(n),F({index:s,parentKey:l?l.parentKey:""}),K(!1)}},onItemMouseEnter:function(e){!N&&te&&Pe(e)},onFocus:function(e){L(!0),F(-1!==B.index?B:{index:We(),level:0,parentKey:""}),E.onFocus&&E.onFocus(e)},onBlur:function(e){L(!1),F({index:-1,level:0,parentKey:""}),ae.current="",re(!1),E.onBlur&&E.onBlur(e)},onKeyDown:function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":Ne(e);break;case"ArrowUp":Ke(e);break;case"ArrowLeft":je(e);break;case"ArrowRight":De(e);break;case"Home":Ae(e);break;case"End":Ce(e);break;case"Space":Me(e);break;case"Enter":Le(e);break;case"Escape":Te();break;case"Tab":Re(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&d.isPrintableCharacter(e.key)&&Ye(e,e.key)}},root:!0,activeItemPath:U,focusedItemId:C?J:void 0,submenuIcon:E.submenuIcon,ptm:me,cx:fe}),rn=I({id:E.id,ref:ie,className:p(E.className,fe("root",{mobileActiveState:N})),style:E.style},A.getOtherProps(E),me("root"));return e.createElement("div",rn,Qe,nn,tn,en)})));B.displayName="Menubar";export{B as Menubar};
|
|
1
|
+
import*as e from"react";import n,{PrimeReactContext as t,ariaLabel as r}from"primereact/api";import{ComponentBase as i,useHandleStyle as o}from"primereact/componentbase";import{useMergeProps as a,useEventListener as u,useResizeListener as c,useMountEffect as l,useUpdateEffect as s,useUnmountEffect as m}from"primereact/hooks";import{BarsIcon as f}from"primereact/icons/bars";import{classNames as p,ObjectUtils as d,IconUtils as b,DomHandler as v,UniqueComponentId as y,ZIndexUtils as g}from"primereact/utils";import{AngleDownIcon as x}from"primereact/icons/angledown";import{AngleRightIcon as I}from"primereact/icons/angleright";import{Ripple as h}from"primereact/ripple";function E(e){return E="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},E(e)}function k(e,n){if("object"!==E(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==E(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function S(e){var n=k(e,"string");return"symbol"===E(n)?n:String(n)}function w(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 O(e){if(Array.isArray(e))return e}function P(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,a,u=[],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)&&(u.push(r.value),u.length!==n);c=!0);}catch(e){l=!0,i=e}finally{try{if(!c&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(l)throw i}}return u}}function N(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 K(e,n){if(e){if("string"==typeof e)return N(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)?N(e,n):void 0}}function j(){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 D(e,n){return O(e)||P(e,n)||K(e,n)||j()}var A=i.extend({defaultProps:{__TYPE:"Menubar",id:null,model:null,style:null,className:null,start:null,ariaLabel:null,ariaLabelledBy:null,onFocus:null,onBlur:null,submenuIcon:null,menuIcon:null,end:null,children:void 0},css:{classes:{start:"p-menubar-start",end:"p-menubar-end",button:"p-menubar-button",root:function(e){return p("p-menubar p-component",{"p-menubar-mobile-active":e.mobileActiveState})},separator:"p-menuitem-separator",icon:"p-menuitem-icon",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",menuitem:function(e){return p("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled})},menu:"p-menubar-root-list",content:"p-menuitem-content",submenu:"p-submenu-list",action:function(e){return p("p-menuitem-link",{"p-disabled":e.disabled})}},styles:"\n@layer primereact {\n .p-menubar {\n display: flex;\n align-items: center;\n }\n\n .p-menubar ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-menubar .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-menubar .p-menuitem-text {\n line-height: 1;\n }\n\n .p-menubar .p-menuitem {\n position: relative;\n }\n\n .p-menubar-root-list {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n }\n\n .p-menubar-root-list > li ul {\n display: none;\n z-index: 1;\n }\n\n .p-menubar-root-list > .p-menuitem-active > .p-submenu-list {\n display: block;\n }\n\n .p-menubar .p-submenu-list {\n display: none;\n position: absolute;\n z-index: 1;\n }\n\n .p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {\n display: block;\n left: 100%;\n top: 0;\n }\n\n .p-menubar .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n }\n\n .p-menubar .p-menubar-end {\n margin-left: auto;\n align-self: center;\n }\n\n .p-menubar-button {\n display: none;\n cursor: pointer;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n }\n}\n"}});function C(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?C(Object(t),!0).forEach((function(n){w(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):C(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var M=e.memo(e.forwardRef((function(n,t){var r=a(),i=n.ptm,o=n.cx,u=function(e,t,r){return i(t,{props:n,hostName:n.hostName,context:{item:e,index:r,active:y(e),focused:k(e),disabled:E(e),level:n.level}})},c=function(e,t){E(t)||n.mobileActive?e.preventDefault():n.onItemMouseEnter&&n.onItemMouseEnter({originalEvent:e,processedItem:t})},l=function(e,n){var t=n.item;E(n)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),s({originalEvent:e,processedItem:n,isFocus:!0}),t.url||(e.preventDefault(),e.stopPropagation()))},s=function(e){n.onLeafClick&&n.onLeafClick(e)},m=function(e){var n;return null===(n=e.item)||void 0===n?void 0:n.id},f=function(e){return"".concat(n.id,"_").concat(e.key)},v=function(e,n,t){return e&&e.item?d.getItemValue(e.item[n],t):void 0},y=function(e){return n.activeItemPath.some((function(n){return n.key===e.key}))},g=function(e){return!1!==v(e,"visible")},E=function(e){return v(e,"disabled")},k=function(e){return n.focusedItemId===f(e)},S=function(e){return d.isNotEmpty(e.items)},O=function(e){return e-n.model.slice(0,e).filter((function(e){return g(e)&&v(e,"separator")})).length+1},P=function(t){var a=n.id+"_separator_"+t,u=r({key:a,"data-id":a,className:o("separator"),role:"separator"},i("separator",{hostName:n.hostName}));return e.createElement("li",u)},N=function(t){var r=t&&t.items;return r?e.createElement(M,{id:n.id,hostName:n.hostName,menuProps:n.menuProps,level:n.level+1,model:r,activeItemPath:n.activeItemPath,focusedItemId:n.focusedItemId,onLeafClick:s,onItemMouseEnter:n.onItemMouseEnter,submenuIcon:n.submenuIcon,ptm:i,style:{display:y(t)?"block":"none"},cx:o}):null},K=function(t,i){var a=t.item;if(!g(t))return null;var s=m(t),P=f(t),K=y(t),j=k(t),D=E(t)||!1,A=S(t),C=p("p-menuitem-link",{"p-disabled":D}),M=p("p-menuitem-icon",v(t,"icon")),T=r({className:o("icon")},u(t,"icon",i)),R=b.getJSXIcon(a.icon,L({},T),{props:n.menuProps}),B=r({className:o("label")},u(t,"label",i)),F=a.label&&e.createElement("span",B,a.label),_=v(t,"items"),J=r({className:o("submenuIcon")},u(t,"submenuIcon",i)),X=_&&b.getJSXIcon(n.root?n.submenuIcon||e.createElement(x,J):n.submenuIcon||e.createElement(I,J),L({},J),{props:L({menuProps:n.menuProps},n)}),z=N(t),U=r({href:a.url||"#",tabIndex:"-1","aria-hidden":"true",className:o("action",{disabled:D}),onFocus:function(e){return e.stopPropagation()},target:v(t,"target"),"aria-haspopup":null!=_},u(t,"action",i)),V=e.createElement("a",U,R,F,X,e.createElement(h,null));a.template&&(V=d.getJSXElement(a.template,a,{className:C,labelClassName:"p-menuitem-text",iconClassName:M,submenuIconClassName:"p-submenu-icon",element:V,props:n}));var H=r({onClick:function(e){return l(e,t)},onMouseEnter:function(e){return c(e,t)},className:o("content")},u(t,"content",i)),W=v(t,"className"),Z=r(w({id:s,key:P,"data-id":P,role:"menuitem","aria-label":a.label,"aria-disabled":D,"aria-expanded":A?K:void 0,"aria-haspopup":A&&!a.url?"menu":void 0,"aria-level":n.level+1,"aria-setsize":n.model.filter((function(e){return g(e)&&!v(e,"separator")})).length,"aria-posinset":O(i),"data-p-highlight":K,"data-p-focused":j,"data-p-disabled":D,className:p(W,o("menuitem",{active:K,focused:j,disabled:D}))},"data-p-disabled",D||!1),u(t,"menuitem",i));return e.createElement("li",Z,e.createElement("div",H,V),z)},j=n.root?"menubar":"menu",D=n.root?"menu":"submenu",A=n.root?"0":null,C=n.model?n.model.map((function(e,n){return v(e,"separator")?P(n):K(e,n)})):null,T=r({ref:t,className:o(D),level:n.level,onFocus:n.onFocus,onBlur:n.onBlur,onKeyDown:n.onKeyDown,"data-id":n.id,tabIndex:A,"aria-activedescendant":n.ariaActivedescendant,style:n.style,role:j},i(D));return e.createElement("ul",T,C)})));function T(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 R(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?T(Object(t),!0).forEach((function(n){w(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):T(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}M.displayName="MenubarSub";var B=e.memo(e.forwardRef((function(i,x){var I=a(),h=e.useContext(t),E=A.getProps(i,h),k=D(e.useState(E.id),2),S=k[0],O=k[1],P=D(e.useState(!1),2),N=P[0],K=P[1],j=D(e.useState(!1),2),C=j[0],L=j[1],T=D(e.useState({index:-1,level:0,parentKey:""}),2),B=T[0],F=T[1],_=D(e.useState(null),2),J=_[0],X=_[1],z=D(e.useState([]),2),U=z[0],V=z[1],H=D(e.useState([]),2),W=H[0],Z=H[1],Y=D(e.useState([]),2),$=Y[0],q=Y[1],G=D(e.useState(!1),2),Q=G[0],ee=G[1],ne=D(e.useState(!1),2),te=ne[0],re=ne[1],ie=e.useRef(null),oe=e.useRef(null),ae=e.useRef(null),ue=e.useRef(""),ce=e.useRef(null),le=e.useRef(!1),se=A.setMetaData({props:E,state:{id:S,mobileActive:N}}),me=se.ptm,fe=se.cx;o(A.css.styles,se.isUnstyled,{name:"menubar"});var pe=D(u({type:"click",listener:function(e){Ee(e)&&(ie.current&&!ie.current.contains(e.target)&&he())}}),2),de=pe[0],be=pe[1],ve=D(c({listener:function(e){v.isTouchDevice()||he(e)}}),2),ye=ve[0],ge=ve[1],xe=function(e){N?(K(!1),he()):(K(!0),setTimeout((function(){Ie()}),1)),e.preventDefault()},Ie=function(){F({index:We(),level:0,parentKey:""}),v.focus(oe.current)},he=function(e){N&&(K(!1),setTimeout((function(){v.focus(ae.current)}),0)),V([]),F({index:-1,level:0,parentKey:""}),e&&v.focus(oe.current),re(!1)},Ee=function(e){return oe.current!==e.target&&!oe.current.contains(e.target)&&ae.current!==e.target&&!ae.current.contains(e.target)},ke=function(e,n){return e?d.getItemValue(e[n]):void 0},Se=function(e){return ke(e,"separator")},we=function(e){return e?ke(e.item,"label"):void 0},Oe=function(e){return e&&d.isNotEmpty(e.items)},Pe=function(e){var n=e.processedItem,t=e.isFocus;if(!d.isEmpty(n)){var r=n.index,i=n.key,o=n.level,a=n.parentKey,u=d.isNotEmpty(n.items),c=U.filter((function(e){return e.parentKey!==a&&e.parentKey!==i}));u&&c.push(n),F({index:r,level:o,parentKey:a}),V(c),u&&re(!0),t&&v.focus(oe.current)}},Ne=function(e){var n=W[B.index];if(n?d.isEmpty(n.parent):null){Oe(n)&&(Pe({originalEvent:e,processedItem:n}),F({index:-1,parentKey:n.key}),setTimeout((function(){return ee(!0)}),0))}else{var t=-1!==B.index?Ue(B.index):We();$e(t)}e.preventDefault()},Ke=function(e){var n=W[B.index];if(d.isEmpty(n.parent)){Oe(n)&&(Pe({originalEvent:e,processedItem:n}),F({index:-1,parentKey:n.key}),le.current=!0,setTimeout((function(){return ee(!0)}),0))}else{var t=U.find((function(e){return e.key===n.parentKey}));if(0===B.index&&t&&""===t.parentKey)F({index:-1,parentKey:t?t.parentKey:""}),ue.current="",je(e);else{var r=-1!==B.index?Ve(B.index):Ze();$e(r)}}e.preventDefault()},je=function(e){var n=W[B.index],t=n?U.find((function(e){return e.key===n.parentKey})):null;if(t)Pe({originalEvent:e,processedItem:t}),V(U.filter((function(e){return e.key!==t.key})));else{var r=-1!==B.index?Ve(B.index):Ze();$e(r)}e.preventDefault()},De=function(e){var n=W[B.index];if(n?U.find((function(e){return e.key===n.parentKey})):null){Oe(n)&&(Pe({originalEvent:e,processedItem:n}),F({index:-1,parentKey:n.key}),setTimeout((function(){return ee(!0)}),0))}else{var t=-1!==B.index?Ue(B.index):We();$e(t)}e.preventDefault()},Ae=function(e){$e(Xe()),e.preventDefault()},Ce=function(e){$e(ze()),e.preventDefault()},Le=function(e){if(-1!==B.index){var n=v.findSingle(oe.current,'li[data-id="'.concat("".concat(J),'"]')),t=n&&v.findSingle(n,'a[data-pc-section="action"]');t?t.click():n&&n.click()}e.preventDefault()},Me=function(e){Le(e)},Te=function(e){he(!0),F({focusedItemInfo:B,index:We()})},Re=function(e){if(-1!==B.index){var n=W[B.index];!Oe(n)&&Pe({originalEvent:e,processedItem:n})}he()},Be=function(e){return Fe(e)&&we(e).toLocaleLowerCase().startsWith(ue.current.toLocaleLowerCase())},Fe=function(e){return!!e&&!ke(e.item,"disabled")&&!Se(e.item)},_e=function(e){return Fe(e)&&Je(e)},Je=function(e){return U.some((function(n){return n.key===e.key}))},Xe=function(){return W.findIndex((function(e){return Fe(e)}))},ze=function(){return d.findLastIndex(W,(function(e){return Fe(e)}))},Ue=function(e){var n=e<W.length-1?W.slice(e+1).findIndex((function(e){return Fe(e)})):-1;return n>-1?n+e+1:e},Ve=function(e){var n=e>0?d.findLastIndex(W.slice(0,e),(function(e){return Fe(e)})):-1;return n>-1?n:e},He=function(){return W.findIndex((function(e){return _e(e)}))},We=function(){var e=He();return e<0?Xe():e},Ze=function(){var e=He();return e<0?ze():e},Ye=function(e,n){ue.current=(ue.current||"")+n;var t=-1,r=!1;return-1!==(t=-1!==B.index?-1===(t=W.slice(B.index).findIndex((function(e){return Be(e)})))?W.slice(0,B.index).findIndex((function(e){return Be(e)})):t+B.index:W.findIndex((function(e){return Be(e)})))&&(r=!0),-1===t&&-1===B.index&&(t=We()),-1!==t&&$e(t),ce.current&&clearTimeout(ce.current),ce.current=setTimeout((function(){ue.current="",ce.current=null}),500),r},$e=function(e){B.index!==e&&(F(R(R({},B),{},{index:e})),qe())},qe=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(S,"_").concat(e):J,t=v.findSingle(oe.current,'li[data-id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},Ge=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 a=(""!==r?r+"_":"")+o,u={item:e,index:o,level:n,key:a,parent:t,parentKey:r};u.items=Ge(e.items,n+1,u,a),i.push(u)})),i}),[]);l((function(){S||O(y())})),s((function(){N?(de(),ye(),g.set("menu",oe.current,h&&h.autoZIndex||n.autoZIndex,h&&h.zIndex.menu||n.zIndex.menu)):(ge(),be(),g.clear(oe.current))}),[N]),e.useEffect((function(){var e=Ge(E.model||[],0,null,"");q(e)}),[E.model,Ge]),s((function(){var e=U.find((function(e){return e.key===B.parentKey}));Z(e?e.items:$)}),[U,B,$]),s((function(){d.isNotEmpty(U)?(de(),ye()):(be(),ge())}),[U]),s((function(){if(Q){var e=-1!==B.index?Ue(B.index):le.current?ze():We();$e(e),le.current=!1,ee(!1)}}),[Q]),s((function(){X(-1!==B.index?"".concat(S).concat(d.isNotEmpty(B.parentKey)?"_"+B.parentKey:"","_").concat(B.index):null)}),[B]),m((function(){g.clear(oe.current)})),e.useImperativeHandle(x,(function(){return{props:E,toggle:xe,getElement:function(){return ie.current},getRootMenu:function(){return oe.current},getMenuButton:function(){return ae.current}}}));var Qe=function(){if(E.start){var n=d.getJSXElement(E.start,E),t=I({className:fe("start")},me("start"));return e.createElement("div",t,n)}return null}(),en=function(){if(E.end){var n=d.getJSXElement(E.end,E),t=I({className:fe("end")},me("end"));return e.createElement("div",t,n)}return null}(),nn=function(){if(E.model&&E.model.length<1)return null;var n=I(w(w(w(w({ref:ae,href:"#",tabIndex:"0","aria-haspopup":!!(N&&E.model&&E.model.lentgh>0),"aria-expanded":N,"aria-label":r("navigation"),"aria-controls":S,role:"button"},"tabIndex",0),"className",fe("button")),"onKeyDown",(function(e){var n;("Enter"===(n=e).code||"Space"===n.code)&&xe(n)})),"onClick",(function(e){return xe(e)})),me("button")),t=I(me("popupIcon")),i=b.getJSXIcon(E.menuIcon||e.createElement(f,t),R({},t),{props:E});return e.createElement("a",n,i)}(),tn=e.createElement(M,{hostName:"Menubar",ariaActivedescendant:C?J:void 0,level:0,id:S,ref:oe,menuProps:E,model:$,onLeafClick:function(e){var n=e.originalEvent,t=e.processedItem,r=Oe(t),i=d.isEmpty(t.parent);if(Je(t)){var o=t.index,a=t.key,u=t.level,c=t.parentKey;V(U.filter((function(e){return a!==e.key&&a.startsWith(e.key)}))),F({index:o,level:u,parentKey:c}),r||re(!i),setTimeout((function(){v.focus(oe.current),r&&re(!0)}),0)}else if(r)v.focus(oe.current),Pe({originalEvent:n,processedItem:t});else{var l=i?t:U.find((function(e){return""===e.parentKey})),s=l?l.index:-1;he(n),F({index:s,parentKey:l?l.parentKey:""}),K(!1)}},onItemMouseEnter:function(e){!N&&te&&Pe(e)},onFocus:function(e){L(!0),F(-1!==B.index?B:{index:We(),level:0,parentKey:""}),E.onFocus&&E.onFocus(e)},onBlur:function(e){L(!1),F({index:-1,level:0,parentKey:""}),ue.current="",re(!1),E.onBlur&&E.onBlur(e)},onKeyDown:function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":Ne(e);break;case"ArrowUp":Ke(e);break;case"ArrowLeft":je(e);break;case"ArrowRight":De(e);break;case"Home":Ae(e);break;case"End":Ce(e);break;case"Space":Me(e);break;case"Enter":Le(e);break;case"Escape":Te();break;case"Tab":Re(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&d.isPrintableCharacter(e.key)&&Ye(e,e.key)}},root:!0,activeItemPath:U,focusedItemId:C?J:void 0,submenuIcon:E.submenuIcon,ptm:me,cx:fe}),rn=I({id:E.id,ref:ie,className:p(E.className,fe("root",{mobileActiveState:N})),style:E.style},A.getOtherProps(E),me("root"));return e.createElement("div",rn,Qe,nn,tn,en)})));B.displayName="Menubar";export{B as Menubar};
|
package/menubar/menubar.js
CHANGED
|
@@ -215,9 +215,6 @@ this.primereact.menubar = (function (exports, React, PrimeReact, componentbase,
|
|
|
215
215
|
event.preventDefault();
|
|
216
216
|
return;
|
|
217
217
|
}
|
|
218
|
-
if (!item.url) {
|
|
219
|
-
event.preventDefault();
|
|
220
|
-
}
|
|
221
218
|
if (item.command) {
|
|
222
219
|
item.command({
|
|
223
220
|
originalEvent: event,
|
|
@@ -229,14 +226,19 @@ this.primereact.menubar = (function (exports, React, PrimeReact, componentbase,
|
|
|
229
226
|
processedItem: processedItem,
|
|
230
227
|
isFocus: true
|
|
231
228
|
});
|
|
229
|
+
if (!item.url) {
|
|
230
|
+
event.preventDefault();
|
|
231
|
+
event.stopPropagation();
|
|
232
|
+
}
|
|
232
233
|
};
|
|
233
234
|
var onLeafClick = function onLeafClick(event) {
|
|
234
235
|
props.onLeafClick && props.onLeafClick(event);
|
|
235
236
|
};
|
|
236
237
|
var getItemId = function getItemId(processedItem) {
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
238
|
+
var _processedItem$item;
|
|
239
|
+
return (_processedItem$item = processedItem.item) === null || _processedItem$item === void 0 ? void 0 : _processedItem$item.id;
|
|
240
|
+
};
|
|
241
|
+
var getItemDataId = function getItemDataId(processedItem) {
|
|
240
242
|
return "".concat(props.id, "_").concat(processedItem.key);
|
|
241
243
|
};
|
|
242
244
|
var getItemProp = function getItemProp(processedItem, name, params) {
|
|
@@ -254,7 +256,7 @@ this.primereact.menubar = (function (exports, React, PrimeReact, componentbase,
|
|
|
254
256
|
return getItemProp(processedItem, 'disabled');
|
|
255
257
|
};
|
|
256
258
|
var isItemFocused = function isItemFocused(processedItem) {
|
|
257
|
-
return props.focusedItemId ===
|
|
259
|
+
return props.focusedItemId === getItemDataId(processedItem);
|
|
258
260
|
};
|
|
259
261
|
var isItemGroup = function isItemGroup(processedItem) {
|
|
260
262
|
return utils.ObjectUtils.isNotEmpty(processedItem.items);
|
|
@@ -272,8 +274,8 @@ this.primereact.menubar = (function (exports, React, PrimeReact, componentbase,
|
|
|
272
274
|
var createSeparator = function createSeparator(index) {
|
|
273
275
|
var key = props.id + '_separator_' + index;
|
|
274
276
|
var separatorProps = mergeProps({
|
|
275
|
-
id: key,
|
|
276
277
|
key: key,
|
|
278
|
+
'data-id': key,
|
|
277
279
|
className: cx('separator'),
|
|
278
280
|
role: 'separator'
|
|
279
281
|
}, ptm('separator', {
|
|
@@ -309,7 +311,8 @@ this.primereact.menubar = (function (exports, React, PrimeReact, componentbase,
|
|
|
309
311
|
if (!isItemVisible(processedItem)) {
|
|
310
312
|
return null;
|
|
311
313
|
}
|
|
312
|
-
var
|
|
314
|
+
var id = getItemId(processedItem);
|
|
315
|
+
var dataId = getItemDataId(processedItem);
|
|
313
316
|
var active = isItemActive(processedItem);
|
|
314
317
|
var focused = isItemFocused(processedItem);
|
|
315
318
|
var disabled = isItemDisabled(processedItem) || false;
|
|
@@ -375,8 +378,9 @@ this.primereact.menubar = (function (exports, React, PrimeReact, componentbase,
|
|
|
375
378
|
}, getPTOptions(processedItem, 'content', index));
|
|
376
379
|
var itemClassName = getItemProp(processedItem, 'className');
|
|
377
380
|
var menuitemProps = mergeProps(_defineProperty({
|
|
378
|
-
id:
|
|
379
|
-
key:
|
|
381
|
+
id: id,
|
|
382
|
+
key: dataId,
|
|
383
|
+
'data-id': dataId,
|
|
380
384
|
role: 'menuitem',
|
|
381
385
|
'aria-label': item.label,
|
|
382
386
|
'aria-disabled': disabled,
|
|
@@ -413,7 +417,7 @@ this.primereact.menubar = (function (exports, React, PrimeReact, componentbase,
|
|
|
413
417
|
onFocus: props.onFocus,
|
|
414
418
|
onBlur: props.onBlur,
|
|
415
419
|
onKeyDown: props.onKeyDown,
|
|
416
|
-
id: props.id,
|
|
420
|
+
'data-id': props.id,
|
|
417
421
|
tabIndex: tabIndex,
|
|
418
422
|
'aria-activedescendant': props.ariaActivedescendant,
|
|
419
423
|
style: props.style,
|
|
@@ -836,7 +840,7 @@ this.primereact.menubar = (function (exports, React, PrimeReact, componentbase,
|
|
|
836
840
|
};
|
|
837
841
|
var onEnterKey = function onEnterKey(event) {
|
|
838
842
|
if (focusedItemInfo.index !== -1) {
|
|
839
|
-
var element = utils.DomHandler.findSingle(rootMenuRef.current, "li[id=\"".concat("".concat(focusedItemId), "\"]"));
|
|
843
|
+
var element = utils.DomHandler.findSingle(rootMenuRef.current, "li[data-id=\"".concat("".concat(focusedItemId), "\"]"));
|
|
840
844
|
var anchorElement = element && utils.DomHandler.findSingle(element, 'a[data-pc-section="action"]');
|
|
841
845
|
anchorElement ? anchorElement.click() : element && element.click();
|
|
842
846
|
}
|
|
@@ -957,7 +961,7 @@ this.primereact.menubar = (function (exports, React, PrimeReact, componentbase,
|
|
|
957
961
|
var scrollInView = function scrollInView() {
|
|
958
962
|
var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : -1;
|
|
959
963
|
var id = index !== -1 ? "".concat(idState, "_").concat(index) : focusedItemId;
|
|
960
|
-
var element = utils.DomHandler.findSingle(rootMenuRef.current, "li[id=\"".concat(id, "\"]"));
|
|
964
|
+
var element = utils.DomHandler.findSingle(rootMenuRef.current, "li[data-id=\"".concat(id, "\"]"));
|
|
961
965
|
if (element) {
|
|
962
966
|
element.scrollIntoView && element.scrollIntoView({
|
|
963
967
|
block: 'nearest',
|
package/menubar/menubar.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.menubar=function(e,n,t,r,i,o,a,u,c,l){"use strict";function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(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 f=m(n),p=s(t);function d(e){return d="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},d(e)}function b(e,n){if("object"!==d(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==d(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function v(e){var n=b(e,"string");return"symbol"===d(n)?n:String(n)}function y(e,n,t){return(n=v(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function g(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,a,u=[],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)&&(u.push(r.value),u.length!==n);c=!0);}catch(e){l=!0,i=e}finally{try{if(!c&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(l)throw i}}return u}}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 h(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 O(e,n){return g(e)||x(e,n)||h(e,n)||E()}var k=r.ComponentBase.extend({defaultProps:{__TYPE:"Menubar",id:null,model:null,style:null,className:null,start:null,ariaLabel:null,ariaLabelledBy:null,onFocus:null,onBlur:null,submenuIcon:null,menuIcon:null,end:null,children:void 0},css:{classes:{start:"p-menubar-start",end:"p-menubar-end",button:"p-menubar-button",root:function(e){return a.classNames("p-menubar p-component",{"p-menubar-mobile-active":e.mobileActiveState})},separator:"p-menuitem-separator",icon:"p-menuitem-icon",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",menuitem:function(e){return a.classNames("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled})},menu:"p-menubar-root-list",content:"p-menuitem-content",submenu:"p-submenu-list",action:function(e){return a.classNames("p-menuitem-link",{"p-disabled":e.disabled})}},styles:"\n@layer primereact {\n .p-menubar {\n display: flex;\n align-items: center;\n }\n\n .p-menubar ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-menubar .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-menubar .p-menuitem-text {\n line-height: 1;\n }\n\n .p-menubar .p-menuitem {\n position: relative;\n }\n\n .p-menubar-root-list {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n }\n\n .p-menubar-root-list > li ul {\n display: none;\n z-index: 1;\n }\n\n .p-menubar-root-list > .p-menuitem-active > .p-submenu-list {\n display: block;\n }\n\n .p-menubar .p-submenu-list {\n display: none;\n position: absolute;\n z-index: 1;\n }\n\n .p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {\n display: block;\n left: 100%;\n top: 0;\n }\n\n .p-menubar .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n }\n\n .p-menubar .p-menubar-end {\n margin-left: auto;\n align-self: center;\n }\n\n .p-menubar-button {\n display: none;\n cursor: pointer;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n }\n}\n"}});function j(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 S(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?j(Object(t),!0).forEach((function(n){y(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):j(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var P=f.memo(f.forwardRef((function(e,n){var t=i.useMergeProps(),r=e.ptm,o=e.cx,s=function(n,t,i){return r(t,{props:e,hostName:e.hostName,context:{item:n,index:i,active:g(n),focused:h(n),disabled:I(n),level:e.level}})},m=function(n,t){I(t)||e.mobileActive?n.preventDefault():e.onItemMouseEnter&&e.onItemMouseEnter({originalEvent:n,processedItem:t})},p=function(e,n){var t=n.item;I(n)?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),d({originalEvent:e,processedItem:n,isFocus:!0}))},d=function(n){e.onLeafClick&&e.onLeafClick(n)},b=function(n){return n.item&&n.item.id?n.item.id:"".concat(e.id,"_").concat(n.key)},v=function(e,n,t){return e&&e.item?a.ObjectUtils.getItemValue(e.item[n],t):void 0},g=function(n){return e.activeItemPath.some((function(e){return e.key===n.key}))},x=function(e){return!1!==v(e,"visible")},I=function(e){return v(e,"disabled")},h=function(n){return e.focusedItemId===b(n)},E=function(e){return a.ObjectUtils.isNotEmpty(e.items)},O=function(n){return n-e.model.slice(0,n).filter((function(e){return x(e)&&v(e,"separator")})).length+1},k=function(n){var i=e.id+"_separator_"+n,a=t({id:i,key:i,className:o("separator"),role:"separator"},r("separator",{hostName:e.hostName}));return f.createElement("li",a)},j=function(n){var t=n&&n.items;return t?f.createElement(P,{id:e.id,hostName:e.hostName,menuProps:e.menuProps,level:e.level+1,model:t,activeItemPath:e.activeItemPath,focusedItemId:e.focusedItemId,onLeafClick:d,onItemMouseEnter:e.onItemMouseEnter,submenuIcon:e.submenuIcon,ptm:r,style:{display:g(n)?"block":"none"},cx:o}):null},w=function(n,r){var i=n.item;if(!x(n))return null;var d=b(n),k=g(n),P=h(n),w=I(n)||!1,N=E(n),D=a.classNames("p-menuitem-link",{"p-disabled":w}),U=a.classNames("p-menuitem-icon",v(n,"icon")),K=t({className:o("icon")},s(n,"icon",r)),M=a.IconUtils.getJSXIcon(i.icon,S({},K),{props:e.menuProps}),A=t({className:o("label")},s(n,"label",r)),C=i.label&&f.createElement("span",A,i.label),L=v(n,"items"),R=t({className:o("submenuIcon")},s(n,"submenuIcon",r)),H=L&&a.IconUtils.getJSXIcon(e.root?e.submenuIcon||f.createElement(u.AngleDownIcon,R):e.submenuIcon||f.createElement(c.AngleRightIcon,R),S({},R),{props:S({menuProps:e.menuProps},e)}),T=j(n),_=t({href:i.url||"#",tabIndex:"-1","aria-hidden":"true",className:o("action",{disabled:w}),onFocus:function(e){return e.stopPropagation()},target:v(n,"target"),"aria-haspopup":null!=L},s(n,"action",r)),B=f.createElement("a",_,M,C,H,f.createElement(l.Ripple,null));i.template&&(B=a.ObjectUtils.getJSXElement(i.template,i,{className:D,labelClassName:"p-menuitem-text",iconClassName:U,submenuIconClassName:"p-submenu-icon",element:B,props:e}));var F=t({onClick:function(e){return p(e,n)},onMouseEnter:function(e){return m(e,n)},className:o("content")},s(n,"content",r)),z=v(n,"className"),J=t(y({id:d,key:d,role:"menuitem","aria-label":i.label,"aria-disabled":w,"aria-expanded":N?k:void 0,"aria-haspopup":N&&!i.url?"menu":void 0,"aria-level":e.level+1,"aria-setsize":e.model.filter((function(e){return x(e)&&!v(e,"separator")})).length,"aria-posinset":O(r),"data-p-highlight":k,"data-p-focused":P,"data-p-disabled":w,className:a.classNames(z,o("menuitem",{active:k,focused:P,disabled:w}))},"data-p-disabled",w||!1),s(n,"menuitem",r));return f.createElement("li",J,f.createElement("div",F,B),T)},N=e.root?"menubar":"menu",D=e.root?"menu":"submenu",U=e.root?"0":null,K=e.model?e.model.map((function(e,n){return v(e,"separator")?k(n):w(e,n)})):null,M=t({ref:n,className:o(D),level:e.level,onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:e.onKeyDown,id:e.id,tabIndex:U,"aria-activedescendant":e.ariaActivedescendant,style:e.style,role:N},r(D));return f.createElement("ul",M,K)})));function w(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?w(Object(t),!0).forEach((function(n){y(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):w(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}P.displayName="MenubarSub";var D=f.memo(f.forwardRef((function(e,n){var u=i.useMergeProps(),c=f.useContext(t.PrimeReactContext),l=k.getProps(e,c),s=O(f.useState(l.id),2),m=s[0],d=s[1],b=O(f.useState(!1),2),v=b[0],g=b[1],x=O(f.useState(!1),2),I=x[0],h=x[1],E=O(f.useState({index:-1,level:0,parentKey:""}),2),j=E[0],S=E[1],w=O(f.useState(null),2),D=w[0],U=w[1],K=O(f.useState([]),2),M=K[0],A=K[1],C=O(f.useState([]),2),L=C[0],R=C[1],H=O(f.useState([]),2),T=H[0],_=H[1],B=O(f.useState(!1),2),F=B[0],z=B[1],J=O(f.useState(!1),2),X=J[0],Z=J[1],V=f.useRef(null),W=f.useRef(null),q=f.useRef(null),Y=f.useRef(""),$=f.useRef(null),G=f.useRef(!1),Q=k.setMetaData({props:l,state:{id:m,mobileActive:v}}),ee=Q.ptm,ne=Q.cx;r.useHandleStyle(k.css.styles,Q.isUnstyled,{name:"menubar"});var te=O(i.useEventListener({type:"click",listener:function(e){me(e)&&(V.current&&!V.current.contains(e.target)&&se())}}),2),re=te[0],ie=te[1],oe=O(i.useResizeListener({listener:function(e){a.DomHandler.isTouchDevice()||se(e)}}),2),ae=oe[0],ue=oe[1],ce=function(e){v?(g(!1),se()):(g(!0),setTimeout((function(){le()}),1)),e.preventDefault()},le=function(){S({index:Le(),level:0,parentKey:""}),a.DomHandler.focus(W.current)},se=function(e){v&&(g(!1),setTimeout((function(){a.DomHandler.focus(q.current)}),0)),A([]),S({index:-1,level:0,parentKey:""}),e&&a.DomHandler.focus(W.current),Z(!1)},me=function(e){return W.current!==e.target&&!W.current.contains(e.target)&&q.current!==e.target&&!q.current.contains(e.target)},fe=function(e,n){return e?a.ObjectUtils.getItemValue(e[n]):void 0},pe=function(e){return fe(e,"separator")},de=function(e){return e?fe(e.item,"label"):void 0},be=function(e){return e&&a.ObjectUtils.isNotEmpty(e.items)},ve=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=M.filter((function(e){return e.parentKey!==u&&e.parentKey!==i}));c&&l.push(n),S({index:r,level:o,parentKey:u}),A(l),c&&Z(!0),t&&a.DomHandler.focus(W.current)}},ye=function(e){var n=L[j.index];if(n?a.ObjectUtils.isEmpty(n.parent):null){be(n)&&(ve({originalEvent:e,processedItem:n}),S({index:-1,parentKey:n.key}),setTimeout((function(){return z(!0)}),0))}else{var t=-1!==j.index?Me(j.index):Le();Te(t)}e.preventDefault()},ge=function(e){var n=L[j.index];if(a.ObjectUtils.isEmpty(n.parent)){be(n)&&(ve({originalEvent:e,processedItem:n}),S({index:-1,parentKey:n.key}),G.current=!0,setTimeout((function(){return z(!0)}),0))}else{var t=M.find((function(e){return e.key===n.parentKey}));if(0===j.index&&t&&""===t.parentKey)S({index:-1,parentKey:t?t.parentKey:""}),Y.current="",xe(e);else{var r=-1!==j.index?Ae(j.index):Re();Te(r)}}e.preventDefault()},xe=function(e){var n=L[j.index],t=n?M.find((function(e){return e.key===n.parentKey})):null;if(t)ve({originalEvent:e,processedItem:t}),A(M.filter((function(e){return e.key!==t.key})));else{var r=-1!==j.index?Ae(j.index):Re();Te(r)}e.preventDefault()},Ie=function(e){var n=L[j.index];if(n?M.find((function(e){return e.key===n.parentKey})):null){be(n)&&(ve({originalEvent:e,processedItem:n}),S({index:-1,parentKey:n.key}),setTimeout((function(){return z(!0)}),0))}else{var t=-1!==j.index?Me(j.index):Le();Te(t)}e.preventDefault()},he=function(e){Te(Ue()),e.preventDefault()},Ee=function(e){Te(Ke()),e.preventDefault()},Oe=function(e){if(-1!==j.index){var n=a.DomHandler.findSingle(W.current,'li[id="'.concat("".concat(D),'"]')),t=n&&a.DomHandler.findSingle(n,'a[data-pc-section="action"]');t?t.click():n&&n.click()}e.preventDefault()},ke=function(e){Oe(e)},je=function(e){se(!0),S({focusedItemInfo:j,index:Le()})},Se=function(e){if(-1!==j.index){var n=L[j.index];!be(n)&&ve({originalEvent:e,processedItem:n})}se()},Pe=function(e){return we(e)&&de(e).toLocaleLowerCase().startsWith(Y.current.toLocaleLowerCase())},we=function(e){return!!e&&!fe(e.item,"disabled")&&!pe(e.item)},Ne=function(e){return we(e)&&De(e)},De=function(e){return M.some((function(n){return n.key===e.key}))},Ue=function(){return L.findIndex((function(e){return we(e)}))},Ke=function(){return a.ObjectUtils.findLastIndex(L,(function(e){return we(e)}))},Me=function(e){var n=e<L.length-1?L.slice(e+1).findIndex((function(e){return we(e)})):-1;return n>-1?n+e+1:e},Ae=function(e){var n=e>0?a.ObjectUtils.findLastIndex(L.slice(0,e),(function(e){return we(e)})):-1;return n>-1?n:e},Ce=function(){return L.findIndex((function(e){return Ne(e)}))},Le=function(){var e=Ce();return e<0?Ue():e},Re=function(){var e=Ce();return e<0?Ke():e},He=function(e,n){Y.current=(Y.current||"")+n;var t=-1,r=!1;return-1!==(t=-1!==j.index?-1===(t=L.slice(j.index).findIndex((function(e){return Pe(e)})))?L.slice(0,j.index).findIndex((function(e){return Pe(e)})):t+j.index:L.findIndex((function(e){return Pe(e)})))&&(r=!0),-1===t&&-1===j.index&&(t=Le()),-1!==t&&Te(t),$.current&&clearTimeout($.current),$.current=setTimeout((function(){Y.current="",$.current=null}),500),r},Te=function(e){j.index!==e&&(S(N(N({},j),{},{index:e})),_e())},_e=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(m,"_").concat(e):D,t=a.DomHandler.findSingle(W.current,'li[id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},Be=f.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 a=(""!==r?r+"_":"")+o,u={item:e,index:o,level:n,key:a,parent:t,parentKey:r};u.items=Be(e.items,n+1,u,a),i.push(u)})),i}),[]);i.useMountEffect((function(){m||d(a.UniqueComponentId())})),i.useUpdateEffect((function(){v?(re(),ae(),a.ZIndexUtils.set("menu",W.current,c&&c.autoZIndex||p.default.autoZIndex,c&&c.zIndex.menu||p.default.zIndex.menu)):(ue(),ie(),a.ZIndexUtils.clear(W.current))}),[v]),f.useEffect((function(){var e=Be(l.model||[],0,null,"");_(e)}),[l.model,Be]),i.useUpdateEffect((function(){var e=M.find((function(e){return e.key===j.parentKey}));R(e?e.items:T)}),[M,j,T]),i.useUpdateEffect((function(){a.ObjectUtils.isNotEmpty(M)?(re(),ae()):(ie(),ue())}),[M]),i.useUpdateEffect((function(){if(F){var e=-1!==j.index?Me(j.index):G.current?Ke():Le();Te(e),G.current=!1,z(!1)}}),[F]),i.useUpdateEffect((function(){U(-1!==j.index?"".concat(m).concat(a.ObjectUtils.isNotEmpty(j.parentKey)?"_"+j.parentKey:"","_").concat(j.index):null)}),[j]),i.useUnmountEffect((function(){a.ZIndexUtils.clear(W.current)})),f.useImperativeHandle(n,(function(){return{props:l,toggle:ce,getElement:function(){return V.current},getRootMenu:function(){return W.current},getMenuButton:function(){return q.current}}}));var Fe=function(){if(l.start){var e=a.ObjectUtils.getJSXElement(l.start,l),n=u({className:ne("start")},ee("start"));return f.createElement("div",n,e)}return null}(),ze=function(){if(l.end){var e=a.ObjectUtils.getJSXElement(l.end,l),n=u({className:ne("end")},ee("end"));return f.createElement("div",n,e)}return null}(),Je=function(){if(l.model&&l.model.length<1)return null;var e=u(y(y(y(y({ref:q,href:"#",tabIndex:"0","aria-haspopup":!!(v&&l.model&&l.model.lentgh>0),"aria-expanded":v,"aria-label":t.ariaLabel("navigation"),"aria-controls":m,role:"button"},"tabIndex",0),"className",ne("button")),"onKeyDown",(function(e){var n;("Enter"===(n=e).code||"Space"===n.code)&&ce(n)})),"onClick",(function(e){return ce(e)})),ee("button")),n=u(ee("popupIcon")),r=a.IconUtils.getJSXIcon(l.menuIcon||f.createElement(o.BarsIcon,n),N({},n),{props:l});return f.createElement("a",e,r)}(),Xe=f.createElement(P,{hostName:"Menubar",ariaActivedescendant:I?D:void 0,level:0,id:m,ref:W,menuProps:l,model:T,onLeafClick:function(e){var n=e.originalEvent,t=e.processedItem,r=be(t),i=a.ObjectUtils.isEmpty(t.parent);if(De(t)){var o=t.index,u=t.key,c=t.level,l=t.parentKey;A(M.filter((function(e){return u!==e.key&&u.startsWith(e.key)}))),S({index:o,level:c,parentKey:l}),r||Z(!i),setTimeout((function(){a.DomHandler.focus(W.current),r&&Z(!0)}),0)}else if(r)a.DomHandler.focus(W.current),ve({originalEvent:n,processedItem:t});else{var s=i?t:M.find((function(e){return""===e.parentKey})),m=s?s.index:-1;se(n),S({index:m,parentKey:s?s.parentKey:""}),g(!1)}},onItemMouseEnter:function(e){!v&&X&&ve(e)},onFocus:function(e){h(!0),S(-1!==j.index?j:{index:Le(),level:0,parentKey:""}),l.onFocus&&l.onFocus(e)},onBlur:function(e){h(!1),S({index:-1,level:0,parentKey:""}),Y.current="",Z(!1),l.onBlur&&l.onBlur(e)},onKeyDown:function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":ye(e);break;case"ArrowUp":ge(e);break;case"ArrowLeft":xe(e);break;case"ArrowRight":Ie(e);break;case"Home":he(e);break;case"End":Ee(e);break;case"Space":ke(e);break;case"Enter":Oe(e);break;case"Escape":je();break;case"Tab":Se(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&a.ObjectUtils.isPrintableCharacter(e.key)&&He(e,e.key)}},root:!0,activeItemPath:M,focusedItemId:I?D:void 0,submenuIcon:l.submenuIcon,ptm:ee,cx:ne}),Ze=u({id:l.id,ref:V,className:a.classNames(l.className,ne("root",{mobileActiveState:v})),style:l.style},k.getOtherProps(l),ee("root"));return f.createElement("div",Ze,Fe,Je,Xe,ze)})));return D.displayName="Menubar",e.Menubar=D,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.icons.bars,primereact.utils,primereact.icons.angledown,primereact.icons.angleright,primereact.ripple);
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.menubar=function(e,n,t,r,i,o,a,u,c,l){"use strict";function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(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 f=m(n),p=s(t);function d(e){return d="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},d(e)}function b(e,n){if("object"!==d(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==d(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function v(e){var n=b(e,"string");return"symbol"===d(n)?n:String(n)}function y(e,n,t){return(n=v(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function g(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,a,u=[],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)&&(u.push(r.value),u.length!==n);c=!0);}catch(e){l=!0,i=e}finally{try{if(!c&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(l)throw i}}return u}}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 h(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 O(e,n){return g(e)||x(e,n)||h(e,n)||E()}var k=r.ComponentBase.extend({defaultProps:{__TYPE:"Menubar",id:null,model:null,style:null,className:null,start:null,ariaLabel:null,ariaLabelledBy:null,onFocus:null,onBlur:null,submenuIcon:null,menuIcon:null,end:null,children:void 0},css:{classes:{start:"p-menubar-start",end:"p-menubar-end",button:"p-menubar-button",root:function(e){return a.classNames("p-menubar p-component",{"p-menubar-mobile-active":e.mobileActiveState})},separator:"p-menuitem-separator",icon:"p-menuitem-icon",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",menuitem:function(e){return a.classNames("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled})},menu:"p-menubar-root-list",content:"p-menuitem-content",submenu:"p-submenu-list",action:function(e){return a.classNames("p-menuitem-link",{"p-disabled":e.disabled})}},styles:"\n@layer primereact {\n .p-menubar {\n display: flex;\n align-items: center;\n }\n\n .p-menubar ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-menubar .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-menubar .p-menuitem-text {\n line-height: 1;\n }\n\n .p-menubar .p-menuitem {\n position: relative;\n }\n\n .p-menubar-root-list {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n }\n\n .p-menubar-root-list > li ul {\n display: none;\n z-index: 1;\n }\n\n .p-menubar-root-list > .p-menuitem-active > .p-submenu-list {\n display: block;\n }\n\n .p-menubar .p-submenu-list {\n display: none;\n position: absolute;\n z-index: 1;\n }\n\n .p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {\n display: block;\n left: 100%;\n top: 0;\n }\n\n .p-menubar .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n }\n\n .p-menubar .p-menubar-end {\n margin-left: auto;\n align-self: center;\n }\n\n .p-menubar-button {\n display: none;\n cursor: pointer;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n }\n}\n"}});function j(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 P(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?j(Object(t),!0).forEach((function(n){y(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):j(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var S=f.memo(f.forwardRef((function(e,n){var t=i.useMergeProps(),r=e.ptm,o=e.cx,s=function(n,t,i){return r(t,{props:e,hostName:e.hostName,context:{item:n,index:i,active:x(n),focused:E(n),disabled:h(n),level:e.level}})},m=function(n,t){h(t)||e.mobileActive?n.preventDefault():e.onItemMouseEnter&&e.onItemMouseEnter({originalEvent:n,processedItem:t})},p=function(e,n){var t=n.item;h(n)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),d({originalEvent:e,processedItem:n,isFocus:!0}),t.url||(e.preventDefault(),e.stopPropagation()))},d=function(n){e.onLeafClick&&e.onLeafClick(n)},b=function(e){var n;return null===(n=e.item)||void 0===n?void 0:n.id},v=function(n){return"".concat(e.id,"_").concat(n.key)},g=function(e,n,t){return e&&e.item?a.ObjectUtils.getItemValue(e.item[n],t):void 0},x=function(n){return e.activeItemPath.some((function(e){return e.key===n.key}))},I=function(e){return!1!==g(e,"visible")},h=function(e){return g(e,"disabled")},E=function(n){return e.focusedItemId===v(n)},O=function(e){return a.ObjectUtils.isNotEmpty(e.items)},k=function(n){return n-e.model.slice(0,n).filter((function(e){return I(e)&&g(e,"separator")})).length+1},j=function(n){var i=e.id+"_separator_"+n,a=t({key:i,"data-id":i,className:o("separator"),role:"separator"},r("separator",{hostName:e.hostName}));return f.createElement("li",a)},w=function(n){var t=n&&n.items;return t?f.createElement(S,{id:e.id,hostName:e.hostName,menuProps:e.menuProps,level:e.level+1,model:t,activeItemPath:e.activeItemPath,focusedItemId:e.focusedItemId,onLeafClick:d,onItemMouseEnter:e.onItemMouseEnter,submenuIcon:e.submenuIcon,ptm:r,style:{display:x(n)?"block":"none"},cx:o}):null},N=function(n,r){var i=n.item;if(!I(n))return null;var d=b(n),j=v(n),S=x(n),N=E(n),D=h(n)||!1,U=O(n),K=a.classNames("p-menuitem-link",{"p-disabled":D}),M=a.classNames("p-menuitem-icon",g(n,"icon")),A=t({className:o("icon")},s(n,"icon",r)),C=a.IconUtils.getJSXIcon(i.icon,P({},A),{props:e.menuProps}),L=t({className:o("label")},s(n,"label",r)),R=i.label&&f.createElement("span",L,i.label),H=g(n,"items"),T=t({className:o("submenuIcon")},s(n,"submenuIcon",r)),_=H&&a.IconUtils.getJSXIcon(e.root?e.submenuIcon||f.createElement(u.AngleDownIcon,T):e.submenuIcon||f.createElement(c.AngleRightIcon,T),P({},T),{props:P({menuProps:e.menuProps},e)}),B=w(n),F=t({href:i.url||"#",tabIndex:"-1","aria-hidden":"true",className:o("action",{disabled:D}),onFocus:function(e){return e.stopPropagation()},target:g(n,"target"),"aria-haspopup":null!=H},s(n,"action",r)),z=f.createElement("a",F,C,R,_,f.createElement(l.Ripple,null));i.template&&(z=a.ObjectUtils.getJSXElement(i.template,i,{className:K,labelClassName:"p-menuitem-text",iconClassName:M,submenuIconClassName:"p-submenu-icon",element:z,props:e}));var J=t({onClick:function(e){return p(e,n)},onMouseEnter:function(e){return m(e,n)},className:o("content")},s(n,"content",r)),X=g(n,"className"),Z=t(y({id:d,key:j,"data-id":j,role:"menuitem","aria-label":i.label,"aria-disabled":D,"aria-expanded":U?S:void 0,"aria-haspopup":U&&!i.url?"menu":void 0,"aria-level":e.level+1,"aria-setsize":e.model.filter((function(e){return I(e)&&!g(e,"separator")})).length,"aria-posinset":k(r),"data-p-highlight":S,"data-p-focused":N,"data-p-disabled":D,className:a.classNames(X,o("menuitem",{active:S,focused:N,disabled:D}))},"data-p-disabled",D||!1),s(n,"menuitem",r));return f.createElement("li",Z,f.createElement("div",J,z),B)},D=e.root?"menubar":"menu",U=e.root?"menu":"submenu",K=e.root?"0":null,M=e.model?e.model.map((function(e,n){return g(e,"separator")?j(n):N(e,n)})):null,A=t({ref:n,className:o(U),level:e.level,onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:e.onKeyDown,"data-id":e.id,tabIndex:K,"aria-activedescendant":e.ariaActivedescendant,style:e.style,role:D},r(U));return f.createElement("ul",A,M)})));function w(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?w(Object(t),!0).forEach((function(n){y(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):w(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}S.displayName="MenubarSub";var D=f.memo(f.forwardRef((function(e,n){var u=i.useMergeProps(),c=f.useContext(t.PrimeReactContext),l=k.getProps(e,c),s=O(f.useState(l.id),2),m=s[0],d=s[1],b=O(f.useState(!1),2),v=b[0],g=b[1],x=O(f.useState(!1),2),I=x[0],h=x[1],E=O(f.useState({index:-1,level:0,parentKey:""}),2),j=E[0],P=E[1],w=O(f.useState(null),2),D=w[0],U=w[1],K=O(f.useState([]),2),M=K[0],A=K[1],C=O(f.useState([]),2),L=C[0],R=C[1],H=O(f.useState([]),2),T=H[0],_=H[1],B=O(f.useState(!1),2),F=B[0],z=B[1],J=O(f.useState(!1),2),X=J[0],Z=J[1],V=f.useRef(null),W=f.useRef(null),q=f.useRef(null),Y=f.useRef(""),$=f.useRef(null),G=f.useRef(!1),Q=k.setMetaData({props:l,state:{id:m,mobileActive:v}}),ee=Q.ptm,ne=Q.cx;r.useHandleStyle(k.css.styles,Q.isUnstyled,{name:"menubar"});var te=O(i.useEventListener({type:"click",listener:function(e){me(e)&&(V.current&&!V.current.contains(e.target)&&se())}}),2),re=te[0],ie=te[1],oe=O(i.useResizeListener({listener:function(e){a.DomHandler.isTouchDevice()||se(e)}}),2),ae=oe[0],ue=oe[1],ce=function(e){v?(g(!1),se()):(g(!0),setTimeout((function(){le()}),1)),e.preventDefault()},le=function(){P({index:Le(),level:0,parentKey:""}),a.DomHandler.focus(W.current)},se=function(e){v&&(g(!1),setTimeout((function(){a.DomHandler.focus(q.current)}),0)),A([]),P({index:-1,level:0,parentKey:""}),e&&a.DomHandler.focus(W.current),Z(!1)},me=function(e){return W.current!==e.target&&!W.current.contains(e.target)&&q.current!==e.target&&!q.current.contains(e.target)},fe=function(e,n){return e?a.ObjectUtils.getItemValue(e[n]):void 0},pe=function(e){return fe(e,"separator")},de=function(e){return e?fe(e.item,"label"):void 0},be=function(e){return e&&a.ObjectUtils.isNotEmpty(e.items)},ve=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=M.filter((function(e){return e.parentKey!==u&&e.parentKey!==i}));c&&l.push(n),P({index:r,level:o,parentKey:u}),A(l),c&&Z(!0),t&&a.DomHandler.focus(W.current)}},ye=function(e){var n=L[j.index];if(n?a.ObjectUtils.isEmpty(n.parent):null){be(n)&&(ve({originalEvent:e,processedItem:n}),P({index:-1,parentKey:n.key}),setTimeout((function(){return z(!0)}),0))}else{var t=-1!==j.index?Me(j.index):Le();Te(t)}e.preventDefault()},ge=function(e){var n=L[j.index];if(a.ObjectUtils.isEmpty(n.parent)){be(n)&&(ve({originalEvent:e,processedItem:n}),P({index:-1,parentKey:n.key}),G.current=!0,setTimeout((function(){return z(!0)}),0))}else{var t=M.find((function(e){return e.key===n.parentKey}));if(0===j.index&&t&&""===t.parentKey)P({index:-1,parentKey:t?t.parentKey:""}),Y.current="",xe(e);else{var r=-1!==j.index?Ae(j.index):Re();Te(r)}}e.preventDefault()},xe=function(e){var n=L[j.index],t=n?M.find((function(e){return e.key===n.parentKey})):null;if(t)ve({originalEvent:e,processedItem:t}),A(M.filter((function(e){return e.key!==t.key})));else{var r=-1!==j.index?Ae(j.index):Re();Te(r)}e.preventDefault()},Ie=function(e){var n=L[j.index];if(n?M.find((function(e){return e.key===n.parentKey})):null){be(n)&&(ve({originalEvent:e,processedItem:n}),P({index:-1,parentKey:n.key}),setTimeout((function(){return z(!0)}),0))}else{var t=-1!==j.index?Me(j.index):Le();Te(t)}e.preventDefault()},he=function(e){Te(Ue()),e.preventDefault()},Ee=function(e){Te(Ke()),e.preventDefault()},Oe=function(e){if(-1!==j.index){var n=a.DomHandler.findSingle(W.current,'li[data-id="'.concat("".concat(D),'"]')),t=n&&a.DomHandler.findSingle(n,'a[data-pc-section="action"]');t?t.click():n&&n.click()}e.preventDefault()},ke=function(e){Oe(e)},je=function(e){se(!0),P({focusedItemInfo:j,index:Le()})},Pe=function(e){if(-1!==j.index){var n=L[j.index];!be(n)&&ve({originalEvent:e,processedItem:n})}se()},Se=function(e){return we(e)&&de(e).toLocaleLowerCase().startsWith(Y.current.toLocaleLowerCase())},we=function(e){return!!e&&!fe(e.item,"disabled")&&!pe(e.item)},Ne=function(e){return we(e)&&De(e)},De=function(e){return M.some((function(n){return n.key===e.key}))},Ue=function(){return L.findIndex((function(e){return we(e)}))},Ke=function(){return a.ObjectUtils.findLastIndex(L,(function(e){return we(e)}))},Me=function(e){var n=e<L.length-1?L.slice(e+1).findIndex((function(e){return we(e)})):-1;return n>-1?n+e+1:e},Ae=function(e){var n=e>0?a.ObjectUtils.findLastIndex(L.slice(0,e),(function(e){return we(e)})):-1;return n>-1?n:e},Ce=function(){return L.findIndex((function(e){return Ne(e)}))},Le=function(){var e=Ce();return e<0?Ue():e},Re=function(){var e=Ce();return e<0?Ke():e},He=function(e,n){Y.current=(Y.current||"")+n;var t=-1,r=!1;return-1!==(t=-1!==j.index?-1===(t=L.slice(j.index).findIndex((function(e){return Se(e)})))?L.slice(0,j.index).findIndex((function(e){return Se(e)})):t+j.index:L.findIndex((function(e){return Se(e)})))&&(r=!0),-1===t&&-1===j.index&&(t=Le()),-1!==t&&Te(t),$.current&&clearTimeout($.current),$.current=setTimeout((function(){Y.current="",$.current=null}),500),r},Te=function(e){j.index!==e&&(P(N(N({},j),{},{index:e})),_e())},_e=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(m,"_").concat(e):D,t=a.DomHandler.findSingle(W.current,'li[data-id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},Be=f.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 a=(""!==r?r+"_":"")+o,u={item:e,index:o,level:n,key:a,parent:t,parentKey:r};u.items=Be(e.items,n+1,u,a),i.push(u)})),i}),[]);i.useMountEffect((function(){m||d(a.UniqueComponentId())})),i.useUpdateEffect((function(){v?(re(),ae(),a.ZIndexUtils.set("menu",W.current,c&&c.autoZIndex||p.default.autoZIndex,c&&c.zIndex.menu||p.default.zIndex.menu)):(ue(),ie(),a.ZIndexUtils.clear(W.current))}),[v]),f.useEffect((function(){var e=Be(l.model||[],0,null,"");_(e)}),[l.model,Be]),i.useUpdateEffect((function(){var e=M.find((function(e){return e.key===j.parentKey}));R(e?e.items:T)}),[M,j,T]),i.useUpdateEffect((function(){a.ObjectUtils.isNotEmpty(M)?(re(),ae()):(ie(),ue())}),[M]),i.useUpdateEffect((function(){if(F){var e=-1!==j.index?Me(j.index):G.current?Ke():Le();Te(e),G.current=!1,z(!1)}}),[F]),i.useUpdateEffect((function(){U(-1!==j.index?"".concat(m).concat(a.ObjectUtils.isNotEmpty(j.parentKey)?"_"+j.parentKey:"","_").concat(j.index):null)}),[j]),i.useUnmountEffect((function(){a.ZIndexUtils.clear(W.current)})),f.useImperativeHandle(n,(function(){return{props:l,toggle:ce,getElement:function(){return V.current},getRootMenu:function(){return W.current},getMenuButton:function(){return q.current}}}));var Fe=function(){if(l.start){var e=a.ObjectUtils.getJSXElement(l.start,l),n=u({className:ne("start")},ee("start"));return f.createElement("div",n,e)}return null}(),ze=function(){if(l.end){var e=a.ObjectUtils.getJSXElement(l.end,l),n=u({className:ne("end")},ee("end"));return f.createElement("div",n,e)}return null}(),Je=function(){if(l.model&&l.model.length<1)return null;var e=u(y(y(y(y({ref:q,href:"#",tabIndex:"0","aria-haspopup":!!(v&&l.model&&l.model.lentgh>0),"aria-expanded":v,"aria-label":t.ariaLabel("navigation"),"aria-controls":m,role:"button"},"tabIndex",0),"className",ne("button")),"onKeyDown",(function(e){var n;("Enter"===(n=e).code||"Space"===n.code)&&ce(n)})),"onClick",(function(e){return ce(e)})),ee("button")),n=u(ee("popupIcon")),r=a.IconUtils.getJSXIcon(l.menuIcon||f.createElement(o.BarsIcon,n),N({},n),{props:l});return f.createElement("a",e,r)}(),Xe=f.createElement(S,{hostName:"Menubar",ariaActivedescendant:I?D:void 0,level:0,id:m,ref:W,menuProps:l,model:T,onLeafClick:function(e){var n=e.originalEvent,t=e.processedItem,r=be(t),i=a.ObjectUtils.isEmpty(t.parent);if(De(t)){var o=t.index,u=t.key,c=t.level,l=t.parentKey;A(M.filter((function(e){return u!==e.key&&u.startsWith(e.key)}))),P({index:o,level:c,parentKey:l}),r||Z(!i),setTimeout((function(){a.DomHandler.focus(W.current),r&&Z(!0)}),0)}else if(r)a.DomHandler.focus(W.current),ve({originalEvent:n,processedItem:t});else{var s=i?t:M.find((function(e){return""===e.parentKey})),m=s?s.index:-1;se(n),P({index:m,parentKey:s?s.parentKey:""}),g(!1)}},onItemMouseEnter:function(e){!v&&X&&ve(e)},onFocus:function(e){h(!0),P(-1!==j.index?j:{index:Le(),level:0,parentKey:""}),l.onFocus&&l.onFocus(e)},onBlur:function(e){h(!1),P({index:-1,level:0,parentKey:""}),Y.current="",Z(!1),l.onBlur&&l.onBlur(e)},onKeyDown:function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":ye(e);break;case"ArrowUp":ge(e);break;case"ArrowLeft":xe(e);break;case"ArrowRight":Ie(e);break;case"Home":he(e);break;case"End":Ee(e);break;case"Space":ke(e);break;case"Enter":Oe(e);break;case"Escape":je();break;case"Tab":Pe(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&a.ObjectUtils.isPrintableCharacter(e.key)&&He(e,e.key)}},root:!0,activeItemPath:M,focusedItemId:I?D:void 0,submenuIcon:l.submenuIcon,ptm:ee,cx:ne}),Ze=u({id:l.id,ref:V,className:a.classNames(l.className,ne("root",{mobileActiveState:v})),style:l.style},k.getOtherProps(l),ee("root"));return f.createElement("div",Ze,Fe,Je,Xe,ze)})));return D.displayName="Menubar",e.Menubar=D,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.icons.bars,primereact.utils,primereact.icons.angledown,primereact.icons.angleright,primereact.ripple);
|
package/message/message.cjs.js
CHANGED
|
@@ -104,14 +104,8 @@ var MessageBase = componentbase.ComponentBase.extend({
|
|
|
104
104
|
css: {
|
|
105
105
|
classes: {
|
|
106
106
|
root: function root(_ref) {
|
|
107
|
-
var
|
|
108
|
-
return utils.classNames('p-inline-message p-component', {
|
|
109
|
-
'p-inline-message-info': props.severity === 'info',
|
|
110
|
-
'p-inline-message-warn': props.severity === 'warn',
|
|
111
|
-
'p-inline-message-error': props.severity === 'error',
|
|
112
|
-
'p-inline-message-success': props.severity === 'success',
|
|
113
|
-
'p-inline-message-icon-only': !props.text
|
|
114
|
-
});
|
|
107
|
+
var severity = _ref.props.severity;
|
|
108
|
+
return utils.classNames('p-inline-message p-component', _defineProperty({}, "p-inline-message-".concat(severity), severity));
|
|
115
109
|
},
|
|
116
110
|
icon: 'p-inline-message-icon',
|
|
117
111
|
text: 'p-inline-message-text'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/componentbase"),n=require("primereact/hooks"),i=require("primereact/icons/check"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/componentbase"),n=require("primereact/hooks"),i=require("primereact/icons/check"),o=require("primereact/icons/exclamationtriangle"),c=require("primereact/icons/infocircle"),s=require("primereact/icons/timescircle"),a=require("primereact/utils");function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var u=l(e);function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},p.apply(this,arguments)}function m(e){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m(e)}function f(e,t){if("object"!==m(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==m(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function y(e){var t=f(e,"string");return"symbol"===m(t)?t:String(t)}function b(e,t,r){return(t=y(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var g=r.ComponentBase.extend({defaultProps:{__TYPE:"Message",id:null,className:null,style:null,text:null,icon:null,severity:"info",content:null,children:void 0},css:{classes:{root:function(e){var t=e.props.severity;return a.classNames("p-inline-message p-component",b({},"p-inline-message-".concat(t),t))},icon:"p-inline-message-icon",text:"p-inline-message-text"},styles:"\n @layer primereact {\n .p-inline-message {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n vertical-align: top;\n }\n\n .p-inline-message-icon {\n flex-shrink: 0;\n }\n \n .p-inline-message-icon-only .p-inline-message-text {\n visibility: hidden;\n width: 0;\n }\n \n .p-fluid .p-inline-message {\n display: flex;\n } \n }\n "}});function v(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function O(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?v(Object(r),!0).forEach((function(t){b(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):v(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var d=u.memo(u.forwardRef((function(e,l){var m=n.useMergeProps(),f=u.useContext(t.PrimeReactContext),y=g.getProps(e,f),b=u.useRef(null),v=g.setMetaData({props:y}),d=v.ptm,j=v.cx;r.useHandleStyle(g.css.styles,v.isUnstyled,{name:"message"});u.useImperativeHandle(l,(function(){return{props:y,getElement:function(){return b.current}}}));var P=function(){if(y.content)return a.ObjectUtils.getJSXElement(y.content,y);var e=a.ObjectUtils.getJSXElement(y.text,y),t=m({className:j("icon")},d("icon")),r=y.icon;if(!r)switch(y.severity){case"info":r=u.createElement(c.InfoCircleIcon,t);break;case"warn":r=u.createElement(o.ExclamationTriangleIcon,t);break;case"error":r=u.createElement(s.TimesCircleIcon,t);break;case"success":r=u.createElement(i.CheckIcon,t)}var n=a.IconUtils.getJSXIcon(r,O({},t),{props:y}),l=m({className:j("text")},d("text"));return u.createElement(u.Fragment,null,n,u.createElement("span",l,e))}(),h=m({className:a.classNames(y.className,j("root")),style:y.style,role:"alert","aria-live":"polite","aria-atomic":"true"},g.getOtherProps(y),d("root"));return u.createElement("div",p({id:y.id,ref:b},h),P)})));d.displayName="Message",exports.Message=d;
|
package/message/message.d.ts
CHANGED
|
@@ -57,7 +57,7 @@ export interface MessageProps extends Omit<React.DetailedHTMLProps<React.HTMLAtt
|
|
|
57
57
|
/**
|
|
58
58
|
* Severity level of the message.
|
|
59
59
|
*/
|
|
60
|
-
severity?: 'success' | 'info' | 'warn' | 'error' | undefined;
|
|
60
|
+
severity?: 'success' | 'info' | 'warn' | 'error' | 'secondary' | 'contrast' | undefined;
|
|
61
61
|
/**
|
|
62
62
|
* Custom template of the message.
|
|
63
63
|
*/
|
package/message/message.esm.js
CHANGED
|
@@ -80,14 +80,8 @@ var MessageBase = ComponentBase.extend({
|
|
|
80
80
|
css: {
|
|
81
81
|
classes: {
|
|
82
82
|
root: function root(_ref) {
|
|
83
|
-
var
|
|
84
|
-
return classNames('p-inline-message p-component', {
|
|
85
|
-
'p-inline-message-info': props.severity === 'info',
|
|
86
|
-
'p-inline-message-warn': props.severity === 'warn',
|
|
87
|
-
'p-inline-message-error': props.severity === 'error',
|
|
88
|
-
'p-inline-message-success': props.severity === 'success',
|
|
89
|
-
'p-inline-message-icon-only': !props.text
|
|
90
|
-
});
|
|
83
|
+
var severity = _ref.props.severity;
|
|
84
|
+
return classNames('p-inline-message p-component', _defineProperty({}, "p-inline-message-".concat(severity), severity));
|
|
91
85
|
},
|
|
92
86
|
icon: 'p-inline-message-icon',
|
|
93
87
|
text: 'p-inline-message-text'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{ComponentBase as r,useHandleStyle as n}from"primereact/componentbase";import{useMergeProps as i}from"primereact/hooks";import{CheckIcon as o}from"primereact/icons/check";import{ExclamationTriangleIcon as
|
|
1
|
+
import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{ComponentBase as r,useHandleStyle as n}from"primereact/componentbase";import{useMergeProps as i}from"primereact/hooks";import{CheckIcon as o}from"primereact/icons/check";import{ExclamationTriangleIcon as c}from"primereact/icons/exclamationtriangle";import{InfoCircleIcon as a}from"primereact/icons/infocircle";import{TimesCircleIcon as s}from"primereact/icons/timescircle";import{classNames as l,ObjectUtils as m,IconUtils as p}from"primereact/utils";function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},u.apply(this,arguments)}function f(e){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f(e)}function y(e,t){if("object"!==f(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==f(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function b(e){var t=y(e,"string");return"symbol"===f(t)?t:String(t)}function g(e,t,r){return(t=b(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var v=r.extend({defaultProps:{__TYPE:"Message",id:null,className:null,style:null,text:null,icon:null,severity:"info",content:null,children:void 0},css:{classes:{root:function(e){var t=e.props.severity;return l("p-inline-message p-component",g({},"p-inline-message-".concat(t),t))},icon:"p-inline-message-icon",text:"p-inline-message-text"},styles:"\n @layer primereact {\n .p-inline-message {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n vertical-align: top;\n }\n\n .p-inline-message-icon {\n flex-shrink: 0;\n }\n \n .p-inline-message-icon-only .p-inline-message-text {\n visibility: hidden;\n width: 0;\n }\n \n .p-fluid .p-inline-message {\n display: flex;\n } \n }\n "}});function d(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function O(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?d(Object(r),!0).forEach((function(t){g(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):d(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var j=e.memo(e.forwardRef((function(r,f){var y=i(),b=e.useContext(t),g=v.getProps(r,b),d=e.useRef(null),j=v.setMetaData({props:g}),h=j.ptm,P=j.cx;n(v.css.styles,j.isUnstyled,{name:"message"});e.useImperativeHandle(f,(function(){return{props:g,getElement:function(){return d.current}}}));var x=function(){if(g.content)return m.getJSXElement(g.content,g);var t=m.getJSXElement(g.text,g),r=y({className:P("icon")},h("icon")),n=g.icon;if(!n)switch(g.severity){case"info":n=e.createElement(a,r);break;case"warn":n=e.createElement(c,r);break;case"error":n=e.createElement(s,r);break;case"success":n=e.createElement(o,r)}var i=p.getJSXIcon(n,O({},r),{props:g}),l=y({className:P("text")},h("text"));return e.createElement(e.Fragment,null,i,e.createElement("span",l,t))}(),w=y({className:l(g.className,P("root")),style:g.style,role:"alert","aria-live":"polite","aria-atomic":"true"},v.getOtherProps(g),h("root"));return e.createElement("div",u({id:g.id,ref:d},w),x)})));j.displayName="Message";export{j as Message};
|