primereact 10.3.0 → 10.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/accordion/accordion.cjs.js +11 -8
- package/accordion/accordion.cjs.min.js +1 -1
- package/accordion/accordion.d.ts +36 -1
- package/accordion/accordion.esm.js +11 -8
- package/accordion/accordion.esm.min.js +1 -1
- package/accordion/accordion.js +9 -6
- package/accordion/accordion.min.js +1 -1
- package/api/api.cjs.js +39 -33
- package/api/api.cjs.min.js +1 -1
- package/api/api.d.ts +13 -2
- package/api/api.esm.js +39 -33
- package/api/api.esm.min.js +1 -1
- package/api/api.js +39 -33
- package/api/api.min.js +1 -1
- package/autocomplete/autocomplete.cjs.js +3 -2
- package/autocomplete/autocomplete.cjs.min.js +1 -1
- package/autocomplete/autocomplete.d.ts +6 -1
- package/autocomplete/autocomplete.esm.js +3 -2
- package/autocomplete/autocomplete.esm.min.js +1 -1
- package/autocomplete/autocomplete.js +3 -2
- package/autocomplete/autocomplete.min.js +1 -1
- package/blockui/blockui.cjs.js +8 -5
- package/blockui/blockui.cjs.min.js +1 -1
- package/blockui/blockui.esm.js +8 -5
- package/blockui/blockui.esm.min.js +1 -1
- package/blockui/blockui.js +8 -5
- package/blockui/blockui.min.js +1 -1
- package/calendar/calendar.cjs.js +80 -43
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.d.ts +3 -5
- package/calendar/calendar.esm.js +80 -43
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +80 -43
- package/calendar/calendar.min.js +1 -1
- package/carousel/carousel.cjs.js +1 -1
- package/carousel/carousel.cjs.min.js +1 -1
- package/carousel/carousel.esm.js +1 -1
- package/carousel/carousel.esm.min.js +1 -1
- package/carousel/carousel.js +1 -1
- package/carousel/carousel.min.js +1 -1
- package/cascadeselect/cascadeselect.cjs.js +42 -20
- package/cascadeselect/cascadeselect.cjs.min.js +1 -1
- package/cascadeselect/cascadeselect.d.ts +27 -4
- package/cascadeselect/cascadeselect.esm.js +43 -21
- package/cascadeselect/cascadeselect.esm.min.js +1 -1
- package/cascadeselect/cascadeselect.js +43 -21
- package/cascadeselect/cascadeselect.min.js +1 -1
- package/checkbox/checkbox.cjs.js +25 -25
- package/checkbox/checkbox.cjs.min.js +1 -1
- package/checkbox/checkbox.esm.js +25 -25
- package/checkbox/checkbox.esm.min.js +1 -1
- package/checkbox/checkbox.js +26 -26
- package/checkbox/checkbox.min.js +1 -1
- package/chip/chip.cjs.js +5 -1
- package/chip/chip.cjs.min.js +1 -1
- package/chip/chip.d.ts +17 -2
- package/chip/chip.esm.js +5 -1
- package/chip/chip.esm.min.js +1 -1
- package/chip/chip.js +5 -1
- package/chip/chip.min.js +1 -1
- package/chips/chips.cjs.js +2 -1
- package/chips/chips.cjs.min.js +1 -1
- package/chips/chips.esm.js +2 -1
- package/chips/chips.esm.min.js +1 -1
- package/chips/chips.js +2 -1
- package/chips/chips.min.js +1 -1
- package/colorpicker/colorpicker.d.ts +1 -1
- package/componentbase/componentbase.cjs.js +49 -8
- package/componentbase/componentbase.cjs.min.js +1 -1
- package/componentbase/componentbase.esm.js +50 -9
- package/componentbase/componentbase.esm.min.js +1 -1
- package/componentbase/componentbase.js +49 -8
- package/componentbase/componentbase.min.js +1 -1
- package/confirmdialog/confirmdialog.cjs.js +21 -18
- package/confirmdialog/confirmdialog.cjs.min.js +1 -1
- package/confirmdialog/confirmdialog.d.ts +19 -3
- package/confirmdialog/confirmdialog.esm.js +21 -18
- package/confirmdialog/confirmdialog.esm.min.js +1 -1
- package/confirmdialog/confirmdialog.js +21 -18
- package/confirmdialog/confirmdialog.min.js +1 -1
- package/confirmpopup/confirmpopup.cjs.js +32 -120
- package/confirmpopup/confirmpopup.cjs.min.js +1 -1
- package/confirmpopup/confirmpopup.d.ts +12 -2
- package/confirmpopup/confirmpopup.esm.js +35 -123
- package/confirmpopup/confirmpopup.esm.min.js +1 -1
- package/confirmpopup/confirmpopup.js +32 -120
- package/confirmpopup/confirmpopup.min.js +1 -1
- package/contextmenu/contextmenu.cjs.js +1 -1
- package/contextmenu/contextmenu.cjs.min.js +1 -1
- package/contextmenu/contextmenu.d.ts +1 -1
- package/contextmenu/contextmenu.esm.js +1 -1
- package/contextmenu/contextmenu.esm.min.js +1 -1
- package/contextmenu/contextmenu.js +1 -1
- package/contextmenu/contextmenu.min.js +1 -1
- package/core/core.js +725 -458
- package/core/core.min.js +40 -40
- package/datatable/datatable.cjs.js +31 -24
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.d.ts +4 -3
- package/datatable/datatable.esm.js +31 -24
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +31 -24
- package/datatable/datatable.min.js +1 -1
- package/dataview/dataview.d.ts +1 -1
- package/dialog/dialog.cjs.js +27 -118
- package/dialog/dialog.cjs.min.js +1 -1
- package/dialog/dialog.d.ts +2 -2
- package/dialog/dialog.esm.js +34 -125
- package/dialog/dialog.esm.min.js +1 -1
- package/dialog/dialog.js +28 -119
- package/dialog/dialog.min.js +1 -1
- package/dropdown/dropdown.cjs.js +5 -3
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.d.ts +1 -1
- package/dropdown/dropdown.esm.js +5 -3
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +6 -4
- package/dropdown/dropdown.min.js +1 -1
- package/galleria/galleria.cjs.js +1 -1
- package/galleria/galleria.cjs.min.js +1 -1
- package/galleria/galleria.esm.js +1 -1
- package/galleria/galleria.esm.min.js +1 -1
- package/galleria/galleria.js +1 -1
- package/galleria/galleria.min.js +1 -1
- package/hooks/hooks.cjs.js +215 -76
- package/hooks/hooks.cjs.min.js +1 -1
- package/hooks/hooks.d.ts +8 -4
- package/hooks/hooks.esm.js +215 -78
- package/hooks/hooks.esm.min.js +1 -1
- package/hooks/hooks.js +215 -76
- package/hooks/hooks.min.js +1 -1
- package/icons/arrowdown/index.cjs.js +1 -1
- package/icons/arrowdown/index.cjs.min.js +1 -1
- package/icons/arrowdown/index.esm.js +1 -1
- package/icons/arrowdown/index.esm.min.js +1 -1
- package/icons/arrowdown/index.js +1 -1
- package/icons/arrowdown/index.min.js +1 -1
- package/icons/arrowup/index.cjs.js +1 -1
- package/icons/arrowup/index.cjs.min.js +1 -1
- package/icons/arrowup/index.esm.js +1 -1
- package/icons/arrowup/index.esm.min.js +1 -1
- package/icons/arrowup/index.js +1 -1
- package/icons/arrowup/index.min.js +1 -1
- package/icons/ban/index.cjs.js +1 -1
- package/icons/ban/index.cjs.min.js +1 -1
- package/icons/ban/index.esm.js +1 -1
- package/icons/ban/index.esm.min.js +1 -1
- package/icons/ban/index.js +1 -1
- package/icons/ban/index.min.js +1 -1
- package/icons/download/index.cjs.js +1 -1
- package/icons/download/index.cjs.min.js +1 -1
- package/icons/download/index.esm.js +1 -1
- package/icons/download/index.esm.min.js +1 -1
- package/icons/download/index.js +1 -1
- package/icons/download/index.min.js +1 -1
- package/icons/exclamationtriangle/index.cjs.js +1 -1
- package/icons/exclamationtriangle/index.cjs.min.js +1 -1
- package/icons/exclamationtriangle/index.esm.js +1 -1
- package/icons/exclamationtriangle/index.esm.min.js +1 -1
- package/icons/exclamationtriangle/index.js +1 -1
- package/icons/exclamationtriangle/index.min.js +1 -1
- package/icons/eyeslash/index.cjs.js +1 -1
- package/icons/eyeslash/index.cjs.min.js +1 -1
- package/icons/eyeslash/index.esm.js +1 -1
- package/icons/eyeslash/index.esm.min.js +1 -1
- package/icons/eyeslash/index.js +1 -1
- package/icons/eyeslash/index.min.js +1 -1
- package/icons/filter/index.cjs.js +1 -1
- package/icons/filter/index.cjs.min.js +1 -1
- package/icons/filter/index.esm.js +1 -1
- package/icons/filter/index.esm.min.js +1 -1
- package/icons/filter/index.js +1 -1
- package/icons/filter/index.min.js +1 -1
- package/icons/filterslash/index.cjs.js +1 -1
- package/icons/filterslash/index.cjs.min.js +1 -1
- package/icons/filterslash/index.esm.js +1 -1
- package/icons/filterslash/index.esm.min.js +1 -1
- package/icons/filterslash/index.js +1 -1
- package/icons/filterslash/index.min.js +1 -1
- package/icons/infocircle/index.cjs.js +1 -1
- package/icons/infocircle/index.cjs.min.js +1 -1
- package/icons/infocircle/index.esm.js +1 -1
- package/icons/infocircle/index.esm.min.js +1 -1
- package/icons/infocircle/index.js +1 -1
- package/icons/infocircle/index.min.js +1 -1
- package/icons/pencil/index.cjs.js +1 -1
- package/icons/pencil/index.cjs.min.js +1 -1
- package/icons/pencil/index.esm.js +1 -1
- package/icons/pencil/index.esm.min.js +1 -1
- package/icons/pencil/index.js +1 -1
- package/icons/pencil/index.min.js +1 -1
- package/icons/plus/index.cjs.js +1 -1
- package/icons/plus/index.cjs.min.js +1 -1
- package/icons/plus/index.esm.js +1 -1
- package/icons/plus/index.esm.min.js +1 -1
- package/icons/plus/index.js +1 -1
- package/icons/plus/index.min.js +1 -1
- package/icons/refresh/index.cjs.js +1 -1
- package/icons/refresh/index.cjs.min.js +1 -1
- package/icons/refresh/index.esm.js +1 -1
- package/icons/refresh/index.esm.min.js +1 -1
- package/icons/refresh/index.js +1 -1
- package/icons/refresh/index.min.js +1 -1
- package/icons/search/index.cjs.js +1 -1
- package/icons/search/index.cjs.min.js +1 -1
- package/icons/search/index.esm.js +1 -1
- package/icons/search/index.esm.min.js +1 -1
- package/icons/search/index.js +1 -1
- package/icons/search/index.min.js +1 -1
- package/icons/searchminus/index.cjs.js +1 -1
- package/icons/searchminus/index.cjs.min.js +1 -1
- package/icons/searchminus/index.esm.js +1 -1
- package/icons/searchminus/index.esm.min.js +1 -1
- package/icons/searchminus/index.js +1 -1
- package/icons/searchminus/index.min.js +1 -1
- package/icons/searchplus/index.cjs.js +1 -1
- package/icons/searchplus/index.cjs.min.js +1 -1
- package/icons/searchplus/index.esm.js +1 -1
- package/icons/searchplus/index.esm.min.js +1 -1
- package/icons/searchplus/index.js +1 -1
- package/icons/searchplus/index.min.js +1 -1
- package/icons/sortalt/index.cjs.js +1 -1
- package/icons/sortalt/index.cjs.min.js +1 -1
- package/icons/sortalt/index.esm.js +1 -1
- package/icons/sortalt/index.esm.min.js +1 -1
- package/icons/sortalt/index.js +1 -1
- package/icons/sortalt/index.min.js +1 -1
- package/icons/sortamountdown/index.cjs.js +1 -1
- package/icons/sortamountdown/index.cjs.min.js +1 -1
- package/icons/sortamountdown/index.esm.js +1 -1
- package/icons/sortamountdown/index.esm.min.js +1 -1
- package/icons/sortamountdown/index.js +1 -1
- package/icons/sortamountdown/index.min.js +1 -1
- package/icons/sortamountupalt/index.cjs.js +1 -1
- package/icons/sortamountupalt/index.cjs.min.js +1 -1
- package/icons/sortamountupalt/index.esm.js +1 -1
- package/icons/sortamountupalt/index.esm.min.js +1 -1
- package/icons/sortamountupalt/index.js +1 -1
- package/icons/sortamountupalt/index.min.js +1 -1
- package/icons/spinner/index.cjs.js +1 -1
- package/icons/spinner/index.cjs.min.js +1 -1
- package/icons/spinner/index.esm.js +1 -1
- package/icons/spinner/index.esm.min.js +1 -1
- package/icons/spinner/index.js +1 -1
- package/icons/spinner/index.min.js +1 -1
- package/icons/star/index.cjs.js +1 -1
- package/icons/star/index.cjs.min.js +1 -1
- package/icons/star/index.esm.js +1 -1
- package/icons/star/index.esm.min.js +1 -1
- package/icons/star/index.js +1 -1
- package/icons/star/index.min.js +1 -1
- package/icons/starfill/index.cjs.js +1 -1
- package/icons/starfill/index.cjs.min.js +1 -1
- package/icons/starfill/index.esm.js +1 -1
- package/icons/starfill/index.esm.min.js +1 -1
- package/icons/starfill/index.js +1 -1
- package/icons/starfill/index.min.js +1 -1
- package/icons/thlarge/index.cjs.js +1 -1
- package/icons/thlarge/index.cjs.min.js +1 -1
- package/icons/thlarge/index.esm.js +1 -1
- package/icons/thlarge/index.esm.min.js +1 -1
- package/icons/thlarge/index.js +1 -1
- package/icons/thlarge/index.min.js +1 -1
- package/icons/timescircle/index.cjs.js +1 -1
- package/icons/timescircle/index.cjs.min.js +1 -1
- package/icons/timescircle/index.esm.js +1 -1
- package/icons/timescircle/index.esm.min.js +1 -1
- package/icons/timescircle/index.js +1 -1
- package/icons/timescircle/index.min.js +1 -1
- package/icons/trash/index.cjs.js +1 -1
- package/icons/trash/index.cjs.min.js +1 -1
- package/icons/trash/index.esm.js +1 -1
- package/icons/trash/index.esm.min.js +1 -1
- package/icons/trash/index.js +1 -1
- package/icons/trash/index.min.js +1 -1
- package/icons/undo/index.cjs.js +1 -1
- package/icons/undo/index.cjs.min.js +1 -1
- package/icons/undo/index.esm.js +1 -1
- package/icons/undo/index.esm.min.js +1 -1
- package/icons/undo/index.js +1 -1
- package/icons/undo/index.min.js +1 -1
- package/icons/upload/index.cjs.js +1 -1
- package/icons/upload/index.cjs.min.js +1 -1
- package/icons/upload/index.esm.js +1 -1
- package/icons/upload/index.esm.min.js +1 -1
- package/icons/upload/index.js +1 -1
- package/icons/upload/index.min.js +1 -1
- package/icons/windowmaximize/index.cjs.js +1 -1
- package/icons/windowmaximize/index.cjs.min.js +1 -1
- package/icons/windowmaximize/index.esm.js +1 -1
- package/icons/windowmaximize/index.esm.min.js +1 -1
- package/icons/windowmaximize/index.js +1 -1
- package/icons/windowmaximize/index.min.js +1 -1
- package/icons/windowminimize/index.cjs.js +1 -1
- package/icons/windowminimize/index.cjs.min.js +1 -1
- package/icons/windowminimize/index.esm.js +1 -1
- package/icons/windowminimize/index.esm.min.js +1 -1
- package/icons/windowminimize/index.js +1 -1
- package/icons/windowminimize/index.min.js +1 -1
- package/image/image.cjs.js +20 -109
- package/image/image.cjs.min.js +1 -1
- package/image/image.esm.js +22 -111
- package/image/image.esm.min.js +1 -1
- package/image/image.js +21 -110
- package/image/image.min.js +1 -1
- package/inplace/inplace.cjs.js +7 -0
- package/inplace/inplace.cjs.min.js +1 -1
- package/inplace/inplace.esm.js +7 -0
- package/inplace/inplace.esm.min.js +1 -1
- package/inplace/inplace.js +8 -2
- package/inplace/inplace.min.js +1 -1
- package/inputnumber/inputnumber.cjs.js +63 -19
- package/inputnumber/inputnumber.cjs.min.js +1 -1
- package/inputnumber/inputnumber.d.ts +7 -0
- package/inputnumber/inputnumber.esm.js +63 -19
- package/inputnumber/inputnumber.esm.min.js +1 -1
- package/inputnumber/inputnumber.js +63 -19
- package/inputnumber/inputnumber.min.js +1 -1
- package/inputswitch/inputswitch.cjs.js +3 -3
- package/inputswitch/inputswitch.cjs.min.js +1 -1
- package/inputswitch/inputswitch.esm.js +3 -3
- package/inputswitch/inputswitch.esm.min.js +1 -1
- package/inputswitch/inputswitch.js +3 -3
- 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.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/listbox/listbox.cjs.js +14 -1
- package/listbox/listbox.cjs.min.js +1 -1
- package/listbox/listbox.d.ts +8 -3
- package/listbox/listbox.esm.js +14 -1
- package/listbox/listbox.esm.min.js +1 -1
- package/listbox/listbox.js +14 -1
- package/listbox/listbox.min.js +1 -1
- package/megamenu/megamenu.cjs.js +67 -66
- package/megamenu/megamenu.cjs.min.js +1 -1
- package/megamenu/megamenu.esm.js +69 -68
- package/megamenu/megamenu.esm.min.js +1 -1
- package/megamenu/megamenu.js +67 -66
- package/megamenu/megamenu.min.js +1 -1
- package/mention/mention.cjs.js +0 -3
- package/mention/mention.cjs.min.js +1 -1
- package/mention/mention.esm.js +1 -4
- package/mention/mention.esm.min.js +1 -1
- package/mention/mention.js +0 -3
- package/mention/mention.min.js +1 -1
- package/menu/menu.cjs.js +7 -102
- package/menu/menu.cjs.min.js +1 -1
- package/menu/menu.d.ts +1 -1
- package/menu/menu.esm.js +10 -105
- package/menu/menu.esm.min.js +1 -1
- package/menu/menu.js +7 -102
- package/menu/menu.min.js +1 -1
- package/messages/messages.cjs.js +1 -1
- package/messages/messages.cjs.min.js +1 -1
- package/messages/messages.esm.js +1 -1
- package/messages/messages.esm.min.js +1 -1
- package/messages/messages.js +1 -1
- package/messages/messages.min.js +1 -1
- package/multiselect/multiselect.cjs.js +47 -30
- package/multiselect/multiselect.cjs.min.js +1 -1
- package/multiselect/multiselect.d.ts +5 -1
- package/multiselect/multiselect.esm.js +47 -30
- package/multiselect/multiselect.esm.min.js +1 -1
- package/multiselect/multiselect.js +47 -30
- package/multiselect/multiselect.min.js +1 -1
- package/orderlist/orderlist.cjs.js +1 -1
- package/orderlist/orderlist.cjs.min.js +1 -1
- package/orderlist/orderlist.d.ts +10 -0
- package/orderlist/orderlist.esm.js +1 -1
- package/orderlist/orderlist.esm.min.js +1 -1
- package/orderlist/orderlist.js +1 -1
- package/orderlist/orderlist.min.js +1 -1
- package/organizationchart/organizationchart.cjs.js +10 -0
- package/organizationchart/organizationchart.cjs.min.js +1 -1
- package/organizationchart/organizationchart.esm.js +10 -0
- package/organizationchart/organizationchart.esm.min.js +1 -1
- package/organizationchart/organizationchart.js +10 -0
- package/organizationchart/organizationchart.min.js +1 -1
- package/overlaypanel/overlaypanel.cjs.js +9 -104
- package/overlaypanel/overlaypanel.cjs.min.js +1 -1
- package/overlaypanel/overlaypanel.d.ts +1 -1
- package/overlaypanel/overlaypanel.esm.js +11 -106
- package/overlaypanel/overlaypanel.esm.min.js +1 -1
- package/overlaypanel/overlaypanel.js +10 -105
- package/overlaypanel/overlaypanel.min.js +1 -1
- package/package.json +1 -1
- package/paginator/paginator.d.ts +2 -2
- package/panelmenu/panelmenu.cjs.js +1 -1
- package/panelmenu/panelmenu.cjs.min.js +1 -1
- package/panelmenu/panelmenu.esm.js +1 -1
- package/panelmenu/panelmenu.esm.min.js +1 -1
- package/panelmenu/panelmenu.js +1 -1
- package/panelmenu/panelmenu.min.js +1 -1
- package/passthrough/tailwind/index.cjs.js +158 -155
- package/passthrough/tailwind/index.cjs.min.js +1 -1
- package/passthrough/tailwind/index.esm.js +158 -155
- package/passthrough/tailwind/index.esm.min.js +1 -1
- package/passthrough/tailwind/index.js +158 -155
- package/passthrough/tailwind/index.min.js +1 -1
- package/password/password.cjs.js +8 -3
- package/password/password.cjs.min.js +1 -1
- package/password/password.d.ts +1 -1
- package/password/password.esm.js +9 -4
- package/password/password.esm.min.js +1 -1
- package/password/password.js +8 -3
- package/password/password.min.js +1 -1
- package/picklist/picklist.cjs.js +709 -181
- package/picklist/picklist.cjs.min.js +1 -1
- package/picklist/picklist.d.ts +10 -0
- package/picklist/picklist.esm.js +708 -180
- package/picklist/picklist.esm.min.js +1 -1
- package/picklist/picklist.js +709 -181
- package/picklist/picklist.min.js +1 -1
- package/portal/portal.cjs.js +7 -1
- package/portal/portal.cjs.min.js +1 -1
- package/portal/portal.esm.js +7 -1
- package/portal/portal.esm.min.js +1 -1
- package/portal/portal.js +7 -1
- package/portal/portal.min.js +1 -1
- package/primereact.all.cjs.js +3391 -2429
- package/primereact.all.cjs.min.js +1 -1
- package/primereact.all.esm.js +3390 -2430
- package/primereact.all.esm.min.js +1 -1
- package/primereact.all.js +3391 -2429
- package/primereact.all.min.js +1 -1
- package/radiobutton/radiobutton.cjs.js +26 -26
- package/radiobutton/radiobutton.cjs.min.js +1 -1
- package/radiobutton/radiobutton.esm.js +26 -26
- package/radiobutton/radiobutton.esm.min.js +1 -1
- package/radiobutton/radiobutton.js +27 -27
- package/radiobutton/radiobutton.min.js +1 -1
- package/resources/themes/arya-blue/theme.css +18 -9
- package/resources/themes/arya-green/theme.css +18 -9
- package/resources/themes/arya-orange/theme.css +18 -9
- package/resources/themes/arya-purple/theme.css +18 -9
- package/resources/themes/bootstrap4-dark-blue/theme.css +18 -9
- package/resources/themes/bootstrap4-dark-purple/theme.css +18 -9
- package/resources/themes/bootstrap4-light-blue/theme.css +18 -9
- package/resources/themes/bootstrap4-light-purple/theme.css +18 -9
- package/resources/themes/fluent-light/theme.css +18 -9
- package/resources/themes/lara-dark-amber/theme.css +18 -9
- package/resources/themes/lara-dark-blue/theme.css +18 -9
- package/resources/themes/lara-dark-cyan/theme.css +18 -9
- package/resources/themes/lara-dark-green/theme.css +18 -9
- package/resources/themes/lara-dark-indigo/theme.css +18 -9
- package/resources/themes/lara-dark-pink/theme.css +18 -9
- package/resources/themes/lara-dark-purple/theme.css +18 -9
- package/resources/themes/lara-dark-teal/theme.css +18 -9
- package/resources/themes/lara-light-amber/theme.css +18 -9
- package/resources/themes/lara-light-blue/theme.css +18 -9
- package/resources/themes/lara-light-cyan/theme.css +18 -9
- package/resources/themes/lara-light-green/theme.css +18 -9
- package/resources/themes/lara-light-indigo/theme.css +18 -9
- package/resources/themes/lara-light-pink/theme.css +18 -9
- package/resources/themes/lara-light-purple/theme.css +18 -9
- package/resources/themes/lara-light-teal/theme.css +18 -9
- package/resources/themes/luna-amber/theme.css +18 -9
- package/resources/themes/luna-blue/theme.css +18 -9
- package/resources/themes/luna-green/theme.css +18 -9
- package/resources/themes/luna-pink/theme.css +18 -9
- package/resources/themes/md-dark-deeppurple/theme.css +18 -9
- package/resources/themes/md-dark-indigo/theme.css +18 -9
- package/resources/themes/md-light-deeppurple/theme.css +18 -9
- package/resources/themes/md-light-indigo/theme.css +18 -9
- package/resources/themes/mdc-dark-deeppurple/theme.css +18 -9
- package/resources/themes/mdc-dark-indigo/theme.css +18 -9
- package/resources/themes/mdc-light-deeppurple/theme.css +18 -9
- package/resources/themes/mdc-light-indigo/theme.css +18 -9
- package/resources/themes/mira/theme.css +18 -9
- package/resources/themes/nano/theme.css +18 -9
- package/resources/themes/nova/theme.css +18 -9
- package/resources/themes/nova-accent/theme.css +18 -9
- package/resources/themes/nova-alt/theme.css +18 -9
- package/resources/themes/rhea/theme.css +18 -9
- package/resources/themes/saga-blue/theme.css +18 -9
- package/resources/themes/saga-green/theme.css +18 -9
- package/resources/themes/saga-orange/theme.css +18 -9
- package/resources/themes/saga-purple/theme.css +18 -9
- package/resources/themes/soho-dark/theme.css +18 -9
- package/resources/themes/soho-light/theme.css +18 -9
- package/resources/themes/tailwind-light/theme.css +18 -9
- package/resources/themes/vela-blue/theme.css +18 -9
- package/resources/themes/vela-green/theme.css +18 -9
- package/resources/themes/vela-orange/theme.css +18 -9
- package/resources/themes/vela-purple/theme.css +18 -9
- package/resources/themes/viva-dark/theme.css +18 -9
- package/resources/themes/viva-light/theme.css +18 -9
- package/ripple/ripple.cjs.js +6 -3
- package/ripple/ripple.cjs.min.js +1 -1
- package/ripple/ripple.esm.js +6 -3
- package/ripple/ripple.esm.min.js +1 -1
- package/ripple/ripple.js +6 -3
- package/ripple/ripple.min.js +1 -1
- package/sidebar/sidebar.cjs.js +8 -105
- package/sidebar/sidebar.cjs.min.js +1 -1
- package/sidebar/sidebar.d.ts +3 -3
- package/sidebar/sidebar.esm.js +11 -108
- package/sidebar/sidebar.esm.min.js +1 -1
- package/sidebar/sidebar.js +9 -106
- package/sidebar/sidebar.min.js +1 -1
- package/slidemenu/slidemenu.cjs.js +7 -102
- package/slidemenu/slidemenu.cjs.min.js +1 -1
- package/slidemenu/slidemenu.d.ts +1 -1
- package/slidemenu/slidemenu.esm.js +10 -105
- package/slidemenu/slidemenu.esm.min.js +1 -1
- package/slidemenu/slidemenu.js +7 -102
- package/slidemenu/slidemenu.min.js +1 -1
- package/slider/slider.cjs.js +1 -1
- package/slider/slider.cjs.min.js +1 -1
- package/slider/slider.esm.js +1 -1
- package/slider/slider.esm.min.js +1 -1
- package/slider/slider.js +1 -1
- package/slider/slider.min.js +1 -1
- package/speeddial/speeddial.cjs.js +11 -3
- package/speeddial/speeddial.cjs.min.js +1 -1
- package/speeddial/speeddial.esm.js +12 -4
- package/speeddial/speeddial.esm.min.js +1 -1
- package/speeddial/speeddial.js +11 -3
- package/speeddial/speeddial.min.js +1 -1
- package/splitbutton/splitbutton.cjs.js +89 -81
- package/splitbutton/splitbutton.cjs.min.js +1 -1
- package/splitbutton/splitbutton.d.ts +1 -1
- package/splitbutton/splitbutton.esm.js +90 -82
- package/splitbutton/splitbutton.esm.min.js +1 -1
- package/splitbutton/splitbutton.js +89 -81
- package/splitbutton/splitbutton.min.js +1 -1
- package/tabmenu/tabmenu.cjs.js +9 -7
- package/tabmenu/tabmenu.cjs.min.js +1 -1
- package/tabmenu/tabmenu.esm.js +9 -7
- package/tabmenu/tabmenu.esm.min.js +1 -1
- package/tabmenu/tabmenu.js +9 -7
- package/tabmenu/tabmenu.min.js +1 -1
- package/tabview/tabview.cjs.js +22 -8
- package/tabview/tabview.cjs.min.js +1 -1
- package/tabview/tabview.d.ts +35 -0
- package/tabview/tabview.esm.js +22 -8
- package/tabview/tabview.esm.min.js +1 -1
- package/tabview/tabview.js +22 -8
- package/tabview/tabview.min.js +1 -1
- package/tieredmenu/tieredmenu.cjs.js +1 -1
- package/tieredmenu/tieredmenu.cjs.min.js +1 -1
- package/tieredmenu/tieredmenu.d.ts +1 -1
- package/tieredmenu/tieredmenu.esm.js +1 -1
- package/tieredmenu/tieredmenu.esm.min.js +1 -1
- package/tieredmenu/tieredmenu.js +1 -1
- package/tieredmenu/tieredmenu.min.js +1 -1
- package/toast/toast.d.ts +2 -2
- package/togglebutton/togglebutton.cjs.js +74 -4
- package/togglebutton/togglebutton.cjs.min.js +1 -1
- package/togglebutton/togglebutton.esm.js +74 -4
- package/togglebutton/togglebutton.esm.min.js +1 -1
- package/togglebutton/togglebutton.js +75 -5
- package/togglebutton/togglebutton.min.js +1 -1
- package/tooltip/tooltip.d.ts +27 -0
- package/tooltip/tooltipoptions.d.ts +1 -1
- package/tree/tree.cjs.js +244 -131
- package/tree/tree.cjs.min.js +1 -1
- package/tree/tree.d.ts +8 -0
- package/tree/tree.esm.js +245 -132
- package/tree/tree.esm.min.js +1 -1
- package/tree/tree.js +244 -131
- package/tree/tree.min.js +1 -1
- package/treeselect/treeselect.cjs.js +185 -49
- package/treeselect/treeselect.cjs.min.js +1 -1
- package/treeselect/treeselect.d.ts +26 -1
- package/treeselect/treeselect.esm.js +186 -50
- package/treeselect/treeselect.esm.min.js +1 -1
- package/treeselect/treeselect.js +186 -51
- package/treeselect/treeselect.min.js +1 -1
- package/treetable/treetable.cjs.js +67 -44
- package/treetable/treetable.cjs.min.js +1 -1
- package/treetable/treetable.d.ts +3 -3
- package/treetable/treetable.esm.js +67 -44
- package/treetable/treetable.esm.min.js +1 -1
- package/treetable/treetable.js +67 -44
- package/treetable/treetable.min.js +1 -1
- package/utils/utils.cjs.js +7 -4
- package/utils/utils.cjs.min.js +1 -1
- package/utils/utils.d.ts +1 -1
- package/utils/utils.esm.js +7 -4
- package/utils/utils.esm.min.js +1 -1
- package/utils/utils.js +7 -4
- package/utils/utils.min.js +1 -1
- package/web-types.json +136 -29
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),r=require("primereact/csstransition"),i=require("primereact/hooks"),o=require("primereact/overlayservice"),u=require("primereact/portal"),a=require("primereact/utils"),c=require("primereact/icons/angleright"),l=require("primereact/ripple");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var m=p(e),d=s(n);function f(){return f=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},f.apply(this,arguments)}function b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}function v(e,n){if("object"!==b(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function y(e){var n=v(e,"string");return"symbol"===b(n)?n:String(n)}function g(e,n,t){return(n=y(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function h(e){if(Array.isArray(e))return e}function x(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,u,a=[],c=!0,l=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=o.call(t)).done)&&(a.push(r.value),a.length!==n);c=!0);}catch(e){l=!0,i=e}finally{try{if(!c&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(l)throw i}}return a}}function I(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function O(e,n){if(e){if("string"==typeof e)return I(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?I(e,n):void 0}}function E(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function k(e,n){return h(e)||x(e,n)||O(e,n)||E()}var P=t.ComponentBase.extend({defaultProps:{__TYPE:"TieredMenu",id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onShow:null,onFocus:null,onBlur:null,onHide:null,submenuIcon:null,children:void 0},css:{classes:{root:function(e){var n=e.props,t=e.context;return a.classNames("p-tieredmenu p-component",{"p-tieredmenu-overlay":n.popup,"p-input-filled":t&&"filled"===t.inputStyle||"filled"===d.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===d.default.ripple},n.className)},separator:"p-menuitem-separator",icon:function(e){return a.classNames("p-menuitem-icon",e._icon)},content:"p-menuitem-content",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",action:"p-menuitem-link",menuitem:function(e){return a.classNames("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled},e._className)},menu:"p-tieredmenu-root-list",submenu:"p-submenu-list",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-tieredmenu-overlay {\n position: absolute;\n }\n\n .p-tieredmenu ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-tieredmenu .p-submenu-list {\n position: absolute;\n min-width: 100%;\n z-index: 1;\n display: none;\n }\n\n .p-tieredmenu .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-text {\n line-height: 1;\n }\n\n .p-tieredmenu .p-menuitem {\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list {\n display: block;\n left: 100%;\n top: 0;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list-flipped {\n left: -100%;\n }\n}\n",inlineStyles:{submenu:function(e){var n=e.subProps;return{display:!n.root&&n.parentActive?"block":"none"}}}}});function 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){g(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 D=m.memo(m.forwardRef((function(e,n){var t=m.useRef(null),r=e.ptm,o=e.cx,u=e.sx,s=function(n,t){return r(t,{hostName:e.hostName,context:{active:v(n)}})},p=function(){if(t.current){var e=t.current.parentElement,n=a.DomHandler.getOffset(e),r=a.DomHandler.getViewport(),i=t.current.offsetParent?t.current.offsetWidth:a.DomHandler.getHiddenElementOuterWidth(t.current),o=a.DomHandler.getOuterWidth(e.children[0]),u=parseInt(n.top,10)+t.current.offsetHeight-a.DomHandler.getWindowScrollTop();t.current.style.top=u>r.height?r.height-u+"px":"0px",parseInt(n.left,10)+o+i>r.width-a.DomHandler.calculateScrollbarWidth()&&a.DomHandler.addClass(t.current,"p-submenu-list-flipped")}},d=function(n,t){var r=t.item;g(t)?n.preventDefault():(r.url||n.preventDefault(),r.command&&r.command({originalEvent:n,item:r}),e.onItemClick&&e.onItemClick({originalEvent:n,processedItem:t}))},f=function(n){return"".concat(e.menuId,"_").concat(n.key)},b=function(e,n,t){return e&&e.item?a.ObjectUtils.getItemValue(e.item[n],t):void 0},v=function(n){return e.activeItemPath.some((function(e){return e.key===n.key}))},y=function(e){return!1!==b(e,"visible")},g=function(e){return b(e,"disabled")},h=function(n){return e.focusedItemId===f(n)},x=function(e){return a.ObjectUtils.isNotEmpty(e.items)},I=function(n,t){e.onItemMouseEnter&&e.onItemMouseEnter({originalEvent:n,processedItem:t})},O=function(n){return n-e.model.slice(0,n).filter((function(e){return y(e)&&b(e,"separator")})).length+1};i.useUpdateEffect((function(){e.root||!e.parentActive||e.isMobileMode||p()}),[e.parentActive]),m.useImperativeHandle(n,(function(){return{getElement:function(){return t.current}}}));var E=function(n){var t=a.mergeProps({key:"separator_"+n,className:o("separator"),role:"separator"},r("separator",{hostName:e.hostName}));return m.createElement("li",t)},k=function(n,t){return x(n)?m.createElement(D,{id:e.id+"_"+t,menuProps:e.menuProps,model:n.items,menuId:e.menuId,ariaLabelledby:f(item),focusedItemId:e.focusedItemId,activeItemPath:e.activeItemPath,level:e.level+1,onItemClick:e.onItemClick,popup:e.popup,onItemMouseEnter:e.onItemMouseEnter,parentActive:v(n),isMobileMode:e.isMobileMode,submenuIcon:e.submenuIcon,ptm:e.ptm,cx:o,sx:u}):null},P=function(n,t){if(!1===y(n))return null;var r=n.item,i=b(n,"style"),u=b(n,"icon"),p=b(n,"target"),E=b(n,"url"),P=f(n),j=h(n),D=v(n),w=g(n),N=x(n),H=a.classNames("p-menuitem-link"),K=a.classNames("p-menuitem-icon",u),M=a.mergeProps({className:a.classNames(r.icon,"p-menuitem-icon","icon")},s(n,"icon")),U=a.IconUtils.getJSXIcon(u,S({},M),{props:e.menuProps}),T=a.mergeProps({className:o("label")},s(n,"label")),C=r.label&&m.createElement("span",T,r.label),A=a.mergeProps({className:o("submenuIcon")},s(n,"submenuIcon")),L=N&&a.IconUtils.getJSXIcon(e.submenuIcon||m.createElement(c.AngleRightIcon,A),S({},A),{props:e.menuProps}),R=k(n,t),_=a.mergeProps({href:E||"#","aria-hidden":!0,tabIndex:"-1",onFocus:function(e){return e.stopPropagation()},className:o("action"),target:p},s(n,"action")),q=m.createElement("a",_,U,C,L,m.createElement(l.Ripple,null));r.template&&(q=a.ObjectUtils.getJSXElement(r.template,r,{className:H,labelClassName:"p-menuitem-text",iconClassName:K,submenuIconClassName:"p-submenu-icon",element:q,props:e,active:D,disabled:w}));var W=a.mergeProps({onClick:function(e){return d(e,n)},onMouseEnter:function(e){return I(e,n)},className:o("content")},s(n,"content")),B=a.mergeProps({key:P,id:P,"aria-label":r.label,"aria-disabled":w,"aria-expanded":N?D:void 0,"aria-haspopup":N&&!E?"menu":void 0,"aria-level":e.level+1,"aria-setsize":e.model.filter((function(e){return y(e)&&!b(e,"separator")})).length,"aria-posinset":O(t),"data-p-highlight":D,"data-p-disabled":w,"data-p-visited":j,className:o("menuitem",{className:r.className,active:D,focused:j,disabled:w}),style:i,onMouseEnter:function(e){return I(e,r)},role:"menuitem"},s(n,"menuitem"));return m.createElement("li",B,m.createElement("div",W,q),R)},j=e.model?e.model.map((function(e,n){return b(e,"separator")?E(n):P(e,n)})):null,w=e.root?"menu":"submenu",N=a.mergeProps({ref:t,id:e.id,tabIndex:e.tabIndex,onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:e.onKeyDown,className:o(w,{subProps:e}),style:u(w,{subProps:e}),role:e.root?"menubar":"menu","aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledby,"aria-orientation":e.ariaOrientation,"aria-activedescendant":e.focusedItemId},r(w,{hostName:e.hostName}));return m.createElement("ul",N,j)})));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){g(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}D.displayName="TieredMenuSub";var H=m.memo(m.forwardRef((function(e,c){var l=m.useContext(n.PrimeReactContext),s=P.getProps(e,l),p=k(m.useState(s.id),2),b=p[0],v=p[1],y=k(m.useState(!s.popup),2),g=y[0],h=y[1],x=k(m.useState([]),2),I=x[0],O=x[1],E=k(m.useState(!1),2),j=E[0],S=E[1],w=k(m.useState(null),2),H=w[0],K=w[1],M=k(m.useState({index:-1,level:0,parentKey:""}),2),U=M[0],T=M[1],C=k(m.useState(!1),2),A=C[0],L=C[1],R=k(m.useState([]),2),_=R[0],q=R[1],W=k(m.useState([]),2),B=W[0],Z=W[1],F=k(m.useState(!1),2),z=F[0],V=F[1],J=k(m.useState(null),2),X=J[0],Y=J[1],$=P.setMetaData({props:s,state:{id:b,visible:g,attributeSelector:X}}),G=$.ptm,Q=$.cx,ee=$.sx;t.useHandleStyle(P.css.styles,$.isUnstyled,{name:"tieredmenu"});var ne=m.useRef(null),te=m.useRef(null),re=m.useRef(null),ie=m.useRef(null),oe=m.useRef(null),ue=m.useRef(null),ae=m.useRef(null),ce=i.useMatchMedia("screen and (max-width: ".concat(s.breakpoint,")"),!!s.breakpoint),le=k(i.useEventListener({type:"click",listener:function(e){var n=ne.current&&!ne.current.contains(e.target),t=!s.popup||!(re.current&&(re.current===e.target||re.current.contains(e.target)));n&&t&&ge(e,!s.popup)}}),2),se=le[0],pe=le[1],me=k(i.useResizeListener({listener:function(){!ce&&ge(event,!0)}}),2),de=me[0],fe=me[1],be=function(e){s.popup&&o.OverlayService.emit("overlay-click",{originalEvent:e,target:re.current})},ve=function(e){s.popup&&(g?ge(e):ye(e))},ye=function(e){s.popup&&(re.current=e.currentTarget,h(!0),s.onShow&&s.onShow(e),ie.current=e.relatedTarget||null),T({index:$e(),level:0,parentKey:""})},ge=function(e,n){s.popup&&(h(!1),s.onHide&&s.onHide(e));var t=Te();O([]),T({index:-1,level:0,parentKey:""}),n&&a.DomHandler.focus(ie.current||re.current||t),L(!1)},he=function(e){S(!0),T(-1!==U.index?U:{index:$e(),level:0,parentKey:""}),s.onFocus&&s.onFocus(e)},xe=function(e){S(!1),T({index:-1,level:0,parentKey:""}),ue.current="",L(!1),s.onBlur&&s.onBlur(e)},Ie=function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":Pe(e);break;case"ArrowUp":je(e);break;case"ArrowLeft":Se(e);break;case"ArrowRight":De(e);break;case"Home":we(e);break;case"End":Ne(e);break;case"Space":Ke(e);break;case"Enter":He(e);break;case"Escape":s.popup&&a.DomHandler.focus(re.current),Me(e);break;case"Tab":Ue(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&a.ObjectUtils.isPrintableCharacter(e.key)&&Qe(e.key)}},Oe=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=I.filter((function(e){return e.parentKey!==u&&e.parentKey!==i}));c&&l.push(n),T({index:r,level:o,parentKey:u}),O(l),c&&L(!0),t&&a.DomHandler.focus(Te())}},Ee=function(e){var n=e.originalEvent,t=e.processedItem;if(!Le(t)&&!s.isMobileMode){var r=qe(t),i=a.ObjectUtils.isEmpty(t.parent),o=Fe(t),u=Te();if(o){var c=t.index,l=t.key,p=t.level,m=t.parentKey;O(I.filter((function(e){return l!==e.key&&l.startsWith(e.key)}))),T({index:c,level:p,parentKey:m}),r||L(!i),setTimeout((function(){a.DomHandler.focus(u),r&&L(!0)}),0)}else if(r)a.DomHandler.focus(u),Oe(e);else{var d=i?t:I.find((function(e){return""===e.parentKey})),f=d?d.index:-1;ge(n,!0),T({index:f,parentKey:d?d.parentKey:""})}}},ke=function(e){var n=e.originalEvent;Le(e.processedItem)||s.isMobileMode?n.preventDefault():A&&!s.popup&&Oe(e)},Pe=function(e){var n=-1!==U.index?Je(U.index):$e();en(n),e.preventDefault()},je=function(e){if(e.altKey){if(s.popup&&a.DomHandler.focus(re.current),-1!==U.index){var n=B[U.index];!qe(n)&&Oe({originalEvent:e,processedItem:n})}s.popup&&ge(e,!0),e.preventDefault()}else{var t=-1!==U.index?Xe(U.index):Ge();en(t),e.preventDefault()}},Se=function(e){var n=B[U.index],t=I.find((function(e){return e.key===n.parentKey}));a.ObjectUtils.isEmpty(n.parent)||(T({index:-1,parentKey:t?t.parentKey:""}),ue.current="",setTimeout((function(){return V(!0)}),0)),O(I.filter((function(e){return e.parentKey!==U.parentKey}))),e.preventDefault()},De=function(e){var n=B[U.index];qe(n)&&(Oe({originalEvent:e,processedItem:n}),T({index:-1,parentKey:n.key}),ue.current="",setTimeout((function(){return V(!0)}),0)),e.preventDefault()},we=function(e){en(ze()),e.preventDefault()},Ne=function(e){en(Ve()),e.preventDefault()},He=function(e){if(-1!==U.index){var n=a.DomHandler.findSingle(Te(),'li[id="'.concat("".concat(H),'"]')),t=n&&a.DomHandler.findSingle(n,'[data-pc-section="action"]');s.popup&&a.DomHandler.focus(re.current),t?t.click():n&&n.click()}e.preventDefault()},Ke=function(e){He(e)},Me=function(e){ge(e,!0),!s.popup&&T(N(N({},U),{},{index:$e()})),e.preventDefault()},Ue=function(e){if(-1!==U.index){var n=B[U.index];!qe(n)&&Oe({originalEvent:e,processedItem:n})}ge(e)},Te=function(){return te.current.getElement()||null},Ce=function(e,n){return e?a.ObjectUtils.getItemValue(e[n]):void 0},Ae=function(e){return Ce(e,"label")},Le=function(e){return Ce(e,"disabled")},Re=function(e){return Ce(e,"separator")},_e=function(e){return e?Ae(e.item):void 0},qe=function(e){return e&&a.ObjectUtils.isNotEmpty(e.items)},We=function(e){return Be(e)&&_e(e).toLocaleLowerCase().startsWith(ue.current.toLocaleLowerCase())},Be=function(e){return!!e&&!Le(e.item)&&!Re(e.item)},Ze=function(e){return Be(e)&&Fe(e)},Fe=function(e){return I.some((function(n){return n.key===e.key}))},ze=function(){return B.findIndex((function(e){return Be(e)}))},Ve=function(){return a.ObjectUtils.findLastIndex(B,(function(e){return Be(e)}))},Je=function(e){var n=e<B.length-1?B.slice(e+1).findIndex((function(e){return Be(e)})):-1;return n>-1?n+e+1:e},Xe=function(e){var n=e>0?a.ObjectUtils.findLastIndex(B.slice(0,e),(function(e){return Be(e)})):-1;return n>-1?n:e},Ye=function(){return B.findIndex((function(e){return Ze(e)}))},$e=function(){var e=Ye();return e<0?ze():e},Ge=function(){var e=Ye();return e<0?Ve():e},Qe=function(e){ue.current=(ue.current||"")+e;var n=-1,t=!1;return-1!==(n=-1!==U.index?-1===(n=B.slice(U.index).findIndex((function(e){return We(e)})))?B.slice(0,U.index).findIndex((function(e){return We(e)})):n+U.index:B.findIndex((function(e){return We(e)})))&&(t=!0),-1===n&&-1===U.index&&(n=$e()),-1!==n&&en(n),ae.current&&clearTimeout(ae),ae.current=setTimeout((function(){ue.current="",ae.current=null}),500),t},en=function(e){U.index!==e&&(T(N(N({},U),{},{index:e})),nn())},nn=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(b,"_").concat(e):H,t=a.DomHandler.findSingle(Te(),'li[id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},tn=function e(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",o=[];return n&&n.forEach((function(n,u){var a=(""!==i?i+"_":"")+u,c={item:n,index:u,level:t,key:a,parent:r,parentKey:i};c.items=e(n.items,t+1,c,a),o.push(c)})),o},rn=function(){if(!oe.current){oe.current=a.DomHandler.createInlineStyle(l&&l.nonce||d.default.nonce);var e="".concat(X),n="\n@media screen and (max-width: ".concat(s.breakpoint,") {\n .p-tieredmenu[").concat(e,"] > ul {\n max-height: ").concat(s.scrollHeight,";\n overflow: ").concat(s.scrollHeight?"auto":"",";\n }\n\n .p-tieredmenu[").concat(e,"] .p-submenu-list {\n position: relative;\n }\n\n .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-submenu-list {\n left: 0;\n box-shadow: none;\n border-radius: 0;\n padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n }\n\n .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n transform: rotate(-180deg);\n }\n\n .p-tieredmenu[").concat(e,'] .p-submenu-icon:before {\n content: "\\e930";\n }\n\n ').concat(s.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");oe.current.innerHTML=n}},on=function(){oe.current=a.DomHandler.removeInlineStyle(oe.current)},un=function(){s.autoZIndex&&a.ZIndexUtils.set("menu",ne.current,l&&l.autoZIndex||d.default.autoZIndex,s.baseZIndex||l&&l.zIndex.menu||d.default.zIndex.menu),a.DomHandler.addStyles(ne.current,{position:"absolute",top:"0",left:"0"}),a.DomHandler.absolutePosition(ne.current,re.current),a.DomHandler.getOuterWidth(re.current)>a.DomHandler.getOuterWidth(ne.current)&&(ne.current.style.minWidth=a.DomHandler.getOuterWidth(re.current)+"px"),a.DomHandler.focus(te.current.getElement()),nn(),X&&s.breakpoint&&(ne.current.setAttribute(X,""),rn())},an=function(){se(),de()},cn=function(){re.current=null,pe(),fe()},ln=function(){a.ZIndexUtils.clear(ne.current),on()};i.useMountEffect((function(){var e=a.UniqueComponentId();!b&&v(e),s.breakpoint&&!X&&Y(e)})),i.useUpdateEffect((function(){var e=tn(s.model||[]);q(e)}),s.model),i.useUpdateEffect((function(){var e=I.find((function(e){return e.key===U.parentKey}));Z(e?e.items:_)}),[I,U,_]),i.useUpdateEffect((function(){var e=-1!==U.index?"".concat(b).concat(a.ObjectUtils.isNotEmpty(U.parentKey)?"_"+U.parentKey:"","_").concat(U.index):null;K(e)}),[U]),i.useUpdateEffect((function(){s.popup||(a.ObjectUtils.isNotEmpty(I)?(se(),de()):(pe(),fe()))}),[I]),i.useUpdateEffect((function(){if(z){var e=-1!==U.index?Je(U.index):$e();en(e),O(I.filter((function(e){return e.parentKey!==U.parentKey}))),V(!1)}}),[z]),i.useUpdateEffect((function(){return X&&ne.current&&(ne.current.setAttribute(X,""),rn()),function(){on()}}),[X,s.breakpoint]),i.useUnmountEffect((function(){a.ZIndexUtils.clear(ne.current)})),m.useImperativeHandle(c,(function(){return{props:s,toggle:ve,show:ye,hide:ge,getElement:function(){return ne.current}}}));var sn,pn,mn=(sn=a.mergeProps({ref:ne,id:s.id,className:Q("root"),style:s.style,onClick:be},P.getOtherProps(s),G("root")),pn=a.mergeProps({classNames:Q("transition"),in:g,timeout:{enter:120,exit:100},options:s.transitionOptions,unmountOnExit:!0,onEnter:un,onEntered:an,onExit:cn,onExited:ln},G("transition")),m.createElement(r.CSSTransition,f({nodeRef:ne},pn),m.createElement("div",sn,m.createElement(D,{id:b+"_list",ref:te,hostName:"TieredMenu",menuProps:s,tabIndex:0,model:_,ariaLabel:s.ariaLabel,ariaLabelledBy:s.ariaLabelledBy,ariaOrientation:"vertical",ariaActiveDescendant:j?H:void 0,menuId:b,level:0,focusedItemId:H,activeItemPath:I,onFocus:he,onBlur:xe,onKeyDown:Ie,onItemClick:Ee,onItemMouseEnter:ke,root:!0,popup:s.popup,onHide:ge,isMobileMode:ce,submenuIcon:s.submenuIcon,ptm:G,cx:Q,sx:ee}))));return s.popup?m.createElement(u.Portal,{element:mn,appendTo:s.appendTo}):mn})));H.displayName="TieredMenu",exports.TieredMenu=H;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),r=require("primereact/csstransition"),i=require("primereact/hooks"),o=require("primereact/overlayservice"),u=require("primereact/portal"),a=require("primereact/utils"),c=require("primereact/icons/angleright"),l=require("primereact/ripple");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var m=p(e),d=s(n);function f(){return f=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},f.apply(this,arguments)}function b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}function v(e,n){if("object"!==b(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function y(e){var n=v(e,"string");return"symbol"===b(n)?n:String(n)}function g(e,n,t){return(n=y(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function h(e){if(Array.isArray(e))return e}function x(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,u,a=[],c=!0,l=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=o.call(t)).done)&&(a.push(r.value),a.length!==n);c=!0);}catch(e){l=!0,i=e}finally{try{if(!c&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(l)throw i}}return a}}function I(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function O(e,n){if(e){if("string"==typeof e)return I(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?I(e,n):void 0}}function E(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function k(e,n){return h(e)||x(e,n)||O(e,n)||E()}var P=t.ComponentBase.extend({defaultProps:{__TYPE:"TieredMenu",id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onShow:null,onFocus:null,onBlur:null,onHide:null,submenuIcon:null,children:void 0},css:{classes:{root:function(e){var n=e.props,t=e.context;return a.classNames("p-tieredmenu p-component",{"p-tieredmenu-overlay":n.popup,"p-input-filled":t&&"filled"===t.inputStyle||"filled"===d.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===d.default.ripple},n.className)},separator:"p-menuitem-separator",icon:function(e){return a.classNames("p-menuitem-icon",e._icon)},content:"p-menuitem-content",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",action:"p-menuitem-link",menuitem:function(e){return a.classNames("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled},e._className)},menu:"p-tieredmenu-root-list",submenu:"p-submenu-list",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-tieredmenu-overlay {\n position: absolute;\n }\n\n .p-tieredmenu ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-tieredmenu .p-submenu-list {\n position: absolute;\n min-width: 100%;\n z-index: 1;\n display: none;\n }\n\n .p-tieredmenu .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-text {\n line-height: 1;\n }\n\n .p-tieredmenu .p-menuitem {\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list {\n display: block;\n left: 100%;\n top: 0;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list-flipped {\n left: -100%;\n }\n}\n",inlineStyles:{submenu:function(e){var n=e.subProps;return{display:!n.root&&n.parentActive?"block":"none"}}}}});function 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){g(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 D=m.memo(m.forwardRef((function(e,n){var t=m.useRef(null),r=e.ptm,o=e.cx,u=e.sx,s=function(n,t){return r(t,{hostName:e.hostName,context:{active:v(n)}})},p=function(){if(t.current){var e=t.current.parentElement,n=a.DomHandler.getOffset(e),r=a.DomHandler.getViewport(),i=t.current.offsetParent?t.current.offsetWidth:a.DomHandler.getHiddenElementOuterWidth(t.current),o=a.DomHandler.getOuterWidth(e.children[0]),u=parseInt(n.top,10)+t.current.offsetHeight-a.DomHandler.getWindowScrollTop();t.current.style.top=u>r.height?r.height-u+"px":"0px",parseInt(n.left,10)+o+i>r.width-a.DomHandler.calculateScrollbarWidth()&&a.DomHandler.addClass(t.current,"p-submenu-list-flipped")}},d=function(n,t){var r=t.item;g(t)?n.preventDefault():(r.url||n.preventDefault(),r.command&&r.command({originalEvent:n,item:r}),e.onItemClick&&e.onItemClick({originalEvent:n,processedItem:t}))},f=function(n){return"".concat(e.menuId,"_").concat(n.key)},b=function(e,n,t){return e&&e.item?a.ObjectUtils.getItemValue(e.item[n],t):void 0},v=function(n){return e.activeItemPath.some((function(e){return e.key===n.key}))},y=function(e){return!1!==b(e,"visible")},g=function(e){return b(e,"disabled")},h=function(n){return e.focusedItemId===f(n)},x=function(e){return a.ObjectUtils.isNotEmpty(e.items)},I=function(n,t){e.onItemMouseEnter&&e.onItemMouseEnter({originalEvent:n,processedItem:t})},O=function(n){return n-e.model.slice(0,n).filter((function(e){return y(e)&&b(e,"separator")})).length+1};i.useUpdateEffect((function(){e.root||!e.parentActive||e.isMobileMode||p()}),[e.parentActive]),m.useImperativeHandle(n,(function(){return{getElement:function(){return t.current}}}));var E=function(n){var t=a.mergeProps({key:"separator_"+n,className:o("separator"),role:"separator"},r("separator",{hostName:e.hostName}));return m.createElement("li",t)},k=function(n,t){return x(n)?m.createElement(D,{id:e.id+"_"+t,menuProps:e.menuProps,model:n.items,menuId:e.menuId,ariaLabelledby:f(item),focusedItemId:e.focusedItemId,activeItemPath:e.activeItemPath,level:e.level+1,onItemClick:e.onItemClick,popup:e.popup,onItemMouseEnter:e.onItemMouseEnter,parentActive:v(n),isMobileMode:e.isMobileMode,submenuIcon:e.submenuIcon,ptm:e.ptm,cx:o,sx:u}):null},P=function(n,t){if(!1===y(n))return null;var r=n.item,i=b(n,"style"),u=b(n,"icon"),p=b(n,"target"),E=b(n,"url"),P=f(n),j=h(n),D=v(n),w=g(n),N=x(n),H=a.classNames("p-menuitem-link"),K=a.classNames("p-menuitem-icon",u),M=a.mergeProps({className:a.classNames(r.icon,"p-menuitem-icon","icon")},s(n,"icon")),U=a.IconUtils.getJSXIcon(u,S({},M),{props:e.menuProps}),T=a.mergeProps({className:o("label")},s(n,"label")),C=r.label&&m.createElement("span",T,r.label),A=a.mergeProps({className:o("submenuIcon")},s(n,"submenuIcon")),L=N&&a.IconUtils.getJSXIcon(e.submenuIcon||m.createElement(c.AngleRightIcon,A),S({},A),{props:e.menuProps}),R=k(n,t),_=a.mergeProps({href:E||"#","aria-hidden":!0,tabIndex:"-1",onFocus:function(e){return e.stopPropagation()},className:o("action"),target:p},s(n,"action")),q=m.createElement("a",_,U,C,L,m.createElement(l.Ripple,null));r.template&&(q=a.ObjectUtils.getJSXElement(r.template,r,{className:H,labelClassName:"p-menuitem-text",iconClassName:K,submenuIconClassName:"p-submenu-icon",element:q,props:e,active:D,disabled:w}));var W=a.mergeProps({onClick:function(e){return d(e,n)},onMouseEnter:function(e){return I(e,n)},className:o("content")},s(n,"content")),B=a.mergeProps({key:P,id:P,"aria-label":r.label,"aria-disabled":w,"aria-expanded":N?D:void 0,"aria-haspopup":N&&!E?"menu":void 0,"aria-level":e.level+1,"aria-setsize":e.model.filter((function(e){return y(e)&&!b(e,"separator")})).length,"aria-posinset":O(t),"data-p-highlight":D,"data-p-disabled":w,"data-p-visited":j,className:o("menuitem",{className:r.className,active:D,focused:j,disabled:w}),style:i,onMouseEnter:function(e){return I(e,r)},role:"menuitem"},s(n,"menuitem"));return m.createElement("li",B,m.createElement("div",W,q),R)},j=e.model?e.model.map((function(e,n){return b(e,"separator")?E(n):P(e,n)})):null,w=e.root?"menu":"submenu",N=a.mergeProps({ref:t,id:e.id,tabIndex:e.tabIndex,onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:e.onKeyDown,className:o(w,{subProps:e}),style:u(w,{subProps:e}),role:e.root?"menubar":"menu","aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledby,"aria-orientation":e.ariaOrientation,"aria-activedescendant":e.focusedItemId},r(w,{hostName:e.hostName}));return m.createElement("ul",N,j)})));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){g(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}D.displayName="TieredMenuSub";var H=m.memo(m.forwardRef((function(e,c){var l=m.useContext(n.PrimeReactContext),s=P.getProps(e,l),p=k(m.useState(s.id),2),b=p[0],v=p[1],y=k(m.useState(!s.popup),2),g=y[0],h=y[1],x=k(m.useState([]),2),I=x[0],O=x[1],E=k(m.useState(!1),2),j=E[0],S=E[1],w=k(m.useState(null),2),H=w[0],K=w[1],M=k(m.useState({index:-1,level:0,parentKey:""}),2),U=M[0],T=M[1],C=k(m.useState(!1),2),A=C[0],L=C[1],R=k(m.useState([]),2),_=R[0],q=R[1],W=k(m.useState([]),2),B=W[0],Z=W[1],F=k(m.useState(!1),2),z=F[0],V=F[1],J=k(m.useState(null),2),X=J[0],Y=J[1],$=P.setMetaData({props:s,state:{id:b,visible:g,attributeSelector:X}}),G=$.ptm,Q=$.cx,ee=$.sx;t.useHandleStyle(P.css.styles,$.isUnstyled,{name:"tieredmenu"});var ne=m.useRef(null),te=m.useRef(null),re=m.useRef(null),ie=m.useRef(null),oe=m.useRef(null),ue=m.useRef(null),ae=m.useRef(null),ce=i.useMatchMedia("screen and (max-width: ".concat(s.breakpoint,")"),!!s.breakpoint),le=k(i.useEventListener({type:"click",listener:function(e){var n=ne.current&&!ne.current.contains(e.target),t=!s.popup||!(re.current&&(re.current===e.target||re.current.contains(e.target)));n&&t&&ge(e,!s.popup)}}),2),se=le[0],pe=le[1],me=k(i.useResizeListener({listener:function(){!ce&&ge(event,!0)}}),2),de=me[0],fe=me[1],be=function(e){s.popup&&o.OverlayService.emit("overlay-click",{originalEvent:e,target:re.current})},ve=function(e){s.popup&&(g?ge(e):ye(e))},ye=function(e){s.popup&&(re.current=e.currentTarget,h(!0),s.onShow&&s.onShow(e),ie.current=e.relatedTarget||null),T({index:$e(),level:0,parentKey:""})},ge=function(e,n){s.popup&&(h(!1),s.onHide&&s.onHide(e));var t=Te();O([]),T({index:-1,level:0,parentKey:""}),n&&a.DomHandler.focus(ie.current||re.current||t),L(!1)},he=function(e){S(!0),T(-1!==U.index?U:{index:$e(),level:0,parentKey:""}),s.onFocus&&s.onFocus(e)},xe=function(e){S(!1),T({index:-1,level:0,parentKey:""}),ue.current="",L(!1),s.onBlur&&s.onBlur(e)},Ie=function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":Pe(e);break;case"ArrowUp":je(e);break;case"ArrowLeft":Se(e);break;case"ArrowRight":De(e);break;case"Home":we(e);break;case"End":Ne(e);break;case"Space":Ke(e);break;case"Enter":He(e);break;case"Escape":s.popup&&a.DomHandler.focus(re.current),Me(e);break;case"Tab":Ue(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&a.ObjectUtils.isPrintableCharacter(e.key)&&Qe(e.key)}},Oe=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=I.filter((function(e){return e.parentKey!==u&&e.parentKey!==i}));c&&l.push(n),T({index:r,level:o,parentKey:u}),O(l),c&&L(!0),t&&a.DomHandler.focus(Te())}},Ee=function(e){var n=e.originalEvent,t=e.processedItem;if(!Le(t)&&!s.isMobileMode){var r=qe(t),i=a.ObjectUtils.isEmpty(t.parent),o=Fe(t),u=Te();if(o){var c=t.index,l=t.key,p=t.level,m=t.parentKey;O(I.filter((function(e){return l!==e.key&&l.startsWith(e.key)}))),T({index:c,level:p,parentKey:m}),r||L(!i),setTimeout((function(){a.DomHandler.focus(u),r&&L(!0)}),0)}else if(r)a.DomHandler.focus(u),Oe(e);else{var d=i?t:I.find((function(e){return""===e.parentKey})),f=d?d.index:-1;ge(n,!0),T({index:f,parentKey:d?d.parentKey:""})}}},ke=function(e){var n=e.originalEvent;Le(e.processedItem)||s.isMobileMode?n.preventDefault():A&&!s.popup&&Oe(e)},Pe=function(e){var n=-1!==U.index?Je(U.index):$e();en(n),e.preventDefault()},je=function(e){if(e.altKey){if(s.popup&&a.DomHandler.focus(re.current),-1!==U.index){var n=B[U.index];!qe(n)&&Oe({originalEvent:e,processedItem:n})}s.popup&&ge(e,!0),e.preventDefault()}else{var t=-1!==U.index?Xe(U.index):Ge();en(t),e.preventDefault()}},Se=function(e){var n=B[U.index],t=I.find((function(e){return e.key===n.parentKey}));a.ObjectUtils.isEmpty(n.parent)||(T({index:-1,parentKey:t?t.parentKey:""}),ue.current="",setTimeout((function(){return V(!0)}),0)),O(I.filter((function(e){return e.parentKey!==U.parentKey}))),e.preventDefault()},De=function(e){var n=B[U.index];qe(n)&&(Oe({originalEvent:e,processedItem:n}),T({index:-1,parentKey:n.key}),ue.current="",setTimeout((function(){return V(!0)}),0)),e.preventDefault()},we=function(e){en(ze()),e.preventDefault()},Ne=function(e){en(Ve()),e.preventDefault()},He=function(e){if(-1!==U.index){var n=a.DomHandler.findSingle(Te(),'li[id="'.concat("".concat(H),'"]')),t=n&&a.DomHandler.findSingle(n,'[data-pc-section="action"]');s.popup&&a.DomHandler.focus(re.current),t?t.click():n&&n.click()}e.preventDefault()},Ke=function(e){He(e)},Me=function(e){ge(e,!0),!s.popup&&T(N(N({},U),{},{index:$e()})),e.preventDefault()},Ue=function(e){if(-1!==U.index){var n=B[U.index];!qe(n)&&Oe({originalEvent:e,processedItem:n})}ge(e)},Te=function(){return te.current.getElement()||null},Ce=function(e,n){return e?a.ObjectUtils.getItemValue(e[n]):void 0},Ae=function(e){return Ce(e,"label")},Le=function(e){return Ce(e,"disabled")},Re=function(e){return Ce(e,"separator")},_e=function(e){return e?Ae(e.item):void 0},qe=function(e){return e&&a.ObjectUtils.isNotEmpty(e.items)},We=function(e){return Be(e)&&_e(e).toLocaleLowerCase().startsWith(ue.current.toLocaleLowerCase())},Be=function(e){return!!e&&!Le(e.item)&&!Re(e.item)},Ze=function(e){return Be(e)&&Fe(e)},Fe=function(e){return I.some((function(n){return n.key===e.key}))},ze=function(){return B.findIndex((function(e){return Be(e)}))},Ve=function(){return a.ObjectUtils.findLastIndex(B,(function(e){return Be(e)}))},Je=function(e){var n=e<B.length-1?B.slice(e+1).findIndex((function(e){return Be(e)})):-1;return n>-1?n+e+1:e},Xe=function(e){var n=e>0?a.ObjectUtils.findLastIndex(B.slice(0,e),(function(e){return Be(e)})):-1;return n>-1?n:e},Ye=function(){return B.findIndex((function(e){return Ze(e)}))},$e=function(){var e=Ye();return e<0?ze():e},Ge=function(){var e=Ye();return e<0?Ve():e},Qe=function(e){ue.current=(ue.current||"")+e;var n=-1,t=!1;return-1!==(n=-1!==U.index?-1===(n=B.slice(U.index).findIndex((function(e){return We(e)})))?B.slice(0,U.index).findIndex((function(e){return We(e)})):n+U.index:B.findIndex((function(e){return We(e)})))&&(t=!0),-1===n&&-1===U.index&&(n=$e()),-1!==n&&en(n),ae.current&&clearTimeout(ae),ae.current=setTimeout((function(){ue.current="",ae.current=null}),500),t},en=function(e){U.index!==e&&(T(N(N({},U),{},{index:e})),nn())},nn=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(b,"_").concat(e):H,t=a.DomHandler.findSingle(Te(),'li[id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},tn=function e(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",o=[];return n&&n.forEach((function(n,u){var a=(""!==i?i+"_":"")+u,c={item:n,index:u,level:t,key:a,parent:r,parentKey:i};c.items=e(n.items,t+1,c,a),o.push(c)})),o},rn=function(){if(!oe.current){oe.current=a.DomHandler.createInlineStyle(l&&l.nonce||d.default.nonce,l&&l.styleContainer);var e="".concat(X),n="\n@media screen and (max-width: ".concat(s.breakpoint,") {\n .p-tieredmenu[").concat(e,"] > ul {\n max-height: ").concat(s.scrollHeight,";\n overflow: ").concat(s.scrollHeight?"auto":"",";\n }\n\n .p-tieredmenu[").concat(e,"] .p-submenu-list {\n position: relative;\n }\n\n .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-submenu-list {\n left: 0;\n box-shadow: none;\n border-radius: 0;\n padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n }\n\n .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n transform: rotate(-180deg);\n }\n\n .p-tieredmenu[").concat(e,'] .p-submenu-icon:before {\n content: "\\e930";\n }\n\n ').concat(s.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");oe.current.innerHTML=n}},on=function(){oe.current=a.DomHandler.removeInlineStyle(oe.current)},un=function(){s.autoZIndex&&a.ZIndexUtils.set("menu",ne.current,l&&l.autoZIndex||d.default.autoZIndex,s.baseZIndex||l&&l.zIndex.menu||d.default.zIndex.menu),a.DomHandler.addStyles(ne.current,{position:"absolute",top:"0",left:"0"}),a.DomHandler.absolutePosition(ne.current,re.current),a.DomHandler.getOuterWidth(re.current)>a.DomHandler.getOuterWidth(ne.current)&&(ne.current.style.minWidth=a.DomHandler.getOuterWidth(re.current)+"px"),a.DomHandler.focus(te.current.getElement()),nn(),X&&s.breakpoint&&(ne.current.setAttribute(X,""),rn())},an=function(){se(),de()},cn=function(){re.current=null,pe(),fe()},ln=function(){a.ZIndexUtils.clear(ne.current),on()};i.useMountEffect((function(){var e=a.UniqueComponentId();!b&&v(e),s.breakpoint&&!X&&Y(e)})),i.useUpdateEffect((function(){var e=tn(s.model||[]);q(e)}),s.model),i.useUpdateEffect((function(){var e=I.find((function(e){return e.key===U.parentKey}));Z(e?e.items:_)}),[I,U,_]),i.useUpdateEffect((function(){var e=-1!==U.index?"".concat(b).concat(a.ObjectUtils.isNotEmpty(U.parentKey)?"_"+U.parentKey:"","_").concat(U.index):null;K(e)}),[U]),i.useUpdateEffect((function(){s.popup||(a.ObjectUtils.isNotEmpty(I)?(se(),de()):(pe(),fe()))}),[I]),i.useUpdateEffect((function(){if(z){var e=-1!==U.index?Je(U.index):$e();en(e),O(I.filter((function(e){return e.parentKey!==U.parentKey}))),V(!1)}}),[z]),i.useUpdateEffect((function(){return X&&ne.current&&(ne.current.setAttribute(X,""),rn()),function(){on()}}),[X,s.breakpoint]),i.useUnmountEffect((function(){a.ZIndexUtils.clear(ne.current)})),m.useImperativeHandle(c,(function(){return{props:s,toggle:ve,show:ye,hide:ge,getElement:function(){return ne.current}}}));var sn,pn,mn=(sn=a.mergeProps({ref:ne,id:s.id,className:Q("root"),style:s.style,onClick:be},P.getOtherProps(s),G("root")),pn=a.mergeProps({classNames:Q("transition"),in:g,timeout:{enter:120,exit:100},options:s.transitionOptions,unmountOnExit:!0,onEnter:un,onEntered:an,onExit:cn,onExited:ln},G("transition")),m.createElement(r.CSSTransition,f({nodeRef:ne},pn),m.createElement("div",sn,m.createElement(D,{id:b+"_list",ref:te,hostName:"TieredMenu",menuProps:s,tabIndex:0,model:_,ariaLabel:s.ariaLabel,ariaLabelledBy:s.ariaLabelledBy,ariaOrientation:"vertical",ariaActiveDescendant:j?H:void 0,menuId:b,level:0,focusedItemId:H,activeItemPath:I,onFocus:he,onBlur:xe,onKeyDown:Ie,onItemClick:Ee,onItemMouseEnter:ke,root:!0,popup:s.popup,onHide:ge,isMobileMode:ce,submenuIcon:s.submenuIcon,ptm:G,cx:Q,sx:ee}))));return s.popup?m.createElement(u.Portal,{element:mn,appendTo:s.appendTo}):mn})));H.displayName="TieredMenu",exports.TieredMenu=H;
|
|
@@ -142,7 +142,7 @@ export interface TieredMenuProps extends Omit<React.DetailedHTMLProps<React.HTML
|
|
|
142
142
|
* DOM element instance where the overlay panel should be mounted. Valid values are any DOM Element and 'self'. The self value is used to render a component where it is located.
|
|
143
143
|
* @defaultValue document.body
|
|
144
144
|
*/
|
|
145
|
-
appendTo?: 'self' | HTMLElement | null |
|
|
145
|
+
appendTo?: 'self' | HTMLElement | undefined | null | (() => HTMLElement);
|
|
146
146
|
/**
|
|
147
147
|
* The properties of CSSTransition can be customized, except for "nodeRef" and "in" properties.
|
|
148
148
|
* @type {CSSTransitionProps}
|
|
@@ -998,7 +998,7 @@ var TieredMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
998
998
|
};
|
|
999
999
|
var createStyle = function createStyle() {
|
|
1000
1000
|
if (!styleElementRef.current) {
|
|
1001
|
-
styleElementRef.current = DomHandler.createInlineStyle(context && context.nonce || PrimeReact.nonce);
|
|
1001
|
+
styleElementRef.current = DomHandler.createInlineStyle(context && context.nonce || PrimeReact.nonce, context && context.styleContainer);
|
|
1002
1002
|
var selector = "".concat(attributeSelectorState);
|
|
1003
1003
|
var innerHTML = "\n@media screen and (max-width: ".concat(props.breakpoint, ") {\n .p-tieredmenu[").concat(selector, "] > ul {\n max-height: ").concat(props.scrollHeight, ";\n overflow: ").concat(props.scrollHeight ? 'auto' : '', ";\n }\n\n .p-tieredmenu[").concat(selector, "] .p-submenu-list {\n position: relative;\n }\n\n .p-tieredmenu[").concat(selector, "] .p-menuitem-active > .p-submenu-list {\n left: 0;\n box-shadow: none;\n border-radius: 0;\n padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n }\n\n .p-tieredmenu[").concat(selector, "] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n transform: rotate(-180deg);\n }\n\n .p-tieredmenu[").concat(selector, "] .p-submenu-icon:before {\n content: \"\\e930\";\n }\n\n ").concat(!props.popup ? ".p-tieredmenu[".concat(selector, "] { width: 100%; }") : '', "\n}\n");
|
|
1004
1004
|
styleElementRef.current.innerHTML = innerHTML;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import n,{PrimeReactContext as t}from"primereact/api";import{ComponentBase as r,useHandleStyle as i}from"primereact/componentbase";import{CSSTransition as o}from"primereact/csstransition";import{useUpdateEffect as u,useMatchMedia as a,useEventListener as c,useResizeListener as l,useMountEffect as s,useUnmountEffect as p}from"primereact/hooks";import{OverlayService as m}from"primereact/overlayservice";import{Portal as f}from"primereact/portal";import{classNames as d,mergeProps as b,DomHandler as v,ObjectUtils as y,IconUtils as g,UniqueComponentId as h,ZIndexUtils as x}from"primereact/utils";import{AngleRightIcon as I}from"primereact/icons/angleright";import{Ripple as E}from"primereact/ripple";function k(){return k=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},k.apply(this,arguments)}function O(e){return O="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},O(e)}function w(e,n){if("object"!==O(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==O(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function S(e){var n=w(e,"string");return"symbol"===O(n)?n:String(n)}function P(e,n,t){return(n=S(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function N(e){if(Array.isArray(e))return e}function j(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,u,a=[],c=!0,l=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=o.call(t)).done)&&(a.push(r.value),a.length!==n);c=!0);}catch(e){l=!0,i=e}finally{try{if(!c&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(l)throw i}}return a}}function K(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function D(e,n){if(e){if("string"==typeof e)return K(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?K(e,n):void 0}}function M(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function T(e,n){return N(e)||j(e,n)||D(e,n)||M()}var A=r.extend({defaultProps:{__TYPE:"TieredMenu",id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onShow:null,onFocus:null,onBlur:null,onHide:null,submenuIcon:null,children:void 0},css:{classes:{root:function(e){var t=e.props,r=e.context;return d("p-tieredmenu p-component",{"p-tieredmenu-overlay":t.popup,"p-input-filled":r&&"filled"===r.inputStyle||"filled"===n.inputStyle,"p-ripple-disabled":r&&!1===r.ripple||!1===n.ripple},t.className)},separator:"p-menuitem-separator",icon:function(e){return d("p-menuitem-icon",e._icon)},content:"p-menuitem-content",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",action:"p-menuitem-link",menuitem:function(e){return d("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled},e._className)},menu:"p-tieredmenu-root-list",submenu:"p-submenu-list",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-tieredmenu-overlay {\n position: absolute;\n }\n\n .p-tieredmenu ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-tieredmenu .p-submenu-list {\n position: absolute;\n min-width: 100%;\n z-index: 1;\n display: none;\n }\n\n .p-tieredmenu .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-text {\n line-height: 1;\n }\n\n .p-tieredmenu .p-menuitem {\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list {\n display: block;\n left: 100%;\n top: 0;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list-flipped {\n left: -100%;\n }\n}\n",inlineStyles:{submenu:function(e){var n=e.subProps;return{display:!n.root&&n.parentActive?"block":"none"}}}}});function 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){P(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 H=e.memo(e.forwardRef((function(n,t){var r=e.useRef(null),i=n.ptm,o=n.cx,a=n.sx,c=function(e,t){return i(t,{hostName:n.hostName,context:{active:f(e)}})},l=function(){if(r.current){var e=r.current.parentElement,n=v.getOffset(e),t=v.getViewport(),i=r.current.offsetParent?r.current.offsetWidth:v.getHiddenElementOuterWidth(r.current),o=v.getOuterWidth(e.children[0]),u=parseInt(n.top,10)+r.current.offsetHeight-v.getWindowScrollTop();r.current.style.top=u>t.height?t.height-u+"px":"0px",parseInt(n.left,10)+o+i>t.width-v.calculateScrollbarWidth()&&v.addClass(r.current,"p-submenu-list-flipped")}},s=function(e,t){var r=t.item;x(t)?e.preventDefault():(r.url||e.preventDefault(),r.command&&r.command({originalEvent:e,item:r}),n.onItemClick&&n.onItemClick({originalEvent:e,processedItem:t}))},p=function(e){return"".concat(n.menuId,"_").concat(e.key)},m=function(e,n,t){return e&&e.item?y.getItemValue(e.item[n],t):void 0},f=function(e){return n.activeItemPath.some((function(n){return n.key===e.key}))},h=function(e){return!1!==m(e,"visible")},x=function(e){return m(e,"disabled")},k=function(e){return n.focusedItemId===p(e)},O=function(e){return y.isNotEmpty(e.items)},w=function(e,t){n.onItemMouseEnter&&n.onItemMouseEnter({originalEvent:e,processedItem:t})},S=function(e){return e-n.model.slice(0,e).filter((function(e){return h(e)&&m(e,"separator")})).length+1};u((function(){n.root||!n.parentActive||n.isMobileMode||l()}),[n.parentActive]),e.useImperativeHandle(t,(function(){return{getElement:function(){return r.current}}}));var P=function(t){var r=b({key:"separator_"+t,className:o("separator"),role:"separator"},i("separator",{hostName:n.hostName}));return e.createElement("li",r)},N=function(t,r){return O(t)?e.createElement(H,{id:n.id+"_"+r,menuProps:n.menuProps,model:t.items,menuId:n.menuId,ariaLabelledby:p(item),focusedItemId:n.focusedItemId,activeItemPath:n.activeItemPath,level:n.level+1,onItemClick:n.onItemClick,popup:n.popup,onItemMouseEnter:n.onItemMouseEnter,parentActive:f(t),isMobileMode:n.isMobileMode,submenuIcon:n.submenuIcon,ptm:n.ptm,cx:o,sx:a}):null},j=function(t,r){if(!1===h(t))return null;var i=t.item,u=m(t,"style"),a=m(t,"icon"),l=m(t,"target"),v=m(t,"url"),P=p(t),j=k(t),K=f(t),D=x(t),M=O(t),T=d("p-menuitem-link"),A=d("p-menuitem-icon",a),C=b({className:d(i.icon,"p-menuitem-icon","icon")},c(t,"icon")),H=g.getJSXIcon(a,L({},C),{props:n.menuProps}),R=b({className:o("label")},c(t,"label")),_=i.label&&e.createElement("span",R,i.label),W=b({className:o("submenuIcon")},c(t,"submenuIcon")),B=M&&g.getJSXIcon(n.submenuIcon||e.createElement(I,W),L({},W),{props:n.menuProps}),F=N(t,r),Z=b({href:v||"#","aria-hidden":!0,tabIndex:"-1",onFocus:function(e){return e.stopPropagation()},className:o("action"),target:l},c(t,"action")),V=e.createElement("a",Z,H,_,B,e.createElement(E,null));i.template&&(V=y.getJSXElement(i.template,i,{className:T,labelClassName:"p-menuitem-text",iconClassName:A,submenuIconClassName:"p-submenu-icon",element:V,props:n,active:K,disabled:D}));var z=b({onClick:function(e){return s(e,t)},onMouseEnter:function(e){return w(e,t)},className:o("content")},c(t,"content")),U=b({key:P,id:P,"aria-label":i.label,"aria-disabled":D,"aria-expanded":M?K:void 0,"aria-haspopup":M&&!v?"menu":void 0,"aria-level":n.level+1,"aria-setsize":n.model.filter((function(e){return h(e)&&!m(e,"separator")})).length,"aria-posinset":S(r),"data-p-highlight":K,"data-p-disabled":D,"data-p-visited":j,className:o("menuitem",{className:i.className,active:K,focused:j,disabled:D}),style:u,onMouseEnter:function(e){return w(e,i)},role:"menuitem"},c(t,"menuitem"));return e.createElement("li",U,e.createElement("div",z,V),F)},K=n.model?n.model.map((function(e,n){return m(e,"separator")?P(n):j(e,n)})):null,D=n.root?"menu":"submenu",M=b({ref:r,id:n.id,tabIndex:n.tabIndex,onFocus:n.onFocus,onBlur:n.onBlur,onKeyDown:n.onKeyDown,className:o(D,{subProps:n}),style:a(D,{subProps:n}),role:n.root?"menubar":"menu","aria-label":n.ariaLabel,"aria-labelledby":n.ariaLabelledby,"aria-orientation":n.ariaOrientation,"aria-activedescendant":n.focusedItemId},i(D,{hostName:n.hostName}));return e.createElement("ul",M,K)})));function R(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function _(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?R(Object(t),!0).forEach((function(n){P(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):R(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}H.displayName="TieredMenuSub";var W=e.memo(e.forwardRef((function(r,d){var g=e.useContext(t),I=A.getProps(r,g),E=T(e.useState(I.id),2),O=E[0],w=E[1],S=T(e.useState(!I.popup),2),P=S[0],N=S[1],j=T(e.useState([]),2),K=j[0],D=j[1],M=T(e.useState(!1),2),C=M[0],L=M[1],R=T(e.useState(null),2),W=R[0],B=R[1],F=T(e.useState({index:-1,level:0,parentKey:""}),2),Z=F[0],V=F[1],z=T(e.useState(!1),2),U=z[0],J=z[1],X=T(e.useState([]),2),Y=X[0],$=X[1],q=T(e.useState([]),2),G=q[0],Q=q[1],ee=T(e.useState(!1),2),ne=ee[0],te=ee[1],re=T(e.useState(null),2),ie=re[0],oe=re[1],ue=A.setMetaData({props:I,state:{id:O,visible:P,attributeSelector:ie}}),ae=ue.ptm,ce=ue.cx,le=ue.sx;i(A.css.styles,ue.isUnstyled,{name:"tieredmenu"});var se=e.useRef(null),pe=e.useRef(null),me=e.useRef(null),fe=e.useRef(null),de=e.useRef(null),be=e.useRef(null),ve=e.useRef(null),ye=a("screen and (max-width: ".concat(I.breakpoint,")"),!!I.breakpoint),ge=T(c({type:"click",listener:function(e){var n=se.current&&!se.current.contains(e.target),t=!I.popup||!(me.current&&(me.current===e.target||me.current.contains(e.target)));n&&t&&Pe(e,!I.popup)}}),2),he=ge[0],xe=ge[1],Ie=T(l({listener:function(){!ye&&Pe(event,!0)}}),2),Ee=Ie[0],ke=Ie[1],Oe=function(e){I.popup&&m.emit("overlay-click",{originalEvent:e,target:me.current})},we=function(e){I.popup&&(P?Pe(e):Se(e))},Se=function(e){I.popup&&(me.current=e.currentTarget,N(!0),I.onShow&&I.onShow(e),fe.current=e.relatedTarget||null),V({index:an(),level:0,parentKey:""})},Pe=function(e,n){I.popup&&(N(!1),I.onHide&&I.onHide(e));var t=Ve();D([]),V({index:-1,level:0,parentKey:""}),n&&v.focus(fe.current||me.current||t),J(!1)},Ne=function(e){L(!0),V(-1!==Z.index?Z:{index:an(),level:0,parentKey:""}),I.onFocus&&I.onFocus(e)},je=function(e){L(!1),V({index:-1,level:0,parentKey:""}),be.current="",J(!1),I.onBlur&&I.onBlur(e)},Ke=function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":Ae(e);break;case"ArrowUp":Ce(e);break;case"ArrowLeft":Le(e);break;case"ArrowRight":He(e);break;case"Home":Re(e);break;case"End":_e(e);break;case"Space":Be(e);break;case"Enter":We(e);break;case"Escape":I.popup&&v.focus(me.current),Fe(e);break;case"Tab":Ze(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&y.isPrintableCharacter(e.key)&&ln(e.key)}},De=function(e){var n=e.processedItem,t=e.isFocus;if(!y.isEmpty(n)){var r=n.index,i=n.key,o=n.level,u=n.parentKey,a=y.isNotEmpty(n.items),c=K.filter((function(e){return e.parentKey!==u&&e.parentKey!==i}));a&&c.push(n),V({index:r,level:o,parentKey:u}),D(c),a&&J(!0),t&&v.focus(Ve())}},Me=function(e){var n=e.originalEvent,t=e.processedItem;if(!Je(t)&&!I.isMobileMode){var r=$e(t),i=y.isEmpty(t.parent),o=en(t),u=Ve();if(o){var a=t.index,c=t.key,l=t.level,s=t.parentKey;D(K.filter((function(e){return c!==e.key&&c.startsWith(e.key)}))),V({index:a,level:l,parentKey:s}),r||J(!i),setTimeout((function(){v.focus(u),r&&J(!0)}),0)}else if(r)v.focus(u),De(e);else{var p=i?t:K.find((function(e){return""===e.parentKey})),m=p?p.index:-1;Pe(n,!0),V({index:m,parentKey:p?p.parentKey:""})}}},Te=function(e){var n=e.originalEvent;Je(e.processedItem)||I.isMobileMode?n.preventDefault():U&&!I.popup&&De(e)},Ae=function(e){var n=-1!==Z.index?rn(Z.index):an();sn(n),e.preventDefault()},Ce=function(e){if(e.altKey){if(I.popup&&v.focus(me.current),-1!==Z.index){var n=G[Z.index];!$e(n)&&De({originalEvent:e,processedItem:n})}I.popup&&Pe(e,!0),e.preventDefault()}else{var t=-1!==Z.index?on(Z.index):cn();sn(t),e.preventDefault()}},Le=function(e){var n=G[Z.index],t=K.find((function(e){return e.key===n.parentKey}));y.isEmpty(n.parent)||(V({index:-1,parentKey:t?t.parentKey:""}),be.current="",setTimeout((function(){return te(!0)}),0)),D(K.filter((function(e){return e.parentKey!==Z.parentKey}))),e.preventDefault()},He=function(e){var n=G[Z.index];$e(n)&&(De({originalEvent:e,processedItem:n}),V({index:-1,parentKey:n.key}),be.current="",setTimeout((function(){return te(!0)}),0)),e.preventDefault()},Re=function(e){sn(nn()),e.preventDefault()},_e=function(e){sn(tn()),e.preventDefault()},We=function(e){if(-1!==Z.index){var n=v.findSingle(Ve(),'li[id="'.concat("".concat(W),'"]')),t=n&&v.findSingle(n,'[data-pc-section="action"]');I.popup&&v.focus(me.current),t?t.click():n&&n.click()}e.preventDefault()},Be=function(e){We(e)},Fe=function(e){Pe(e,!0),!I.popup&&V(_(_({},Z),{},{index:an()})),e.preventDefault()},Ze=function(e){if(-1!==Z.index){var n=G[Z.index];!$e(n)&&De({originalEvent:e,processedItem:n})}Pe(e)},Ve=function(){return pe.current.getElement()||null},ze=function(e,n){return e?y.getItemValue(e[n]):void 0},Ue=function(e){return ze(e,"label")},Je=function(e){return ze(e,"disabled")},Xe=function(e){return ze(e,"separator")},Ye=function(e){return e?Ue(e.item):void 0},$e=function(e){return e&&y.isNotEmpty(e.items)},qe=function(e){return Ge(e)&&Ye(e).toLocaleLowerCase().startsWith(be.current.toLocaleLowerCase())},Ge=function(e){return!!e&&!Je(e.item)&&!Xe(e.item)},Qe=function(e){return Ge(e)&&en(e)},en=function(e){return K.some((function(n){return n.key===e.key}))},nn=function(){return G.findIndex((function(e){return Ge(e)}))},tn=function(){return y.findLastIndex(G,(function(e){return Ge(e)}))},rn=function(e){var n=e<G.length-1?G.slice(e+1).findIndex((function(e){return Ge(e)})):-1;return n>-1?n+e+1:e},on=function(e){var n=e>0?y.findLastIndex(G.slice(0,e),(function(e){return Ge(e)})):-1;return n>-1?n:e},un=function(){return G.findIndex((function(e){return Qe(e)}))},an=function(){var e=un();return e<0?nn():e},cn=function(){var e=un();return e<0?tn():e},ln=function(e){be.current=(be.current||"")+e;var n=-1,t=!1;return-1!==(n=-1!==Z.index?-1===(n=G.slice(Z.index).findIndex((function(e){return qe(e)})))?G.slice(0,Z.index).findIndex((function(e){return qe(e)})):n+Z.index:G.findIndex((function(e){return qe(e)})))&&(t=!0),-1===n&&-1===Z.index&&(n=an()),-1!==n&&sn(n),ve.current&&clearTimeout(ve),ve.current=setTimeout((function(){be.current="",ve.current=null}),500),t},sn=function(e){Z.index!==e&&(V(_(_({},Z),{},{index:e})),pn())},pn=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(O,"_").concat(e):W,t=v.findSingle(Ve(),'li[id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},mn=function e(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",o=[];return n&&n.forEach((function(n,u){var a=(""!==i?i+"_":"")+u,c={item:n,index:u,level:t,key:a,parent:r,parentKey:i};c.items=e(n.items,t+1,c,a),o.push(c)})),o},fn=function(){if(!de.current){de.current=v.createInlineStyle(g&&g.nonce||n.nonce);var e="".concat(ie),t="\n@media screen and (max-width: ".concat(I.breakpoint,") {\n .p-tieredmenu[").concat(e,"] > ul {\n max-height: ").concat(I.scrollHeight,";\n overflow: ").concat(I.scrollHeight?"auto":"",";\n }\n\n .p-tieredmenu[").concat(e,"] .p-submenu-list {\n position: relative;\n }\n\n .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-submenu-list {\n left: 0;\n box-shadow: none;\n border-radius: 0;\n padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n }\n\n .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n transform: rotate(-180deg);\n }\n\n .p-tieredmenu[").concat(e,'] .p-submenu-icon:before {\n content: "\\e930";\n }\n\n ').concat(I.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");de.current.innerHTML=t}},dn=function(){de.current=v.removeInlineStyle(de.current)},bn=function(){I.autoZIndex&&x.set("menu",se.current,g&&g.autoZIndex||n.autoZIndex,I.baseZIndex||g&&g.zIndex.menu||n.zIndex.menu),v.addStyles(se.current,{position:"absolute",top:"0",left:"0"}),v.absolutePosition(se.current,me.current),v.getOuterWidth(me.current)>v.getOuterWidth(se.current)&&(se.current.style.minWidth=v.getOuterWidth(me.current)+"px"),v.focus(pe.current.getElement()),pn(),ie&&I.breakpoint&&(se.current.setAttribute(ie,""),fn())},vn=function(){he(),Ee()},yn=function(){me.current=null,xe(),ke()},gn=function(){x.clear(se.current),dn()};s((function(){var e=h();!O&&w(e),I.breakpoint&&!ie&&oe(e)})),u((function(){var e=mn(I.model||[]);$(e)}),I.model),u((function(){var e=K.find((function(e){return e.key===Z.parentKey}));Q(e?e.items:Y)}),[K,Z,Y]),u((function(){var e=-1!==Z.index?"".concat(O).concat(y.isNotEmpty(Z.parentKey)?"_"+Z.parentKey:"","_").concat(Z.index):null;B(e)}),[Z]),u((function(){I.popup||(y.isNotEmpty(K)?(he(),Ee()):(xe(),ke()))}),[K]),u((function(){if(ne){var e=-1!==Z.index?rn(Z.index):an();sn(e),D(K.filter((function(e){return e.parentKey!==Z.parentKey}))),te(!1)}}),[ne]),u((function(){return ie&&se.current&&(se.current.setAttribute(ie,""),fn()),function(){dn()}}),[ie,I.breakpoint]),p((function(){x.clear(se.current)})),e.useImperativeHandle(d,(function(){return{props:I,toggle:we,show:Se,hide:Pe,getElement:function(){return se.current}}}));var hn,xn,In=(hn=b({ref:se,id:I.id,className:ce("root"),style:I.style,onClick:Oe},A.getOtherProps(I),ae("root")),xn=b({classNames:ce("transition"),in:P,timeout:{enter:120,exit:100},options:I.transitionOptions,unmountOnExit:!0,onEnter:bn,onEntered:vn,onExit:yn,onExited:gn},ae("transition")),e.createElement(o,k({nodeRef:se},xn),e.createElement("div",hn,e.createElement(H,{id:O+"_list",ref:pe,hostName:"TieredMenu",menuProps:I,tabIndex:0,model:Y,ariaLabel:I.ariaLabel,ariaLabelledBy:I.ariaLabelledBy,ariaOrientation:"vertical",ariaActiveDescendant:C?W:void 0,menuId:O,level:0,focusedItemId:W,activeItemPath:K,onFocus:Ne,onBlur:je,onKeyDown:Ke,onItemClick:Me,onItemMouseEnter:Te,root:!0,popup:I.popup,onHide:Pe,isMobileMode:ye,submenuIcon:I.submenuIcon,ptm:ae,cx:ce,sx:le}))));return I.popup?e.createElement(f,{element:In,appendTo:I.appendTo}):In})));W.displayName="TieredMenu";export{W as TieredMenu};
|
|
1
|
+
import*as e from"react";import n,{PrimeReactContext as t}from"primereact/api";import{ComponentBase as r,useHandleStyle as i}from"primereact/componentbase";import{CSSTransition as o}from"primereact/csstransition";import{useUpdateEffect as u,useMatchMedia as a,useEventListener as c,useResizeListener as l,useMountEffect as s,useUnmountEffect as p}from"primereact/hooks";import{OverlayService as m}from"primereact/overlayservice";import{Portal as f}from"primereact/portal";import{classNames as d,mergeProps as b,DomHandler as v,ObjectUtils as y,IconUtils as g,UniqueComponentId as h,ZIndexUtils as x}from"primereact/utils";import{AngleRightIcon as I}from"primereact/icons/angleright";import{Ripple as E}from"primereact/ripple";function k(){return k=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},k.apply(this,arguments)}function O(e){return O="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},O(e)}function w(e,n){if("object"!==O(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==O(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function S(e){var n=w(e,"string");return"symbol"===O(n)?n:String(n)}function P(e,n,t){return(n=S(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function N(e){if(Array.isArray(e))return e}function j(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,u,a=[],c=!0,l=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=o.call(t)).done)&&(a.push(r.value),a.length!==n);c=!0);}catch(e){l=!0,i=e}finally{try{if(!c&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(l)throw i}}return a}}function K(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function D(e,n){if(e){if("string"==typeof e)return K(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?K(e,n):void 0}}function M(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function T(e,n){return N(e)||j(e,n)||D(e,n)||M()}var A=r.extend({defaultProps:{__TYPE:"TieredMenu",id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onShow:null,onFocus:null,onBlur:null,onHide:null,submenuIcon:null,children:void 0},css:{classes:{root:function(e){var t=e.props,r=e.context;return d("p-tieredmenu p-component",{"p-tieredmenu-overlay":t.popup,"p-input-filled":r&&"filled"===r.inputStyle||"filled"===n.inputStyle,"p-ripple-disabled":r&&!1===r.ripple||!1===n.ripple},t.className)},separator:"p-menuitem-separator",icon:function(e){return d("p-menuitem-icon",e._icon)},content:"p-menuitem-content",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",action:"p-menuitem-link",menuitem:function(e){return d("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled},e._className)},menu:"p-tieredmenu-root-list",submenu:"p-submenu-list",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-tieredmenu-overlay {\n position: absolute;\n }\n\n .p-tieredmenu ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-tieredmenu .p-submenu-list {\n position: absolute;\n min-width: 100%;\n z-index: 1;\n display: none;\n }\n\n .p-tieredmenu .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-text {\n line-height: 1;\n }\n\n .p-tieredmenu .p-menuitem {\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list {\n display: block;\n left: 100%;\n top: 0;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list-flipped {\n left: -100%;\n }\n}\n",inlineStyles:{submenu:function(e){var n=e.subProps;return{display:!n.root&&n.parentActive?"block":"none"}}}}});function 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){P(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 H=e.memo(e.forwardRef((function(n,t){var r=e.useRef(null),i=n.ptm,o=n.cx,a=n.sx,c=function(e,t){return i(t,{hostName:n.hostName,context:{active:f(e)}})},l=function(){if(r.current){var e=r.current.parentElement,n=v.getOffset(e),t=v.getViewport(),i=r.current.offsetParent?r.current.offsetWidth:v.getHiddenElementOuterWidth(r.current),o=v.getOuterWidth(e.children[0]),u=parseInt(n.top,10)+r.current.offsetHeight-v.getWindowScrollTop();r.current.style.top=u>t.height?t.height-u+"px":"0px",parseInt(n.left,10)+o+i>t.width-v.calculateScrollbarWidth()&&v.addClass(r.current,"p-submenu-list-flipped")}},s=function(e,t){var r=t.item;x(t)?e.preventDefault():(r.url||e.preventDefault(),r.command&&r.command({originalEvent:e,item:r}),n.onItemClick&&n.onItemClick({originalEvent:e,processedItem:t}))},p=function(e){return"".concat(n.menuId,"_").concat(e.key)},m=function(e,n,t){return e&&e.item?y.getItemValue(e.item[n],t):void 0},f=function(e){return n.activeItemPath.some((function(n){return n.key===e.key}))},h=function(e){return!1!==m(e,"visible")},x=function(e){return m(e,"disabled")},k=function(e){return n.focusedItemId===p(e)},O=function(e){return y.isNotEmpty(e.items)},w=function(e,t){n.onItemMouseEnter&&n.onItemMouseEnter({originalEvent:e,processedItem:t})},S=function(e){return e-n.model.slice(0,e).filter((function(e){return h(e)&&m(e,"separator")})).length+1};u((function(){n.root||!n.parentActive||n.isMobileMode||l()}),[n.parentActive]),e.useImperativeHandle(t,(function(){return{getElement:function(){return r.current}}}));var P=function(t){var r=b({key:"separator_"+t,className:o("separator"),role:"separator"},i("separator",{hostName:n.hostName}));return e.createElement("li",r)},N=function(t,r){return O(t)?e.createElement(H,{id:n.id+"_"+r,menuProps:n.menuProps,model:t.items,menuId:n.menuId,ariaLabelledby:p(item),focusedItemId:n.focusedItemId,activeItemPath:n.activeItemPath,level:n.level+1,onItemClick:n.onItemClick,popup:n.popup,onItemMouseEnter:n.onItemMouseEnter,parentActive:f(t),isMobileMode:n.isMobileMode,submenuIcon:n.submenuIcon,ptm:n.ptm,cx:o,sx:a}):null},j=function(t,r){if(!1===h(t))return null;var i=t.item,u=m(t,"style"),a=m(t,"icon"),l=m(t,"target"),v=m(t,"url"),P=p(t),j=k(t),K=f(t),D=x(t),M=O(t),T=d("p-menuitem-link"),A=d("p-menuitem-icon",a),C=b({className:d(i.icon,"p-menuitem-icon","icon")},c(t,"icon")),H=g.getJSXIcon(a,L({},C),{props:n.menuProps}),R=b({className:o("label")},c(t,"label")),_=i.label&&e.createElement("span",R,i.label),W=b({className:o("submenuIcon")},c(t,"submenuIcon")),B=M&&g.getJSXIcon(n.submenuIcon||e.createElement(I,W),L({},W),{props:n.menuProps}),F=N(t,r),Z=b({href:v||"#","aria-hidden":!0,tabIndex:"-1",onFocus:function(e){return e.stopPropagation()},className:o("action"),target:l},c(t,"action")),V=e.createElement("a",Z,H,_,B,e.createElement(E,null));i.template&&(V=y.getJSXElement(i.template,i,{className:T,labelClassName:"p-menuitem-text",iconClassName:A,submenuIconClassName:"p-submenu-icon",element:V,props:n,active:K,disabled:D}));var z=b({onClick:function(e){return s(e,t)},onMouseEnter:function(e){return w(e,t)},className:o("content")},c(t,"content")),U=b({key:P,id:P,"aria-label":i.label,"aria-disabled":D,"aria-expanded":M?K:void 0,"aria-haspopup":M&&!v?"menu":void 0,"aria-level":n.level+1,"aria-setsize":n.model.filter((function(e){return h(e)&&!m(e,"separator")})).length,"aria-posinset":S(r),"data-p-highlight":K,"data-p-disabled":D,"data-p-visited":j,className:o("menuitem",{className:i.className,active:K,focused:j,disabled:D}),style:u,onMouseEnter:function(e){return w(e,i)},role:"menuitem"},c(t,"menuitem"));return e.createElement("li",U,e.createElement("div",z,V),F)},K=n.model?n.model.map((function(e,n){return m(e,"separator")?P(n):j(e,n)})):null,D=n.root?"menu":"submenu",M=b({ref:r,id:n.id,tabIndex:n.tabIndex,onFocus:n.onFocus,onBlur:n.onBlur,onKeyDown:n.onKeyDown,className:o(D,{subProps:n}),style:a(D,{subProps:n}),role:n.root?"menubar":"menu","aria-label":n.ariaLabel,"aria-labelledby":n.ariaLabelledby,"aria-orientation":n.ariaOrientation,"aria-activedescendant":n.focusedItemId},i(D,{hostName:n.hostName}));return e.createElement("ul",M,K)})));function R(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function _(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?R(Object(t),!0).forEach((function(n){P(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):R(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}H.displayName="TieredMenuSub";var W=e.memo(e.forwardRef((function(r,d){var g=e.useContext(t),I=A.getProps(r,g),E=T(e.useState(I.id),2),O=E[0],w=E[1],S=T(e.useState(!I.popup),2),P=S[0],N=S[1],j=T(e.useState([]),2),K=j[0],D=j[1],M=T(e.useState(!1),2),C=M[0],L=M[1],R=T(e.useState(null),2),W=R[0],B=R[1],F=T(e.useState({index:-1,level:0,parentKey:""}),2),Z=F[0],V=F[1],z=T(e.useState(!1),2),U=z[0],J=z[1],X=T(e.useState([]),2),Y=X[0],$=X[1],q=T(e.useState([]),2),G=q[0],Q=q[1],ee=T(e.useState(!1),2),ne=ee[0],te=ee[1],re=T(e.useState(null),2),ie=re[0],oe=re[1],ue=A.setMetaData({props:I,state:{id:O,visible:P,attributeSelector:ie}}),ae=ue.ptm,ce=ue.cx,le=ue.sx;i(A.css.styles,ue.isUnstyled,{name:"tieredmenu"});var se=e.useRef(null),pe=e.useRef(null),me=e.useRef(null),fe=e.useRef(null),de=e.useRef(null),be=e.useRef(null),ve=e.useRef(null),ye=a("screen and (max-width: ".concat(I.breakpoint,")"),!!I.breakpoint),ge=T(c({type:"click",listener:function(e){var n=se.current&&!se.current.contains(e.target),t=!I.popup||!(me.current&&(me.current===e.target||me.current.contains(e.target)));n&&t&&Pe(e,!I.popup)}}),2),he=ge[0],xe=ge[1],Ie=T(l({listener:function(){!ye&&Pe(event,!0)}}),2),Ee=Ie[0],ke=Ie[1],Oe=function(e){I.popup&&m.emit("overlay-click",{originalEvent:e,target:me.current})},we=function(e){I.popup&&(P?Pe(e):Se(e))},Se=function(e){I.popup&&(me.current=e.currentTarget,N(!0),I.onShow&&I.onShow(e),fe.current=e.relatedTarget||null),V({index:an(),level:0,parentKey:""})},Pe=function(e,n){I.popup&&(N(!1),I.onHide&&I.onHide(e));var t=Ve();D([]),V({index:-1,level:0,parentKey:""}),n&&v.focus(fe.current||me.current||t),J(!1)},Ne=function(e){L(!0),V(-1!==Z.index?Z:{index:an(),level:0,parentKey:""}),I.onFocus&&I.onFocus(e)},je=function(e){L(!1),V({index:-1,level:0,parentKey:""}),be.current="",J(!1),I.onBlur&&I.onBlur(e)},Ke=function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":Ae(e);break;case"ArrowUp":Ce(e);break;case"ArrowLeft":Le(e);break;case"ArrowRight":He(e);break;case"Home":Re(e);break;case"End":_e(e);break;case"Space":Be(e);break;case"Enter":We(e);break;case"Escape":I.popup&&v.focus(me.current),Fe(e);break;case"Tab":Ze(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&y.isPrintableCharacter(e.key)&&ln(e.key)}},De=function(e){var n=e.processedItem,t=e.isFocus;if(!y.isEmpty(n)){var r=n.index,i=n.key,o=n.level,u=n.parentKey,a=y.isNotEmpty(n.items),c=K.filter((function(e){return e.parentKey!==u&&e.parentKey!==i}));a&&c.push(n),V({index:r,level:o,parentKey:u}),D(c),a&&J(!0),t&&v.focus(Ve())}},Me=function(e){var n=e.originalEvent,t=e.processedItem;if(!Je(t)&&!I.isMobileMode){var r=$e(t),i=y.isEmpty(t.parent),o=en(t),u=Ve();if(o){var a=t.index,c=t.key,l=t.level,s=t.parentKey;D(K.filter((function(e){return c!==e.key&&c.startsWith(e.key)}))),V({index:a,level:l,parentKey:s}),r||J(!i),setTimeout((function(){v.focus(u),r&&J(!0)}),0)}else if(r)v.focus(u),De(e);else{var p=i?t:K.find((function(e){return""===e.parentKey})),m=p?p.index:-1;Pe(n,!0),V({index:m,parentKey:p?p.parentKey:""})}}},Te=function(e){var n=e.originalEvent;Je(e.processedItem)||I.isMobileMode?n.preventDefault():U&&!I.popup&&De(e)},Ae=function(e){var n=-1!==Z.index?rn(Z.index):an();sn(n),e.preventDefault()},Ce=function(e){if(e.altKey){if(I.popup&&v.focus(me.current),-1!==Z.index){var n=G[Z.index];!$e(n)&&De({originalEvent:e,processedItem:n})}I.popup&&Pe(e,!0),e.preventDefault()}else{var t=-1!==Z.index?on(Z.index):cn();sn(t),e.preventDefault()}},Le=function(e){var n=G[Z.index],t=K.find((function(e){return e.key===n.parentKey}));y.isEmpty(n.parent)||(V({index:-1,parentKey:t?t.parentKey:""}),be.current="",setTimeout((function(){return te(!0)}),0)),D(K.filter((function(e){return e.parentKey!==Z.parentKey}))),e.preventDefault()},He=function(e){var n=G[Z.index];$e(n)&&(De({originalEvent:e,processedItem:n}),V({index:-1,parentKey:n.key}),be.current="",setTimeout((function(){return te(!0)}),0)),e.preventDefault()},Re=function(e){sn(nn()),e.preventDefault()},_e=function(e){sn(tn()),e.preventDefault()},We=function(e){if(-1!==Z.index){var n=v.findSingle(Ve(),'li[id="'.concat("".concat(W),'"]')),t=n&&v.findSingle(n,'[data-pc-section="action"]');I.popup&&v.focus(me.current),t?t.click():n&&n.click()}e.preventDefault()},Be=function(e){We(e)},Fe=function(e){Pe(e,!0),!I.popup&&V(_(_({},Z),{},{index:an()})),e.preventDefault()},Ze=function(e){if(-1!==Z.index){var n=G[Z.index];!$e(n)&&De({originalEvent:e,processedItem:n})}Pe(e)},Ve=function(){return pe.current.getElement()||null},ze=function(e,n){return e?y.getItemValue(e[n]):void 0},Ue=function(e){return ze(e,"label")},Je=function(e){return ze(e,"disabled")},Xe=function(e){return ze(e,"separator")},Ye=function(e){return e?Ue(e.item):void 0},$e=function(e){return e&&y.isNotEmpty(e.items)},qe=function(e){return Ge(e)&&Ye(e).toLocaleLowerCase().startsWith(be.current.toLocaleLowerCase())},Ge=function(e){return!!e&&!Je(e.item)&&!Xe(e.item)},Qe=function(e){return Ge(e)&&en(e)},en=function(e){return K.some((function(n){return n.key===e.key}))},nn=function(){return G.findIndex((function(e){return Ge(e)}))},tn=function(){return y.findLastIndex(G,(function(e){return Ge(e)}))},rn=function(e){var n=e<G.length-1?G.slice(e+1).findIndex((function(e){return Ge(e)})):-1;return n>-1?n+e+1:e},on=function(e){var n=e>0?y.findLastIndex(G.slice(0,e),(function(e){return Ge(e)})):-1;return n>-1?n:e},un=function(){return G.findIndex((function(e){return Qe(e)}))},an=function(){var e=un();return e<0?nn():e},cn=function(){var e=un();return e<0?tn():e},ln=function(e){be.current=(be.current||"")+e;var n=-1,t=!1;return-1!==(n=-1!==Z.index?-1===(n=G.slice(Z.index).findIndex((function(e){return qe(e)})))?G.slice(0,Z.index).findIndex((function(e){return qe(e)})):n+Z.index:G.findIndex((function(e){return qe(e)})))&&(t=!0),-1===n&&-1===Z.index&&(n=an()),-1!==n&&sn(n),ve.current&&clearTimeout(ve),ve.current=setTimeout((function(){be.current="",ve.current=null}),500),t},sn=function(e){Z.index!==e&&(V(_(_({},Z),{},{index:e})),pn())},pn=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(O,"_").concat(e):W,t=v.findSingle(Ve(),'li[id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},mn=function e(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",o=[];return n&&n.forEach((function(n,u){var a=(""!==i?i+"_":"")+u,c={item:n,index:u,level:t,key:a,parent:r,parentKey:i};c.items=e(n.items,t+1,c,a),o.push(c)})),o},fn=function(){if(!de.current){de.current=v.createInlineStyle(g&&g.nonce||n.nonce,g&&g.styleContainer);var e="".concat(ie),t="\n@media screen and (max-width: ".concat(I.breakpoint,") {\n .p-tieredmenu[").concat(e,"] > ul {\n max-height: ").concat(I.scrollHeight,";\n overflow: ").concat(I.scrollHeight?"auto":"",";\n }\n\n .p-tieredmenu[").concat(e,"] .p-submenu-list {\n position: relative;\n }\n\n .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-submenu-list {\n left: 0;\n box-shadow: none;\n border-radius: 0;\n padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n }\n\n .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n transform: rotate(-180deg);\n }\n\n .p-tieredmenu[").concat(e,'] .p-submenu-icon:before {\n content: "\\e930";\n }\n\n ').concat(I.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");de.current.innerHTML=t}},dn=function(){de.current=v.removeInlineStyle(de.current)},bn=function(){I.autoZIndex&&x.set("menu",se.current,g&&g.autoZIndex||n.autoZIndex,I.baseZIndex||g&&g.zIndex.menu||n.zIndex.menu),v.addStyles(se.current,{position:"absolute",top:"0",left:"0"}),v.absolutePosition(se.current,me.current),v.getOuterWidth(me.current)>v.getOuterWidth(se.current)&&(se.current.style.minWidth=v.getOuterWidth(me.current)+"px"),v.focus(pe.current.getElement()),pn(),ie&&I.breakpoint&&(se.current.setAttribute(ie,""),fn())},vn=function(){he(),Ee()},yn=function(){me.current=null,xe(),ke()},gn=function(){x.clear(se.current),dn()};s((function(){var e=h();!O&&w(e),I.breakpoint&&!ie&&oe(e)})),u((function(){var e=mn(I.model||[]);$(e)}),I.model),u((function(){var e=K.find((function(e){return e.key===Z.parentKey}));Q(e?e.items:Y)}),[K,Z,Y]),u((function(){var e=-1!==Z.index?"".concat(O).concat(y.isNotEmpty(Z.parentKey)?"_"+Z.parentKey:"","_").concat(Z.index):null;B(e)}),[Z]),u((function(){I.popup||(y.isNotEmpty(K)?(he(),Ee()):(xe(),ke()))}),[K]),u((function(){if(ne){var e=-1!==Z.index?rn(Z.index):an();sn(e),D(K.filter((function(e){return e.parentKey!==Z.parentKey}))),te(!1)}}),[ne]),u((function(){return ie&&se.current&&(se.current.setAttribute(ie,""),fn()),function(){dn()}}),[ie,I.breakpoint]),p((function(){x.clear(se.current)})),e.useImperativeHandle(d,(function(){return{props:I,toggle:we,show:Se,hide:Pe,getElement:function(){return se.current}}}));var hn,xn,In=(hn=b({ref:se,id:I.id,className:ce("root"),style:I.style,onClick:Oe},A.getOtherProps(I),ae("root")),xn=b({classNames:ce("transition"),in:P,timeout:{enter:120,exit:100},options:I.transitionOptions,unmountOnExit:!0,onEnter:bn,onEntered:vn,onExit:yn,onExited:gn},ae("transition")),e.createElement(o,k({nodeRef:se},xn),e.createElement("div",hn,e.createElement(H,{id:O+"_list",ref:pe,hostName:"TieredMenu",menuProps:I,tabIndex:0,model:Y,ariaLabel:I.ariaLabel,ariaLabelledBy:I.ariaLabelledBy,ariaOrientation:"vertical",ariaActiveDescendant:C?W:void 0,menuId:O,level:0,focusedItemId:W,activeItemPath:K,onFocus:Ne,onBlur:je,onKeyDown:Ke,onItemClick:Me,onItemMouseEnter:Te,root:!0,popup:I.popup,onHide:Pe,isMobileMode:ye,submenuIcon:I.submenuIcon,ptm:ae,cx:ce,sx:le}))));return I.popup?e.createElement(f,{element:In,appendTo:I.appendTo}):In})));W.displayName="TieredMenu";export{W as TieredMenu};
|
package/tieredmenu/tieredmenu.js
CHANGED
|
@@ -1013,7 +1013,7 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, componentbas
|
|
|
1013
1013
|
};
|
|
1014
1014
|
var createStyle = function createStyle() {
|
|
1015
1015
|
if (!styleElementRef.current) {
|
|
1016
|
-
styleElementRef.current = utils.DomHandler.createInlineStyle(context && context.nonce || PrimeReact__default["default"].nonce);
|
|
1016
|
+
styleElementRef.current = utils.DomHandler.createInlineStyle(context && context.nonce || PrimeReact__default["default"].nonce, context && context.styleContainer);
|
|
1017
1017
|
var selector = "".concat(attributeSelectorState);
|
|
1018
1018
|
var innerHTML = "\n@media screen and (max-width: ".concat(props.breakpoint, ") {\n .p-tieredmenu[").concat(selector, "] > ul {\n max-height: ").concat(props.scrollHeight, ";\n overflow: ").concat(props.scrollHeight ? 'auto' : '', ";\n }\n\n .p-tieredmenu[").concat(selector, "] .p-submenu-list {\n position: relative;\n }\n\n .p-tieredmenu[").concat(selector, "] .p-menuitem-active > .p-submenu-list {\n left: 0;\n box-shadow: none;\n border-radius: 0;\n padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n }\n\n .p-tieredmenu[").concat(selector, "] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n transform: rotate(-180deg);\n }\n\n .p-tieredmenu[").concat(selector, "] .p-submenu-icon:before {\n content: \"\\e930\";\n }\n\n ").concat(!props.popup ? ".p-tieredmenu[".concat(selector, "] { width: 100%; }") : '', "\n}\n");
|
|
1019
1019
|
styleElementRef.current.innerHTML = innerHTML;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.tieredmenu=function(e,n,t,r,i,o,u,a,c,l,s){"use strict";function p(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 d=m(n),f=p(t);function b(){return b=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},b.apply(this,arguments)}function v(e){return v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},v(e)}function y(e,n){if("object"!==v(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==v(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function g(e){var n=y(e,"string");return"symbol"===v(n)?n:String(n)}function h(e,n,t){return(n=g(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function x(e){if(Array.isArray(e))return e}function I(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 O(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 E(e,n){if(e){if("string"==typeof e)return O(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)?O(e,n):void 0}}function k(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function P(e,n){return x(e)||I(e,n)||E(e,n)||k()}var j=r.ComponentBase.extend({defaultProps:{__TYPE:"TieredMenu",id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onShow:null,onFocus:null,onBlur:null,onHide:null,submenuIcon:null,children:void 0},css:{classes:{root:function(e){var n=e.props,t=e.context;return c.classNames("p-tieredmenu p-component",{"p-tieredmenu-overlay":n.popup,"p-input-filled":t&&"filled"===t.inputStyle||"filled"===f.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===f.default.ripple},n.className)},separator:"p-menuitem-separator",icon:function(e){return c.classNames("p-menuitem-icon",e._icon)},content:"p-menuitem-content",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",action:"p-menuitem-link",menuitem:function(e){return c.classNames("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled},e._className)},menu:"p-tieredmenu-root-list",submenu:"p-submenu-list",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-tieredmenu-overlay {\n position: absolute;\n }\n\n .p-tieredmenu ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-tieredmenu .p-submenu-list {\n position: absolute;\n min-width: 100%;\n z-index: 1;\n display: none;\n }\n\n .p-tieredmenu .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-text {\n line-height: 1;\n }\n\n .p-tieredmenu .p-menuitem {\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list {\n display: block;\n left: 100%;\n top: 0;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list-flipped {\n left: -100%;\n }\n}\n",inlineStyles:{submenu:function(e){var n=e.subProps;return{display:!n.root&&n.parentActive?"block":"none"}}}}});function S(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function D(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?S(Object(t),!0).forEach((function(n){h(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):S(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var w=d.memo(d.forwardRef((function(e,n){var t=d.useRef(null),r=e.ptm,i=e.cx,u=e.sx,a=function(n,t){return r(t,{hostName:e.hostName,context:{active:v(n)}})},p=function(){if(t.current){var e=t.current.parentElement,n=c.DomHandler.getOffset(e),r=c.DomHandler.getViewport(),i=t.current.offsetParent?t.current.offsetWidth:c.DomHandler.getHiddenElementOuterWidth(t.current),o=c.DomHandler.getOuterWidth(e.children[0]),u=parseInt(n.top,10)+t.current.offsetHeight-c.DomHandler.getWindowScrollTop();t.current.style.top=u>r.height?r.height-u+"px":"0px",parseInt(n.left,10)+o+i>r.width-c.DomHandler.calculateScrollbarWidth()&&c.DomHandler.addClass(t.current,"p-submenu-list-flipped")}},m=function(n,t){var r=t.item;g(t)?n.preventDefault():(r.url||n.preventDefault(),r.command&&r.command({originalEvent:n,item:r}),e.onItemClick&&e.onItemClick({originalEvent:n,processedItem:t}))},f=function(n){return"".concat(e.menuId,"_").concat(n.key)},b=function(e,n,t){return e&&e.item?c.ObjectUtils.getItemValue(e.item[n],t):void 0},v=function(n){return e.activeItemPath.some((function(e){return e.key===n.key}))},y=function(e){return!1!==b(e,"visible")},g=function(e){return b(e,"disabled")},h=function(n){return e.focusedItemId===f(n)},x=function(e){return c.ObjectUtils.isNotEmpty(e.items)},I=function(n,t){e.onItemMouseEnter&&e.onItemMouseEnter({originalEvent:n,processedItem:t})},O=function(n){return n-e.model.slice(0,n).filter((function(e){return y(e)&&b(e,"separator")})).length+1};o.useUpdateEffect((function(){e.root||!e.parentActive||e.isMobileMode||p()}),[e.parentActive]),d.useImperativeHandle(n,(function(){return{getElement:function(){return t.current}}}));var E=function(n){var t=c.mergeProps({key:"separator_"+n,className:i("separator"),role:"separator"},r("separator",{hostName:e.hostName}));return d.createElement("li",t)},k=function(n,t){return x(n)?d.createElement(w,{id:e.id+"_"+t,menuProps:e.menuProps,model:n.items,menuId:e.menuId,ariaLabelledby:f(item),focusedItemId:e.focusedItemId,activeItemPath:e.activeItemPath,level:e.level+1,onItemClick:e.onItemClick,popup:e.popup,onItemMouseEnter:e.onItemMouseEnter,parentActive:v(n),isMobileMode:e.isMobileMode,submenuIcon:e.submenuIcon,ptm:e.ptm,cx:i,sx:u}):null},P=function(n,t){if(!1===y(n))return null;var r=n.item,o=b(n,"style"),u=b(n,"icon"),p=b(n,"target"),E=b(n,"url"),P=f(n),j=h(n),S=v(n),w=g(n),N=x(n),H=c.classNames("p-menuitem-link"),K=c.classNames("p-menuitem-icon",u),M=c.mergeProps({className:c.classNames(r.icon,"p-menuitem-icon","icon")},a(n,"icon")),U=c.IconUtils.getJSXIcon(u,D({},M),{props:e.menuProps}),T=c.mergeProps({className:i("label")},a(n,"label")),C=r.label&&d.createElement("span",T,r.label),A=c.mergeProps({className:i("submenuIcon")},a(n,"submenuIcon")),L=N&&c.IconUtils.getJSXIcon(e.submenuIcon||d.createElement(l.AngleRightIcon,A),D({},A),{props:e.menuProps}),R=k(n,t),_=c.mergeProps({href:E||"#","aria-hidden":!0,tabIndex:"-1",onFocus:function(e){return e.stopPropagation()},className:i("action"),target:p},a(n,"action")),W=d.createElement("a",_,U,C,L,d.createElement(s.Ripple,null));r.template&&(W=c.ObjectUtils.getJSXElement(r.template,r,{className:H,labelClassName:"p-menuitem-text",iconClassName:K,submenuIconClassName:"p-submenu-icon",element:W,props:e,active:S,disabled:w}));var B=c.mergeProps({onClick:function(e){return m(e,n)},onMouseEnter:function(e){return I(e,n)},className:i("content")},a(n,"content")),Z=c.mergeProps({key:P,id:P,"aria-label":r.label,"aria-disabled":w,"aria-expanded":N?S:void 0,"aria-haspopup":N&&!E?"menu":void 0,"aria-level":e.level+1,"aria-setsize":e.model.filter((function(e){return y(e)&&!b(e,"separator")})).length,"aria-posinset":O(t),"data-p-highlight":S,"data-p-disabled":w,"data-p-visited":j,className:i("menuitem",{className:r.className,active:S,focused:j,disabled:w}),style:o,onMouseEnter:function(e){return I(e,r)},role:"menuitem"},a(n,"menuitem"));return d.createElement("li",Z,d.createElement("div",B,W),R)},j=e.model?e.model.map((function(e,n){return b(e,"separator")?E(n):P(e,n)})):null,S=e.root?"menu":"submenu",N=c.mergeProps({ref:t,id:e.id,tabIndex:e.tabIndex,onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:e.onKeyDown,className:i(S,{subProps:e}),style:u(S,{subProps:e}),role:e.root?"menubar":"menu","aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledby,"aria-orientation":e.ariaOrientation,"aria-activedescendant":e.focusedItemId},r(S,{hostName:e.hostName}));return d.createElement("ul",N,j)})));function N(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 H(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?N(Object(t),!0).forEach((function(n){h(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):N(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}w.displayName="TieredMenuSub";var K=d.memo(d.forwardRef((function(e,n){var l=d.useContext(t.PrimeReactContext),s=j.getProps(e,l),p=P(d.useState(s.id),2),m=p[0],v=p[1],y=P(d.useState(!s.popup),2),g=y[0],h=y[1],x=P(d.useState([]),2),I=x[0],O=x[1],E=P(d.useState(!1),2),k=E[0],S=E[1],D=P(d.useState(null),2),N=D[0],K=D[1],M=P(d.useState({index:-1,level:0,parentKey:""}),2),U=M[0],T=M[1],C=P(d.useState(!1),2),A=C[0],L=C[1],R=P(d.useState([]),2),_=R[0],W=R[1],B=P(d.useState([]),2),Z=B[0],F=B[1],z=P(d.useState(!1),2),V=z[0],J=z[1],X=P(d.useState(null),2),q=X[0],Y=X[1],$=j.setMetaData({props:s,state:{id:m,visible:g,attributeSelector:q}}),G=$.ptm,Q=$.cx,ee=$.sx;r.useHandleStyle(j.css.styles,$.isUnstyled,{name:"tieredmenu"});var ne=d.useRef(null),te=d.useRef(null),re=d.useRef(null),ie=d.useRef(null),oe=d.useRef(null),ue=d.useRef(null),ae=d.useRef(null),ce=o.useMatchMedia("screen and (max-width: ".concat(s.breakpoint,")"),!!s.breakpoint),le=P(o.useEventListener({type:"click",listener:function(e){var n=ne.current&&!ne.current.contains(e.target),t=!s.popup||!(re.current&&(re.current===e.target||re.current.contains(e.target)));n&&t&&ge(e,!s.popup)}}),2),se=le[0],pe=le[1],me=P(o.useResizeListener({listener:function(){!ce&&ge(event,!0)}}),2),de=me[0],fe=me[1],be=function(e){s.popup&&u.OverlayService.emit("overlay-click",{originalEvent:e,target:re.current})},ve=function(e){s.popup&&(g?ge(e):ye(e))},ye=function(e){s.popup&&(re.current=e.currentTarget,h(!0),s.onShow&&s.onShow(e),ie.current=e.relatedTarget||null),T({index:$e(),level:0,parentKey:""})},ge=function(e,n){s.popup&&(h(!1),s.onHide&&s.onHide(e));var t=Te();O([]),T({index:-1,level:0,parentKey:""}),n&&c.DomHandler.focus(ie.current||re.current||t),L(!1)},he=function(e){S(!0),T(-1!==U.index?U:{index:$e(),level:0,parentKey:""}),s.onFocus&&s.onFocus(e)},xe=function(e){S(!1),T({index:-1,level:0,parentKey:""}),ue.current="",L(!1),s.onBlur&&s.onBlur(e)},Ie=function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":Pe(e);break;case"ArrowUp":je(e);break;case"ArrowLeft":Se(e);break;case"ArrowRight":De(e);break;case"Home":we(e);break;case"End":Ne(e);break;case"Space":Ke(e);break;case"Enter":He(e);break;case"Escape":s.popup&&c.DomHandler.focus(re.current),Me(e);break;case"Tab":Ue(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&c.ObjectUtils.isPrintableCharacter(e.key)&&Qe(e.key)}},Oe=function(e){var n=e.processedItem,t=e.isFocus;if(!c.ObjectUtils.isEmpty(n)){var r=n.index,i=n.key,o=n.level,u=n.parentKey,a=c.ObjectUtils.isNotEmpty(n.items),l=I.filter((function(e){return e.parentKey!==u&&e.parentKey!==i}));a&&l.push(n),T({index:r,level:o,parentKey:u}),O(l),a&&L(!0),t&&c.DomHandler.focus(Te())}},Ee=function(e){var n=e.originalEvent,t=e.processedItem;if(!Le(t)&&!s.isMobileMode){var r=We(t),i=c.ObjectUtils.isEmpty(t.parent),o=ze(t),u=Te();if(o){var a=t.index,l=t.key,p=t.level,m=t.parentKey;O(I.filter((function(e){return l!==e.key&&l.startsWith(e.key)}))),T({index:a,level:p,parentKey:m}),r||L(!i),setTimeout((function(){c.DomHandler.focus(u),r&&L(!0)}),0)}else if(r)c.DomHandler.focus(u),Oe(e);else{var d=i?t:I.find((function(e){return""===e.parentKey})),f=d?d.index:-1;ge(n,!0),T({index:f,parentKey:d?d.parentKey:""})}}},ke=function(e){var n=e.originalEvent;Le(e.processedItem)||s.isMobileMode?n.preventDefault():A&&!s.popup&&Oe(e)},Pe=function(e){var n=-1!==U.index?Xe(U.index):$e();en(n),e.preventDefault()},je=function(e){if(e.altKey){if(s.popup&&c.DomHandler.focus(re.current),-1!==U.index){var n=Z[U.index];!We(n)&&Oe({originalEvent:e,processedItem:n})}s.popup&&ge(e,!0),e.preventDefault()}else{var t=-1!==U.index?qe(U.index):Ge();en(t),e.preventDefault()}},Se=function(e){var n=Z[U.index],t=I.find((function(e){return e.key===n.parentKey}));c.ObjectUtils.isEmpty(n.parent)||(T({index:-1,parentKey:t?t.parentKey:""}),ue.current="",setTimeout((function(){return J(!0)}),0)),O(I.filter((function(e){return e.parentKey!==U.parentKey}))),e.preventDefault()},De=function(e){var n=Z[U.index];We(n)&&(Oe({originalEvent:e,processedItem:n}),T({index:-1,parentKey:n.key}),ue.current="",setTimeout((function(){return J(!0)}),0)),e.preventDefault()},we=function(e){en(Ve()),e.preventDefault()},Ne=function(e){en(Je()),e.preventDefault()},He=function(e){if(-1!==U.index){var n=c.DomHandler.findSingle(Te(),'li[id="'.concat("".concat(N),'"]')),t=n&&c.DomHandler.findSingle(n,'[data-pc-section="action"]');s.popup&&c.DomHandler.focus(re.current),t?t.click():n&&n.click()}e.preventDefault()},Ke=function(e){He(e)},Me=function(e){ge(e,!0),!s.popup&&T(H(H({},U),{},{index:$e()})),e.preventDefault()},Ue=function(e){if(-1!==U.index){var n=Z[U.index];!We(n)&&Oe({originalEvent:e,processedItem:n})}ge(e)},Te=function(){return te.current.getElement()||null},Ce=function(e,n){return e?c.ObjectUtils.getItemValue(e[n]):void 0},Ae=function(e){return Ce(e,"label")},Le=function(e){return Ce(e,"disabled")},Re=function(e){return Ce(e,"separator")},_e=function(e){return e?Ae(e.item):void 0},We=function(e){return e&&c.ObjectUtils.isNotEmpty(e.items)},Be=function(e){return Ze(e)&&_e(e).toLocaleLowerCase().startsWith(ue.current.toLocaleLowerCase())},Ze=function(e){return!!e&&!Le(e.item)&&!Re(e.item)},Fe=function(e){return Ze(e)&&ze(e)},ze=function(e){return I.some((function(n){return n.key===e.key}))},Ve=function(){return Z.findIndex((function(e){return Ze(e)}))},Je=function(){return c.ObjectUtils.findLastIndex(Z,(function(e){return Ze(e)}))},Xe=function(e){var n=e<Z.length-1?Z.slice(e+1).findIndex((function(e){return Ze(e)})):-1;return n>-1?n+e+1:e},qe=function(e){var n=e>0?c.ObjectUtils.findLastIndex(Z.slice(0,e),(function(e){return Ze(e)})):-1;return n>-1?n:e},Ye=function(){return Z.findIndex((function(e){return Fe(e)}))},$e=function(){var e=Ye();return e<0?Ve():e},Ge=function(){var e=Ye();return e<0?Je():e},Qe=function(e){ue.current=(ue.current||"")+e;var n=-1,t=!1;return-1!==(n=-1!==U.index?-1===(n=Z.slice(U.index).findIndex((function(e){return Be(e)})))?Z.slice(0,U.index).findIndex((function(e){return Be(e)})):n+U.index:Z.findIndex((function(e){return Be(e)})))&&(t=!0),-1===n&&-1===U.index&&(n=$e()),-1!==n&&en(n),ae.current&&clearTimeout(ae),ae.current=setTimeout((function(){ue.current="",ae.current=null}),500),t},en=function(e){U.index!==e&&(T(H(H({},U),{},{index:e})),nn())},nn=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(m,"_").concat(e):N,t=c.DomHandler.findSingle(Te(),'li[id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},tn=function e(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",o=[];return n&&n.forEach((function(n,u){var a=(""!==i?i+"_":"")+u,c={item:n,index:u,level:t,key:a,parent:r,parentKey:i};c.items=e(n.items,t+1,c,a),o.push(c)})),o},rn=function(){if(!oe.current){oe.current=c.DomHandler.createInlineStyle(l&&l.nonce||f.default.nonce);var e="".concat(q),n="\n@media screen and (max-width: ".concat(s.breakpoint,") {\n .p-tieredmenu[").concat(e,"] > ul {\n max-height: ").concat(s.scrollHeight,";\n overflow: ").concat(s.scrollHeight?"auto":"",";\n }\n\n .p-tieredmenu[").concat(e,"] .p-submenu-list {\n position: relative;\n }\n\n .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-submenu-list {\n left: 0;\n box-shadow: none;\n border-radius: 0;\n padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n }\n\n .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n transform: rotate(-180deg);\n }\n\n .p-tieredmenu[").concat(e,'] .p-submenu-icon:before {\n content: "\\e930";\n }\n\n ').concat(s.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");oe.current.innerHTML=n}},on=function(){oe.current=c.DomHandler.removeInlineStyle(oe.current)},un=function(){s.autoZIndex&&c.ZIndexUtils.set("menu",ne.current,l&&l.autoZIndex||f.default.autoZIndex,s.baseZIndex||l&&l.zIndex.menu||f.default.zIndex.menu),c.DomHandler.addStyles(ne.current,{position:"absolute",top:"0",left:"0"}),c.DomHandler.absolutePosition(ne.current,re.current),c.DomHandler.getOuterWidth(re.current)>c.DomHandler.getOuterWidth(ne.current)&&(ne.current.style.minWidth=c.DomHandler.getOuterWidth(re.current)+"px"),c.DomHandler.focus(te.current.getElement()),nn(),q&&s.breakpoint&&(ne.current.setAttribute(q,""),rn())},an=function(){se(),de()},cn=function(){re.current=null,pe(),fe()},ln=function(){c.ZIndexUtils.clear(ne.current),on()};o.useMountEffect((function(){var e=c.UniqueComponentId();!m&&v(e),s.breakpoint&&!q&&Y(e)})),o.useUpdateEffect((function(){var e=tn(s.model||[]);W(e)}),s.model),o.useUpdateEffect((function(){var e=I.find((function(e){return e.key===U.parentKey}));F(e?e.items:_)}),[I,U,_]),o.useUpdateEffect((function(){var e=-1!==U.index?"".concat(m).concat(c.ObjectUtils.isNotEmpty(U.parentKey)?"_"+U.parentKey:"","_").concat(U.index):null;K(e)}),[U]),o.useUpdateEffect((function(){s.popup||(c.ObjectUtils.isNotEmpty(I)?(se(),de()):(pe(),fe()))}),[I]),o.useUpdateEffect((function(){if(V){var e=-1!==U.index?Xe(U.index):$e();en(e),O(I.filter((function(e){return e.parentKey!==U.parentKey}))),J(!1)}}),[V]),o.useUpdateEffect((function(){return q&&ne.current&&(ne.current.setAttribute(q,""),rn()),function(){on()}}),[q,s.breakpoint]),o.useUnmountEffect((function(){c.ZIndexUtils.clear(ne.current)})),d.useImperativeHandle(n,(function(){return{props:s,toggle:ve,show:ye,hide:ge,getElement:function(){return ne.current}}}));var sn,pn,mn=(sn=c.mergeProps({ref:ne,id:s.id,className:Q("root"),style:s.style,onClick:be},j.getOtherProps(s),G("root")),pn=c.mergeProps({classNames:Q("transition"),in:g,timeout:{enter:120,exit:100},options:s.transitionOptions,unmountOnExit:!0,onEnter:un,onEntered:an,onExit:cn,onExited:ln},G("transition")),d.createElement(i.CSSTransition,b({nodeRef:ne},pn),d.createElement("div",sn,d.createElement(w,{id:m+"_list",ref:te,hostName:"TieredMenu",menuProps:s,tabIndex:0,model:_,ariaLabel:s.ariaLabel,ariaLabelledBy:s.ariaLabelledBy,ariaOrientation:"vertical",ariaActiveDescendant:k?N:void 0,menuId:m,level:0,focusedItemId:N,activeItemPath:I,onFocus:he,onBlur:xe,onKeyDown:Ie,onItemClick:Ee,onItemMouseEnter:ke,root:!0,popup:s.popup,onHide:ge,isMobileMode:ce,submenuIcon:s.submenuIcon,ptm:G,cx:Q,sx:ee}))));return s.popup?d.createElement(a.Portal,{element:mn,appendTo:s.appendTo}):mn})));return K.displayName="TieredMenu",e.TieredMenu=K,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.overlayservice,primereact.portal,primereact.utils,primereact.icons.angleright,primereact.ripple);
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.tieredmenu=function(e,n,t,r,i,o,u,a,c,l,s){"use strict";function p(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 d=m(n),f=p(t);function b(){return b=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},b.apply(this,arguments)}function v(e){return v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},v(e)}function y(e,n){if("object"!==v(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==v(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function g(e){var n=y(e,"string");return"symbol"===v(n)?n:String(n)}function h(e,n,t){return(n=g(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function x(e){if(Array.isArray(e))return e}function I(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 O(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 E(e,n){if(e){if("string"==typeof e)return O(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)?O(e,n):void 0}}function k(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function P(e,n){return x(e)||I(e,n)||E(e,n)||k()}var j=r.ComponentBase.extend({defaultProps:{__TYPE:"TieredMenu",id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onShow:null,onFocus:null,onBlur:null,onHide:null,submenuIcon:null,children:void 0},css:{classes:{root:function(e){var n=e.props,t=e.context;return c.classNames("p-tieredmenu p-component",{"p-tieredmenu-overlay":n.popup,"p-input-filled":t&&"filled"===t.inputStyle||"filled"===f.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===f.default.ripple},n.className)},separator:"p-menuitem-separator",icon:function(e){return c.classNames("p-menuitem-icon",e._icon)},content:"p-menuitem-content",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",action:"p-menuitem-link",menuitem:function(e){return c.classNames("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled},e._className)},menu:"p-tieredmenu-root-list",submenu:"p-submenu-list",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-tieredmenu-overlay {\n position: absolute;\n }\n\n .p-tieredmenu ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-tieredmenu .p-submenu-list {\n position: absolute;\n min-width: 100%;\n z-index: 1;\n display: none;\n }\n\n .p-tieredmenu .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-text {\n line-height: 1;\n }\n\n .p-tieredmenu .p-menuitem {\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list {\n display: block;\n left: 100%;\n top: 0;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list-flipped {\n left: -100%;\n }\n}\n",inlineStyles:{submenu:function(e){var n=e.subProps;return{display:!n.root&&n.parentActive?"block":"none"}}}}});function S(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function D(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?S(Object(t),!0).forEach((function(n){h(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):S(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var w=d.memo(d.forwardRef((function(e,n){var t=d.useRef(null),r=e.ptm,i=e.cx,u=e.sx,a=function(n,t){return r(t,{hostName:e.hostName,context:{active:v(n)}})},p=function(){if(t.current){var e=t.current.parentElement,n=c.DomHandler.getOffset(e),r=c.DomHandler.getViewport(),i=t.current.offsetParent?t.current.offsetWidth:c.DomHandler.getHiddenElementOuterWidth(t.current),o=c.DomHandler.getOuterWidth(e.children[0]),u=parseInt(n.top,10)+t.current.offsetHeight-c.DomHandler.getWindowScrollTop();t.current.style.top=u>r.height?r.height-u+"px":"0px",parseInt(n.left,10)+o+i>r.width-c.DomHandler.calculateScrollbarWidth()&&c.DomHandler.addClass(t.current,"p-submenu-list-flipped")}},m=function(n,t){var r=t.item;g(t)?n.preventDefault():(r.url||n.preventDefault(),r.command&&r.command({originalEvent:n,item:r}),e.onItemClick&&e.onItemClick({originalEvent:n,processedItem:t}))},f=function(n){return"".concat(e.menuId,"_").concat(n.key)},b=function(e,n,t){return e&&e.item?c.ObjectUtils.getItemValue(e.item[n],t):void 0},v=function(n){return e.activeItemPath.some((function(e){return e.key===n.key}))},y=function(e){return!1!==b(e,"visible")},g=function(e){return b(e,"disabled")},h=function(n){return e.focusedItemId===f(n)},x=function(e){return c.ObjectUtils.isNotEmpty(e.items)},I=function(n,t){e.onItemMouseEnter&&e.onItemMouseEnter({originalEvent:n,processedItem:t})},O=function(n){return n-e.model.slice(0,n).filter((function(e){return y(e)&&b(e,"separator")})).length+1};o.useUpdateEffect((function(){e.root||!e.parentActive||e.isMobileMode||p()}),[e.parentActive]),d.useImperativeHandle(n,(function(){return{getElement:function(){return t.current}}}));var E=function(n){var t=c.mergeProps({key:"separator_"+n,className:i("separator"),role:"separator"},r("separator",{hostName:e.hostName}));return d.createElement("li",t)},k=function(n,t){return x(n)?d.createElement(w,{id:e.id+"_"+t,menuProps:e.menuProps,model:n.items,menuId:e.menuId,ariaLabelledby:f(item),focusedItemId:e.focusedItemId,activeItemPath:e.activeItemPath,level:e.level+1,onItemClick:e.onItemClick,popup:e.popup,onItemMouseEnter:e.onItemMouseEnter,parentActive:v(n),isMobileMode:e.isMobileMode,submenuIcon:e.submenuIcon,ptm:e.ptm,cx:i,sx:u}):null},P=function(n,t){if(!1===y(n))return null;var r=n.item,o=b(n,"style"),u=b(n,"icon"),p=b(n,"target"),E=b(n,"url"),P=f(n),j=h(n),S=v(n),w=g(n),N=x(n),H=c.classNames("p-menuitem-link"),K=c.classNames("p-menuitem-icon",u),M=c.mergeProps({className:c.classNames(r.icon,"p-menuitem-icon","icon")},a(n,"icon")),U=c.IconUtils.getJSXIcon(u,D({},M),{props:e.menuProps}),T=c.mergeProps({className:i("label")},a(n,"label")),C=r.label&&d.createElement("span",T,r.label),A=c.mergeProps({className:i("submenuIcon")},a(n,"submenuIcon")),L=N&&c.IconUtils.getJSXIcon(e.submenuIcon||d.createElement(l.AngleRightIcon,A),D({},A),{props:e.menuProps}),R=k(n,t),_=c.mergeProps({href:E||"#","aria-hidden":!0,tabIndex:"-1",onFocus:function(e){return e.stopPropagation()},className:i("action"),target:p},a(n,"action")),W=d.createElement("a",_,U,C,L,d.createElement(s.Ripple,null));r.template&&(W=c.ObjectUtils.getJSXElement(r.template,r,{className:H,labelClassName:"p-menuitem-text",iconClassName:K,submenuIconClassName:"p-submenu-icon",element:W,props:e,active:S,disabled:w}));var B=c.mergeProps({onClick:function(e){return m(e,n)},onMouseEnter:function(e){return I(e,n)},className:i("content")},a(n,"content")),Z=c.mergeProps({key:P,id:P,"aria-label":r.label,"aria-disabled":w,"aria-expanded":N?S:void 0,"aria-haspopup":N&&!E?"menu":void 0,"aria-level":e.level+1,"aria-setsize":e.model.filter((function(e){return y(e)&&!b(e,"separator")})).length,"aria-posinset":O(t),"data-p-highlight":S,"data-p-disabled":w,"data-p-visited":j,className:i("menuitem",{className:r.className,active:S,focused:j,disabled:w}),style:o,onMouseEnter:function(e){return I(e,r)},role:"menuitem"},a(n,"menuitem"));return d.createElement("li",Z,d.createElement("div",B,W),R)},j=e.model?e.model.map((function(e,n){return b(e,"separator")?E(n):P(e,n)})):null,S=e.root?"menu":"submenu",N=c.mergeProps({ref:t,id:e.id,tabIndex:e.tabIndex,onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:e.onKeyDown,className:i(S,{subProps:e}),style:u(S,{subProps:e}),role:e.root?"menubar":"menu","aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledby,"aria-orientation":e.ariaOrientation,"aria-activedescendant":e.focusedItemId},r(S,{hostName:e.hostName}));return d.createElement("ul",N,j)})));function N(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 H(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?N(Object(t),!0).forEach((function(n){h(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):N(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}w.displayName="TieredMenuSub";var K=d.memo(d.forwardRef((function(e,n){var l=d.useContext(t.PrimeReactContext),s=j.getProps(e,l),p=P(d.useState(s.id),2),m=p[0],v=p[1],y=P(d.useState(!s.popup),2),g=y[0],h=y[1],x=P(d.useState([]),2),I=x[0],O=x[1],E=P(d.useState(!1),2),k=E[0],S=E[1],D=P(d.useState(null),2),N=D[0],K=D[1],M=P(d.useState({index:-1,level:0,parentKey:""}),2),U=M[0],T=M[1],C=P(d.useState(!1),2),A=C[0],L=C[1],R=P(d.useState([]),2),_=R[0],W=R[1],B=P(d.useState([]),2),Z=B[0],F=B[1],z=P(d.useState(!1),2),V=z[0],J=z[1],X=P(d.useState(null),2),q=X[0],Y=X[1],$=j.setMetaData({props:s,state:{id:m,visible:g,attributeSelector:q}}),G=$.ptm,Q=$.cx,ee=$.sx;r.useHandleStyle(j.css.styles,$.isUnstyled,{name:"tieredmenu"});var ne=d.useRef(null),te=d.useRef(null),re=d.useRef(null),ie=d.useRef(null),oe=d.useRef(null),ue=d.useRef(null),ae=d.useRef(null),ce=o.useMatchMedia("screen and (max-width: ".concat(s.breakpoint,")"),!!s.breakpoint),le=P(o.useEventListener({type:"click",listener:function(e){var n=ne.current&&!ne.current.contains(e.target),t=!s.popup||!(re.current&&(re.current===e.target||re.current.contains(e.target)));n&&t&&ge(e,!s.popup)}}),2),se=le[0],pe=le[1],me=P(o.useResizeListener({listener:function(){!ce&&ge(event,!0)}}),2),de=me[0],fe=me[1],be=function(e){s.popup&&u.OverlayService.emit("overlay-click",{originalEvent:e,target:re.current})},ve=function(e){s.popup&&(g?ge(e):ye(e))},ye=function(e){s.popup&&(re.current=e.currentTarget,h(!0),s.onShow&&s.onShow(e),ie.current=e.relatedTarget||null),T({index:$e(),level:0,parentKey:""})},ge=function(e,n){s.popup&&(h(!1),s.onHide&&s.onHide(e));var t=Te();O([]),T({index:-1,level:0,parentKey:""}),n&&c.DomHandler.focus(ie.current||re.current||t),L(!1)},he=function(e){S(!0),T(-1!==U.index?U:{index:$e(),level:0,parentKey:""}),s.onFocus&&s.onFocus(e)},xe=function(e){S(!1),T({index:-1,level:0,parentKey:""}),ue.current="",L(!1),s.onBlur&&s.onBlur(e)},Ie=function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":Pe(e);break;case"ArrowUp":je(e);break;case"ArrowLeft":Se(e);break;case"ArrowRight":De(e);break;case"Home":we(e);break;case"End":Ne(e);break;case"Space":Ke(e);break;case"Enter":He(e);break;case"Escape":s.popup&&c.DomHandler.focus(re.current),Me(e);break;case"Tab":Ue(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&c.ObjectUtils.isPrintableCharacter(e.key)&&Qe(e.key)}},Oe=function(e){var n=e.processedItem,t=e.isFocus;if(!c.ObjectUtils.isEmpty(n)){var r=n.index,i=n.key,o=n.level,u=n.parentKey,a=c.ObjectUtils.isNotEmpty(n.items),l=I.filter((function(e){return e.parentKey!==u&&e.parentKey!==i}));a&&l.push(n),T({index:r,level:o,parentKey:u}),O(l),a&&L(!0),t&&c.DomHandler.focus(Te())}},Ee=function(e){var n=e.originalEvent,t=e.processedItem;if(!Le(t)&&!s.isMobileMode){var r=We(t),i=c.ObjectUtils.isEmpty(t.parent),o=ze(t),u=Te();if(o){var a=t.index,l=t.key,p=t.level,m=t.parentKey;O(I.filter((function(e){return l!==e.key&&l.startsWith(e.key)}))),T({index:a,level:p,parentKey:m}),r||L(!i),setTimeout((function(){c.DomHandler.focus(u),r&&L(!0)}),0)}else if(r)c.DomHandler.focus(u),Oe(e);else{var d=i?t:I.find((function(e){return""===e.parentKey})),f=d?d.index:-1;ge(n,!0),T({index:f,parentKey:d?d.parentKey:""})}}},ke=function(e){var n=e.originalEvent;Le(e.processedItem)||s.isMobileMode?n.preventDefault():A&&!s.popup&&Oe(e)},Pe=function(e){var n=-1!==U.index?Xe(U.index):$e();en(n),e.preventDefault()},je=function(e){if(e.altKey){if(s.popup&&c.DomHandler.focus(re.current),-1!==U.index){var n=Z[U.index];!We(n)&&Oe({originalEvent:e,processedItem:n})}s.popup&&ge(e,!0),e.preventDefault()}else{var t=-1!==U.index?qe(U.index):Ge();en(t),e.preventDefault()}},Se=function(e){var n=Z[U.index],t=I.find((function(e){return e.key===n.parentKey}));c.ObjectUtils.isEmpty(n.parent)||(T({index:-1,parentKey:t?t.parentKey:""}),ue.current="",setTimeout((function(){return J(!0)}),0)),O(I.filter((function(e){return e.parentKey!==U.parentKey}))),e.preventDefault()},De=function(e){var n=Z[U.index];We(n)&&(Oe({originalEvent:e,processedItem:n}),T({index:-1,parentKey:n.key}),ue.current="",setTimeout((function(){return J(!0)}),0)),e.preventDefault()},we=function(e){en(Ve()),e.preventDefault()},Ne=function(e){en(Je()),e.preventDefault()},He=function(e){if(-1!==U.index){var n=c.DomHandler.findSingle(Te(),'li[id="'.concat("".concat(N),'"]')),t=n&&c.DomHandler.findSingle(n,'[data-pc-section="action"]');s.popup&&c.DomHandler.focus(re.current),t?t.click():n&&n.click()}e.preventDefault()},Ke=function(e){He(e)},Me=function(e){ge(e,!0),!s.popup&&T(H(H({},U),{},{index:$e()})),e.preventDefault()},Ue=function(e){if(-1!==U.index){var n=Z[U.index];!We(n)&&Oe({originalEvent:e,processedItem:n})}ge(e)},Te=function(){return te.current.getElement()||null},Ce=function(e,n){return e?c.ObjectUtils.getItemValue(e[n]):void 0},Ae=function(e){return Ce(e,"label")},Le=function(e){return Ce(e,"disabled")},Re=function(e){return Ce(e,"separator")},_e=function(e){return e?Ae(e.item):void 0},We=function(e){return e&&c.ObjectUtils.isNotEmpty(e.items)},Be=function(e){return Ze(e)&&_e(e).toLocaleLowerCase().startsWith(ue.current.toLocaleLowerCase())},Ze=function(e){return!!e&&!Le(e.item)&&!Re(e.item)},Fe=function(e){return Ze(e)&&ze(e)},ze=function(e){return I.some((function(n){return n.key===e.key}))},Ve=function(){return Z.findIndex((function(e){return Ze(e)}))},Je=function(){return c.ObjectUtils.findLastIndex(Z,(function(e){return Ze(e)}))},Xe=function(e){var n=e<Z.length-1?Z.slice(e+1).findIndex((function(e){return Ze(e)})):-1;return n>-1?n+e+1:e},qe=function(e){var n=e>0?c.ObjectUtils.findLastIndex(Z.slice(0,e),(function(e){return Ze(e)})):-1;return n>-1?n:e},Ye=function(){return Z.findIndex((function(e){return Fe(e)}))},$e=function(){var e=Ye();return e<0?Ve():e},Ge=function(){var e=Ye();return e<0?Je():e},Qe=function(e){ue.current=(ue.current||"")+e;var n=-1,t=!1;return-1!==(n=-1!==U.index?-1===(n=Z.slice(U.index).findIndex((function(e){return Be(e)})))?Z.slice(0,U.index).findIndex((function(e){return Be(e)})):n+U.index:Z.findIndex((function(e){return Be(e)})))&&(t=!0),-1===n&&-1===U.index&&(n=$e()),-1!==n&&en(n),ae.current&&clearTimeout(ae),ae.current=setTimeout((function(){ue.current="",ae.current=null}),500),t},en=function(e){U.index!==e&&(T(H(H({},U),{},{index:e})),nn())},nn=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(m,"_").concat(e):N,t=c.DomHandler.findSingle(Te(),'li[id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},tn=function e(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",o=[];return n&&n.forEach((function(n,u){var a=(""!==i?i+"_":"")+u,c={item:n,index:u,level:t,key:a,parent:r,parentKey:i};c.items=e(n.items,t+1,c,a),o.push(c)})),o},rn=function(){if(!oe.current){oe.current=c.DomHandler.createInlineStyle(l&&l.nonce||f.default.nonce,l&&l.styleContainer);var e="".concat(q),n="\n@media screen and (max-width: ".concat(s.breakpoint,") {\n .p-tieredmenu[").concat(e,"] > ul {\n max-height: ").concat(s.scrollHeight,";\n overflow: ").concat(s.scrollHeight?"auto":"",";\n }\n\n .p-tieredmenu[").concat(e,"] .p-submenu-list {\n position: relative;\n }\n\n .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-submenu-list {\n left: 0;\n box-shadow: none;\n border-radius: 0;\n padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n }\n\n .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n transform: rotate(-180deg);\n }\n\n .p-tieredmenu[").concat(e,'] .p-submenu-icon:before {\n content: "\\e930";\n }\n\n ').concat(s.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");oe.current.innerHTML=n}},on=function(){oe.current=c.DomHandler.removeInlineStyle(oe.current)},un=function(){s.autoZIndex&&c.ZIndexUtils.set("menu",ne.current,l&&l.autoZIndex||f.default.autoZIndex,s.baseZIndex||l&&l.zIndex.menu||f.default.zIndex.menu),c.DomHandler.addStyles(ne.current,{position:"absolute",top:"0",left:"0"}),c.DomHandler.absolutePosition(ne.current,re.current),c.DomHandler.getOuterWidth(re.current)>c.DomHandler.getOuterWidth(ne.current)&&(ne.current.style.minWidth=c.DomHandler.getOuterWidth(re.current)+"px"),c.DomHandler.focus(te.current.getElement()),nn(),q&&s.breakpoint&&(ne.current.setAttribute(q,""),rn())},an=function(){se(),de()},cn=function(){re.current=null,pe(),fe()},ln=function(){c.ZIndexUtils.clear(ne.current),on()};o.useMountEffect((function(){var e=c.UniqueComponentId();!m&&v(e),s.breakpoint&&!q&&Y(e)})),o.useUpdateEffect((function(){var e=tn(s.model||[]);W(e)}),s.model),o.useUpdateEffect((function(){var e=I.find((function(e){return e.key===U.parentKey}));F(e?e.items:_)}),[I,U,_]),o.useUpdateEffect((function(){var e=-1!==U.index?"".concat(m).concat(c.ObjectUtils.isNotEmpty(U.parentKey)?"_"+U.parentKey:"","_").concat(U.index):null;K(e)}),[U]),o.useUpdateEffect((function(){s.popup||(c.ObjectUtils.isNotEmpty(I)?(se(),de()):(pe(),fe()))}),[I]),o.useUpdateEffect((function(){if(V){var e=-1!==U.index?Xe(U.index):$e();en(e),O(I.filter((function(e){return e.parentKey!==U.parentKey}))),J(!1)}}),[V]),o.useUpdateEffect((function(){return q&&ne.current&&(ne.current.setAttribute(q,""),rn()),function(){on()}}),[q,s.breakpoint]),o.useUnmountEffect((function(){c.ZIndexUtils.clear(ne.current)})),d.useImperativeHandle(n,(function(){return{props:s,toggle:ve,show:ye,hide:ge,getElement:function(){return ne.current}}}));var sn,pn,mn=(sn=c.mergeProps({ref:ne,id:s.id,className:Q("root"),style:s.style,onClick:be},j.getOtherProps(s),G("root")),pn=c.mergeProps({classNames:Q("transition"),in:g,timeout:{enter:120,exit:100},options:s.transitionOptions,unmountOnExit:!0,onEnter:un,onEntered:an,onExit:cn,onExited:ln},G("transition")),d.createElement(i.CSSTransition,b({nodeRef:ne},pn),d.createElement("div",sn,d.createElement(w,{id:m+"_list",ref:te,hostName:"TieredMenu",menuProps:s,tabIndex:0,model:_,ariaLabel:s.ariaLabel,ariaLabelledBy:s.ariaLabelledBy,ariaOrientation:"vertical",ariaActiveDescendant:k?N:void 0,menuId:m,level:0,focusedItemId:N,activeItemPath:I,onFocus:he,onBlur:xe,onKeyDown:Ie,onItemClick:Ee,onItemMouseEnter:ke,root:!0,popup:s.popup,onHide:ge,isMobileMode:ce,submenuIcon:s.submenuIcon,ptm:G,cx:Q,sx:ee}))));return s.popup?d.createElement(a.Portal,{element:mn,appendTo:s.appendTo}):mn})));return K.displayName="TieredMenu",e.TieredMenu=K,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.overlayservice,primereact.portal,primereact.utils,primereact.icons.angleright,primereact.ripple);
|
package/toast/toast.d.ts
CHANGED
|
@@ -267,7 +267,7 @@ export interface ToastProps extends Omit<React.DetailedHTMLProps<React.HTMLAttri
|
|
|
267
267
|
* DOM element instance where the component should be mounted. Valid values are any DOM Element and 'self'. The self value is used to render a component where it is located.
|
|
268
268
|
* @defaultValue self
|
|
269
269
|
*/
|
|
270
|
-
appendTo?: 'self' | HTMLElement | null |
|
|
270
|
+
appendTo?: 'self' | HTMLElement | undefined | null | (() => HTMLElement);
|
|
271
271
|
/**
|
|
272
272
|
* Callback to invoke when an active tab is collapsed by clicking on the header.
|
|
273
273
|
* @param {ToastMessage} message - Clicked message
|
|
@@ -306,7 +306,7 @@ export interface ToastProps extends Omit<React.DetailedHTMLProps<React.HTMLAttri
|
|
|
306
306
|
* @param {ContentProps} props - The values of toast.
|
|
307
307
|
* @return {React.ReactNode}
|
|
308
308
|
*/
|
|
309
|
-
content
|
|
309
|
+
content?: React.ReactNode | ((props: ContentProps) => React.ReactNode);
|
|
310
310
|
}
|
|
311
311
|
|
|
312
312
|
/**
|
|
@@ -5,11 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var api = require('primereact/api');
|
|
8
|
+
var componentbase = require('primereact/componentbase');
|
|
8
9
|
var hooks = require('primereact/hooks');
|
|
9
10
|
var ripple = require('primereact/ripple');
|
|
10
11
|
var tooltip = require('primereact/tooltip');
|
|
11
12
|
var utils = require('primereact/utils');
|
|
12
|
-
var componentbase = require('primereact/componentbase');
|
|
13
13
|
|
|
14
14
|
function _interopNamespace(e) {
|
|
15
15
|
if (e && e.__esModule) return e;
|
|
@@ -87,6 +87,61 @@ function _defineProperty(obj, key, value) {
|
|
|
87
87
|
return obj;
|
|
88
88
|
}
|
|
89
89
|
|
|
90
|
+
function _arrayWithHoles(arr) {
|
|
91
|
+
if (Array.isArray(arr)) return arr;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
function _iterableToArrayLimit(r, l) {
|
|
95
|
+
var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
|
|
96
|
+
if (null != t) {
|
|
97
|
+
var e,
|
|
98
|
+
n,
|
|
99
|
+
i,
|
|
100
|
+
u,
|
|
101
|
+
a = [],
|
|
102
|
+
f = !0,
|
|
103
|
+
o = !1;
|
|
104
|
+
try {
|
|
105
|
+
if (i = (t = t.call(r)).next, 0 === l) {
|
|
106
|
+
if (Object(t) !== t) return;
|
|
107
|
+
f = !1;
|
|
108
|
+
} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
|
|
109
|
+
} catch (r) {
|
|
110
|
+
o = !0, n = r;
|
|
111
|
+
} finally {
|
|
112
|
+
try {
|
|
113
|
+
if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
|
|
114
|
+
} finally {
|
|
115
|
+
if (o) throw n;
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
return a;
|
|
119
|
+
}
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
function _arrayLikeToArray(arr, len) {
|
|
123
|
+
if (len == null || len > arr.length) len = arr.length;
|
|
124
|
+
for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
|
|
125
|
+
return arr2;
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
function _unsupportedIterableToArray(o, minLen) {
|
|
129
|
+
if (!o) return;
|
|
130
|
+
if (typeof o === "string") return _arrayLikeToArray(o, minLen);
|
|
131
|
+
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
132
|
+
if (n === "Object" && o.constructor) n = o.constructor.name;
|
|
133
|
+
if (n === "Map" || n === "Set") return Array.from(o);
|
|
134
|
+
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
function _nonIterableRest() {
|
|
138
|
+
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
function _slicedToArray(arr, i) {
|
|
142
|
+
return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
|
|
143
|
+
}
|
|
144
|
+
|
|
90
145
|
var classes = {
|
|
91
146
|
label: 'p-button-label',
|
|
92
147
|
icon: function icon(_ref) {
|
|
@@ -136,11 +191,18 @@ var ToggleButtonBase = componentbase.ComponentBase.extend({
|
|
|
136
191
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
137
192
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
138
193
|
var ToggleButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
|
|
194
|
+
var _React$useState = React__namespace.useState(false),
|
|
195
|
+
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
196
|
+
focusedState = _React$useState2[0],
|
|
197
|
+
setFocusedState = _React$useState2[1];
|
|
139
198
|
var context = React__namespace.useContext(api.PrimeReactContext);
|
|
140
199
|
var props = ToggleButtonBase.getProps(inProps, context);
|
|
141
200
|
var elementRef = React__namespace.useRef(null);
|
|
142
201
|
var _ToggleButtonBase$set = ToggleButtonBase.setMetaData({
|
|
143
|
-
props: props
|
|
202
|
+
props: props,
|
|
203
|
+
state: {
|
|
204
|
+
focused: focusedState
|
|
205
|
+
}
|
|
144
206
|
}),
|
|
145
207
|
ptm = _ToggleButtonBase$set.ptm,
|
|
146
208
|
cx = _ToggleButtonBase$set.cx,
|
|
@@ -171,6 +233,14 @@ var ToggleButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
|
|
|
171
233
|
});
|
|
172
234
|
}
|
|
173
235
|
};
|
|
236
|
+
var onFocus = function onFocus(event) {
|
|
237
|
+
setFocusedState(true);
|
|
238
|
+
props.onFocus && props.onFocus(event);
|
|
239
|
+
};
|
|
240
|
+
var onBlur = function onBlur(event) {
|
|
241
|
+
setFocusedState(false);
|
|
242
|
+
props.onBlur && props.onBlur(event);
|
|
243
|
+
};
|
|
174
244
|
var onKeyDown = function onKeyDown(event) {
|
|
175
245
|
if (event.keyCode === 32) {
|
|
176
246
|
toggle(event);
|
|
@@ -221,8 +291,8 @@ var ToggleButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
|
|
|
221
291
|
}),
|
|
222
292
|
style: props.style,
|
|
223
293
|
onClick: toggle,
|
|
224
|
-
onFocus:
|
|
225
|
-
onBlur:
|
|
294
|
+
onFocus: onFocus,
|
|
295
|
+
onBlur: onBlur,
|
|
226
296
|
onKeyDown: onKeyDown,
|
|
227
297
|
tabIndex: tabIndex,
|
|
228
298
|
role: 'button',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),
|
|
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"),o=require("primereact/ripple"),l=require("primereact/tooltip"),a=require("primereact/utils");function i(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 c=i(e);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 s(e){return s="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},s(e)}function f(e,t){if("object"!==s(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==s(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function p(e){var t=f(e,"string");return"symbol"===s(t)?t:String(t)}function b(e){if(Array.isArray(e))return e}function m(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,l,a,i=[],c=!0,u=!1;try{if(l=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=l.call(r)).done)&&(i.push(n.value),i.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(u)throw o}}return i}}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function d(e,t){if(e){if("string"==typeof e)return y(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?y(e,t):void 0}}function g(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var v=r.ComponentBase.extend({defaultProps:{__TYPE:"ToggleButton",id:null,onIcon:null,offIcon:null,onLabel:"Yes",offLabel:"No",iconPos:"left",style:null,className:null,checked:!1,tabIndex:0,tooltip:null,tooltipOptions:null,onChange:null,onFocus:null,onBlur:null,children:void 0},css:{classes:{label:"p-button-label",icon:function(e){var t=e.props,r=e.label;return a.classNames("p-button-icon p-c",{"p-button-icon-left":"left"===t.iconPos&&r,"p-button-icon-right":"right"===t.iconPos&&r})},root:function(e){var t=e.props;return a.classNames("p-button p-togglebutton p-component",{"p-button-icon-only":e.hasIcon&&!e.hasLabel,"p-highlight":t.checked,"p-disabled":t.disabled},t.className)}}}});function h(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?h(Object(r),!0).forEach((function(t){var n,o,l;n=e,l=r[t],(o=p(o=t))in n?Object.defineProperty(n,o,{value:l,enumerable:!0,configurable:!0,writable:!0}):n[o]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):h(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var j=c.memo(c.forwardRef((function(e,i){var s,f,p=c.useState(!1),y=(f=2,b(s=p)||m(s,f)||d(s,f)||g()),h=y[0],j=y[1],P=c.useContext(t.PrimeReactContext),S=v.getProps(e,P),w=c.useRef(null),E=v.setMetaData({props:S,state:{focused:h}}),I=E.ptm,k=E.cx;r.useHandleStyle(v.css.styles,E.isUnstyled,{name:"togglebutton"});var D=S.onLabel&&S.onLabel.length>0&&S.offLabel&&S.offLabel.length>0,N=S.onIcon&&S.offIcon,x=D?S.checked?S.onLabel:S.offLabel:" ",L=S.checked?S.onIcon:S.offIcon,C=function(e){!S.disabled&&S.onChange&&S.onChange({originalEvent:e,value:!S.checked,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:S.name,id:S.id,value:!S.checked}})};c.useImperativeHandle(i,(function(){return{props:S,focus:function(){return a.DomHandler.focusFirstElement(w.current)},getElement:function(){return w.current}}})),n.useMountEffect((function(){S.autoFocus&&a.DomHandler.focusFirstElement(w.current)}));var B=a.ObjectUtils.isNotEmpty(S.tooltip),F=S.disabled?-1:S.tabIndex,q=function(){if(N){var e=a.mergeProps({className:k("icon",{label:x})},I("icon"));return a.IconUtils.getJSXIcon(L,O({},e),{props:S})}return null}(),T=a.mergeProps({className:k("label")},I("label")),A=a.mergeProps({ref:w,id:S.id,className:k("root",{hasIcon:N,hasLabel:D}),style:S.style,onClick:C,onFocus:function(e){j(!0),S.onFocus&&S.onFocus(e)},onBlur:function(e){j(!1),S.onBlur&&S.onBlur(e)},onKeyDown:function(e){32===e.keyCode&&(C(e),e.preventDefault())},tabIndex:F,role:"button","aria-pressed":S.checked},v.getOtherProps(S),I("root"));return c.createElement(c.Fragment,null,c.createElement("div",A,q,c.createElement("span",T,x),c.createElement(o.Ripple,null)),B&&c.createElement(l.Tooltip,u({target:w,content:S.tooltip},S.tooltipOptions,{pt:I("tooltip")})))})));j.displayName="ToggleButton",exports.ToggleButton=j;
|