primereact 10.5.0 → 10.5.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/api/api.d.ts +2 -2
- package/autocomplete/autocomplete.cjs.js +2 -3
- package/autocomplete/autocomplete.cjs.min.js +1 -1
- package/autocomplete/autocomplete.esm.js +2 -3
- package/autocomplete/autocomplete.esm.min.js +1 -1
- package/autocomplete/autocomplete.js +2 -3
- package/autocomplete/autocomplete.min.js +1 -1
- package/breadcrumb/breadcrumb.cjs.js +4 -3
- package/breadcrumb/breadcrumb.cjs.min.js +1 -1
- package/breadcrumb/breadcrumb.esm.js +4 -3
- package/breadcrumb/breadcrumb.esm.min.js +1 -1
- package/breadcrumb/breadcrumb.js +4 -3
- package/breadcrumb/breadcrumb.min.js +1 -1
- package/button/button.cjs.js +2 -3
- package/button/button.cjs.min.js +1 -1
- package/button/button.esm.js +2 -3
- package/button/button.esm.min.js +1 -1
- package/button/button.js +2 -3
- package/button/button.min.js +1 -1
- package/checkbox/checkbox.cjs.js +2 -3
- package/checkbox/checkbox.cjs.min.js +1 -1
- package/checkbox/checkbox.esm.js +2 -3
- package/checkbox/checkbox.esm.min.js +1 -1
- package/checkbox/checkbox.js +2 -3
- package/checkbox/checkbox.min.js +1 -1
- package/chips/chips.cjs.js +2 -3
- package/chips/chips.cjs.min.js +1 -1
- package/chips/chips.esm.js +2 -3
- package/chips/chips.esm.min.js +1 -1
- package/chips/chips.js +2 -3
- package/chips/chips.min.js +1 -1
- package/colorpicker/colorpicker.cjs.js +2 -3
- package/colorpicker/colorpicker.cjs.min.js +1 -1
- package/colorpicker/colorpicker.esm.js +2 -3
- package/colorpicker/colorpicker.esm.min.js +1 -1
- package/colorpicker/colorpicker.js +2 -3
- package/colorpicker/colorpicker.min.js +1 -1
- package/confirmdialog/confirmdialog.cjs.js +6 -2
- package/confirmdialog/confirmdialog.cjs.min.js +1 -1
- package/confirmdialog/confirmdialog.esm.js +6 -2
- package/confirmdialog/confirmdialog.esm.min.js +1 -1
- package/confirmdialog/confirmdialog.js +7 -3
- package/confirmdialog/confirmdialog.min.js +1 -1
- package/contextmenu/contextmenu.cjs.js +4 -3
- package/contextmenu/contextmenu.cjs.min.js +1 -1
- package/contextmenu/contextmenu.esm.js +4 -3
- package/contextmenu/contextmenu.esm.min.js +1 -1
- package/contextmenu/contextmenu.js +4 -3
- package/contextmenu/contextmenu.min.js +1 -1
- package/core/core.js +1733 -19015
- package/core/core.min.js +33 -33
- package/datatable/datatable.cjs.js +6 -5
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.d.ts +10 -2
- package/datatable/datatable.esm.js +6 -5
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +6 -5
- package/datatable/datatable.min.js +1 -1
- package/dropdown/dropdown.cjs.js +26 -25
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.esm.js +26 -25
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +26 -25
- package/dropdown/dropdown.min.js +1 -1
- package/icons/arrowdown/index.cjs.js +2 -642
- package/icons/arrowdown/index.cjs.min.js +1 -1
- package/icons/arrowdown/index.esm.js +2 -642
- package/icons/arrowdown/index.esm.min.js +1 -1
- package/icons/arrowdown/index.js +2 -642
- package/icons/arrowdown/index.min.js +1 -1
- package/icons/arrowup/index.cjs.js +2 -642
- package/icons/arrowup/index.cjs.min.js +1 -1
- package/icons/arrowup/index.esm.js +2 -642
- package/icons/arrowup/index.esm.min.js +1 -1
- package/icons/arrowup/index.js +2 -642
- package/icons/arrowup/index.min.js +1 -1
- package/icons/ban/index.cjs.js +2 -642
- package/icons/ban/index.cjs.min.js +1 -1
- package/icons/ban/index.esm.js +2 -642
- package/icons/ban/index.esm.min.js +1 -1
- package/icons/ban/index.js +2 -642
- package/icons/ban/index.min.js +1 -1
- package/icons/blank/index.cjs.js +62 -0
- package/icons/blank/index.cjs.min.js +1 -0
- package/icons/blank/index.d.ts +19 -0
- package/icons/blank/index.esm.js +38 -0
- package/icons/blank/index.esm.min.js +1 -0
- package/icons/blank/index.js +65 -0
- package/icons/blank/index.min.js +1 -0
- package/icons/blank/package.json +7 -0
- package/icons/download/index.cjs.js +2 -642
- package/icons/download/index.cjs.min.js +1 -1
- package/icons/download/index.esm.js +2 -642
- package/icons/download/index.esm.min.js +1 -1
- package/icons/download/index.js +2 -642
- package/icons/download/index.min.js +1 -1
- package/icons/exclamationtriangle/index.cjs.js +2 -642
- package/icons/exclamationtriangle/index.cjs.min.js +1 -1
- package/icons/exclamationtriangle/index.esm.js +2 -642
- package/icons/exclamationtriangle/index.esm.min.js +1 -1
- package/icons/exclamationtriangle/index.js +2 -642
- package/icons/exclamationtriangle/index.min.js +1 -1
- package/icons/eyeslash/index.cjs.js +2 -642
- package/icons/eyeslash/index.cjs.min.js +1 -1
- package/icons/eyeslash/index.esm.js +2 -642
- package/icons/eyeslash/index.esm.min.js +1 -1
- package/icons/eyeslash/index.js +2 -642
- package/icons/eyeslash/index.min.js +1 -1
- package/icons/filter/index.cjs.js +2 -642
- package/icons/filter/index.cjs.min.js +1 -1
- package/icons/filter/index.esm.js +2 -642
- package/icons/filter/index.esm.min.js +1 -1
- package/icons/filter/index.js +2 -642
- package/icons/filter/index.min.js +1 -1
- package/icons/filterslash/index.cjs.js +2 -642
- package/icons/filterslash/index.cjs.min.js +1 -1
- package/icons/filterslash/index.esm.js +2 -642
- package/icons/filterslash/index.esm.min.js +1 -1
- package/icons/filterslash/index.js +2 -642
- package/icons/filterslash/index.min.js +1 -1
- package/icons/infocircle/index.cjs.js +2 -642
- package/icons/infocircle/index.cjs.min.js +1 -1
- package/icons/infocircle/index.esm.js +2 -642
- package/icons/infocircle/index.esm.min.js +1 -1
- package/icons/infocircle/index.js +2 -642
- package/icons/infocircle/index.min.js +1 -1
- package/icons/pencil/index.cjs.js +2 -642
- package/icons/pencil/index.cjs.min.js +1 -1
- package/icons/pencil/index.esm.js +2 -642
- package/icons/pencil/index.esm.min.js +1 -1
- package/icons/pencil/index.js +2 -642
- package/icons/pencil/index.min.js +1 -1
- package/icons/plus/index.cjs.js +2 -642
- package/icons/plus/index.cjs.min.js +1 -1
- package/icons/plus/index.esm.js +2 -642
- package/icons/plus/index.esm.min.js +1 -1
- package/icons/plus/index.js +2 -642
- package/icons/plus/index.min.js +1 -1
- package/icons/refresh/index.cjs.js +2 -642
- package/icons/refresh/index.cjs.min.js +1 -1
- package/icons/refresh/index.esm.js +2 -642
- package/icons/refresh/index.esm.min.js +1 -1
- package/icons/refresh/index.js +2 -642
- package/icons/refresh/index.min.js +1 -1
- package/icons/search/index.cjs.js +2 -642
- package/icons/search/index.cjs.min.js +1 -1
- package/icons/search/index.esm.js +2 -642
- package/icons/search/index.esm.min.js +1 -1
- package/icons/search/index.js +2 -642
- package/icons/search/index.min.js +1 -1
- package/icons/searchminus/index.cjs.js +2 -642
- package/icons/searchminus/index.cjs.min.js +1 -1
- package/icons/searchminus/index.esm.js +2 -642
- package/icons/searchminus/index.esm.min.js +1 -1
- package/icons/searchminus/index.js +2 -642
- package/icons/searchminus/index.min.js +1 -1
- package/icons/searchplus/index.cjs.js +2 -642
- package/icons/searchplus/index.cjs.min.js +1 -1
- package/icons/searchplus/index.esm.js +2 -642
- package/icons/searchplus/index.esm.min.js +1 -1
- package/icons/searchplus/index.js +2 -642
- package/icons/searchplus/index.min.js +1 -1
- package/icons/sortalt/index.cjs.js +2 -642
- package/icons/sortalt/index.cjs.min.js +1 -1
- package/icons/sortalt/index.esm.js +2 -642
- package/icons/sortalt/index.esm.min.js +1 -1
- package/icons/sortalt/index.js +2 -642
- package/icons/sortalt/index.min.js +1 -1
- package/icons/sortamountdown/index.cjs.js +2 -642
- package/icons/sortamountdown/index.cjs.min.js +1 -1
- package/icons/sortamountdown/index.esm.js +2 -642
- package/icons/sortamountdown/index.esm.min.js +1 -1
- package/icons/sortamountdown/index.js +2 -642
- package/icons/sortamountdown/index.min.js +1 -1
- package/icons/sortamountupalt/index.cjs.js +2 -642
- package/icons/sortamountupalt/index.cjs.min.js +1 -1
- package/icons/sortamountupalt/index.esm.js +2 -642
- package/icons/sortamountupalt/index.esm.min.js +1 -1
- package/icons/sortamountupalt/index.js +2 -642
- package/icons/sortamountupalt/index.min.js +1 -1
- package/icons/spinner/index.cjs.js +2 -642
- package/icons/spinner/index.cjs.min.js +1 -1
- package/icons/spinner/index.esm.js +2 -642
- package/icons/spinner/index.esm.min.js +1 -1
- package/icons/spinner/index.js +2 -642
- package/icons/spinner/index.min.js +1 -1
- package/icons/star/index.cjs.js +2 -642
- package/icons/star/index.cjs.min.js +1 -1
- package/icons/star/index.esm.js +2 -642
- package/icons/star/index.esm.min.js +1 -1
- package/icons/star/index.js +2 -642
- package/icons/star/index.min.js +1 -1
- package/icons/starfill/index.cjs.js +2 -642
- package/icons/starfill/index.cjs.min.js +1 -1
- package/icons/starfill/index.esm.js +2 -642
- package/icons/starfill/index.esm.min.js +1 -1
- package/icons/starfill/index.js +2 -642
- package/icons/starfill/index.min.js +1 -1
- package/icons/thlarge/index.cjs.js +2 -642
- package/icons/thlarge/index.cjs.min.js +1 -1
- package/icons/thlarge/index.esm.js +2 -642
- package/icons/thlarge/index.esm.min.js +1 -1
- package/icons/thlarge/index.js +2 -642
- package/icons/thlarge/index.min.js +1 -1
- package/icons/timescircle/index.cjs.js +2 -642
- package/icons/timescircle/index.cjs.min.js +1 -1
- package/icons/timescircle/index.esm.js +2 -642
- package/icons/timescircle/index.esm.min.js +1 -1
- package/icons/timescircle/index.js +2 -642
- package/icons/timescircle/index.min.js +1 -1
- package/icons/trash/index.cjs.js +2 -642
- package/icons/trash/index.cjs.min.js +1 -1
- package/icons/trash/index.esm.js +2 -642
- package/icons/trash/index.esm.min.js +1 -1
- package/icons/trash/index.js +2 -642
- package/icons/trash/index.min.js +1 -1
- package/icons/undo/index.cjs.js +2 -642
- package/icons/undo/index.cjs.min.js +1 -1
- package/icons/undo/index.esm.js +2 -642
- package/icons/undo/index.esm.min.js +1 -1
- package/icons/undo/index.js +2 -642
- package/icons/undo/index.min.js +1 -1
- package/icons/upload/index.cjs.js +2 -642
- package/icons/upload/index.cjs.min.js +1 -1
- package/icons/upload/index.esm.js +2 -642
- package/icons/upload/index.esm.min.js +1 -1
- package/icons/upload/index.js +2 -642
- package/icons/upload/index.min.js +1 -1
- package/icons/windowmaximize/index.cjs.js +2 -642
- package/icons/windowmaximize/index.cjs.min.js +1 -1
- package/icons/windowmaximize/index.esm.js +2 -642
- package/icons/windowmaximize/index.esm.min.js +1 -1
- package/icons/windowmaximize/index.js +2 -642
- package/icons/windowmaximize/index.min.js +1 -1
- package/icons/windowminimize/index.cjs.js +2 -642
- package/icons/windowminimize/index.cjs.min.js +1 -1
- package/icons/windowminimize/index.esm.js +2 -642
- package/icons/windowminimize/index.esm.min.js +1 -1
- package/icons/windowminimize/index.js +2 -642
- package/icons/windowminimize/index.min.js +1 -1
- package/image/image.cjs.js +7 -566
- package/image/image.cjs.min.js +1 -1
- package/image/image.esm.js +9 -568
- package/image/image.esm.min.js +1 -1
- package/image/image.js +7 -566
- package/image/image.min.js +1 -1
- package/inputnumber/inputnumber.cjs.js +2 -3
- package/inputnumber/inputnumber.cjs.min.js +1 -1
- package/inputnumber/inputnumber.esm.js +2 -3
- package/inputnumber/inputnumber.esm.min.js +1 -1
- package/inputnumber/inputnumber.js +2 -3
- package/inputnumber/inputnumber.min.js +1 -1
- package/inputswitch/inputswitch.cjs.js +2 -3
- package/inputswitch/inputswitch.cjs.min.js +1 -1
- package/inputswitch/inputswitch.esm.js +2 -3
- package/inputswitch/inputswitch.esm.min.js +1 -1
- package/inputswitch/inputswitch.js +2 -3
- package/inputswitch/inputswitch.min.js +1 -1
- package/inputtext/inputtext.cjs.js +2 -3
- package/inputtext/inputtext.cjs.min.js +1 -1
- package/inputtext/inputtext.esm.js +2 -3
- package/inputtext/inputtext.esm.min.js +1 -1
- package/inputtext/inputtext.js +2 -3
- package/inputtext/inputtext.min.js +1 -1
- package/inputtextarea/inputtextarea.cjs.js +2 -3
- package/inputtextarea/inputtextarea.cjs.min.js +1 -1
- package/inputtextarea/inputtextarea.esm.js +2 -3
- package/inputtextarea/inputtextarea.esm.min.js +1 -1
- package/inputtextarea/inputtextarea.js +2 -3
- package/inputtextarea/inputtextarea.min.js +1 -1
- package/listbox/listbox.cjs.js +3 -4
- package/listbox/listbox.cjs.min.js +1 -1
- package/listbox/listbox.esm.js +3 -4
- package/listbox/listbox.esm.min.js +1 -1
- package/listbox/listbox.js +3 -4
- package/listbox/listbox.min.js +1 -1
- package/megamenu/megamenu.cjs.js +3 -3
- package/megamenu/megamenu.cjs.min.js +1 -1
- package/megamenu/megamenu.esm.js +3 -3
- package/megamenu/megamenu.esm.min.js +1 -1
- package/megamenu/megamenu.js +3 -3
- package/megamenu/megamenu.min.js +1 -1
- package/mention/mention.cjs.js +2 -3
- package/mention/mention.cjs.min.js +1 -1
- package/mention/mention.esm.js +2 -3
- package/mention/mention.esm.min.js +1 -1
- package/mention/mention.js +2 -3
- package/mention/mention.min.js +1 -1
- package/menubar/menubar.cjs.js +18 -14
- package/menubar/menubar.cjs.min.js +1 -1
- package/menubar/menubar.esm.js +18 -14
- package/menubar/menubar.esm.min.js +1 -1
- package/menubar/menubar.js +18 -14
- package/menubar/menubar.min.js +1 -1
- package/multiselect/multiselect.cjs.js +63 -37
- package/multiselect/multiselect.cjs.min.js +1 -1
- package/multiselect/multiselect.esm.js +63 -37
- package/multiselect/multiselect.esm.min.js +1 -1
- package/multiselect/multiselect.js +63 -37
- package/multiselect/multiselect.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.cjs.js +2 -3
- package/multistatecheckbox/multistatecheckbox.cjs.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.esm.js +2 -3
- package/multistatecheckbox/multistatecheckbox.esm.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.js +2 -3
- package/multistatecheckbox/multistatecheckbox.min.js +1 -1
- package/package.json +1 -1
- package/panelmenu/panelmenu.cjs.js +6 -9
- package/panelmenu/panelmenu.cjs.min.js +1 -1
- package/panelmenu/panelmenu.d.ts +18 -0
- package/panelmenu/panelmenu.esm.js +6 -9
- package/panelmenu/panelmenu.esm.min.js +1 -1
- package/panelmenu/panelmenu.js +6 -9
- package/panelmenu/panelmenu.min.js +1 -1
- package/passthrough/tailwind/index.cjs.js +11 -1
- package/passthrough/tailwind/index.cjs.min.js +1 -1
- package/passthrough/tailwind/index.esm.js +11 -1
- package/passthrough/tailwind/index.esm.min.js +1 -1
- package/passthrough/tailwind/index.js +11 -1
- package/passthrough/tailwind/index.min.js +1 -1
- package/password/password.cjs.js +34 -24
- package/password/password.cjs.min.js +1 -1
- package/password/password.esm.js +34 -24
- package/password/password.esm.min.js +1 -1
- package/password/password.js +34 -24
- package/password/password.min.js +1 -1
- package/picklist/picklist.cjs.js +1 -1
- package/picklist/picklist.cjs.min.js +1 -1
- package/picklist/picklist.esm.js +1 -1
- package/picklist/picklist.esm.min.js +1 -1
- package/picklist/picklist.js +1 -1
- package/picklist/picklist.min.js +1 -1
- package/primereact.all.cjs.js +310 -758
- package/primereact.all.cjs.min.js +1 -1
- package/primereact.all.esm.js +310 -758
- package/primereact.all.esm.min.js +1 -1
- package/primereact.all.js +310 -758
- package/primereact.all.min.js +1 -1
- package/radiobutton/radiobutton.cjs.js +2 -4
- package/radiobutton/radiobutton.cjs.min.js +1 -1
- package/radiobutton/radiobutton.esm.js +2 -4
- package/radiobutton/radiobutton.esm.min.js +1 -1
- package/radiobutton/radiobutton.js +2 -4
- package/radiobutton/radiobutton.min.js +1 -1
- package/rating/rating.cjs.js +2 -3
- package/rating/rating.cjs.min.js +1 -1
- package/rating/rating.esm.js +2 -3
- package/rating/rating.esm.min.js +1 -1
- package/rating/rating.js +2 -3
- package/rating/rating.min.js +1 -1
- package/selectbutton/selectbutton.cjs.js +3 -4
- package/selectbutton/selectbutton.cjs.min.js +1 -1
- package/selectbutton/selectbutton.esm.js +3 -4
- package/selectbutton/selectbutton.esm.min.js +1 -1
- package/selectbutton/selectbutton.js +3 -4
- package/selectbutton/selectbutton.min.js +1 -1
- package/slidemenu/slidemenu.cjs.js +4 -3
- package/slidemenu/slidemenu.cjs.min.js +1 -1
- package/slidemenu/slidemenu.esm.js +4 -3
- package/slidemenu/slidemenu.esm.min.js +1 -1
- package/slidemenu/slidemenu.js +4 -3
- package/slidemenu/slidemenu.min.js +1 -1
- package/splitbutton/splitbutton.cjs.js +9 -12
- package/splitbutton/splitbutton.cjs.min.js +1 -1
- package/splitbutton/splitbutton.esm.js +9 -12
- package/splitbutton/splitbutton.esm.min.js +1 -1
- package/splitbutton/splitbutton.js +9 -12
- package/splitbutton/splitbutton.min.js +1 -1
- package/splitter/splitter.cjs.js +9 -14
- package/splitter/splitter.cjs.min.js +1 -1
- package/splitter/splitter.esm.js +9 -14
- package/splitter/splitter.esm.min.js +1 -1
- package/splitter/splitter.js +9 -14
- package/splitter/splitter.min.js +1 -1
- package/steps/steps.cjs.js +4 -3
- package/steps/steps.cjs.min.js +1 -1
- package/steps/steps.esm.js +4 -3
- package/steps/steps.esm.min.js +1 -1
- package/steps/steps.js +4 -3
- package/steps/steps.min.js +1 -1
- package/tabmenu/tabmenu.cjs.js +4 -3
- package/tabmenu/tabmenu.cjs.min.js +1 -1
- package/tabmenu/tabmenu.esm.js +4 -3
- package/tabmenu/tabmenu.esm.min.js +1 -1
- package/tabmenu/tabmenu.js +4 -3
- package/tabmenu/tabmenu.min.js +1 -1
- package/tieredmenu/tieredmenu.cjs.js +6 -8
- package/tieredmenu/tieredmenu.cjs.min.js +1 -1
- package/tieredmenu/tieredmenu.esm.js +6 -8
- package/tieredmenu/tieredmenu.esm.min.js +1 -1
- package/tieredmenu/tieredmenu.js +6 -8
- package/tieredmenu/tieredmenu.min.js +1 -1
- package/togglebutton/togglebutton.cjs.js +2 -3
- package/togglebutton/togglebutton.cjs.min.js +1 -1
- package/togglebutton/togglebutton.esm.js +2 -3
- package/togglebutton/togglebutton.esm.min.js +1 -1
- package/togglebutton/togglebutton.js +2 -3
- package/togglebutton/togglebutton.min.js +1 -1
- package/tree/tree.cjs.js +32 -31
- package/tree/tree.cjs.min.js +1 -1
- package/tree/tree.d.ts +5 -0
- package/tree/tree.esm.js +32 -31
- package/tree/tree.esm.min.js +1 -1
- package/tree/tree.js +32 -31
- package/tree/tree.min.js +1 -1
- package/treeselect/treeselect.cjs.js +3 -4
- package/treeselect/treeselect.cjs.min.js +1 -1
- package/treeselect/treeselect.esm.js +3 -4
- package/treeselect/treeselect.esm.min.js +1 -1
- package/treeselect/treeselect.js +3 -4
- package/treeselect/treeselect.min.js +1 -1
- package/treetable/treetable.cjs.js +1 -1
- package/treetable/treetable.cjs.min.js +1 -1
- package/treetable/treetable.esm.js +1 -1
- package/treetable/treetable.esm.min.js +1 -1
- package/treetable/treetable.js +1 -1
- package/treetable/treetable.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.cjs.js +3 -4
- package/tristatecheckbox/tristatecheckbox.cjs.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.esm.js +3 -4
- package/tristatecheckbox/tristatecheckbox.esm.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.js +3 -4
- package/tristatecheckbox/tristatecheckbox.min.js +1 -1
- package/web-types.json +65 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import t,{PrimeReactContext as n}from"primereact/api";import{Button as r}from"primereact/button";import{ComponentBase as o,useHandleStyle as i}from"primereact/componentbase";import{useMergeProps as u,useUpdateEffect as a,useMatchMedia as l,useEventListener as c,useResizeListener as s,useMountEffect as p,useUnmountEffect as m,useDisplayOrder as d,useGlobalOnEscapeKey as f,ESC_KEY_HANDLING_PRIORITIES as b}from"primereact/hooks";import{ChevronDownIcon as y}from"primereact/icons/chevrondown";import{OverlayService as v}from"primereact/overlayservice";import{CSSTransition as g}from"primereact/csstransition";import{Portal as h}from"primereact/portal";import{classNames as x,DomHandler as I,ObjectUtils as O,IconUtils as E,UniqueComponentId as w,ZIndexUtils as k}from"primereact/utils";import{AngleRightIcon as S}from"primereact/icons/angleright";import{Ripple as P}from"primereact/ripple";import{Tooltip as N}from"primereact/tooltip";function j(){return j=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},j.apply(this,arguments)}function D(e){return D="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},D(e)}function C(e,t){if("object"!==D(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==D(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function K(e){var t=C(e,"string");return"symbol"===D(t)?t:String(t)}function T(e,t,n){return(t=K(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function M(e){if(Array.isArray(e))return e}function _(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,u,a=[],l=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=i.call(n)).done)&&(a.push(r.value),a.length!==t);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=n.return&&(u=n.return(),Object(u)!==u))return}finally{if(c)throw o}}return a}}function A(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function B(e,t){if(e){if("string"==typeof e)return A(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?A(e,t):void 0}}function L(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function H(e,t){return M(e)||_(e,t)||B(e,t)||L()}var R=o.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,r=e.context;return x("p-tieredmenu p-component",{"p-tieredmenu-overlay":n.popup,"p-input-filled":r&&"filled"===r.inputStyle||"filled"===t.inputStyle,"p-ripple-disabled":r&&!1===r.ripple||!1===t.ripple},n.className)},separator:"p-menuitem-separator",icon:function(e){return x("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 x("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled},e.itemClassName)},menu:"p-tieredmenu-root-list",submenu:"p-submenu-list",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-tieredmenu-overlay {\n position: absolute;\n }\n\n .p-tieredmenu ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-tieredmenu .p-submenu-list {\n position: absolute;\n min-width: 100%;\n z-index: 1;\n display: none;\n }\n\n .p-tieredmenu .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-text {\n line-height: 1;\n }\n\n .p-tieredmenu .p-menuitem {\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list {\n display: block;\n left: 100%;\n top: 0;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list-flipped {\n left: -100%;\n }\n}\n",inlineStyles:{submenu:function(e){var t=e.subProps;return{display:!t.root&&t.parentActive?"block":"none"}}}}});function z(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Z(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?z(Object(n),!0).forEach((function(t){T(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):z(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var W=e.memo(e.forwardRef((function(t,n){var r=e.useRef(null),o=u(),i=t.ptm,l=t.cx,c=t.sx,s=function(e,n){return i(n,{hostName:t.hostName,context:{active:b(e)}})},p=function(){if(r.current){var e=r.current.parentElement,t=I.getOffset(e),n=I.getViewport(),o=r.current.offsetParent?r.current.offsetWidth:I.getHiddenElementOuterWidth(r.current),i=I.getOuterWidth(e.children[0]),u=parseInt(t.top,10)+r.current.offsetHeight-I.getWindowScrollTop();r.current.style.top=u>n.height?n.height-u+"px":"0px",parseInt(t.left,10)+i+o>n.width-I.calculateScrollbarWidth()&&I.addClass(r.current,"p-submenu-list-flipped")}},m=function(e,n){var r=n.item;v(n)?e.preventDefault():(r.url||e.preventDefault(),r.command&&r.command({originalEvent:e,item:r}),t.onItemClick&&t.onItemClick({originalEvent:e,processedItem:n}))},d=function(e){return"".concat(t.menuId,"_").concat(e.key)},f=function(e,t,n){return e&&e.item?O.getItemValue(e.item[t],n):void 0},b=function(e){return t.activeItemPath.some((function(t){return t.key===e.key}))},y=function(e){return!1!==f(e,"visible")},v=function(e){return f(e,"disabled")},g=function(e){return t.focusedItemId===d(e)},h=function(e){return O.isNotEmpty(e.items)},w=function(e,n){t.onItemMouseEnter&&t.onItemMouseEnter({originalEvent:e,processedItem:n})},k=function(e){return e-t.model.slice(0,e).filter((function(e){return y(e)&&f(e,"separator")})).length+1};a((function(){t.root||!t.parentActive||t.isMobileMode||p()}),[t.parentActive]),e.useImperativeHandle(n,(function(){return{getElement:function(){return r.current}}}));var N=function(n){var r=o({key:"separator_"+n,className:l("separator"),role:"separator"},i("separator",{hostName:t.hostName}));return e.createElement("li",r)},j=function(n,r){return h(n)?e.createElement(W,{id:t.id+"_"+r,menuProps:t.menuProps,model:n.items,menuId:t.menuId,ariaLabelledby:d(n),focusedItemId:t.focusedItemId,activeItemPath:t.activeItemPath,level:t.level+1,onItemClick:t.onItemClick,popup:t.popup,onItemMouseEnter:t.onItemMouseEnter,parentActive:b(n),isMobileMode:t.isMobileMode,submenuIcon:t.submenuIcon,ptm:t.ptm,cx:l,sx:c}):null},D=function(n,r){if(!1===y(n))return null;var i=n.item,u=f(n,"style"),a=f(n,"className"),c=f(n,"icon"),p=f(n,"target"),I=f(n,"url"),N=d(n),D=g(n),C=b(n),K=v(n),T=h(n),M=x("p-menuitem-link"),_=x("p-menuitem-icon",c),A=o({className:x(i.icon,"p-menuitem-icon","icon")},s(n,"icon")),B=E.getJSXIcon(c,Z({},A),{props:t.menuProps}),L=o({className:l("label")},s(n,"label")),H=i.label&&e.createElement("span",L,i.label),R=o({className:l("submenuIcon")},s(n,"submenuIcon")),z=T&&E.getJSXIcon(t.submenuIcon||e.createElement(S,R),Z({},R),{props:t.menuProps}),W=j(n,r),F=o({href:I||"#","aria-hidden":!0,tabIndex:"-1",onFocus:function(e){return e.stopPropagation()},className:l("action"),target:p},s(n,"action")),U=e.createElement("a",F,B,H,z,e.createElement(P,null));i.template&&(U=O.getJSXElement(i.template,i,{className:M,labelClassName:"p-menuitem-text",iconClassName:_,submenuIconClassName:"p-submenu-icon",element:U,props:t,active:C,disabled:K}));var V=o({onClick:function(e){return m(e,n)},onMouseEnter:function(e){return w(e,n)},className:l("content")},s(n,"content")),J=o({key:N,id:N,"aria-label":i.label,"aria-disabled":K,"aria-expanded":T?C:void 0,"aria-haspopup":T&&!I?"menu":void 0,"aria-level":t.level+1,"aria-setsize":t.model.filter((function(e){return y(e)&&!f(e,"separator")})).length,"aria-posinset":k(r),"data-p-highlight":C,"data-p-disabled":K,"data-p-visited":D,className:l("menuitem",{itemClassName:a,active:C,focused:D,disabled:K}),style:u,onMouseEnter:function(e){return w(e,i)},role:"menuitem"},s(n,"menuitem"));return e.createElement("li",J,e.createElement("div",V,U),W)},C=t.model?t.model.map((function(e,t){return f(e,"separator")?N(t):D(e,t)})):null,K=t.root?"menu":"submenu",T=o({ref:r,id:t.id,tabIndex:t.tabIndex,onFocus:t.onFocus,onBlur:t.onBlur,onKeyDown:t.onKeyDown,className:l(K,{subProps:t}),style:c(K,{subProps:t}),role:t.root?"menubar":"menu","aria-label":t.ariaLabel,"aria-labelledby":t.ariaLabelledby,"aria-orientation":t.ariaOrientation,"aria-activedescendant":t.focusedItemId},i(K,{hostName:t.hostName}));return e.createElement("ul",T,C)})));function F(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function U(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?F(Object(n),!0).forEach((function(t){T(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):F(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}W.displayName="TieredMenuSub";var V=e.memo(e.forwardRef((function(r,o){var d=u(),f=e.useContext(n),b=R.getProps(r,f),y=H(e.useState(b.id),2),x=y[0],E=y[1],S=H(e.useState(!b.popup),2),P=S[0],N=S[1],D=H(e.useState([]),2),C=D[0],K=D[1],T=H(e.useState(!1),2),M=T[0],_=T[1],A=H(e.useState(null),2),B=A[0],L=A[1],z=H(e.useState({index:-1,level:0,parentKey:""}),2),Z=z[0],F=z[1],V=H(e.useState(!1),2),J=V[0],X=V[1],Y=H(e.useState([]),2),$=Y[0],q=Y[1],G=H(e.useState([]),2),Q=G[0],ee=G[1],te=H(e.useState(!1),2),ne=te[0],re=te[1],oe=H(e.useState(null),2),ie=oe[0],ue=oe[1],ae=R.setMetaData({props:b,state:{id:x,visible:P,attributeSelector:ie}}),le=ae.ptm,ce=ae.cx,se=ae.sx;i(R.css.styles,ae.isUnstyled,{name:"tieredmenu"});var pe=e.useRef(null),me=e.useRef(null),de=e.useRef(null),fe=e.useRef(null),be=e.useRef(null),ye=e.useRef(null),ve=e.useRef(null),ge=l("screen and (max-width: ".concat(b.breakpoint,")"),!!b.breakpoint),he=H(c({type:"click",listener:function(e){var t=pe.current&&!pe.current.contains(e.target),n=!b.popup||!(de.current&&(de.current===e.target||de.current.contains(e.target)));t&&n&&Ne(e,!b.popup)}}),2),xe=he[0],Ie=he[1],Oe=H(s({listener:function(){!ge&&Ne(event,!0)}}),2),Ee=Oe[0],we=Oe[1],ke=function(e){b.popup&&v.emit("overlay-click",{originalEvent:e,target:de.current})},Se=function(e){b.popup&&(P?Ne(e):Pe(e))},Pe=function(e){b.popup&&(de.current=e.currentTarget,N(!0),b.onShow&&b.onShow(e),fe.current=e.relatedTarget||null),F({index:it(),level:0,parentKey:""})},Ne=function(e,t){b.popup&&(N(!1),b.onHide&&b.onHide(e));var n=Ue();K([]),F({index:-1,level:0,parentKey:""}),t&&I.focus(fe.current||de.current||n),X(!1)},je=function(e){_(!0),F(-1!==Z.index?Z:{index:it(),level:0,parentKey:""}),b.onFocus&&b.onFocus(e)},De=function(e){_(!1),F({index:-1,level:0,parentKey:""}),ye.current="",X(!1),b.onBlur&&b.onBlur(e)},Ce=function(e){var t=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":_e(e);break;case"ArrowUp":Ae(e);break;case"ArrowLeft":Be(e);break;case"ArrowRight":Le(e);break;case"Home":He(e);break;case"End":Re(e);break;case"Space":Ze(e);break;case"Enter":ze(e);break;case"Escape":b.popup&&I.focus(de.current),We(e);break;case"Tab":Fe(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!t&&O.isPrintableCharacter(e.key)&&at(e.key)}},Ke=function(e){var t=e.processedItem,n=e.isFocus;if(!O.isEmpty(t)){var r=t.index,o=t.key,i=t.level,u=t.parentKey,a=O.isNotEmpty(t.items),l=C.filter((function(e){return e.parentKey!==u&&e.parentKey!==o}));a&&l.push(t),F({index:r,level:i,parentKey:u}),K(l),a&&X(!0),n&&I.focus(Ue())}},Te=function(e){var t=e.originalEvent,n=e.processedItem;if(!Je(n)&&!b.isMobileMode){var r=Ye(n),o=O.isEmpty(n.parent),i=Qe(n),u=Ue();if(i){var a=n.index,l=n.key,c=n.level,s=n.parentKey;K(C.filter((function(e){return l!==e.key&&l.startsWith(e.key)}))),F({index:a,level:c,parentKey:s}),r||X(!o),setTimeout((function(){I.focus(u),r&&X(!0)}),0)}else if(r)I.focus(u),Ke(e);else{var p=o?n:C.find((function(e){return""===e.parentKey})),m=p?p.index:-1;Ne(t,!0),F({index:m,parentKey:p?p.parentKey:""})}}},Me=function(e){var t=e.originalEvent;Je(e.processedItem)||b.isMobileMode?t.preventDefault():J&&!b.popup&&Ke(e)},_e=function(e){var t=-1!==Z.index?nt(Z.index):it();lt(t),e.preventDefault()},Ae=function(e){if(e.altKey){if(b.popup&&I.focus(de.current),-1!==Z.index){var t=Q[Z.index];!Ye(t)&&Ke({originalEvent:e,processedItem:t})}b.popup&&Ne(e,!0),e.preventDefault()}else{var n=-1!==Z.index?rt(Z.index):ut();lt(n),e.preventDefault()}},Be=function(e){var t=Q[Z.index],n=C.find((function(e){return e.key===t.parentKey}));O.isEmpty(t.parent)||(F({index:-1,parentKey:n?n.parentKey:""}),ye.current="",setTimeout((function(){return re(!0)}),0)),K(C.filter((function(e){return e.parentKey!==Z.parentKey}))),e.preventDefault()},Le=function(e){var t=Q[Z.index];Ye(t)&&(Ke({originalEvent:e,processedItem:t}),F({index:-1,parentKey:t.key}),ye.current="",setTimeout((function(){return re(!0)}),0)),e.preventDefault()},He=function(e){lt(et()),e.preventDefault()},Re=function(e){lt(tt()),e.preventDefault()},ze=function(e){if(-1!==Z.index){var t=I.findSingle(Ue(),'li[id="'.concat("".concat(B),'"]')),n=t&&I.findSingle(t,'[data-pc-section="action"]');b.popup&&I.focus(de.current),n?n.click():t&&t.click()}e.preventDefault()},Ze=function(e){ze(e)},We=function(e){Ne(e,!0),!b.popup&&F(U(U({},Z),{},{index:it()})),e.preventDefault()},Fe=function(e){if(-1!==Z.index){var t=Q[Z.index];!Ye(t)&&Ke({originalEvent:e,processedItem:t})}Ne(e)},Ue=function(){return me.current.getElement()||null},Ve=function(e,t){return e?O.getItemValue(e[t]):void 0},Je=function(e){return Ve(e,"disabled")},Xe=function(e){return e?Ve(e.item,"label"):void 0},Ye=function(e){return e&&O.isNotEmpty(e.items)},$e=function(e){return qe(e)&&Xe(e).toLocaleLowerCase().startsWith(ye.current.toLocaleLowerCase())},qe=function(e){return!!e&&!Je(e.item)&&!Ve(e.item,"separator")},Ge=function(e){return qe(e)&&Qe(e)},Qe=function(e){return C.some((function(t){return t.key===e.key}))},et=function(){return Q.findIndex((function(e){return qe(e)}))},tt=function(){return O.findLastIndex(Q,(function(e){return qe(e)}))},nt=function(e){var t=e<Q.length-1?Q.slice(e+1).findIndex((function(e){return qe(e)})):-1;return t>-1?t+e+1:e},rt=function(e){var t=e>0?O.findLastIndex(Q.slice(0,e),(function(e){return qe(e)})):-1;return t>-1?t:e},ot=function(){return Q.findIndex((function(e){return Ge(e)}))},it=function(){var e=ot();return e<0?et():e},ut=function(){var e=ot();return e<0?tt():e},at=function(e){ye.current=(ye.current||"")+e;var t=-1,n=!1;return-1!==(t=-1!==Z.index?-1===(t=Q.slice(Z.index).findIndex((function(e){return $e(e)})))?Q.slice(0,Z.index).findIndex((function(e){return $e(e)})):t+Z.index:Q.findIndex((function(e){return $e(e)})))&&(n=!0),-1===t&&-1===Z.index&&(t=it()),-1!==t&<(t),ve.current&&clearTimeout(ve),ve.current=setTimeout((function(){ye.current="",ve.current=null}),500),n},lt=function(e){Z.index!==e&&(F(U(U({},Z),{},{index:e})),ct())},ct=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,t=-1!==e?"".concat(x,"_").concat(e):B,n=I.findSingle(Ue(),'li[id="'.concat(t,'"]'));n&&n.scrollIntoView&&n.scrollIntoView({block:"nearest",inline:"start"})},st=e.useCallback((function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",o=[];return e&&e.forEach((function(e,i){var u=(""!==r?r+"_":"")+i,a={item:e,index:i,level:t,key:u,parent:n,parentKey:r};a.items=st(e.items,t+1,a,u),o.push(a)})),o}),[]),pt=function(){if(!be.current){be.current=I.createInlineStyle(f&&f.nonce||t.nonce,f&&f.styleContainer);var e="".concat(ie),n="\n@media screen and (max-width: ".concat(b.breakpoint,") {\n .p-tieredmenu[").concat(e,"] > ul {\n max-height: ").concat(b.scrollHeight,";\n overflow: ").concat(b.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(b.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");be.current.innerHTML=n}},mt=function(){be.current=I.removeInlineStyle(be.current)},dt=function(){b.autoZIndex&&k.set("menu",pe.current,f&&f.autoZIndex||t.autoZIndex,b.baseZIndex||f&&f.zIndex.menu||t.zIndex.menu),I.addStyles(pe.current,{position:"absolute",top:"0",left:"0"}),I.absolutePosition(pe.current,de.current),I.getOuterWidth(de.current)>I.getOuterWidth(pe.current)&&(pe.current.style.minWidth=I.getOuterWidth(de.current)+"px"),I.focus(me.current.getElement()),ct(),ie&&b.breakpoint&&(pe.current.setAttribute(ie,""),pt())},ft=function(){xe(),Ee()},bt=function(){de.current=null,Ie(),we()},yt=function(){k.clear(pe.current),mt()};p((function(){var e=w();!x&&E(e),b.breakpoint&&!ie&&ue(e)})),e.useEffect((function(){var e=st(b.model||[]);q(e)}),[b.model,st]),a((function(){var e=C.find((function(e){return e.key===Z.parentKey}));ee(e?e.items:$)}),[C,Z,$]),a((function(){var e=-1!==Z.index?"".concat(x).concat(O.isNotEmpty(Z.parentKey)?"_"+Z.parentKey:"","_").concat(Z.index):null;L(e)}),[Z]),a((function(){b.popup||(O.isNotEmpty(C)?(xe(),Ee()):(Ie(),we()))}),[C]),a((function(){if(ne){var e=-1!==Z.index?nt(Z.index):it();lt(e),K(C.filter((function(e){return e.parentKey!==Z.parentKey}))),re(!1)}}),[ne]),a((function(){return ie&&pe.current&&(pe.current.setAttribute(ie,""),pt()),function(){mt()}}),[ie,b.breakpoint]),m((function(){k.clear(pe.current)})),e.useImperativeHandle(o,(function(){return{props:b,toggle:Se,show:Pe,hide:Ne,getElement:function(){return pe.current}}}));var vt,gt,ht=(vt=d({ref:pe,id:b.id,className:ce("root"),style:b.style,onClick:ke},R.getOtherProps(b),le("root")),gt=d({classNames:ce("transition"),in:P,timeout:{enter:120,exit:100},options:b.transitionOptions,unmountOnExit:!0,onEnter:dt,onEntered:ft,onExit:bt,onExited:yt},le("transition")),e.createElement(g,j({nodeRef:pe},gt),e.createElement("div",vt,e.createElement(W,{id:x+"_list",ref:me,hostName:"TieredMenu",menuProps:b,tabIndex:0,model:$,ariaLabel:b.ariaLabel,ariaLabelledBy:b.ariaLabelledBy,ariaOrientation:"vertical",ariaActiveDescendant:M?B:void 0,menuId:x,level:0,focusedItemId:B,activeItemPath:C,onFocus:je,onBlur:De,onKeyDown:Ce,onItemClick:Te,onItemMouseEnter:Me,root:!0,popup:b.popup,onHide:Ne,isMobileMode:ge,submenuIcon:b.submenuIcon,ptm:le,cx:ce,sx:se}))));return b.popup?e.createElement(h,{element:ht,appendTo:b.appendTo}):ht})));V.displayName="TieredMenu";var J=o.extend({defaultProps:{__TYPE:"SplitButton",id:null,label:null,icon:null,autoZIndex:!1,baseZIndex:0,loading:!1,loadingIcon:null,model:null,disabled:null,style:null,className:null,buttonClassName:null,menuStyle:null,menuClassName:null,menuButtonClassName:null,buttonProps:null,menuButtonProps:null,tabIndex:null,severity:null,rounded:!1,raised:!1,outlined:!1,text:!1,size:null,appendTo:null,tooltip:null,tooltipOptions:null,buttonTemplate:null,transitionOptions:null,dropdownIcon:null,onClick:null,onShow:null,onHide:null,children:void 0},css:{classes:{icon:"p-button-icon p-c",root:function(e){var t=e.props,n=e.size;return x("p-splitbutton p-component",T(T(T(T(T(T({"p-disabled":t.disabled,"p-button-loading-label-only":t.loading&&!t.icon&&t.label},"p-button-".concat(t.severity),t.severity),"p-button-raised",t.raised),"p-button-rounded",t.rounded),"p-button-text",t.text),"p-button-outlined",t.outlined),"p-button-".concat(n),n))},button:"p-splitbutton-defaultbutton",menuButton:"p-splitbutton-menubutton",menu:function(e){return x("p-menu p-menu-overlay p-component",e.subProps.menuClassName)},menuList:"p-menu-list p-reset",separator:"p-menu-separator",menuIcon:"p-menuitem-icon",menuLabel:"p-menuitem-text",anchor:function(e){return x("p-menuitem-link",e._className,{"p-disabled":e.disabled})},menuItem:"p-menuitem",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-splitbutton {\n display: inline-flex;\n position: relative;\n }\n\n .p-splitbutton .p-splitbutton-defaultbutton,\n .p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,\n .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button,\n .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover {\n flex: 1 1 auto;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-right: 0 none;\n }\n\n .p-splitbutton-menubutton,\n .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,\n .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {\n display: flex;\n align-items: center;\n justify-content: center;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n\n .p-splitbutton .p-menu {\n min-width: 100%;\n }\n\n .p-fluid .p-splitbutton {\n display: flex;\n }\n}\n"}});function X(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Y(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?X(Object(n),!0).forEach((function(t){T(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):X(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var $=e.memo(e.forwardRef((function(o,a){var l=u(),c=e.useContext(n),s=J.getProps(o,c),g=H(e.useState(s.id),2),h=g[0],S=g[1],P=H(e.useState(!1),2),D=P[0],C=P[1],K=e.useRef(null),T=e.useRef(null),M=e.useRef(null),_=e.useRef(null),A=d("split-button-tooltip",D),B={props:s,state:{id:h,overlayVisible:D}},L=J.setMetaData(B),R=L.ptm,z=L.cx;i(J.css.styles,L.isUnstyled,{name:"splitbutton"}),f({callback:function(){F()},when:D&&A,priority:[b.SPLIT_BUTTON,A]});var Z=function(e){D?F(e):W(e)},W=function(e){C(!0),T.current&&T.current.show(e)},F=function(e){C(!1),T.current&&T.current.hide(e)};if(p((function(){h||S(w()),I.alignOverlay(_.current,M.current.parentElement,s.appendTo||c&&c.appendTo||t.appendTo)})),m((function(){k.clear(_.current)})),e.useImperativeHandle(a,(function(){return{props:s,show:W,hide:F,getElement:function(){return K.current}}})),!1===s.visible)return null;var U=O.isNotEmpty(s.tooltip),X={large:"lg",small:"sm"}[s.size],$=s.buttonTemplate?O.getJSXElement(s.buttonTemplate,s):null,q=h+"_overlay",G=l({ref:K,id:h,className:x(s.className,z("root",{size:X})),style:s.style},J.getOtherProps(s),R("root"));return e.createElement(e.Fragment,null,e.createElement("div",G,e.createElement(r,j({ref:M,type:"button",className:x(s.buttonClassName,z("button")),icon:s.icon,loading:s.loading,loadingIcon:s.loadingIcon,severity:s.severity,label:s.label,"aria-label":s.label,raised:s.raised,onClick:s.onClick,disabled:s.disabled,tabIndex:s.tabIndex,size:s.size,outlined:s.outlined,text:s.text},s.buttonProps,{pt:R("button"),__parentMetadata:{parent:B},unstyled:s.unstyled}),$),e.createElement(r,j({type:"button",className:x(s.menuButtonClassName,z("menuButton")),icon:function(){var t=l({className:z("icon")},R("icon")),n=E.getJSXIcon(s.dropdownIcon||e.createElement(y,t),Y({},t),{props:s});return n},onClick:Z,disabled:s.disabled,"aria-expanded":D,"aria-haspopup":"true","aria-controls":q},s.menuButtonProps,{size:s.size,severity:s.severity,outlined:s.outlined,text:s.text,raised:s.raised,pt:R("menuButton"),__parentMetadata:{parent:B},onKeyDown:function(e){"ArrowDown"!==e.code&&"ArrowUp"!==e.code||(Z(e),e.preventDefault())},unstyled:s.unstyled})),e.createElement(V,{ref:T,popup:!0,unstyled:s.unstyled,model:s.model,appendTo:s.appendTo,id:q,style:s.menuStyle,autoZIndex:s.autoZIndex,baseZIndex:s.baseZIndex,className:s.menuClassName,onClick:function(e){v.emit("overlay-click",{originalEvent:e,target:K.current})},onShow:function(){s.onShow&&s.onShow()},onHide:function(){C(!1),s.onHide&&s.onHide()},pt:R("menu")})),U&&e.createElement(N,j({target:K,content:s.tooltip},s.tooltipOptions,{pt:R("tooltip")})))})));$.displayName="SplitButton";export{$ as SplitButton};
|
|
1
|
+
import*as e from"react";import t,{PrimeReactContext as n}from"primereact/api";import{Button as r}from"primereact/button";import{ComponentBase as o,useHandleStyle as i}from"primereact/componentbase";import{useMergeProps as u,useUpdateEffect as a,useMatchMedia as l,useEventListener as c,useResizeListener as s,useMountEffect as p,useUnmountEffect as m,useDisplayOrder as d,useGlobalOnEscapeKey as f,ESC_KEY_HANDLING_PRIORITIES as b}from"primereact/hooks";import{ChevronDownIcon as y}from"primereact/icons/chevrondown";import{OverlayService as v}from"primereact/overlayservice";import{CSSTransition as g}from"primereact/csstransition";import{Portal as h}from"primereact/portal";import{classNames as x,DomHandler as I,ObjectUtils as O,IconUtils as E,UniqueComponentId as w,ZIndexUtils as k}from"primereact/utils";import{AngleRightIcon as S}from"primereact/icons/angleright";import{Ripple as P}from"primereact/ripple";import{Tooltip as N}from"primereact/tooltip";function j(){return j=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},j.apply(this,arguments)}function D(e){return D="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},D(e)}function T(e,t){if("object"!==D(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==D(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function C(e){var t=T(e,"string");return"symbol"===D(t)?t:String(t)}function K(e,t,n){return(t=C(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function M(e){if(Array.isArray(e))return e}function _(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,u,a=[],l=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=i.call(n)).done)&&(a.push(r.value),a.length!==t);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=n.return&&(u=n.return(),Object(u)!==u))return}finally{if(c)throw o}}return a}}function A(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function B(e,t){if(e){if("string"==typeof e)return A(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?A(e,t):void 0}}function L(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function H(e,t){return M(e)||_(e,t)||B(e,t)||L()}var R=o.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,r=e.context;return x("p-tieredmenu p-component",{"p-tieredmenu-overlay":n.popup,"p-input-filled":r&&"filled"===r.inputStyle||"filled"===t.inputStyle,"p-ripple-disabled":r&&!1===r.ripple||!1===t.ripple},n.className)},separator:"p-menuitem-separator",icon:function(e){return x("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 x("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled},e.itemClassName)},menu:"p-tieredmenu-root-list",submenu:"p-submenu-list",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-tieredmenu-overlay {\n position: absolute;\n }\n\n .p-tieredmenu ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-tieredmenu .p-submenu-list {\n position: absolute;\n min-width: 100%;\n z-index: 1;\n display: none;\n }\n\n .p-tieredmenu .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-text {\n line-height: 1;\n }\n\n .p-tieredmenu .p-menuitem {\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list {\n display: block;\n left: 100%;\n top: 0;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list-flipped {\n left: -100%;\n }\n}\n",inlineStyles:{submenu:function(e){var t=e.subProps;return{display:!t.root&&t.parentActive?"block":"none"}}}}});function z(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Z(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?z(Object(n),!0).forEach((function(t){K(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):z(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var F=e.memo(e.forwardRef((function(t,n){var r=e.useRef(null),o=u(),i=t.ptm,l=t.cx,c=t.sx,s=function(e,n){return i(n,{hostName:t.hostName,context:{active:b(e)}})},p=function(){if(r.current){var e=r.current.parentElement,t=I.getOffset(e),n=I.getViewport(),o=r.current.offsetParent?r.current.offsetWidth:I.getHiddenElementOuterWidth(r.current),i=I.getOuterWidth(e.children[0]),u=parseInt(t.top,10)+r.current.offsetHeight-I.getWindowScrollTop();r.current.style.top=u>n.height?n.height-u+"px":"0px",parseInt(t.left,10)+i+o>n.width-I.calculateScrollbarWidth()&&I.addClass(r.current,"p-submenu-list-flipped")}},m=function(e,n){var r=n.item;v(n)?e.preventDefault():(r.command&&r.command({originalEvent:e,item:r}),t.onItemClick&&t.onItemClick({originalEvent:e,processedItem:n}),r.url||(e.preventDefault(),e.stopPropagation()))},d=function(e){return"".concat(t.menuId,"_").concat(e.key)},f=function(e,t,n){return e&&e.item?O.getItemValue(e.item[t],n):void 0},b=function(e){return t.activeItemPath.some((function(t){return t.key===e.key}))},y=function(e){return!1!==f(e,"visible")},v=function(e){return f(e,"disabled")},g=function(e){return t.focusedItemId===d(e)},h=function(e){return O.isNotEmpty(e.items)},w=function(e,n){t.onItemMouseEnter&&t.onItemMouseEnter({originalEvent:e,processedItem:n})},k=function(e){return e-t.model.slice(0,e).filter((function(e){return y(e)&&f(e,"separator")})).length+1};a((function(){t.root||!t.parentActive||t.isMobileMode||p()}),[t.parentActive]),e.useImperativeHandle(n,(function(){return{getElement:function(){return r.current}}}));var N=function(n){var r=o({key:"separator_"+n,className:l("separator"),role:"separator"},i("separator",{hostName:t.hostName}));return e.createElement("li",r)},j=function(n,r){return h(n)?e.createElement(F,{id:t.id+"_"+r,menuProps:t.menuProps,model:n.items,menuId:t.menuId,ariaLabelledby:d(n),focusedItemId:t.focusedItemId,activeItemPath:t.activeItemPath,level:t.level+1,onItemClick:t.onItemClick,popup:t.popup,onItemMouseEnter:t.onItemMouseEnter,parentActive:b(n),isMobileMode:t.isMobileMode,submenuIcon:t.submenuIcon,ptm:t.ptm,cx:l,sx:c}):null},D=function(n,r){if(!1===y(n))return null;var i=n.item,u=f(n,"style"),a=f(n,"className"),c=f(n,"icon"),p=f(n,"target"),I=f(n,"url"),N=d(n),D=g(n),T=b(n),C=v(n),K=h(n),M=x("p-menuitem-link"),_=x("p-menuitem-icon",c),A=o({className:x(i.icon,"p-menuitem-icon","icon")},s(n,"icon")),B=E.getJSXIcon(c,Z({},A),{props:t.menuProps}),L=o({className:l("label")},s(n,"label")),H=i.label&&e.createElement("span",L,i.label),R=o({className:l("submenuIcon")},s(n,"submenuIcon")),z=K&&E.getJSXIcon(t.submenuIcon||e.createElement(S,R),Z({},R),{props:t.menuProps}),F=j(n,r),W=o({href:I||"#","aria-hidden":!0,tabIndex:"-1",onFocus:function(e){return e.stopPropagation()},className:l("action"),target:p},s(n,"action")),U=e.createElement("a",W,B,H,z,e.createElement(P,null));i.template&&(U=O.getJSXElement(i.template,i,{className:M,labelClassName:"p-menuitem-text",iconClassName:_,submenuIconClassName:"p-submenu-icon",element:U,props:t,active:T,disabled:C}));var V=o({onClick:function(e){return m(e,n)},onMouseEnter:function(e){return w(e,n)},className:l("content")},s(n,"content")),J=o({key:N,id:N,"aria-label":i.label,"aria-disabled":C,"aria-expanded":K?T:void 0,"aria-haspopup":K&&!I?"menu":void 0,"aria-level":t.level+1,"aria-setsize":t.model.filter((function(e){return y(e)&&!f(e,"separator")})).length,"aria-posinset":k(r),"data-p-highlight":T,"data-p-disabled":C,"data-p-visited":D,className:l("menuitem",{itemClassName:a,active:T,focused:D,disabled:C}),style:u,onMouseEnter:function(e){return w(e,i)},role:"menuitem"},s(n,"menuitem"));return e.createElement("li",J,e.createElement("div",V,U),F)},T=t.model?t.model.map((function(e,t){return f(e,"separator")?N(t):D(e,t)})):null,C=t.root?"menu":"submenu",K=o({ref:r,id:t.id,tabIndex:t.tabIndex,onFocus:t.onFocus,onBlur:t.onBlur,onKeyDown:t.onKeyDown,className:l(C,{subProps:t}),style:c(C,{subProps:t}),role:t.root?"menubar":"menu","aria-label":t.ariaLabel,"aria-labelledby":t.ariaLabelledby,"aria-orientation":t.ariaOrientation,"aria-activedescendant":t.focusedItemId},i(C,{hostName:t.hostName}));return e.createElement("ul",K,T)})));function W(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function U(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?W(Object(n),!0).forEach((function(t){K(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):W(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}F.displayName="TieredMenuSub";var V=e.memo(e.forwardRef((function(r,o){var d=u(),f=e.useContext(n),b=R.getProps(r,f),y=H(e.useState(b.id),2),x=y[0],E=y[1],S=H(e.useState(!b.popup),2),P=S[0],N=S[1],D=H(e.useState([]),2),T=D[0],C=D[1],K=H(e.useState(!1),2),M=K[0],_=K[1],A=H(e.useState(null),2),B=A[0],L=A[1],z=H(e.useState({index:-1,level:0,parentKey:""}),2),Z=z[0],W=z[1],V=H(e.useState(!1),2),J=V[0],X=V[1],Y=H(e.useState([]),2),$=Y[0],q=Y[1],G=H(e.useState([]),2),Q=G[0],ee=G[1],te=H(e.useState(!1),2),ne=te[0],re=te[1],oe=H(e.useState(null),2),ie=oe[0],ue=oe[1],ae=R.setMetaData({props:b,state:{id:x,visible:P,attributeSelector:ie}}),le=ae.ptm,ce=ae.cx,se=ae.sx;i(R.css.styles,ae.isUnstyled,{name:"tieredmenu"});var pe=e.useRef(null),me=e.useRef(null),de=e.useRef(null),fe=e.useRef(null),be=e.useRef(null),ye=e.useRef(null),ve=e.useRef(null),ge=l("screen and (max-width: ".concat(b.breakpoint,")"),!!b.breakpoint),he=H(c({type:"click",listener:function(e){var t=pe.current&&!pe.current.contains(e.target),n=!b.popup||!(de.current&&(de.current===e.target||de.current.contains(e.target)));t&&n&&Ne(e,!b.popup)}}),2),xe=he[0],Ie=he[1],Oe=H(s({listener:function(){!ge&&Ne(event,!0)}}),2),Ee=Oe[0],we=Oe[1],ke=function(e){b.popup&&v.emit("overlay-click",{originalEvent:e,target:de.current})},Se=function(e){b.popup&&(P?Ne(e):Pe(e))},Pe=function(e){b.popup&&(de.current=e.currentTarget,N(!0),b.onShow&&b.onShow(e),fe.current=e.relatedTarget||null),W({index:it(),level:0,parentKey:""})},Ne=function(e,t){b.popup&&(N(!1),b.onHide&&b.onHide(e));var n=Ue();C([]),W({index:-1,level:0,parentKey:""}),t&&I.focus(fe.current||de.current||n),X(!1)},je=function(e){_(!0),W(-1!==Z.index?Z:{index:it(),level:0,parentKey:""}),b.onFocus&&b.onFocus(e)},De=function(e){_(!1),W({index:-1,level:0,parentKey:""}),ye.current="",X(!1),b.onBlur&&b.onBlur(e)},Te=function(e){var t=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":_e(e);break;case"ArrowUp":Ae(e);break;case"ArrowLeft":Be(e);break;case"ArrowRight":Le(e);break;case"Home":He(e);break;case"End":Re(e);break;case"Space":Ze(e);break;case"Enter":ze(e);break;case"Escape":b.popup&&I.focus(de.current),Fe(e);break;case"Tab":We(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!t&&O.isPrintableCharacter(e.key)&&at(e.key)}},Ce=function(e){var t=e.processedItem,n=e.isFocus;if(!O.isEmpty(t)){var r=t.index,o=t.key,i=t.level,u=t.parentKey,a=O.isNotEmpty(t.items),l=T.filter((function(e){return e.parentKey!==u&&e.parentKey!==o}));a&&l.push(t),W({index:r,level:i,parentKey:u}),C(l),a&&X(!0),n&&I.focus(Ue())}},Ke=function(e){var t=e.originalEvent,n=e.processedItem;if(!Je(n)&&!b.isMobileMode){var r=Ye(n),o=O.isEmpty(n.parent),i=Qe(n),u=Ue();if(i){var a=n.index,l=n.key,c=n.level,s=n.parentKey;C(T.filter((function(e){return l!==e.key&&l.startsWith(e.key)}))),W({index:a,level:c,parentKey:s}),r||X(!o),setTimeout((function(){I.focus(u),r&&X(!0)}),0)}else if(r)I.focus(u),Ce(e);else{var p=o?n:T.find((function(e){return""===e.parentKey})),m=p?p.index:-1;Ne(t,!0),W({index:m,parentKey:p?p.parentKey:""})}}},Me=function(e){var t=e.originalEvent;Je(e.processedItem)||b.isMobileMode?t.preventDefault():J&&!b.popup&&Ce(e)},_e=function(e){var t=-1!==Z.index?nt(Z.index):it();lt(t),e.preventDefault()},Ae=function(e){if(e.altKey){if(b.popup&&I.focus(de.current),-1!==Z.index){var t=Q[Z.index];!Ye(t)&&Ce({originalEvent:e,processedItem:t})}b.popup&&Ne(e,!0),e.preventDefault()}else{var n=-1!==Z.index?rt(Z.index):ut();lt(n),e.preventDefault()}},Be=function(e){var t=Q[Z.index],n=T.find((function(e){return e.key===t.parentKey}));O.isEmpty(t.parent)||(W({index:-1,parentKey:n?n.parentKey:""}),ye.current="",setTimeout((function(){return re(!0)}),0)),C(T.filter((function(e){return e.parentKey!==Z.parentKey}))),e.preventDefault()},Le=function(e){var t=Q[Z.index];Ye(t)&&(Ce({originalEvent:e,processedItem:t}),W({index:-1,parentKey:t.key}),ye.current="",setTimeout((function(){return re(!0)}),0)),e.preventDefault()},He=function(e){lt(et()),e.preventDefault()},Re=function(e){lt(tt()),e.preventDefault()},ze=function(e){if(-1!==Z.index){var t=I.findSingle(Ue(),'li[id="'.concat("".concat(B),'"]')),n=t&&I.findSingle(t,'[data-pc-section="action"]');b.popup&&I.focus(de.current),n?n.click():t&&t.click()}e.preventDefault()},Ze=function(e){ze(e)},Fe=function(e){Ne(e,!0),!b.popup&&W(U(U({},Z),{},{index:it()})),e.preventDefault()},We=function(e){if(-1!==Z.index){var t=Q[Z.index];!Ye(t)&&Ce({originalEvent:e,processedItem:t})}Ne(e)},Ue=function(){return me.current.getElement()||null},Ve=function(e,t){return e?O.getItemValue(e[t]):void 0},Je=function(e){return Ve(e,"disabled")},Xe=function(e){return e?Ve(e.item,"label"):void 0},Ye=function(e){return e&&O.isNotEmpty(e.items)},$e=function(e){return qe(e)&&Xe(e).toLocaleLowerCase().startsWith(ye.current.toLocaleLowerCase())},qe=function(e){return!!e&&!Je(e.item)&&!Ve(e.item,"separator")},Ge=function(e){return qe(e)&&Qe(e)},Qe=function(e){return T.some((function(t){return t.key===e.key}))},et=function(){return Q.findIndex((function(e){return qe(e)}))},tt=function(){return O.findLastIndex(Q,(function(e){return qe(e)}))},nt=function(e){var t=e<Q.length-1?Q.slice(e+1).findIndex((function(e){return qe(e)})):-1;return t>-1?t+e+1:e},rt=function(e){var t=e>0?O.findLastIndex(Q.slice(0,e),(function(e){return qe(e)})):-1;return t>-1?t:e},ot=function(){return Q.findIndex((function(e){return Ge(e)}))},it=function(){var e=ot();return e<0?et():e},ut=function(){var e=ot();return e<0?tt():e},at=function(e){ye.current=(ye.current||"")+e;var t=-1,n=!1;return-1!==(t=-1!==Z.index?-1===(t=Q.slice(Z.index).findIndex((function(e){return $e(e)})))?Q.slice(0,Z.index).findIndex((function(e){return $e(e)})):t+Z.index:Q.findIndex((function(e){return $e(e)})))&&(n=!0),-1===t&&-1===Z.index&&(t=it()),-1!==t&<(t),ve.current&&clearTimeout(ve),ve.current=setTimeout((function(){ye.current="",ve.current=null}),500),n},lt=function(e){Z.index!==e&&(W(U(U({},Z),{},{index:e})),ct())},ct=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,t=-1!==e?"".concat(x,"_").concat(e):B,n=I.findSingle(Ue(),'li[id="'.concat(t,'"]'));n&&n.scrollIntoView&&n.scrollIntoView({block:"nearest",inline:"start"})},st=e.useCallback((function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",o=[];return e&&e.forEach((function(e,i){var u=(""!==r?r+"_":"")+i,a={item:e,index:i,level:t,key:u,parent:n,parentKey:r};a.items=st(e.items,t+1,a,u),o.push(a)})),o}),[]),pt=function(){if(!be.current){be.current=I.createInlineStyle(f&&f.nonce||t.nonce,f&&f.styleContainer);var e="".concat(ie),n="\n@media screen and (max-width: ".concat(b.breakpoint,") {\n .p-tieredmenu[").concat(e,"] > ul {\n max-height: ").concat(b.scrollHeight,";\n overflow: ").concat(b.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(b.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");be.current.innerHTML=n}},mt=function(){be.current=I.removeInlineStyle(be.current)},dt=function(){var e;b.autoZIndex&&k.set("menu",pe.current,f&&f.autoZIndex||t.autoZIndex,b.baseZIndex||f&&f.zIndex.menu||t.zIndex.menu),I.addStyles(pe.current,{position:"absolute",top:"0",left:"0"}),e=I.getOuterWidth(de.current)>I.getOuterWidth(pe.current),I.alignOverlay(pe.current,de.current,b.appendTo,e),I.focus(me.current.getElement()),ct(),ie&&b.breakpoint&&(pe.current.setAttribute(ie,""),pt())},ft=function(){xe(),Ee()},bt=function(){de.current=null,Ie(),we()},yt=function(){k.clear(pe.current),mt()};p((function(){var e=w();!x&&E(e),b.breakpoint&&!ie&&ue(e)})),e.useEffect((function(){var e=st(b.model||[]);q(e)}),[b.model,st]),a((function(){var e=T.find((function(e){return e.key===Z.parentKey}));ee(e?e.items:$)}),[T,Z,$]),a((function(){var e=-1!==Z.index?"".concat(x).concat(O.isNotEmpty(Z.parentKey)?"_"+Z.parentKey:"","_").concat(Z.index):null;L(e)}),[Z]),a((function(){b.popup||(O.isNotEmpty(T)?(xe(),Ee()):(Ie(),we()))}),[T]),a((function(){if(ne){var e=-1!==Z.index?nt(Z.index):it();lt(e),C(T.filter((function(e){return e.parentKey!==Z.parentKey}))),re(!1)}}),[ne]),a((function(){return ie&&pe.current&&(pe.current.setAttribute(ie,""),pt()),function(){mt()}}),[ie,b.breakpoint]),m((function(){k.clear(pe.current)})),e.useImperativeHandle(o,(function(){return{props:b,toggle:Se,show:Pe,hide:Ne,getElement:function(){return pe.current}}}));var vt,gt,ht=(vt=d({ref:pe,id:b.id,className:ce("root"),style:b.style,onClick:ke},R.getOtherProps(b),le("root")),gt=d({classNames:ce("transition"),in:P,timeout:{enter:120,exit:100},options:b.transitionOptions,unmountOnExit:!0,onEnter:dt,onEntered:ft,onExit:bt,onExited:yt},le("transition")),e.createElement(g,j({nodeRef:pe},gt),e.createElement("div",vt,e.createElement(F,{id:x+"_list",ref:me,hostName:"TieredMenu",menuProps:b,tabIndex:0,model:$,ariaLabel:b.ariaLabel,ariaLabelledBy:b.ariaLabelledBy,ariaOrientation:"vertical",ariaActiveDescendant:M?B:void 0,menuId:x,level:0,focusedItemId:B,activeItemPath:T,onFocus:je,onBlur:De,onKeyDown:Te,onItemClick:Ke,onItemMouseEnter:Me,root:!0,popup:b.popup,onHide:Ne,isMobileMode:ge,submenuIcon:b.submenuIcon,ptm:le,cx:ce,sx:se}))));return b.popup?e.createElement(h,{element:ht,appendTo:b.appendTo}):ht})));V.displayName="TieredMenu";var J=o.extend({defaultProps:{__TYPE:"SplitButton",id:null,label:null,icon:null,autoZIndex:!0,baseZIndex:0,loading:!1,loadingIcon:null,model:null,disabled:null,style:null,className:null,buttonClassName:null,menuStyle:null,menuClassName:null,menuButtonClassName:null,buttonProps:null,menuButtonProps:null,tabIndex:null,severity:null,rounded:!1,raised:!1,outlined:!1,text:!1,size:null,appendTo:null,tooltip:null,tooltipOptions:null,buttonTemplate:null,transitionOptions:null,dropdownIcon:null,onClick:null,onShow:null,onHide:null,children:void 0},css:{classes:{icon:"p-button-icon p-c",root:function(e){var t=e.props,n=e.size;return x("p-splitbutton p-component",K(K(K(K(K(K({"p-disabled":t.disabled,"p-button-loading-label-only":t.loading&&!t.icon&&t.label},"p-button-".concat(t.severity),t.severity),"p-button-raised",t.raised),"p-button-rounded",t.rounded),"p-button-text",t.text),"p-button-outlined",t.outlined),"p-button-".concat(n),n))},button:"p-splitbutton-defaultbutton",menuButton:"p-splitbutton-menubutton",menu:function(e){return x("p-menu p-menu-overlay p-component",e.subProps.menuClassName)},menuList:"p-menu-list p-reset",separator:"p-menu-separator",menuIcon:"p-menuitem-icon",menuLabel:"p-menuitem-text",anchor:function(e){return x("p-menuitem-link",e._className,{"p-disabled":e.disabled})},menuItem:"p-menuitem",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-splitbutton {\n display: inline-flex;\n position: relative;\n }\n\n .p-splitbutton .p-splitbutton-defaultbutton,\n .p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,\n .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button,\n .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover {\n flex: 1 1 auto;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-right: 0 none;\n }\n\n .p-splitbutton-menubutton,\n .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,\n .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {\n display: flex;\n align-items: center;\n justify-content: center;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n\n .p-splitbutton .p-menu {\n min-width: 100%;\n }\n\n .p-fluid .p-splitbutton {\n display: flex;\n }\n}\n"}});function X(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Y(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?X(Object(n),!0).forEach((function(t){K(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):X(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var $=e.memo(e.forwardRef((function(o,a){var l=u(),c=e.useContext(n),s=J.getProps(o,c),g=H(e.useState(s.id),2),h=g[0],S=g[1],P=H(e.useState(!1),2),D=P[0],T=P[1],C=e.useRef(null),K=e.useRef(null),M=e.useRef(null),_=e.useRef(null),A=d("split-button-tooltip",D),B={props:s,state:{id:h,overlayVisible:D}},L=J.setMetaData(B),R=L.ptm,z=L.cx;i(J.css.styles,L.isUnstyled,{name:"splitbutton"}),f({callback:function(){W()},when:D&&A,priority:[b.SPLIT_BUTTON,A]});var Z=function(e){D?W(e):F(e)},F=function(e){T(!0),K.current&&K.current.show(e)},W=function(e){T(!1),K.current&&K.current.hide(e)};if(p((function(){h||S(w()),I.alignOverlay(_.current,M.current.parentElement,s.appendTo||c&&c.appendTo||t.appendTo)})),m((function(){k.clear(_.current)})),e.useImperativeHandle(a,(function(){return{props:s,show:F,hide:W,getElement:function(){return C.current}}})),!1===s.visible)return null;var U=O.isNotEmpty(s.tooltip),X={large:"lg",small:"sm"}[s.size],$=s.buttonTemplate?O.getJSXElement(s.buttonTemplate,s):null,q=h+"_overlay",G=l({ref:C,id:h,className:x(s.className,z("root",{size:X})),style:s.style},J.getOtherProps(s),R("root"));return e.createElement(e.Fragment,null,e.createElement("div",G,e.createElement(r,j({ref:M,type:"button",className:x(s.buttonClassName,z("button")),icon:s.icon,loading:s.loading,loadingIcon:s.loadingIcon,severity:s.severity,label:s.label,"aria-label":s.label,raised:s.raised,onClick:s.onClick,disabled:s.disabled,tabIndex:s.tabIndex,size:s.size,outlined:s.outlined,text:s.text},s.buttonProps,{pt:R("button"),__parentMetadata:{parent:B},unstyled:s.unstyled}),$),e.createElement(r,j({type:"button",className:x(s.menuButtonClassName,z("menuButton")),icon:function(){var t=l({className:z("icon")},R("icon")),n=E.getJSXIcon(s.dropdownIcon||e.createElement(y,t),Y({},t),{props:s});return n},onClick:Z,disabled:s.disabled,"aria-expanded":D,"aria-haspopup":"true","aria-controls":q},s.menuButtonProps,{size:s.size,severity:s.severity,outlined:s.outlined,text:s.text,raised:s.raised,pt:R("menuButton"),__parentMetadata:{parent:B},onKeyDown:function(e){"ArrowDown"!==e.code&&"ArrowUp"!==e.code||(Z(e),e.preventDefault())},unstyled:s.unstyled})),e.createElement(V,{ref:K,popup:!0,unstyled:s.unstyled,model:s.model,appendTo:s.appendTo,id:q,style:s.menuStyle,autoZIndex:s.autoZIndex,baseZIndex:s.baseZIndex,className:s.menuClassName,onClick:function(e){v.emit("overlay-click",{originalEvent:e,target:C.current})},onShow:function(){s.onShow&&s.onShow()},onHide:function(){T(!1),s.onHide&&s.onHide()},pt:R("menu")})),U&&e.createElement(N,j({target:C,content:s.tooltip,pt:R("tooltip")},s.tooltipOptions)))})));$.displayName="SplitButton";export{$ as SplitButton};
|
|
@@ -247,9 +247,6 @@ this.primereact.splitbutton = (function (exports, React, PrimeReact, button, com
|
|
|
247
247
|
event.preventDefault();
|
|
248
248
|
return;
|
|
249
249
|
}
|
|
250
|
-
if (!item.url) {
|
|
251
|
-
event.preventDefault();
|
|
252
|
-
}
|
|
253
250
|
if (item.command) {
|
|
254
251
|
item.command({
|
|
255
252
|
originalEvent: event,
|
|
@@ -260,6 +257,10 @@ this.primereact.splitbutton = (function (exports, React, PrimeReact, button, com
|
|
|
260
257
|
originalEvent: event,
|
|
261
258
|
processedItem: processedItem
|
|
262
259
|
});
|
|
260
|
+
if (!item.url) {
|
|
261
|
+
event.preventDefault();
|
|
262
|
+
event.stopPropagation();
|
|
263
|
+
}
|
|
263
264
|
};
|
|
264
265
|
var getItemId = function getItemId(processedItem) {
|
|
265
266
|
return "".concat(props.menuId, "_").concat(processedItem.key);
|
|
@@ -1026,11 +1027,8 @@ this.primereact.splitbutton = (function (exports, React, PrimeReact, button, com
|
|
|
1026
1027
|
styleElementRef.current = utils.DomHandler.removeInlineStyle(styleElementRef.current);
|
|
1027
1028
|
};
|
|
1028
1029
|
var alignOverlay = function alignOverlay() {
|
|
1029
|
-
utils.DomHandler.
|
|
1030
|
-
|
|
1031
|
-
if (targetWidth > utils.DomHandler.getOuterWidth(containerRef.current)) {
|
|
1032
|
-
containerRef.current.style.minWidth = utils.DomHandler.getOuterWidth(targetRef.current) + 'px';
|
|
1033
|
-
}
|
|
1030
|
+
var calculateMinWidth = utils.DomHandler.getOuterWidth(targetRef.current) > utils.DomHandler.getOuterWidth(containerRef.current);
|
|
1031
|
+
utils.DomHandler.alignOverlay(containerRef.current, targetRef.current, props.appendTo, calculateMinWidth);
|
|
1034
1032
|
};
|
|
1035
1033
|
var onEnter = function onEnter() {
|
|
1036
1034
|
if (props.autoZIndex) {
|
|
@@ -1228,7 +1226,7 @@ this.primereact.splitbutton = (function (exports, React, PrimeReact, button, com
|
|
|
1228
1226
|
id: null,
|
|
1229
1227
|
label: null,
|
|
1230
1228
|
icon: null,
|
|
1231
|
-
autoZIndex:
|
|
1229
|
+
autoZIndex: true,
|
|
1232
1230
|
baseZIndex: 0,
|
|
1233
1231
|
loading: false,
|
|
1234
1232
|
loadingIcon: null,
|
|
@@ -1448,10 +1446,9 @@ this.primereact.splitbutton = (function (exports, React, PrimeReact, button, com
|
|
|
1448
1446
|
pt: ptm('menu')
|
|
1449
1447
|
})), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
|
|
1450
1448
|
target: elementRef,
|
|
1451
|
-
content: props.tooltip
|
|
1452
|
-
}, props.tooltipOptions, {
|
|
1449
|
+
content: props.tooltip,
|
|
1453
1450
|
pt: ptm('tooltip')
|
|
1454
|
-
})));
|
|
1451
|
+
}, props.tooltipOptions)));
|
|
1455
1452
|
}));
|
|
1456
1453
|
SplitButton.displayName = 'SplitButton';
|
|
1457
1454
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.splitbutton=function(e,t,n,r,o,i,u,a,l,c,s,p,d,m){"use strict";function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function b(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var y=b(t),v=f(n);function g(){return g=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},g.apply(this,arguments)}function h(e){return h="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},h(e)}function x(e,t){if("object"!==h(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==h(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function I(e){var t=x(e,"string");return"symbol"===h(t)?t:String(t)}function O(e,t,n){return(t=I(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function E(e){if(Array.isArray(e))return e}function w(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,u,a=[],l=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=i.call(n)).done)&&(a.push(r.value),a.length!==t);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=n.return&&(u=n.return(),Object(u)!==u))return}finally{if(c)throw o}}return a}}function S(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function P(e,t){if(e){if("string"==typeof e)return S(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?S(e,t):void 0}}function 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 j(e,t){return E(e)||w(e,t)||P(e,t)||k()}var N=o.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 t=e.props,n=e.context;return s.classNames("p-tieredmenu p-component",{"p-tieredmenu-overlay":t.popup,"p-input-filled":n&&"filled"===n.inputStyle||"filled"===v.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===v.default.ripple},t.className)},separator:"p-menuitem-separator",icon:function(e){return s.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 s.classNames("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled},e.itemClassName)},menu:"p-tieredmenu-root-list",submenu:"p-submenu-list",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-tieredmenu-overlay {\n position: absolute;\n }\n\n .p-tieredmenu ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-tieredmenu .p-submenu-list {\n position: absolute;\n min-width: 100%;\n z-index: 1;\n display: none;\n }\n\n .p-tieredmenu .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-text {\n line-height: 1;\n }\n\n .p-tieredmenu .p-menuitem {\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list {\n display: block;\n left: 100%;\n top: 0;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list-flipped {\n left: -100%;\n }\n}\n",inlineStyles:{submenu:function(e){var t=e.subProps;return{display:!t.root&&t.parentActive?"block":"none"}}}}});function D(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function H(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?D(Object(n),!0).forEach((function(t){O(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):D(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var C=y.memo(y.forwardRef((function(e,t){var n=y.useRef(null),r=i.useMergeProps(),o=e.ptm,u=e.cx,a=e.sx,l=function(t,n){return o(n,{hostName:e.hostName,context:{active:v(t)}})},c=function(){if(n.current){var e=n.current.parentElement,t=s.DomHandler.getOffset(e),r=s.DomHandler.getViewport(),o=n.current.offsetParent?n.current.offsetWidth:s.DomHandler.getHiddenElementOuterWidth(n.current),i=s.DomHandler.getOuterWidth(e.children[0]),u=parseInt(t.top,10)+n.current.offsetHeight-s.DomHandler.getWindowScrollTop();n.current.style.top=u>r.height?r.height-u+"px":"0px",parseInt(t.left,10)+i+o>r.width-s.DomHandler.calculateScrollbarWidth()&&s.DomHandler.addClass(n.current,"p-submenu-list-flipped")}},m=function(t,n){var r=n.item;h(n)?t.preventDefault():(r.url||t.preventDefault(),r.command&&r.command({originalEvent:t,item:r}),e.onItemClick&&e.onItemClick({originalEvent:t,processedItem:n}))},f=function(t){return"".concat(e.menuId,"_").concat(t.key)},b=function(e,t,n){return e&&e.item?s.ObjectUtils.getItemValue(e.item[t],n):void 0},v=function(t){return e.activeItemPath.some((function(e){return e.key===t.key}))},g=function(e){return!1!==b(e,"visible")},h=function(e){return b(e,"disabled")},x=function(t){return e.focusedItemId===f(t)},I=function(e){return s.ObjectUtils.isNotEmpty(e.items)},O=function(t,n){e.onItemMouseEnter&&e.onItemMouseEnter({originalEvent:t,processedItem:n})},E=function(t){return t-e.model.slice(0,t).filter((function(e){return g(e)&&b(e,"separator")})).length+1};i.useUpdateEffect((function(){e.root||!e.parentActive||e.isMobileMode||c()}),[e.parentActive]),y.useImperativeHandle(t,(function(){return{getElement:function(){return n.current}}}));var w=function(t){var n=r({key:"separator_"+t,className:u("separator"),role:"separator"},o("separator",{hostName:e.hostName}));return y.createElement("li",n)},S=function(t,n){return I(t)?y.createElement(C,{id:e.id+"_"+n,menuProps:e.menuProps,model:t.items,menuId:e.menuId,ariaLabelledby:f(t),focusedItemId:e.focusedItemId,activeItemPath:e.activeItemPath,level:e.level+1,onItemClick:e.onItemClick,popup:e.popup,onItemMouseEnter:e.onItemMouseEnter,parentActive:v(t),isMobileMode:e.isMobileMode,submenuIcon:e.submenuIcon,ptm:e.ptm,cx:u,sx:a}):null},P=function(t,n){if(!1===g(t))return null;var o=t.item,i=b(t,"style"),a=b(t,"className"),c=b(t,"icon"),w=b(t,"target"),P=b(t,"url"),k=f(t),j=x(t),N=v(t),D=h(t),C=I(t),U=s.classNames("p-menuitem-link"),M=s.classNames("p-menuitem-icon",c),T=r({className:s.classNames(o.icon,"p-menuitem-icon","icon")},l(t,"icon")),K=s.IconUtils.getJSXIcon(c,H({},T),{props:e.menuProps}),_=r({className:u("label")},l(t,"label")),R=o.label&&y.createElement("span",_,o.label),B=r({className:u("submenuIcon")},l(t,"submenuIcon")),L=C&&s.IconUtils.getJSXIcon(e.submenuIcon||y.createElement(p.AngleRightIcon,B),H({},B),{props:e.menuProps}),A=S(t,n),Z=r({href:P||"#","aria-hidden":!0,tabIndex:"-1",onFocus:function(e){return e.stopPropagation()},className:u("action"),target:w},l(t,"action")),z=y.createElement("a",Z,K,R,L,y.createElement(d.Ripple,null));o.template&&(z=s.ObjectUtils.getJSXElement(o.template,o,{className:U,labelClassName:"p-menuitem-text",iconClassName:M,submenuIconClassName:"p-submenu-icon",element:z,props:e,active:N,disabled:D}));var W=r({onClick:function(e){return m(e,t)},onMouseEnter:function(e){return O(e,t)},className:u("content")},l(t,"content")),F=r({key:k,id:k,"aria-label":o.label,"aria-disabled":D,"aria-expanded":C?N:void 0,"aria-haspopup":C&&!P?"menu":void 0,"aria-level":e.level+1,"aria-setsize":e.model.filter((function(e){return g(e)&&!b(e,"separator")})).length,"aria-posinset":E(n),"data-p-highlight":N,"data-p-disabled":D,"data-p-visited":j,className:u("menuitem",{itemClassName:a,active:N,focused:j,disabled:D}),style:i,onMouseEnter:function(e){return O(e,o)},role:"menuitem"},l(t,"menuitem"));return y.createElement("li",F,y.createElement("div",W,z),A)},k=e.model?e.model.map((function(e,t){return b(e,"separator")?w(t):P(e,t)})):null,j=e.root?"menu":"submenu",N=r({ref:n,id:e.id,tabIndex:e.tabIndex,onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:e.onKeyDown,className:u(j,{subProps:e}),style:a(j,{subProps:e}),role:e.root?"menubar":"menu","aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledby,"aria-orientation":e.ariaOrientation,"aria-activedescendant":e.focusedItemId},o(j,{hostName:e.hostName}));return y.createElement("ul",N,k)})));function U(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function M(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?U(Object(n),!0).forEach((function(t){O(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):U(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}C.displayName="TieredMenuSub";var T=y.memo(y.forwardRef((function(e,t){var r=i.useMergeProps(),u=y.useContext(n.PrimeReactContext),p=N.getProps(e,u),d=j(y.useState(p.id),2),m=d[0],f=d[1],b=j(y.useState(!p.popup),2),h=b[0],x=b[1],I=j(y.useState([]),2),O=I[0],E=I[1],w=j(y.useState(!1),2),S=w[0],P=w[1],k=j(y.useState(null),2),D=k[0],H=k[1],U=j(y.useState({index:-1,level:0,parentKey:""}),2),T=U[0],K=U[1],_=j(y.useState(!1),2),R=_[0],B=_[1],L=j(y.useState([]),2),A=L[0],Z=L[1],z=j(y.useState([]),2),W=z[0],F=z[1],V=j(y.useState(!1),2),J=V[0],X=V[1],Y=j(y.useState(null),2),q=Y[0],G=Y[1],$=N.setMetaData({props:p,state:{id:m,visible:h,attributeSelector:q}}),Q=$.ptm,ee=$.cx,te=$.sx;o.useHandleStyle(N.css.styles,$.isUnstyled,{name:"tieredmenu"});var ne=y.useRef(null),re=y.useRef(null),oe=y.useRef(null),ie=y.useRef(null),ue=y.useRef(null),ae=y.useRef(null),le=y.useRef(null),ce=i.useMatchMedia("screen and (max-width: ".concat(p.breakpoint,")"),!!p.breakpoint),se=j(i.useEventListener({type:"click",listener:function(e){var t=ne.current&&!ne.current.contains(e.target),n=!p.popup||!(oe.current&&(oe.current===e.target||oe.current.contains(e.target)));t&&n&&he(e,!p.popup)}}),2),pe=se[0],de=se[1],me=j(i.useResizeListener({listener:function(){!ce&&he(event,!0)}}),2),fe=me[0],be=me[1],ye=function(e){p.popup&&a.OverlayService.emit("overlay-click",{originalEvent:e,target:oe.current})},ve=function(e){p.popup&&(h?he(e):ge(e))},ge=function(e){p.popup&&(oe.current=e.currentTarget,x(!0),p.onShow&&p.onShow(e),ie.current=e.relatedTarget||null),K({index:qe(),level:0,parentKey:""})},he=function(e,t){p.popup&&(x(!1),p.onHide&&p.onHide(e));var n=Ke();E([]),K({index:-1,level:0,parentKey:""}),t&&s.DomHandler.focus(ie.current||oe.current||n),B(!1)},xe=function(e){P(!0),K(-1!==T.index?T:{index:qe(),level:0,parentKey:""}),p.onFocus&&p.onFocus(e)},Ie=function(e){P(!1),K({index:-1,level:0,parentKey:""}),ae.current="",B(!1),p.onBlur&&p.onBlur(e)},Oe=function(e){var t=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":Pe(e);break;case"ArrowUp":ke(e);break;case"ArrowLeft":je(e);break;case"ArrowRight":Ne(e);break;case"Home":De(e);break;case"End":He(e);break;case"Space":Ue(e);break;case"Enter":Ce(e);break;case"Escape":p.popup&&s.DomHandler.focus(oe.current),Me(e);break;case"Tab":Te(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!t&&s.ObjectUtils.isPrintableCharacter(e.key)&&$e(e.key)}},Ee=function(e){var t=e.processedItem,n=e.isFocus;if(!s.ObjectUtils.isEmpty(t)){var r=t.index,o=t.key,i=t.level,u=t.parentKey,a=s.ObjectUtils.isNotEmpty(t.items),l=O.filter((function(e){return e.parentKey!==u&&e.parentKey!==o}));a&&l.push(t),K({index:r,level:i,parentKey:u}),E(l),a&&B(!0),n&&s.DomHandler.focus(Ke())}},we=function(e){var t=e.originalEvent,n=e.processedItem;if(!Re(n)&&!p.isMobileMode){var r=Le(n),o=s.ObjectUtils.isEmpty(n.parent),i=We(n),u=Ke();if(i){var a=n.index,l=n.key,c=n.level,d=n.parentKey;E(O.filter((function(e){return l!==e.key&&l.startsWith(e.key)}))),K({index:a,level:c,parentKey:d}),r||B(!o),setTimeout((function(){s.DomHandler.focus(u),r&&B(!0)}),0)}else if(r)s.DomHandler.focus(u),Ee(e);else{var m=o?n:O.find((function(e){return""===e.parentKey})),f=m?m.index:-1;he(t,!0),K({index:f,parentKey:m?m.parentKey:""})}}},Se=function(e){var t=e.originalEvent;Re(e.processedItem)||p.isMobileMode?t.preventDefault():R&&!p.popup&&Ee(e)},Pe=function(e){var t=-1!==T.index?Je(T.index):qe();Qe(t),e.preventDefault()},ke=function(e){if(e.altKey){if(p.popup&&s.DomHandler.focus(oe.current),-1!==T.index){var t=W[T.index];!Le(t)&&Ee({originalEvent:e,processedItem:t})}p.popup&&he(e,!0),e.preventDefault()}else{var n=-1!==T.index?Xe(T.index):Ge();Qe(n),e.preventDefault()}},je=function(e){var t=W[T.index],n=O.find((function(e){return e.key===t.parentKey}));s.ObjectUtils.isEmpty(t.parent)||(K({index:-1,parentKey:n?n.parentKey:""}),ae.current="",setTimeout((function(){return X(!0)}),0)),E(O.filter((function(e){return e.parentKey!==T.parentKey}))),e.preventDefault()},Ne=function(e){var t=W[T.index];Le(t)&&(Ee({originalEvent:e,processedItem:t}),K({index:-1,parentKey:t.key}),ae.current="",setTimeout((function(){return X(!0)}),0)),e.preventDefault()},De=function(e){Qe(Fe()),e.preventDefault()},He=function(e){Qe(Ve()),e.preventDefault()},Ce=function(e){if(-1!==T.index){var t=s.DomHandler.findSingle(Ke(),'li[id="'.concat("".concat(D),'"]')),n=t&&s.DomHandler.findSingle(t,'[data-pc-section="action"]');p.popup&&s.DomHandler.focus(oe.current),n?n.click():t&&t.click()}e.preventDefault()},Ue=function(e){Ce(e)},Me=function(e){he(e,!0),!p.popup&&K(M(M({},T),{},{index:qe()})),e.preventDefault()},Te=function(e){if(-1!==T.index){var t=W[T.index];!Le(t)&&Ee({originalEvent:e,processedItem:t})}he(e)},Ke=function(){return re.current.getElement()||null},_e=function(e,t){return e?s.ObjectUtils.getItemValue(e[t]):void 0},Re=function(e){return _e(e,"disabled")},Be=function(e){return e?_e(e.item,"label"):void 0},Le=function(e){return e&&s.ObjectUtils.isNotEmpty(e.items)},Ae=function(e){return Ze(e)&&Be(e).toLocaleLowerCase().startsWith(ae.current.toLocaleLowerCase())},Ze=function(e){return!!e&&!Re(e.item)&&!_e(e.item,"separator")},ze=function(e){return Ze(e)&&We(e)},We=function(e){return O.some((function(t){return t.key===e.key}))},Fe=function(){return W.findIndex((function(e){return Ze(e)}))},Ve=function(){return s.ObjectUtils.findLastIndex(W,(function(e){return Ze(e)}))},Je=function(e){var t=e<W.length-1?W.slice(e+1).findIndex((function(e){return Ze(e)})):-1;return t>-1?t+e+1:e},Xe=function(e){var t=e>0?s.ObjectUtils.findLastIndex(W.slice(0,e),(function(e){return Ze(e)})):-1;return t>-1?t:e},Ye=function(){return W.findIndex((function(e){return ze(e)}))},qe=function(){var e=Ye();return e<0?Fe():e},Ge=function(){var e=Ye();return e<0?Ve():e},$e=function(e){ae.current=(ae.current||"")+e;var t=-1,n=!1;return-1!==(t=-1!==T.index?-1===(t=W.slice(T.index).findIndex((function(e){return Ae(e)})))?W.slice(0,T.index).findIndex((function(e){return Ae(e)})):t+T.index:W.findIndex((function(e){return Ae(e)})))&&(n=!0),-1===t&&-1===T.index&&(t=qe()),-1!==t&&Qe(t),le.current&&clearTimeout(le),le.current=setTimeout((function(){ae.current="",le.current=null}),500),n},Qe=function(e){T.index!==e&&(K(M(M({},T),{},{index:e})),et())},et=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,t=-1!==e?"".concat(m,"_").concat(e):D,n=s.DomHandler.findSingle(Ke(),'li[id="'.concat(t,'"]'));n&&n.scrollIntoView&&n.scrollIntoView({block:"nearest",inline:"start"})},tt=y.useCallback((function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",o=[];return e&&e.forEach((function(e,i){var u=(""!==r?r+"_":"")+i,a={item:e,index:i,level:t,key:u,parent:n,parentKey:r};a.items=tt(e.items,t+1,a,u),o.push(a)})),o}),[]),nt=function(){if(!ue.current){ue.current=s.DomHandler.createInlineStyle(u&&u.nonce||v.default.nonce,u&&u.styleContainer);var e="".concat(q),t="\n@media screen and (max-width: ".concat(p.breakpoint,") {\n .p-tieredmenu[").concat(e,"] > ul {\n max-height: ").concat(p.scrollHeight,";\n overflow: ").concat(p.scrollHeight?"auto":"",";\n }\n\n .p-tieredmenu[").concat(e,"] .p-submenu-list {\n position: relative;\n }\n\n .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-submenu-list {\n left: 0;\n box-shadow: none;\n border-radius: 0;\n padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n }\n\n .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n transform: rotate(-180deg);\n }\n\n .p-tieredmenu[").concat(e,'] .p-submenu-icon:before {\n content: "\\e930";\n }\n\n ').concat(p.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");ue.current.innerHTML=t}},rt=function(){ue.current=s.DomHandler.removeInlineStyle(ue.current)},ot=function(){p.autoZIndex&&s.ZIndexUtils.set("menu",ne.current,u&&u.autoZIndex||v.default.autoZIndex,p.baseZIndex||u&&u.zIndex.menu||v.default.zIndex.menu),s.DomHandler.addStyles(ne.current,{position:"absolute",top:"0",left:"0"}),s.DomHandler.absolutePosition(ne.current,oe.current),s.DomHandler.getOuterWidth(oe.current)>s.DomHandler.getOuterWidth(ne.current)&&(ne.current.style.minWidth=s.DomHandler.getOuterWidth(oe.current)+"px"),s.DomHandler.focus(re.current.getElement()),et(),q&&p.breakpoint&&(ne.current.setAttribute(q,""),nt())},it=function(){pe(),fe()},ut=function(){oe.current=null,de(),be()},at=function(){s.ZIndexUtils.clear(ne.current),rt()};i.useMountEffect((function(){var e=s.UniqueComponentId();!m&&f(e),p.breakpoint&&!q&&G(e)})),y.useEffect((function(){var e=tt(p.model||[]);Z(e)}),[p.model,tt]),i.useUpdateEffect((function(){var e=O.find((function(e){return e.key===T.parentKey}));F(e?e.items:A)}),[O,T,A]),i.useUpdateEffect((function(){var e=-1!==T.index?"".concat(m).concat(s.ObjectUtils.isNotEmpty(T.parentKey)?"_"+T.parentKey:"","_").concat(T.index):null;H(e)}),[T]),i.useUpdateEffect((function(){p.popup||(s.ObjectUtils.isNotEmpty(O)?(pe(),fe()):(de(),be()))}),[O]),i.useUpdateEffect((function(){if(J){var e=-1!==T.index?Je(T.index):qe();Qe(e),E(O.filter((function(e){return e.parentKey!==T.parentKey}))),X(!1)}}),[J]),i.useUpdateEffect((function(){return q&&ne.current&&(ne.current.setAttribute(q,""),nt()),function(){rt()}}),[q,p.breakpoint]),i.useUnmountEffect((function(){s.ZIndexUtils.clear(ne.current)})),y.useImperativeHandle(t,(function(){return{props:p,toggle:ve,show:ge,hide:he,getElement:function(){return ne.current}}}));var lt,ct,st=(lt=r({ref:ne,id:p.id,className:ee("root"),style:p.style,onClick:ye},N.getOtherProps(p),Q("root")),ct=r({classNames:ee("transition"),in:h,timeout:{enter:120,exit:100},options:p.transitionOptions,unmountOnExit:!0,onEnter:ot,onEntered:it,onExit:ut,onExited:at},Q("transition")),y.createElement(l.CSSTransition,g({nodeRef:ne},ct),y.createElement("div",lt,y.createElement(C,{id:m+"_list",ref:re,hostName:"TieredMenu",menuProps:p,tabIndex:0,model:A,ariaLabel:p.ariaLabel,ariaLabelledBy:p.ariaLabelledBy,ariaOrientation:"vertical",ariaActiveDescendant:S?D:void 0,menuId:m,level:0,focusedItemId:D,activeItemPath:O,onFocus:xe,onBlur:Ie,onKeyDown:Oe,onItemClick:we,onItemMouseEnter:Se,root:!0,popup:p.popup,onHide:he,isMobileMode:ce,submenuIcon:p.submenuIcon,ptm:Q,cx:ee,sx:te}))));return p.popup?y.createElement(c.Portal,{element:st,appendTo:p.appendTo}):st})));T.displayName="TieredMenu";var K=o.ComponentBase.extend({defaultProps:{__TYPE:"SplitButton",id:null,label:null,icon:null,autoZIndex:!1,baseZIndex:0,loading:!1,loadingIcon:null,model:null,disabled:null,style:null,className:null,buttonClassName:null,menuStyle:null,menuClassName:null,menuButtonClassName:null,buttonProps:null,menuButtonProps:null,tabIndex:null,severity:null,rounded:!1,raised:!1,outlined:!1,text:!1,size:null,appendTo:null,tooltip:null,tooltipOptions:null,buttonTemplate:null,transitionOptions:null,dropdownIcon:null,onClick:null,onShow:null,onHide:null,children:void 0},css:{classes:{icon:"p-button-icon p-c",root:function(e){var t=e.props,n=e.size;return s.classNames("p-splitbutton p-component",O(O(O(O(O(O({"p-disabled":t.disabled,"p-button-loading-label-only":t.loading&&!t.icon&&t.label},"p-button-".concat(t.severity),t.severity),"p-button-raised",t.raised),"p-button-rounded",t.rounded),"p-button-text",t.text),"p-button-outlined",t.outlined),"p-button-".concat(n),n))},button:"p-splitbutton-defaultbutton",menuButton:"p-splitbutton-menubutton",menu:function(e){return s.classNames("p-menu p-menu-overlay p-component",e.subProps.menuClassName)},menuList:"p-menu-list p-reset",separator:"p-menu-separator",menuIcon:"p-menuitem-icon",menuLabel:"p-menuitem-text",anchor:function(e){return s.classNames("p-menuitem-link",e._className,{"p-disabled":e.disabled})},menuItem:"p-menuitem",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-splitbutton {\n display: inline-flex;\n position: relative;\n }\n\n .p-splitbutton .p-splitbutton-defaultbutton,\n .p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,\n .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button,\n .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover {\n flex: 1 1 auto;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-right: 0 none;\n }\n\n .p-splitbutton-menubutton,\n .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,\n .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {\n display: flex;\n align-items: center;\n justify-content: center;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n\n .p-splitbutton .p-menu {\n min-width: 100%;\n }\n\n .p-fluid .p-splitbutton {\n display: flex;\n }\n}\n"}});function _(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function R(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?_(Object(n),!0).forEach((function(t){O(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):_(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var B=y.memo(y.forwardRef((function(e,t){var l=i.useMergeProps(),c=y.useContext(n.PrimeReactContext),p=K.getProps(e,c),d=j(y.useState(p.id),2),f=d[0],b=d[1],h=j(y.useState(!1),2),x=h[0],I=h[1],O=y.useRef(null),E=y.useRef(null),w=y.useRef(null),S=y.useRef(null),P=i.useDisplayOrder("split-button-tooltip",x),k={props:p,state:{id:f,overlayVisible:x}},N=K.setMetaData(k),D=N.ptm,H=N.cx;o.useHandleStyle(K.css.styles,N.isUnstyled,{name:"splitbutton"}),i.useGlobalOnEscapeKey({callback:function(){M()},when:x&&P,priority:[i.ESC_KEY_HANDLING_PRIORITIES.SPLIT_BUTTON,P]});var C=function(e){x?M(e):U(e)},U=function(e){I(!0),E.current&&E.current.show(e)},M=function(e){I(!1),E.current&&E.current.hide(e)};if(i.useMountEffect((function(){f||b(s.UniqueComponentId()),s.DomHandler.alignOverlay(S.current,w.current.parentElement,p.appendTo||c&&c.appendTo||v.default.appendTo)})),i.useUnmountEffect((function(){s.ZIndexUtils.clear(S.current)})),y.useImperativeHandle(t,(function(){return{props:p,show:U,hide:M,getElement:function(){return O.current}}})),!1===p.visible)return null;var _=s.ObjectUtils.isNotEmpty(p.tooltip),B={large:"lg",small:"sm"}[p.size],L=p.buttonTemplate?s.ObjectUtils.getJSXElement(p.buttonTemplate,p):null,A=f+"_overlay",Z=l({ref:O,id:f,className:s.classNames(p.className,H("root",{size:B})),style:p.style},K.getOtherProps(p),D("root"));return y.createElement(y.Fragment,null,y.createElement("div",Z,y.createElement(r.Button,g({ref:w,type:"button",className:s.classNames(p.buttonClassName,H("button")),icon:p.icon,loading:p.loading,loadingIcon:p.loadingIcon,severity:p.severity,label:p.label,"aria-label":p.label,raised:p.raised,onClick:p.onClick,disabled:p.disabled,tabIndex:p.tabIndex,size:p.size,outlined:p.outlined,text:p.text},p.buttonProps,{pt:D("button"),__parentMetadata:{parent:k},unstyled:p.unstyled}),L),y.createElement(r.Button,g({type:"button",className:s.classNames(p.menuButtonClassName,H("menuButton")),icon:function(){var e=l({className:H("icon")},D("icon")),t=s.IconUtils.getJSXIcon(p.dropdownIcon||y.createElement(u.ChevronDownIcon,e),R({},e),{props:p});return t},onClick:C,disabled:p.disabled,"aria-expanded":x,"aria-haspopup":"true","aria-controls":A},p.menuButtonProps,{size:p.size,severity:p.severity,outlined:p.outlined,text:p.text,raised:p.raised,pt:D("menuButton"),__parentMetadata:{parent:k},onKeyDown:function(e){"ArrowDown"!==e.code&&"ArrowUp"!==e.code||(C(e),e.preventDefault())},unstyled:p.unstyled})),y.createElement(T,{ref:E,popup:!0,unstyled:p.unstyled,model:p.model,appendTo:p.appendTo,id:A,style:p.menuStyle,autoZIndex:p.autoZIndex,baseZIndex:p.baseZIndex,className:p.menuClassName,onClick:function(e){a.OverlayService.emit("overlay-click",{originalEvent:e,target:O.current})},onShow:function(){p.onShow&&p.onShow()},onHide:function(){I(!1),p.onHide&&p.onHide()},pt:D("menu")})),_&&y.createElement(m.Tooltip,g({target:O,content:p.tooltip},p.tooltipOptions,{pt:D("tooltip")})))})));return B.displayName="SplitButton",e.SplitButton=B,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.button,primereact.componentbase,primereact.hooks,primereact.icons.chevrondown,primereact.overlayservice,primereact.csstransition,primereact.portal,primereact.utils,primereact.icons.angleright,primereact.ripple,primereact.tooltip);
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.splitbutton=function(e,t,n,r,o,i,u,a,l,c,s,p,d,m){"use strict";function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function b(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var y=b(t),v=f(n);function g(){return g=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},g.apply(this,arguments)}function h(e){return h="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},h(e)}function x(e,t){if("object"!==h(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==h(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function I(e){var t=x(e,"string");return"symbol"===h(t)?t:String(t)}function O(e,t,n){return(t=I(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function E(e){if(Array.isArray(e))return e}function w(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,u,a=[],l=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=i.call(n)).done)&&(a.push(r.value),a.length!==t);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=n.return&&(u=n.return(),Object(u)!==u))return}finally{if(c)throw o}}return a}}function S(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function P(e,t){if(e){if("string"==typeof e)return S(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?S(e,t):void 0}}function 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 j(e,t){return E(e)||w(e,t)||P(e,t)||k()}var N=o.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 t=e.props,n=e.context;return s.classNames("p-tieredmenu p-component",{"p-tieredmenu-overlay":t.popup,"p-input-filled":n&&"filled"===n.inputStyle||"filled"===v.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===v.default.ripple},t.className)},separator:"p-menuitem-separator",icon:function(e){return s.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 s.classNames("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled},e.itemClassName)},menu:"p-tieredmenu-root-list",submenu:"p-submenu-list",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-tieredmenu-overlay {\n position: absolute;\n }\n\n .p-tieredmenu ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-tieredmenu .p-submenu-list {\n position: absolute;\n min-width: 100%;\n z-index: 1;\n display: none;\n }\n\n .p-tieredmenu .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-text {\n line-height: 1;\n }\n\n .p-tieredmenu .p-menuitem {\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list {\n display: block;\n left: 100%;\n top: 0;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list-flipped {\n left: -100%;\n }\n}\n",inlineStyles:{submenu:function(e){var t=e.subProps;return{display:!t.root&&t.parentActive?"block":"none"}}}}});function D(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function H(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?D(Object(n),!0).forEach((function(t){O(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):D(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var C=y.memo(y.forwardRef((function(e,t){var n=y.useRef(null),r=i.useMergeProps(),o=e.ptm,u=e.cx,a=e.sx,l=function(t,n){return o(n,{hostName:e.hostName,context:{active:v(t)}})},c=function(){if(n.current){var e=n.current.parentElement,t=s.DomHandler.getOffset(e),r=s.DomHandler.getViewport(),o=n.current.offsetParent?n.current.offsetWidth:s.DomHandler.getHiddenElementOuterWidth(n.current),i=s.DomHandler.getOuterWidth(e.children[0]),u=parseInt(t.top,10)+n.current.offsetHeight-s.DomHandler.getWindowScrollTop();n.current.style.top=u>r.height?r.height-u+"px":"0px",parseInt(t.left,10)+i+o>r.width-s.DomHandler.calculateScrollbarWidth()&&s.DomHandler.addClass(n.current,"p-submenu-list-flipped")}},m=function(t,n){var r=n.item;h(n)?t.preventDefault():(r.command&&r.command({originalEvent:t,item:r}),e.onItemClick&&e.onItemClick({originalEvent:t,processedItem:n}),r.url||(t.preventDefault(),t.stopPropagation()))},f=function(t){return"".concat(e.menuId,"_").concat(t.key)},b=function(e,t,n){return e&&e.item?s.ObjectUtils.getItemValue(e.item[t],n):void 0},v=function(t){return e.activeItemPath.some((function(e){return e.key===t.key}))},g=function(e){return!1!==b(e,"visible")},h=function(e){return b(e,"disabled")},x=function(t){return e.focusedItemId===f(t)},I=function(e){return s.ObjectUtils.isNotEmpty(e.items)},O=function(t,n){e.onItemMouseEnter&&e.onItemMouseEnter({originalEvent:t,processedItem:n})},E=function(t){return t-e.model.slice(0,t).filter((function(e){return g(e)&&b(e,"separator")})).length+1};i.useUpdateEffect((function(){e.root||!e.parentActive||e.isMobileMode||c()}),[e.parentActive]),y.useImperativeHandle(t,(function(){return{getElement:function(){return n.current}}}));var w=function(t){var n=r({key:"separator_"+t,className:u("separator"),role:"separator"},o("separator",{hostName:e.hostName}));return y.createElement("li",n)},S=function(t,n){return I(t)?y.createElement(C,{id:e.id+"_"+n,menuProps:e.menuProps,model:t.items,menuId:e.menuId,ariaLabelledby:f(t),focusedItemId:e.focusedItemId,activeItemPath:e.activeItemPath,level:e.level+1,onItemClick:e.onItemClick,popup:e.popup,onItemMouseEnter:e.onItemMouseEnter,parentActive:v(t),isMobileMode:e.isMobileMode,submenuIcon:e.submenuIcon,ptm:e.ptm,cx:u,sx:a}):null},P=function(t,n){if(!1===g(t))return null;var o=t.item,i=b(t,"style"),a=b(t,"className"),c=b(t,"icon"),w=b(t,"target"),P=b(t,"url"),k=f(t),j=x(t),N=v(t),D=h(t),C=I(t),U=s.classNames("p-menuitem-link"),M=s.classNames("p-menuitem-icon",c),T=r({className:s.classNames(o.icon,"p-menuitem-icon","icon")},l(t,"icon")),K=s.IconUtils.getJSXIcon(c,H({},T),{props:e.menuProps}),_=r({className:u("label")},l(t,"label")),R=o.label&&y.createElement("span",_,o.label),B=r({className:u("submenuIcon")},l(t,"submenuIcon")),L=C&&s.IconUtils.getJSXIcon(e.submenuIcon||y.createElement(p.AngleRightIcon,B),H({},B),{props:e.menuProps}),A=S(t,n),Z=r({href:P||"#","aria-hidden":!0,tabIndex:"-1",onFocus:function(e){return e.stopPropagation()},className:u("action"),target:w},l(t,"action")),z=y.createElement("a",Z,K,R,L,y.createElement(d.Ripple,null));o.template&&(z=s.ObjectUtils.getJSXElement(o.template,o,{className:U,labelClassName:"p-menuitem-text",iconClassName:M,submenuIconClassName:"p-submenu-icon",element:z,props:e,active:N,disabled:D}));var F=r({onClick:function(e){return m(e,t)},onMouseEnter:function(e){return O(e,t)},className:u("content")},l(t,"content")),W=r({key:k,id:k,"aria-label":o.label,"aria-disabled":D,"aria-expanded":C?N:void 0,"aria-haspopup":C&&!P?"menu":void 0,"aria-level":e.level+1,"aria-setsize":e.model.filter((function(e){return g(e)&&!b(e,"separator")})).length,"aria-posinset":E(n),"data-p-highlight":N,"data-p-disabled":D,"data-p-visited":j,className:u("menuitem",{itemClassName:a,active:N,focused:j,disabled:D}),style:i,onMouseEnter:function(e){return O(e,o)},role:"menuitem"},l(t,"menuitem"));return y.createElement("li",W,y.createElement("div",F,z),A)},k=e.model?e.model.map((function(e,t){return b(e,"separator")?w(t):P(e,t)})):null,j=e.root?"menu":"submenu",N=r({ref:n,id:e.id,tabIndex:e.tabIndex,onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:e.onKeyDown,className:u(j,{subProps:e}),style:a(j,{subProps:e}),role:e.root?"menubar":"menu","aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledby,"aria-orientation":e.ariaOrientation,"aria-activedescendant":e.focusedItemId},o(j,{hostName:e.hostName}));return y.createElement("ul",N,k)})));function U(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function M(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?U(Object(n),!0).forEach((function(t){O(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):U(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}C.displayName="TieredMenuSub";var T=y.memo(y.forwardRef((function(e,t){var r=i.useMergeProps(),u=y.useContext(n.PrimeReactContext),p=N.getProps(e,u),d=j(y.useState(p.id),2),m=d[0],f=d[1],b=j(y.useState(!p.popup),2),h=b[0],x=b[1],I=j(y.useState([]),2),O=I[0],E=I[1],w=j(y.useState(!1),2),S=w[0],P=w[1],k=j(y.useState(null),2),D=k[0],H=k[1],U=j(y.useState({index:-1,level:0,parentKey:""}),2),T=U[0],K=U[1],_=j(y.useState(!1),2),R=_[0],B=_[1],L=j(y.useState([]),2),A=L[0],Z=L[1],z=j(y.useState([]),2),F=z[0],W=z[1],V=j(y.useState(!1),2),J=V[0],X=V[1],Y=j(y.useState(null),2),q=Y[0],G=Y[1],$=N.setMetaData({props:p,state:{id:m,visible:h,attributeSelector:q}}),Q=$.ptm,ee=$.cx,te=$.sx;o.useHandleStyle(N.css.styles,$.isUnstyled,{name:"tieredmenu"});var ne=y.useRef(null),re=y.useRef(null),oe=y.useRef(null),ie=y.useRef(null),ue=y.useRef(null),ae=y.useRef(null),le=y.useRef(null),ce=i.useMatchMedia("screen and (max-width: ".concat(p.breakpoint,")"),!!p.breakpoint),se=j(i.useEventListener({type:"click",listener:function(e){var t=ne.current&&!ne.current.contains(e.target),n=!p.popup||!(oe.current&&(oe.current===e.target||oe.current.contains(e.target)));t&&n&&he(e,!p.popup)}}),2),pe=se[0],de=se[1],me=j(i.useResizeListener({listener:function(){!ce&&he(event,!0)}}),2),fe=me[0],be=me[1],ye=function(e){p.popup&&a.OverlayService.emit("overlay-click",{originalEvent:e,target:oe.current})},ve=function(e){p.popup&&(h?he(e):ge(e))},ge=function(e){p.popup&&(oe.current=e.currentTarget,x(!0),p.onShow&&p.onShow(e),ie.current=e.relatedTarget||null),K({index:qe(),level:0,parentKey:""})},he=function(e,t){p.popup&&(x(!1),p.onHide&&p.onHide(e));var n=Ke();E([]),K({index:-1,level:0,parentKey:""}),t&&s.DomHandler.focus(ie.current||oe.current||n),B(!1)},xe=function(e){P(!0),K(-1!==T.index?T:{index:qe(),level:0,parentKey:""}),p.onFocus&&p.onFocus(e)},Ie=function(e){P(!1),K({index:-1,level:0,parentKey:""}),ae.current="",B(!1),p.onBlur&&p.onBlur(e)},Oe=function(e){var t=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":Pe(e);break;case"ArrowUp":ke(e);break;case"ArrowLeft":je(e);break;case"ArrowRight":Ne(e);break;case"Home":De(e);break;case"End":He(e);break;case"Space":Ue(e);break;case"Enter":Ce(e);break;case"Escape":p.popup&&s.DomHandler.focus(oe.current),Me(e);break;case"Tab":Te(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!t&&s.ObjectUtils.isPrintableCharacter(e.key)&&$e(e.key)}},Ee=function(e){var t=e.processedItem,n=e.isFocus;if(!s.ObjectUtils.isEmpty(t)){var r=t.index,o=t.key,i=t.level,u=t.parentKey,a=s.ObjectUtils.isNotEmpty(t.items),l=O.filter((function(e){return e.parentKey!==u&&e.parentKey!==o}));a&&l.push(t),K({index:r,level:i,parentKey:u}),E(l),a&&B(!0),n&&s.DomHandler.focus(Ke())}},we=function(e){var t=e.originalEvent,n=e.processedItem;if(!Re(n)&&!p.isMobileMode){var r=Le(n),o=s.ObjectUtils.isEmpty(n.parent),i=Fe(n),u=Ke();if(i){var a=n.index,l=n.key,c=n.level,d=n.parentKey;E(O.filter((function(e){return l!==e.key&&l.startsWith(e.key)}))),K({index:a,level:c,parentKey:d}),r||B(!o),setTimeout((function(){s.DomHandler.focus(u),r&&B(!0)}),0)}else if(r)s.DomHandler.focus(u),Ee(e);else{var m=o?n:O.find((function(e){return""===e.parentKey})),f=m?m.index:-1;he(t,!0),K({index:f,parentKey:m?m.parentKey:""})}}},Se=function(e){var t=e.originalEvent;Re(e.processedItem)||p.isMobileMode?t.preventDefault():R&&!p.popup&&Ee(e)},Pe=function(e){var t=-1!==T.index?Je(T.index):qe();Qe(t),e.preventDefault()},ke=function(e){if(e.altKey){if(p.popup&&s.DomHandler.focus(oe.current),-1!==T.index){var t=F[T.index];!Le(t)&&Ee({originalEvent:e,processedItem:t})}p.popup&&he(e,!0),e.preventDefault()}else{var n=-1!==T.index?Xe(T.index):Ge();Qe(n),e.preventDefault()}},je=function(e){var t=F[T.index],n=O.find((function(e){return e.key===t.parentKey}));s.ObjectUtils.isEmpty(t.parent)||(K({index:-1,parentKey:n?n.parentKey:""}),ae.current="",setTimeout((function(){return X(!0)}),0)),E(O.filter((function(e){return e.parentKey!==T.parentKey}))),e.preventDefault()},Ne=function(e){var t=F[T.index];Le(t)&&(Ee({originalEvent:e,processedItem:t}),K({index:-1,parentKey:t.key}),ae.current="",setTimeout((function(){return X(!0)}),0)),e.preventDefault()},De=function(e){Qe(We()),e.preventDefault()},He=function(e){Qe(Ve()),e.preventDefault()},Ce=function(e){if(-1!==T.index){var t=s.DomHandler.findSingle(Ke(),'li[id="'.concat("".concat(D),'"]')),n=t&&s.DomHandler.findSingle(t,'[data-pc-section="action"]');p.popup&&s.DomHandler.focus(oe.current),n?n.click():t&&t.click()}e.preventDefault()},Ue=function(e){Ce(e)},Me=function(e){he(e,!0),!p.popup&&K(M(M({},T),{},{index:qe()})),e.preventDefault()},Te=function(e){if(-1!==T.index){var t=F[T.index];!Le(t)&&Ee({originalEvent:e,processedItem:t})}he(e)},Ke=function(){return re.current.getElement()||null},_e=function(e,t){return e?s.ObjectUtils.getItemValue(e[t]):void 0},Re=function(e){return _e(e,"disabled")},Be=function(e){return e?_e(e.item,"label"):void 0},Le=function(e){return e&&s.ObjectUtils.isNotEmpty(e.items)},Ae=function(e){return Ze(e)&&Be(e).toLocaleLowerCase().startsWith(ae.current.toLocaleLowerCase())},Ze=function(e){return!!e&&!Re(e.item)&&!_e(e.item,"separator")},ze=function(e){return Ze(e)&&Fe(e)},Fe=function(e){return O.some((function(t){return t.key===e.key}))},We=function(){return F.findIndex((function(e){return Ze(e)}))},Ve=function(){return s.ObjectUtils.findLastIndex(F,(function(e){return Ze(e)}))},Je=function(e){var t=e<F.length-1?F.slice(e+1).findIndex((function(e){return Ze(e)})):-1;return t>-1?t+e+1:e},Xe=function(e){var t=e>0?s.ObjectUtils.findLastIndex(F.slice(0,e),(function(e){return Ze(e)})):-1;return t>-1?t:e},Ye=function(){return F.findIndex((function(e){return ze(e)}))},qe=function(){var e=Ye();return e<0?We():e},Ge=function(){var e=Ye();return e<0?Ve():e},$e=function(e){ae.current=(ae.current||"")+e;var t=-1,n=!1;return-1!==(t=-1!==T.index?-1===(t=F.slice(T.index).findIndex((function(e){return Ae(e)})))?F.slice(0,T.index).findIndex((function(e){return Ae(e)})):t+T.index:F.findIndex((function(e){return Ae(e)})))&&(n=!0),-1===t&&-1===T.index&&(t=qe()),-1!==t&&Qe(t),le.current&&clearTimeout(le),le.current=setTimeout((function(){ae.current="",le.current=null}),500),n},Qe=function(e){T.index!==e&&(K(M(M({},T),{},{index:e})),et())},et=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,t=-1!==e?"".concat(m,"_").concat(e):D,n=s.DomHandler.findSingle(Ke(),'li[id="'.concat(t,'"]'));n&&n.scrollIntoView&&n.scrollIntoView({block:"nearest",inline:"start"})},tt=y.useCallback((function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",o=[];return e&&e.forEach((function(e,i){var u=(""!==r?r+"_":"")+i,a={item:e,index:i,level:t,key:u,parent:n,parentKey:r};a.items=tt(e.items,t+1,a,u),o.push(a)})),o}),[]),nt=function(){if(!ue.current){ue.current=s.DomHandler.createInlineStyle(u&&u.nonce||v.default.nonce,u&&u.styleContainer);var e="".concat(q),t="\n@media screen and (max-width: ".concat(p.breakpoint,") {\n .p-tieredmenu[").concat(e,"] > ul {\n max-height: ").concat(p.scrollHeight,";\n overflow: ").concat(p.scrollHeight?"auto":"",";\n }\n\n .p-tieredmenu[").concat(e,"] .p-submenu-list {\n position: relative;\n }\n\n .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-submenu-list {\n left: 0;\n box-shadow: none;\n border-radius: 0;\n padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n }\n\n .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n transform: rotate(-180deg);\n }\n\n .p-tieredmenu[").concat(e,'] .p-submenu-icon:before {\n content: "\\e930";\n }\n\n ').concat(p.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");ue.current.innerHTML=t}},rt=function(){ue.current=s.DomHandler.removeInlineStyle(ue.current)},ot=function(){var e;p.autoZIndex&&s.ZIndexUtils.set("menu",ne.current,u&&u.autoZIndex||v.default.autoZIndex,p.baseZIndex||u&&u.zIndex.menu||v.default.zIndex.menu),s.DomHandler.addStyles(ne.current,{position:"absolute",top:"0",left:"0"}),e=s.DomHandler.getOuterWidth(oe.current)>s.DomHandler.getOuterWidth(ne.current),s.DomHandler.alignOverlay(ne.current,oe.current,p.appendTo,e),s.DomHandler.focus(re.current.getElement()),et(),q&&p.breakpoint&&(ne.current.setAttribute(q,""),nt())},it=function(){pe(),fe()},ut=function(){oe.current=null,de(),be()},at=function(){s.ZIndexUtils.clear(ne.current),rt()};i.useMountEffect((function(){var e=s.UniqueComponentId();!m&&f(e),p.breakpoint&&!q&&G(e)})),y.useEffect((function(){var e=tt(p.model||[]);Z(e)}),[p.model,tt]),i.useUpdateEffect((function(){var e=O.find((function(e){return e.key===T.parentKey}));W(e?e.items:A)}),[O,T,A]),i.useUpdateEffect((function(){var e=-1!==T.index?"".concat(m).concat(s.ObjectUtils.isNotEmpty(T.parentKey)?"_"+T.parentKey:"","_").concat(T.index):null;H(e)}),[T]),i.useUpdateEffect((function(){p.popup||(s.ObjectUtils.isNotEmpty(O)?(pe(),fe()):(de(),be()))}),[O]),i.useUpdateEffect((function(){if(J){var e=-1!==T.index?Je(T.index):qe();Qe(e),E(O.filter((function(e){return e.parentKey!==T.parentKey}))),X(!1)}}),[J]),i.useUpdateEffect((function(){return q&&ne.current&&(ne.current.setAttribute(q,""),nt()),function(){rt()}}),[q,p.breakpoint]),i.useUnmountEffect((function(){s.ZIndexUtils.clear(ne.current)})),y.useImperativeHandle(t,(function(){return{props:p,toggle:ve,show:ge,hide:he,getElement:function(){return ne.current}}}));var lt,ct,st=(lt=r({ref:ne,id:p.id,className:ee("root"),style:p.style,onClick:ye},N.getOtherProps(p),Q("root")),ct=r({classNames:ee("transition"),in:h,timeout:{enter:120,exit:100},options:p.transitionOptions,unmountOnExit:!0,onEnter:ot,onEntered:it,onExit:ut,onExited:at},Q("transition")),y.createElement(l.CSSTransition,g({nodeRef:ne},ct),y.createElement("div",lt,y.createElement(C,{id:m+"_list",ref:re,hostName:"TieredMenu",menuProps:p,tabIndex:0,model:A,ariaLabel:p.ariaLabel,ariaLabelledBy:p.ariaLabelledBy,ariaOrientation:"vertical",ariaActiveDescendant:S?D:void 0,menuId:m,level:0,focusedItemId:D,activeItemPath:O,onFocus:xe,onBlur:Ie,onKeyDown:Oe,onItemClick:we,onItemMouseEnter:Se,root:!0,popup:p.popup,onHide:he,isMobileMode:ce,submenuIcon:p.submenuIcon,ptm:Q,cx:ee,sx:te}))));return p.popup?y.createElement(c.Portal,{element:st,appendTo:p.appendTo}):st})));T.displayName="TieredMenu";var K=o.ComponentBase.extend({defaultProps:{__TYPE:"SplitButton",id:null,label:null,icon:null,autoZIndex:!0,baseZIndex:0,loading:!1,loadingIcon:null,model:null,disabled:null,style:null,className:null,buttonClassName:null,menuStyle:null,menuClassName:null,menuButtonClassName:null,buttonProps:null,menuButtonProps:null,tabIndex:null,severity:null,rounded:!1,raised:!1,outlined:!1,text:!1,size:null,appendTo:null,tooltip:null,tooltipOptions:null,buttonTemplate:null,transitionOptions:null,dropdownIcon:null,onClick:null,onShow:null,onHide:null,children:void 0},css:{classes:{icon:"p-button-icon p-c",root:function(e){var t=e.props,n=e.size;return s.classNames("p-splitbutton p-component",O(O(O(O(O(O({"p-disabled":t.disabled,"p-button-loading-label-only":t.loading&&!t.icon&&t.label},"p-button-".concat(t.severity),t.severity),"p-button-raised",t.raised),"p-button-rounded",t.rounded),"p-button-text",t.text),"p-button-outlined",t.outlined),"p-button-".concat(n),n))},button:"p-splitbutton-defaultbutton",menuButton:"p-splitbutton-menubutton",menu:function(e){return s.classNames("p-menu p-menu-overlay p-component",e.subProps.menuClassName)},menuList:"p-menu-list p-reset",separator:"p-menu-separator",menuIcon:"p-menuitem-icon",menuLabel:"p-menuitem-text",anchor:function(e){return s.classNames("p-menuitem-link",e._className,{"p-disabled":e.disabled})},menuItem:"p-menuitem",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-splitbutton {\n display: inline-flex;\n position: relative;\n }\n\n .p-splitbutton .p-splitbutton-defaultbutton,\n .p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,\n .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button,\n .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover {\n flex: 1 1 auto;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-right: 0 none;\n }\n\n .p-splitbutton-menubutton,\n .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,\n .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {\n display: flex;\n align-items: center;\n justify-content: center;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n\n .p-splitbutton .p-menu {\n min-width: 100%;\n }\n\n .p-fluid .p-splitbutton {\n display: flex;\n }\n}\n"}});function _(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function R(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?_(Object(n),!0).forEach((function(t){O(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):_(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var B=y.memo(y.forwardRef((function(e,t){var l=i.useMergeProps(),c=y.useContext(n.PrimeReactContext),p=K.getProps(e,c),d=j(y.useState(p.id),2),f=d[0],b=d[1],h=j(y.useState(!1),2),x=h[0],I=h[1],O=y.useRef(null),E=y.useRef(null),w=y.useRef(null),S=y.useRef(null),P=i.useDisplayOrder("split-button-tooltip",x),k={props:p,state:{id:f,overlayVisible:x}},N=K.setMetaData(k),D=N.ptm,H=N.cx;o.useHandleStyle(K.css.styles,N.isUnstyled,{name:"splitbutton"}),i.useGlobalOnEscapeKey({callback:function(){M()},when:x&&P,priority:[i.ESC_KEY_HANDLING_PRIORITIES.SPLIT_BUTTON,P]});var C=function(e){x?M(e):U(e)},U=function(e){I(!0),E.current&&E.current.show(e)},M=function(e){I(!1),E.current&&E.current.hide(e)};if(i.useMountEffect((function(){f||b(s.UniqueComponentId()),s.DomHandler.alignOverlay(S.current,w.current.parentElement,p.appendTo||c&&c.appendTo||v.default.appendTo)})),i.useUnmountEffect((function(){s.ZIndexUtils.clear(S.current)})),y.useImperativeHandle(t,(function(){return{props:p,show:U,hide:M,getElement:function(){return O.current}}})),!1===p.visible)return null;var _=s.ObjectUtils.isNotEmpty(p.tooltip),B={large:"lg",small:"sm"}[p.size],L=p.buttonTemplate?s.ObjectUtils.getJSXElement(p.buttonTemplate,p):null,A=f+"_overlay",Z=l({ref:O,id:f,className:s.classNames(p.className,H("root",{size:B})),style:p.style},K.getOtherProps(p),D("root"));return y.createElement(y.Fragment,null,y.createElement("div",Z,y.createElement(r.Button,g({ref:w,type:"button",className:s.classNames(p.buttonClassName,H("button")),icon:p.icon,loading:p.loading,loadingIcon:p.loadingIcon,severity:p.severity,label:p.label,"aria-label":p.label,raised:p.raised,onClick:p.onClick,disabled:p.disabled,tabIndex:p.tabIndex,size:p.size,outlined:p.outlined,text:p.text},p.buttonProps,{pt:D("button"),__parentMetadata:{parent:k},unstyled:p.unstyled}),L),y.createElement(r.Button,g({type:"button",className:s.classNames(p.menuButtonClassName,H("menuButton")),icon:function(){var e=l({className:H("icon")},D("icon")),t=s.IconUtils.getJSXIcon(p.dropdownIcon||y.createElement(u.ChevronDownIcon,e),R({},e),{props:p});return t},onClick:C,disabled:p.disabled,"aria-expanded":x,"aria-haspopup":"true","aria-controls":A},p.menuButtonProps,{size:p.size,severity:p.severity,outlined:p.outlined,text:p.text,raised:p.raised,pt:D("menuButton"),__parentMetadata:{parent:k},onKeyDown:function(e){"ArrowDown"!==e.code&&"ArrowUp"!==e.code||(C(e),e.preventDefault())},unstyled:p.unstyled})),y.createElement(T,{ref:E,popup:!0,unstyled:p.unstyled,model:p.model,appendTo:p.appendTo,id:A,style:p.menuStyle,autoZIndex:p.autoZIndex,baseZIndex:p.baseZIndex,className:p.menuClassName,onClick:function(e){a.OverlayService.emit("overlay-click",{originalEvent:e,target:O.current})},onShow:function(){p.onShow&&p.onShow()},onHide:function(){I(!1),p.onHide&&p.onHide()},pt:D("menu")})),_&&y.createElement(m.Tooltip,g({target:O,content:p.tooltip,pt:D("tooltip")},p.tooltipOptions)))})));return B.displayName="SplitButton",e.SplitButton=B,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.button,primereact.componentbase,primereact.hooks,primereact.icons.chevrondown,primereact.overlayservice,primereact.csstransition,primereact.portal,primereact.utils,primereact.icons.angleright,primereact.ripple,primereact.tooltip);
|
package/splitter/splitter.cjs.js
CHANGED
|
@@ -383,20 +383,15 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
|
|
|
383
383
|
resizePanel(prevPanelIndex.current, newPrevPanelSize, newNextPanelSize);
|
|
384
384
|
};
|
|
385
385
|
var onResizeEnd = function onResizeEnd(event) {
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
});
|
|
396
|
-
}
|
|
397
|
-
if (isStateful) saveState(sizes);
|
|
398
|
-
return sizes;
|
|
399
|
-
});
|
|
386
|
+
var sizes = [prevPanelSizeNew.current, nextPanelSizeNew.current];
|
|
387
|
+
if (props.onResizeEnd) {
|
|
388
|
+
props.onResizeEnd({
|
|
389
|
+
originalEvent: event,
|
|
390
|
+
sizes: sizes
|
|
391
|
+
});
|
|
392
|
+
}
|
|
393
|
+
if (isStateful) saveState(sizes);
|
|
394
|
+
setPanelSizes(sizes);
|
|
400
395
|
!isUnstyled() && utils.DomHandler.removeClass(gutterRef.current, 'p-splitter-gutter-resizing');
|
|
401
396
|
gutterRefs.current && Object.keys(gutterRefs.current).forEach(function (key) {
|
|
402
397
|
return gutterRefs.current[key].setAttribute('data-p-splitter-gutter-resizing', false);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/componentbase"),n=require("primereact/hooks"),u=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 l=i(e);function o(){return o=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},o.apply(this,arguments)}function a(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 c(e){if(Array.isArray(e))return a(e)}function s(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(e,t){if(e){if("string"==typeof e)return a(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)?a(e,t):void 0}}function f(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function g(e,t){if("object"!==d(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==d(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function m(e){var t=g(e,"string");return"symbol"===d(t)?t:String(t)}function h(e){if(Array.isArray(e))return e}function y(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,u,i,l,o=[],a=!0,c=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;a=!1}else for(;!(a=(n=i.call(r)).done)&&(o.push(n.value),o.length!==t);a=!0);}catch(e){c=!0,u=e}finally{try{if(!a&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(c)throw u}}return o}}function b(){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 v(e,t){return h(e)||y(e,t)||p(e,t)||b()}var S=r.ComponentBase.extend({defaultProps:{__TYPE:"Splitter",className:null,gutterSize:4,id:null,step:5,layout:"horizontal",onResizeEnd:null,stateKey:null,stateStorage:"session",style:null,children:void 0},css:{classes:{root:function(e){return u.classNames("p-splitter p-component p-splitter-".concat(e.props.layout))},gutter:"p-splitter-gutter",gutterHandler:"p-splitter-gutter-handle",panel:{root:"p-splitter-panel"}},styles:"\n@layer primereact {\n .p-splitter {\n display: flex;\n flex-wrap: nowrap;\n }\n\n .p-splitter-vertical {\n flex-direction: column;\n }\n\n .p-splitter-panel {\n flex-grow: 1;\n }\n\n .p-splitter-panel-nested {\n display: flex;\n }\n\n .p-splitter-panel .p-splitter {\n flex-grow: 1;\n border: 0 none;\n }\n\n .p-splitter-gutter {\n flex-grow: 0;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: col-resize;\n }\n\n .p-splitter-horizontal.p-splitter-resizing {\n cursor: col-resize;\n user-select: none;\n }\n\n .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {\n height: 24px;\n width: 100%;\n }\n\n .p-splitter-horizontal > .p-splitter-gutter {\n cursor: col-resize;\n }\n\n .p-splitter-vertical.p-splitter-resizing {\n cursor: row-resize;\n user-select: none;\n }\n\n .p-splitter-vertical > .p-splitter-gutter {\n cursor: row-resize;\n }\n\n .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {\n width: 24px;\n height: 100%;\n }\n}\n\n"}}),w=r.ComponentBase.extend({defaultProps:{__TYPE:"SplitterPanel",className:null,minSize:null,size:null,style:null,children:void 0},getCProps:function(e){return u.ObjectUtils.getComponentProps(e,w.defaultProps)},getCOtherProps:function(e){return u.ObjectUtils.getComponentDiffProps(e,w.defaultProps)},getCProp:function(e,t){return u.ObjectUtils.getComponentProp(e,t,w.defaultProps)}});function O(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 z(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?O(Object(r),!0).forEach((function(t){var n,u,i;n=e,i=r[t],(u=m(u=t))in n?Object.defineProperty(n,u,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[u]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):O(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var D=function(){},E=l.memo(l.forwardRef((function(e,i){var a=n.useMergeProps(),d=l.useContext(t.PrimeReactContext),g=S.getProps(e,d),m=l.useRef(""),h=l.useRef(null),y=l.useRef(),b=l.useRef({}),O=l.useRef(null),D=l.useRef(null),E=l.useRef(null),x=l.useRef(null),j=l.useRef(null),P=l.useRef(null),H=l.useRef(null),R=l.useRef(null),A=l.useRef(null),C=l.useRef(null),N=l.useRef(null),k=l.useRef(null),I=v(l.useState([]),2),U=I[0],_=I[1],M=v(l.useState(!1),2),T=M[0],K=M[1],L=null!=g.stateKey,q=g.children&&g.children.length||1,W=function(e,t){return t in e?e[t]:g.children&&[].concat(g.children)[t].props.size||100/q},Y="horizontal"===g.layout,B={props:g,state:{panelSizes:U,nested:!0===u.DomHandler.getAttribute(h.current&&h.current.parentElement,"data-p-splitter-panel-nested")}},F=S.setMetaData(z({},B)),X=F.ptm,J=F.cx,$=F.isUnstyled;r.useHandleStyle(S.css.styles,$,{name:"splitter"});var G=v(n.useEventListener({type:"mousemove",listener:function(e){return ce(e)}}),2),Q=G[0],V=G[1],Z=v(n.useEventListener({type:"mouseup",listener:function(e){se(e),re()}}),2),ee=Z[0],te=Z[1],re=function(){V(),te()},ne=function(e,t){return w.getCProp(e,t)},ue=function(e,t){return!(e>100||e<0)&&(!(t>100||t<0)&&(!(g.children[N.current].props&&g.children[N.current].props.minSize&&g.children[N.current].props.minSize>e)&&!(g.children[N.current+1].props&&g.children[N.current+1].props.minSize&&g.children[N.current+1].props.minSize>t)))},ie=l.useCallback((function(){switch(g.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(g.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}}),[g.stateStorage]),le=function(e){u.ObjectUtils.isArray(e)&&ie().setItem(g.stateKey,JSON.stringify(e))},oe=l.useCallback((function(){var e=ie().getItem(g.stateKey);e&&_(JSON.parse(e))}),[ie,g.stateKey]),ae=function(e,t,r){var n="touchstart"===e.type?e.touches[0].pageX:e.pageX,i="touchstart"===e.type?e.touches[0].pageY:e.pageY;y.current=b.current[t],O.current=Y?u.DomHandler.getWidth(h.current):u.DomHandler.getHeight(h.current),D.current=!0,E.current=Y?n:i,x.current=y.current.previousElementSibling,j.current=y.current.nextElementSibling,r?(P.current=Y?u.DomHandler.getOuterWidth(x.current,!0):u.DomHandler.getOuterHeight(x.current,!0),A.current=Y?u.DomHandler.getOuterWidth(j.current,!0):u.DomHandler.getOuterHeight(j.current,!0)):(P.current=100*(Y?u.DomHandler.getOuterWidth(x.current,!0):u.DomHandler.getOuterHeight(x.current,!0))/O.current,A.current=100*(Y?u.DomHandler.getOuterWidth(j.current,!0):u.DomHandler.getOuterHeight(j.current,!0))/O.current),R.current=P.current,C.current=A.current,N.current=t,!$()&&u.DomHandler.addClass(y.current,"p-splitter-gutter-resizing"),y.current.setAttribute("data-p-splitter-gutter-resizing",!0),!$()&&u.DomHandler.addClass(h.current,"p-splitter-resizing"),h.current.setAttribute("data-p-splitter-resizing",!0)},ce=function(e){var t,r,n,u=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;arguments.length>2&&void 0!==arguments[2]&&arguments[2]?Y?(n=100*(P.current+u)/O.current,r=100*(A.current-u)/O.current):(n=100*(P.current-u)/O.current,r=100*(A.current+u)/O.current):(n=P.current+(t=Y?100*("touchmove"===e.type?e.touches[0].pageX:e.pageX)/O.current-100*E.current/O.current:100*("touchmove"===e.type?e.touches[0].pageY:e.pageY)/O.current-100*E.current/O.current),r=A.current-t),de(N.current,n,r)},se=function(e){_((function(t){for(var r=[],n=0;n<g.children.length;n++)r[n]=W(t,n);return r[N.current]=R.current,r[N.current+1]=C.current,g.onResizeEnd&&g.onResizeEnd({originalEvent:e,sizes:r}),L&&le(r),r})),!$()&&u.DomHandler.removeClass(y.current,"p-splitter-gutter-resizing"),b.current&&Object.keys(b.current).forEach((function(e){return b.current[e].setAttribute("data-p-splitter-gutter-resizing",!1)})),!$()&&u.DomHandler.removeClass(h.current,"p-splitter-resizing"),h.current.setAttribute("data-p-splitter-resizing",!1),D.current=!1,O.current=null,E.current=null,x.current=null,j.current=null,P.current=null,R.current=null,A.current=null,C.current=null,N.current=null},pe=function(){he(),se()},fe=function(e,t){var r=g.children[t].props&&g.children[t].props.minSize||0;switch(e.code){case"ArrowLeft":Y&&me(e,t,-1*g.step),e.preventDefault();break;case"ArrowRight":Y&&me(e,t,g.step),e.preventDefault();break;case"ArrowDown":Y||me(e,t,-1*g.step),e.preventDefault();break;case"ArrowUp":Y||me(e,t,g.step),e.preventDefault();break;case"Home":de(t,100,r),e.preventDefault();break;case"End":de(t,r,100),e.preventDefault();break;case"Enter":H.current>100-(r||5)?de(t,r,100):de(t,100,r),e.preventDefault()}},de=function(e,t,r){N.current=e,y.current=b.current[e],O.current=Y?u.DomHandler.getWidth(h.current):u.DomHandler.getHeight(h.current),x.current=y.current.previousElementSibling,j.current=y.current.nextElementSibling,ue(t,r)&&(R.current=t,C.current=r,x.current.style.flexBasis="calc("+t+"% - "+(g.children.length-1)*g.gutterSize+"px)",j.current.style.flexBasis="calc("+r+"% - "+(g.children.length-1)*g.gutterSize+"px)",H.current=parseFloat(t).toFixed(4))},ge=function(e,t,r){ae(e,t,!0),ce(e,r,!0)},me=function(e,t,r){k.current||(k.current=setInterval((function(){ge(e,t,r)}),40))},he=function(){k.current&&(clearInterval(k.current),k.current=null)},ye=function(e,t){ae(e,t,!1),Q(),ee()},be=function(e,t){ae(e,t,!1),window.addEventListener("touchmove",ve,{passive:!1,cancelable:!1}),window.addEventListener("touchend",Se)},ve=function(e){ce(e)},Se=function e(t){se(t),window.removeEventListener("touchmove",ve),window.removeEventListener("touchend",e)};l.useImperativeHandle(i,(function(){return{props:g,getElement:function(){return h.current}}})),n.useMountEffect((function(){h.current&&(m.current=u.UniqueComponentId())})),l.useEffect((function(){var e;(e=h.current.children,c(e)||s(e)||p(e)||f()).filter((function(e){return"splitterpanel.root"===u.DomHandler.getAttribute(e,"data-pc-section")})).map((function(e,t){H.current=W(U,0),e.childNodes&&u.ObjectUtils.isNotEmpty(u.DomHandler.find(e,"[data-pc-name='splitter']")&&u.DomHandler.find(e,"[data-pc-section='root']"))&&(!$()&&u.DomHandler.addClass(e,"p-splitter-panel-nested"),e.setAttribute("data-p-splitter-panel-nested",!0),K(!0))}))}),[]),l.useEffect((function(){L&&oe()}),[oe,L]);var we=function(e,t){var r=ne(e,"id")||"".concat(m.current,"_").concat(t),n=u.classNames(ne(e,"className"),J("panel.root")),i=a({ref:function(e){return b.current[t]=e},className:J("gutter"),style:Y?{width:g.gutterSize+"px"}:{height:g.gutterSize+"px"},onMouseDown:function(e){return ye(e,t)},onKeyDown:function(e){return fe(e,t)},onKeyUp:pe,onTouchStart:function(e){return be(e,t)},onTouchMove:function(e){return ve(e)},onTouchEnd:function(e){return Se(e)},"data-p-splitter-gutter-resizing":!1,role:"separator"},X("gutter")),o=a({tabIndex:ne(e,"tabIndex")||0,className:J("gutterHandler"),"aria-orientation":Y?"vertical":"horizontal","aria-controls":r,"aria-label":ne(e,"aria-label"),"aria-labelledby":ne(e,"aria-labelledby"),"aria-valuenow":H.current,"aria-valuetext":parseFloat(H.current).toFixed(0)+"%","aria-valuemin":ne(e,"minSize")||"0","aria-valuemax":"100"},X("gutterHandler")),c=t!==g.children.length-1&&l.createElement("div",i,l.createElement("div",o)),s="calc("+W(U,t)+"% - "+(q-1)*g.gutterSize+"px)",p=a({key:t,id:r,className:n,style:z(z({},ne(e,"style")),{},{flexBasis:s}),role:"presentation","data-p-splitter-panel-nested":!1},X("splitterpanel.root",{context:{nested:T}}));return l.createElement(l.Fragment,null,l.createElement("div",p,ne(e,"children")),c)},Oe=a({id:g.id,style:g.style,className:u.classNames(g.className,J("root")),"data-p-splitter-resizing":!1},S.getOtherProps(g),X("root")),ze=l.Children.map(g.children,we);return l.createElement("div",o({ref:h},Oe),ze)})));D.displayName="SplitterPanel",E.displayName="Splitter",exports.Splitter=E,exports.SplitterPanel=D;
|
|
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"),u=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 l=i(e);function o(){return o=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},o.apply(this,arguments)}function a(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 c(e){if(Array.isArray(e))return a(e)}function s(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(e,t){if(e){if("string"==typeof e)return a(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)?a(e,t):void 0}}function f(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function g(e,t){if("object"!==d(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==d(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function m(e){var t=g(e,"string");return"symbol"===d(t)?t:String(t)}function h(e){if(Array.isArray(e))return e}function y(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,u,i,l,o=[],a=!0,c=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;a=!1}else for(;!(a=(n=i.call(r)).done)&&(o.push(n.value),o.length!==t);a=!0);}catch(e){c=!0,u=e}finally{try{if(!a&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(c)throw u}}return o}}function b(){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 v(e,t){return h(e)||y(e,t)||p(e,t)||b()}var S=r.ComponentBase.extend({defaultProps:{__TYPE:"Splitter",className:null,gutterSize:4,id:null,step:5,layout:"horizontal",onResizeEnd:null,stateKey:null,stateStorage:"session",style:null,children:void 0},css:{classes:{root:function(e){return u.classNames("p-splitter p-component p-splitter-".concat(e.props.layout))},gutter:"p-splitter-gutter",gutterHandler:"p-splitter-gutter-handle",panel:{root:"p-splitter-panel"}},styles:"\n@layer primereact {\n .p-splitter {\n display: flex;\n flex-wrap: nowrap;\n }\n\n .p-splitter-vertical {\n flex-direction: column;\n }\n\n .p-splitter-panel {\n flex-grow: 1;\n }\n\n .p-splitter-panel-nested {\n display: flex;\n }\n\n .p-splitter-panel .p-splitter {\n flex-grow: 1;\n border: 0 none;\n }\n\n .p-splitter-gutter {\n flex-grow: 0;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: col-resize;\n }\n\n .p-splitter-horizontal.p-splitter-resizing {\n cursor: col-resize;\n user-select: none;\n }\n\n .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {\n height: 24px;\n width: 100%;\n }\n\n .p-splitter-horizontal > .p-splitter-gutter {\n cursor: col-resize;\n }\n\n .p-splitter-vertical.p-splitter-resizing {\n cursor: row-resize;\n user-select: none;\n }\n\n .p-splitter-vertical > .p-splitter-gutter {\n cursor: row-resize;\n }\n\n .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {\n width: 24px;\n height: 100%;\n }\n}\n\n"}}),w=r.ComponentBase.extend({defaultProps:{__TYPE:"SplitterPanel",className:null,minSize:null,size:null,style:null,children:void 0},getCProps:function(e){return u.ObjectUtils.getComponentProps(e,w.defaultProps)},getCOtherProps:function(e){return u.ObjectUtils.getComponentDiffProps(e,w.defaultProps)},getCProp:function(e,t){return u.ObjectUtils.getComponentProp(e,t,w.defaultProps)}});function O(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 z(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?O(Object(r),!0).forEach((function(t){var n,u,i;n=e,i=r[t],(u=m(u=t))in n?Object.defineProperty(n,u,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[u]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):O(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var D=function(){},E=l.memo(l.forwardRef((function(e,i){var a=n.useMergeProps(),d=l.useContext(t.PrimeReactContext),g=S.getProps(e,d),m=l.useRef(""),h=l.useRef(null),y=l.useRef(),b=l.useRef({}),O=l.useRef(null),D=l.useRef(null),E=l.useRef(null),x=l.useRef(null),j=l.useRef(null),P=l.useRef(null),H=l.useRef(null),R=l.useRef(null),A=l.useRef(null),C=l.useRef(null),N=l.useRef(null),k=l.useRef(null),I=v(l.useState([]),2),U=I[0],_=I[1],M=v(l.useState(!1),2),T=M[0],K=M[1],L=null!=g.stateKey,q=g.children&&g.children.length||1,W=function(e,t){return t in e?e[t]:g.children&&[].concat(g.children)[t].props.size||100/q},Y="horizontal"===g.layout,B={props:g,state:{panelSizes:U,nested:!0===u.DomHandler.getAttribute(h.current&&h.current.parentElement,"data-p-splitter-panel-nested")}},F=S.setMetaData(z({},B)),X=F.ptm,J=F.cx,$=F.isUnstyled;r.useHandleStyle(S.css.styles,$,{name:"splitter"});var G=v(n.useEventListener({type:"mousemove",listener:function(e){return ce(e)}}),2),Q=G[0],V=G[1],Z=v(n.useEventListener({type:"mouseup",listener:function(e){se(e),re()}}),2),ee=Z[0],te=Z[1],re=function(){V(),te()},ne=function(e,t){return w.getCProp(e,t)},ue=function(e,t){return!(e>100||e<0)&&(!(t>100||t<0)&&(!(g.children[N.current].props&&g.children[N.current].props.minSize&&g.children[N.current].props.minSize>e)&&!(g.children[N.current+1].props&&g.children[N.current+1].props.minSize&&g.children[N.current+1].props.minSize>t)))},ie=l.useCallback((function(){switch(g.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(g.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}}),[g.stateStorage]),le=function(e){u.ObjectUtils.isArray(e)&&ie().setItem(g.stateKey,JSON.stringify(e))},oe=l.useCallback((function(){var e=ie().getItem(g.stateKey);e&&_(JSON.parse(e))}),[ie,g.stateKey]),ae=function(e,t,r){var n="touchstart"===e.type?e.touches[0].pageX:e.pageX,i="touchstart"===e.type?e.touches[0].pageY:e.pageY;y.current=b.current[t],O.current=Y?u.DomHandler.getWidth(h.current):u.DomHandler.getHeight(h.current),D.current=!0,E.current=Y?n:i,x.current=y.current.previousElementSibling,j.current=y.current.nextElementSibling,r?(P.current=Y?u.DomHandler.getOuterWidth(x.current,!0):u.DomHandler.getOuterHeight(x.current,!0),A.current=Y?u.DomHandler.getOuterWidth(j.current,!0):u.DomHandler.getOuterHeight(j.current,!0)):(P.current=100*(Y?u.DomHandler.getOuterWidth(x.current,!0):u.DomHandler.getOuterHeight(x.current,!0))/O.current,A.current=100*(Y?u.DomHandler.getOuterWidth(j.current,!0):u.DomHandler.getOuterHeight(j.current,!0))/O.current),R.current=P.current,C.current=A.current,N.current=t,!$()&&u.DomHandler.addClass(y.current,"p-splitter-gutter-resizing"),y.current.setAttribute("data-p-splitter-gutter-resizing",!0),!$()&&u.DomHandler.addClass(h.current,"p-splitter-resizing"),h.current.setAttribute("data-p-splitter-resizing",!0)},ce=function(e){var t,r,n,u=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;arguments.length>2&&void 0!==arguments[2]&&arguments[2]?Y?(n=100*(P.current+u)/O.current,r=100*(A.current-u)/O.current):(n=100*(P.current-u)/O.current,r=100*(A.current+u)/O.current):(n=P.current+(t=Y?100*("touchmove"===e.type?e.touches[0].pageX:e.pageX)/O.current-100*E.current/O.current:100*("touchmove"===e.type?e.touches[0].pageY:e.pageY)/O.current-100*E.current/O.current),r=A.current-t),de(N.current,n,r)},se=function(e){var t=[R.current,C.current];g.onResizeEnd&&g.onResizeEnd({originalEvent:e,sizes:t}),L&&le(t),_(t),!$()&&u.DomHandler.removeClass(y.current,"p-splitter-gutter-resizing"),b.current&&Object.keys(b.current).forEach((function(e){return b.current[e].setAttribute("data-p-splitter-gutter-resizing",!1)})),!$()&&u.DomHandler.removeClass(h.current,"p-splitter-resizing"),h.current.setAttribute("data-p-splitter-resizing",!1),D.current=!1,O.current=null,E.current=null,x.current=null,j.current=null,P.current=null,R.current=null,A.current=null,C.current=null,N.current=null},pe=function(){he(),se()},fe=function(e,t){var r=g.children[t].props&&g.children[t].props.minSize||0;switch(e.code){case"ArrowLeft":Y&&me(e,t,-1*g.step),e.preventDefault();break;case"ArrowRight":Y&&me(e,t,g.step),e.preventDefault();break;case"ArrowDown":Y||me(e,t,-1*g.step),e.preventDefault();break;case"ArrowUp":Y||me(e,t,g.step),e.preventDefault();break;case"Home":de(t,100,r),e.preventDefault();break;case"End":de(t,r,100),e.preventDefault();break;case"Enter":H.current>100-(r||5)?de(t,r,100):de(t,100,r),e.preventDefault()}},de=function(e,t,r){N.current=e,y.current=b.current[e],O.current=Y?u.DomHandler.getWidth(h.current):u.DomHandler.getHeight(h.current),x.current=y.current.previousElementSibling,j.current=y.current.nextElementSibling,ue(t,r)&&(R.current=t,C.current=r,x.current.style.flexBasis="calc("+t+"% - "+(g.children.length-1)*g.gutterSize+"px)",j.current.style.flexBasis="calc("+r+"% - "+(g.children.length-1)*g.gutterSize+"px)",H.current=parseFloat(t).toFixed(4))},ge=function(e,t,r){ae(e,t,!0),ce(e,r,!0)},me=function(e,t,r){k.current||(k.current=setInterval((function(){ge(e,t,r)}),40))},he=function(){k.current&&(clearInterval(k.current),k.current=null)},ye=function(e,t){ae(e,t,!1),Q(),ee()},be=function(e,t){ae(e,t,!1),window.addEventListener("touchmove",ve,{passive:!1,cancelable:!1}),window.addEventListener("touchend",Se)},ve=function(e){ce(e)},Se=function e(t){se(t),window.removeEventListener("touchmove",ve),window.removeEventListener("touchend",e)};l.useImperativeHandle(i,(function(){return{props:g,getElement:function(){return h.current}}})),n.useMountEffect((function(){h.current&&(m.current=u.UniqueComponentId())})),l.useEffect((function(){var e;(e=h.current.children,c(e)||s(e)||p(e)||f()).filter((function(e){return"splitterpanel.root"===u.DomHandler.getAttribute(e,"data-pc-section")})).map((function(e,t){H.current=W(U,0),e.childNodes&&u.ObjectUtils.isNotEmpty(u.DomHandler.find(e,"[data-pc-name='splitter']")&&u.DomHandler.find(e,"[data-pc-section='root']"))&&(!$()&&u.DomHandler.addClass(e,"p-splitter-panel-nested"),e.setAttribute("data-p-splitter-panel-nested",!0),K(!0))}))}),[]),l.useEffect((function(){L&&oe()}),[oe,L]);var we=function(e,t){var r=ne(e,"id")||"".concat(m.current,"_").concat(t),n=u.classNames(ne(e,"className"),J("panel.root")),i=a({ref:function(e){return b.current[t]=e},className:J("gutter"),style:Y?{width:g.gutterSize+"px"}:{height:g.gutterSize+"px"},onMouseDown:function(e){return ye(e,t)},onKeyDown:function(e){return fe(e,t)},onKeyUp:pe,onTouchStart:function(e){return be(e,t)},onTouchMove:function(e){return ve(e)},onTouchEnd:function(e){return Se(e)},"data-p-splitter-gutter-resizing":!1,role:"separator"},X("gutter")),o=a({tabIndex:ne(e,"tabIndex")||0,className:J("gutterHandler"),"aria-orientation":Y?"vertical":"horizontal","aria-controls":r,"aria-label":ne(e,"aria-label"),"aria-labelledby":ne(e,"aria-labelledby"),"aria-valuenow":H.current,"aria-valuetext":parseFloat(H.current).toFixed(0)+"%","aria-valuemin":ne(e,"minSize")||"0","aria-valuemax":"100"},X("gutterHandler")),c=t!==g.children.length-1&&l.createElement("div",i,l.createElement("div",o)),s="calc("+W(U,t)+"% - "+(q-1)*g.gutterSize+"px)",p=a({key:t,id:r,className:n,style:z(z({},ne(e,"style")),{},{flexBasis:s}),role:"presentation","data-p-splitter-panel-nested":!1},X("splitterpanel.root",{context:{nested:T}}));return l.createElement(l.Fragment,null,l.createElement("div",p,ne(e,"children")),c)},Oe=a({id:g.id,style:g.style,className:u.classNames(g.className,J("root")),"data-p-splitter-resizing":!1},S.getOtherProps(g),X("root")),ze=l.Children.map(g.children,we);return l.createElement("div",o({ref:h},Oe),ze)})));D.displayName="SplitterPanel",E.displayName="Splitter",exports.Splitter=E,exports.SplitterPanel=D;
|
package/splitter/splitter.esm.js
CHANGED
|
@@ -359,20 +359,15 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
|
|
|
359
359
|
resizePanel(prevPanelIndex.current, newPrevPanelSize, newNextPanelSize);
|
|
360
360
|
};
|
|
361
361
|
var onResizeEnd = function onResizeEnd(event) {
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
});
|
|
372
|
-
}
|
|
373
|
-
if (isStateful) saveState(sizes);
|
|
374
|
-
return sizes;
|
|
375
|
-
});
|
|
362
|
+
var sizes = [prevPanelSizeNew.current, nextPanelSizeNew.current];
|
|
363
|
+
if (props.onResizeEnd) {
|
|
364
|
+
props.onResizeEnd({
|
|
365
|
+
originalEvent: event,
|
|
366
|
+
sizes: sizes
|
|
367
|
+
});
|
|
368
|
+
}
|
|
369
|
+
if (isStateful) saveState(sizes);
|
|
370
|
+
setPanelSizes(sizes);
|
|
376
371
|
!isUnstyled() && DomHandler.removeClass(gutterRef.current, 'p-splitter-gutter-resizing');
|
|
377
372
|
gutterRefs.current && Object.keys(gutterRefs.current).forEach(function (key) {
|
|
378
373
|
return gutterRefs.current[key].setAttribute('data-p-splitter-gutter-resizing', false);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{ComponentBase as r,useHandleStyle as n}from"primereact/componentbase";import{useMergeProps as u,useEventListener as i,useMountEffect as l}from"primereact/hooks";import{ObjectUtils as o,classNames as c,DomHandler as a,UniqueComponentId as s}from"primereact/utils";function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},p.apply(this,arguments)}function f(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){if(Array.isArray(e))return f(e)}function g(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function m(e,t){if(e){if("string"==typeof e)return f(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)?f(e,t):void 0}}function h(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function y(e){return y="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},y(e)}function v(e,t){if("object"!==y(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==y(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function b(e){var t=v(e,"string");return"symbol"===y(t)?t:String(t)}function w(e){if(Array.isArray(e))return e}function S(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,u,i,l,o=[],c=!0,a=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=i.call(r)).done)&&(o.push(n.value),o.length!==t);c=!0);}catch(e){a=!0,u=e}finally{try{if(!c&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(a)throw u}}return o}}function z(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function O(e,t){return w(e)||S(e,t)||m(e,t)||z()}var x=r.extend({defaultProps:{__TYPE:"Splitter",className:null,gutterSize:4,id:null,step:5,layout:"horizontal",onResizeEnd:null,stateKey:null,stateStorage:"session",style:null,children:void 0},css:{classes:{root:function(e){return c("p-splitter p-component p-splitter-".concat(e.props.layout))},gutter:"p-splitter-gutter",gutterHandler:"p-splitter-gutter-handle",panel:{root:"p-splitter-panel"}},styles:"\n@layer primereact {\n .p-splitter {\n display: flex;\n flex-wrap: nowrap;\n }\n\n .p-splitter-vertical {\n flex-direction: column;\n }\n\n .p-splitter-panel {\n flex-grow: 1;\n }\n\n .p-splitter-panel-nested {\n display: flex;\n }\n\n .p-splitter-panel .p-splitter {\n flex-grow: 1;\n border: 0 none;\n }\n\n .p-splitter-gutter {\n flex-grow: 0;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: col-resize;\n }\n\n .p-splitter-horizontal.p-splitter-resizing {\n cursor: col-resize;\n user-select: none;\n }\n\n .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {\n height: 24px;\n width: 100%;\n }\n\n .p-splitter-horizontal > .p-splitter-gutter {\n cursor: col-resize;\n }\n\n .p-splitter-vertical.p-splitter-resizing {\n cursor: row-resize;\n user-select: none;\n }\n\n .p-splitter-vertical > .p-splitter-gutter {\n cursor: row-resize;\n }\n\n .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {\n width: 24px;\n height: 100%;\n }\n}\n\n"}}),E=r.extend({defaultProps:{__TYPE:"SplitterPanel",className:null,minSize:null,size:null,style:null,children:void 0},getCProps:function(e){return o.getComponentProps(e,E.defaultProps)},getCOtherProps:function(e){return o.getComponentDiffProps(e,E.defaultProps)},getCProp:function(e,t){return o.getComponentProp(e,t,E.defaultProps)}});function P(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 j(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?P(Object(r),!0).forEach((function(t){var n,u,i;n=e,i=r[t],(u=b(u=t))in n?Object.defineProperty(n,u,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[u]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):P(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var A=function(){},R=e.memo(e.forwardRef((function(r,f){var y=u(),v=e.useContext(t),b=x.getProps(r,v),w=e.useRef(""),S=e.useRef(null),z=e.useRef(),P=e.useRef({}),A=e.useRef(null),R=e.useRef(null),C=e.useRef(null),D=e.useRef(null),N=e.useRef(null),k=e.useRef(null),I=e.useRef(null),H=e.useRef(null),T=e.useRef(null),K=e.useRef(null),W=e.useRef(null),Y=e.useRef(null),F=O(e.useState([]),2),L=F[0],_=F[1],M=O(e.useState(!1),2),U=M[0],X=M[1],B=null!=b.stateKey,J=b.children&&b.children.length||1,$=function(e,t){return t in e?e[t]:b.children&&[].concat(b.children)[t].props.size||100/J},q="horizontal"===b.layout,G={props:b,state:{panelSizes:L,nested:!0===a.getAttribute(S.current&&S.current.parentElement,"data-p-splitter-panel-nested")}},Q=x.setMetaData(j({},G)),V=Q.ptm,Z=Q.cx,ee=Q.isUnstyled;n(x.css.styles,ee,{name:"splitter"});var te=O(i({type:"mousemove",listener:function(e){return ge(e)}}),2),re=te[0],ne=te[1],ue=O(i({type:"mouseup",listener:function(e){me(e),oe()}}),2),ie=ue[0],le=ue[1],oe=function(){ne(),le()},ce=function(e,t){return E.getCProp(e,t)},ae=function(e,t){return!(e>100||e<0)&&(!(t>100||t<0)&&(!(b.children[W.current].props&&b.children[W.current].props.minSize&&b.children[W.current].props.minSize>e)&&!(b.children[W.current+1].props&&b.children[W.current+1].props.minSize&&b.children[W.current+1].props.minSize>t)))},se=e.useCallback((function(){switch(b.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(b.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}}),[b.stateStorage]),pe=function(e){o.isArray(e)&&se().setItem(b.stateKey,JSON.stringify(e))},fe=e.useCallback((function(){var e=se().getItem(b.stateKey);e&&_(JSON.parse(e))}),[se,b.stateKey]),de=function(e,t,r){var n="touchstart"===e.type?e.touches[0].pageX:e.pageX,u="touchstart"===e.type?e.touches[0].pageY:e.pageY;z.current=P.current[t],A.current=q?a.getWidth(S.current):a.getHeight(S.current),R.current=!0,C.current=q?n:u,D.current=z.current.previousElementSibling,N.current=z.current.nextElementSibling,r?(k.current=q?a.getOuterWidth(D.current,!0):a.getOuterHeight(D.current,!0),T.current=q?a.getOuterWidth(N.current,!0):a.getOuterHeight(N.current,!0)):(k.current=100*(q?a.getOuterWidth(D.current,!0):a.getOuterHeight(D.current,!0))/A.current,T.current=100*(q?a.getOuterWidth(N.current,!0):a.getOuterHeight(N.current,!0))/A.current),H.current=k.current,K.current=T.current,W.current=t,!ee()&&a.addClass(z.current,"p-splitter-gutter-resizing"),z.current.setAttribute("data-p-splitter-gutter-resizing",!0),!ee()&&a.addClass(S.current,"p-splitter-resizing"),S.current.setAttribute("data-p-splitter-resizing",!0)},ge=function(e){var t,r,n,u=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;arguments.length>2&&void 0!==arguments[2]&&arguments[2]?q?(n=100*(k.current+u)/A.current,r=100*(T.current-u)/A.current):(n=100*(k.current-u)/A.current,r=100*(T.current+u)/A.current):(n=k.current+(t=q?100*("touchmove"===e.type?e.touches[0].pageX:e.pageX)/A.current-100*C.current/A.current:100*("touchmove"===e.type?e.touches[0].pageY:e.pageY)/A.current-100*C.current/A.current),r=T.current-t),ve(W.current,n,r)},me=function(e){_((function(t){for(var r=[],n=0;n<b.children.length;n++)r[n]=$(t,n);return r[W.current]=H.current,r[W.current+1]=K.current,b.onResizeEnd&&b.onResizeEnd({originalEvent:e,sizes:r}),B&&pe(r),r})),!ee()&&a.removeClass(z.current,"p-splitter-gutter-resizing"),P.current&&Object.keys(P.current).forEach((function(e){return P.current[e].setAttribute("data-p-splitter-gutter-resizing",!1)})),!ee()&&a.removeClass(S.current,"p-splitter-resizing"),S.current.setAttribute("data-p-splitter-resizing",!1),R.current=!1,A.current=null,C.current=null,D.current=null,N.current=null,k.current=null,H.current=null,T.current=null,K.current=null,W.current=null},he=function(){Se(),me()},ye=function(e,t){var r=b.children[t].props&&b.children[t].props.minSize||0;switch(e.code){case"ArrowLeft":q&&we(e,t,-1*b.step),e.preventDefault();break;case"ArrowRight":q&&we(e,t,b.step),e.preventDefault();break;case"ArrowDown":q||we(e,t,-1*b.step),e.preventDefault();break;case"ArrowUp":q||we(e,t,b.step),e.preventDefault();break;case"Home":ve(t,100,r),e.preventDefault();break;case"End":ve(t,r,100),e.preventDefault();break;case"Enter":I.current>100-(r||5)?ve(t,r,100):ve(t,100,r),e.preventDefault()}},ve=function(e,t,r){W.current=e,z.current=P.current[e],A.current=q?a.getWidth(S.current):a.getHeight(S.current),D.current=z.current.previousElementSibling,N.current=z.current.nextElementSibling,ae(t,r)&&(H.current=t,K.current=r,D.current.style.flexBasis="calc("+t+"% - "+(b.children.length-1)*b.gutterSize+"px)",N.current.style.flexBasis="calc("+r+"% - "+(b.children.length-1)*b.gutterSize+"px)",I.current=parseFloat(t).toFixed(4))},be=function(e,t,r){de(e,t,!0),ge(e,r,!0)},we=function(e,t,r){Y.current||(Y.current=setInterval((function(){be(e,t,r)}),40))},Se=function(){Y.current&&(clearInterval(Y.current),Y.current=null)},ze=function(e,t){de(e,t,!1),re(),ie()},Oe=function(e,t){de(e,t,!1),window.addEventListener("touchmove",xe,{passive:!1,cancelable:!1}),window.addEventListener("touchend",Ee)},xe=function(e){ge(e)},Ee=function e(t){me(t),window.removeEventListener("touchmove",xe),window.removeEventListener("touchend",e)};e.useImperativeHandle(f,(function(){return{props:b,getElement:function(){return S.current}}})),l((function(){S.current&&(w.current=s())})),e.useEffect((function(){var e;(e=S.current.children,d(e)||g(e)||m(e)||h()).filter((function(e){return"splitterpanel.root"===a.getAttribute(e,"data-pc-section")})).map((function(e,t){I.current=$(L,0),e.childNodes&&o.isNotEmpty(a.find(e,"[data-pc-name='splitter']")&&a.find(e,"[data-pc-section='root']"))&&(!ee()&&a.addClass(e,"p-splitter-panel-nested"),e.setAttribute("data-p-splitter-panel-nested",!0),X(!0))}))}),[]),e.useEffect((function(){B&&fe()}),[fe,B]);var Pe=function(t,r){var n=ce(t,"id")||"".concat(w.current,"_").concat(r),u=c(ce(t,"className"),Z("panel.root")),i=y({ref:function(e){return P.current[r]=e},className:Z("gutter"),style:q?{width:b.gutterSize+"px"}:{height:b.gutterSize+"px"},onMouseDown:function(e){return ze(e,r)},onKeyDown:function(e){return ye(e,r)},onKeyUp:he,onTouchStart:function(e){return Oe(e,r)},onTouchMove:function(e){return xe(e)},onTouchEnd:function(e){return Ee(e)},"data-p-splitter-gutter-resizing":!1,role:"separator"},V("gutter")),l=y({tabIndex:ce(t,"tabIndex")||0,className:Z("gutterHandler"),"aria-orientation":q?"vertical":"horizontal","aria-controls":n,"aria-label":ce(t,"aria-label"),"aria-labelledby":ce(t,"aria-labelledby"),"aria-valuenow":I.current,"aria-valuetext":parseFloat(I.current).toFixed(0)+"%","aria-valuemin":ce(t,"minSize")||"0","aria-valuemax":"100"},V("gutterHandler")),o=r!==b.children.length-1&&e.createElement("div",i,e.createElement("div",l)),a="calc("+$(L,r)+"% - "+(J-1)*b.gutterSize+"px)",s=y({key:r,id:n,className:u,style:j(j({},ce(t,"style")),{},{flexBasis:a}),role:"presentation","data-p-splitter-panel-nested":!1},V("splitterpanel.root",{context:{nested:U}}));return e.createElement(e.Fragment,null,e.createElement("div",s,ce(t,"children")),o)},je=y({id:b.id,style:b.style,className:c(b.className,Z("root")),"data-p-splitter-resizing":!1},x.getOtherProps(b),V("root")),Ae=e.Children.map(b.children,Pe);return e.createElement("div",p({ref:S},je),Ae)})));A.displayName="SplitterPanel",R.displayName="Splitter";export{R as Splitter,A as SplitterPanel};
|
|
1
|
+
import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{ComponentBase as r,useHandleStyle as n}from"primereact/componentbase";import{useMergeProps as u,useEventListener as i,useMountEffect as l}from"primereact/hooks";import{ObjectUtils as o,classNames as c,DomHandler as a,UniqueComponentId as s}from"primereact/utils";function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},p.apply(this,arguments)}function f(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){if(Array.isArray(e))return f(e)}function g(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function m(e,t){if(e){if("string"==typeof e)return f(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)?f(e,t):void 0}}function h(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function y(e){return y="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},y(e)}function v(e,t){if("object"!==y(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==y(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function b(e){var t=v(e,"string");return"symbol"===y(t)?t:String(t)}function w(e){if(Array.isArray(e))return e}function S(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,u,i,l,o=[],c=!0,a=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=i.call(r)).done)&&(o.push(n.value),o.length!==t);c=!0);}catch(e){a=!0,u=e}finally{try{if(!c&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(a)throw u}}return o}}function z(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function O(e,t){return w(e)||S(e,t)||m(e,t)||z()}var x=r.extend({defaultProps:{__TYPE:"Splitter",className:null,gutterSize:4,id:null,step:5,layout:"horizontal",onResizeEnd:null,stateKey:null,stateStorage:"session",style:null,children:void 0},css:{classes:{root:function(e){return c("p-splitter p-component p-splitter-".concat(e.props.layout))},gutter:"p-splitter-gutter",gutterHandler:"p-splitter-gutter-handle",panel:{root:"p-splitter-panel"}},styles:"\n@layer primereact {\n .p-splitter {\n display: flex;\n flex-wrap: nowrap;\n }\n\n .p-splitter-vertical {\n flex-direction: column;\n }\n\n .p-splitter-panel {\n flex-grow: 1;\n }\n\n .p-splitter-panel-nested {\n display: flex;\n }\n\n .p-splitter-panel .p-splitter {\n flex-grow: 1;\n border: 0 none;\n }\n\n .p-splitter-gutter {\n flex-grow: 0;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: col-resize;\n }\n\n .p-splitter-horizontal.p-splitter-resizing {\n cursor: col-resize;\n user-select: none;\n }\n\n .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {\n height: 24px;\n width: 100%;\n }\n\n .p-splitter-horizontal > .p-splitter-gutter {\n cursor: col-resize;\n }\n\n .p-splitter-vertical.p-splitter-resizing {\n cursor: row-resize;\n user-select: none;\n }\n\n .p-splitter-vertical > .p-splitter-gutter {\n cursor: row-resize;\n }\n\n .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {\n width: 24px;\n height: 100%;\n }\n}\n\n"}}),E=r.extend({defaultProps:{__TYPE:"SplitterPanel",className:null,minSize:null,size:null,style:null,children:void 0},getCProps:function(e){return o.getComponentProps(e,E.defaultProps)},getCOtherProps:function(e){return o.getComponentDiffProps(e,E.defaultProps)},getCProp:function(e,t){return o.getComponentProp(e,t,E.defaultProps)}});function P(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 j(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?P(Object(r),!0).forEach((function(t){var n,u,i;n=e,i=r[t],(u=b(u=t))in n?Object.defineProperty(n,u,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[u]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):P(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var A=function(){},R=e.memo(e.forwardRef((function(r,f){var y=u(),v=e.useContext(t),b=x.getProps(r,v),w=e.useRef(""),S=e.useRef(null),z=e.useRef(),P=e.useRef({}),A=e.useRef(null),R=e.useRef(null),C=e.useRef(null),D=e.useRef(null),N=e.useRef(null),k=e.useRef(null),I=e.useRef(null),H=e.useRef(null),T=e.useRef(null),K=e.useRef(null),W=e.useRef(null),Y=e.useRef(null),F=O(e.useState([]),2),L=F[0],_=F[1],M=O(e.useState(!1),2),U=M[0],X=M[1],B=null!=b.stateKey,J=b.children&&b.children.length||1,$=function(e,t){return t in e?e[t]:b.children&&[].concat(b.children)[t].props.size||100/J},q="horizontal"===b.layout,G={props:b,state:{panelSizes:L,nested:!0===a.getAttribute(S.current&&S.current.parentElement,"data-p-splitter-panel-nested")}},Q=x.setMetaData(j({},G)),V=Q.ptm,Z=Q.cx,ee=Q.isUnstyled;n(x.css.styles,ee,{name:"splitter"});var te=O(i({type:"mousemove",listener:function(e){return ge(e)}}),2),re=te[0],ne=te[1],ue=O(i({type:"mouseup",listener:function(e){me(e),oe()}}),2),ie=ue[0],le=ue[1],oe=function(){ne(),le()},ce=function(e,t){return E.getCProp(e,t)},ae=function(e,t){return!(e>100||e<0)&&(!(t>100||t<0)&&(!(b.children[W.current].props&&b.children[W.current].props.minSize&&b.children[W.current].props.minSize>e)&&!(b.children[W.current+1].props&&b.children[W.current+1].props.minSize&&b.children[W.current+1].props.minSize>t)))},se=e.useCallback((function(){switch(b.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(b.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}}),[b.stateStorage]),pe=function(e){o.isArray(e)&&se().setItem(b.stateKey,JSON.stringify(e))},fe=e.useCallback((function(){var e=se().getItem(b.stateKey);e&&_(JSON.parse(e))}),[se,b.stateKey]),de=function(e,t,r){var n="touchstart"===e.type?e.touches[0].pageX:e.pageX,u="touchstart"===e.type?e.touches[0].pageY:e.pageY;z.current=P.current[t],A.current=q?a.getWidth(S.current):a.getHeight(S.current),R.current=!0,C.current=q?n:u,D.current=z.current.previousElementSibling,N.current=z.current.nextElementSibling,r?(k.current=q?a.getOuterWidth(D.current,!0):a.getOuterHeight(D.current,!0),T.current=q?a.getOuterWidth(N.current,!0):a.getOuterHeight(N.current,!0)):(k.current=100*(q?a.getOuterWidth(D.current,!0):a.getOuterHeight(D.current,!0))/A.current,T.current=100*(q?a.getOuterWidth(N.current,!0):a.getOuterHeight(N.current,!0))/A.current),H.current=k.current,K.current=T.current,W.current=t,!ee()&&a.addClass(z.current,"p-splitter-gutter-resizing"),z.current.setAttribute("data-p-splitter-gutter-resizing",!0),!ee()&&a.addClass(S.current,"p-splitter-resizing"),S.current.setAttribute("data-p-splitter-resizing",!0)},ge=function(e){var t,r,n,u=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;arguments.length>2&&void 0!==arguments[2]&&arguments[2]?q?(n=100*(k.current+u)/A.current,r=100*(T.current-u)/A.current):(n=100*(k.current-u)/A.current,r=100*(T.current+u)/A.current):(n=k.current+(t=q?100*("touchmove"===e.type?e.touches[0].pageX:e.pageX)/A.current-100*C.current/A.current:100*("touchmove"===e.type?e.touches[0].pageY:e.pageY)/A.current-100*C.current/A.current),r=T.current-t),ve(W.current,n,r)},me=function(e){var t=[H.current,K.current];b.onResizeEnd&&b.onResizeEnd({originalEvent:e,sizes:t}),B&&pe(t),_(t),!ee()&&a.removeClass(z.current,"p-splitter-gutter-resizing"),P.current&&Object.keys(P.current).forEach((function(e){return P.current[e].setAttribute("data-p-splitter-gutter-resizing",!1)})),!ee()&&a.removeClass(S.current,"p-splitter-resizing"),S.current.setAttribute("data-p-splitter-resizing",!1),R.current=!1,A.current=null,C.current=null,D.current=null,N.current=null,k.current=null,H.current=null,T.current=null,K.current=null,W.current=null},he=function(){Se(),me()},ye=function(e,t){var r=b.children[t].props&&b.children[t].props.minSize||0;switch(e.code){case"ArrowLeft":q&&we(e,t,-1*b.step),e.preventDefault();break;case"ArrowRight":q&&we(e,t,b.step),e.preventDefault();break;case"ArrowDown":q||we(e,t,-1*b.step),e.preventDefault();break;case"ArrowUp":q||we(e,t,b.step),e.preventDefault();break;case"Home":ve(t,100,r),e.preventDefault();break;case"End":ve(t,r,100),e.preventDefault();break;case"Enter":I.current>100-(r||5)?ve(t,r,100):ve(t,100,r),e.preventDefault()}},ve=function(e,t,r){W.current=e,z.current=P.current[e],A.current=q?a.getWidth(S.current):a.getHeight(S.current),D.current=z.current.previousElementSibling,N.current=z.current.nextElementSibling,ae(t,r)&&(H.current=t,K.current=r,D.current.style.flexBasis="calc("+t+"% - "+(b.children.length-1)*b.gutterSize+"px)",N.current.style.flexBasis="calc("+r+"% - "+(b.children.length-1)*b.gutterSize+"px)",I.current=parseFloat(t).toFixed(4))},be=function(e,t,r){de(e,t,!0),ge(e,r,!0)},we=function(e,t,r){Y.current||(Y.current=setInterval((function(){be(e,t,r)}),40))},Se=function(){Y.current&&(clearInterval(Y.current),Y.current=null)},ze=function(e,t){de(e,t,!1),re(),ie()},Oe=function(e,t){de(e,t,!1),window.addEventListener("touchmove",xe,{passive:!1,cancelable:!1}),window.addEventListener("touchend",Ee)},xe=function(e){ge(e)},Ee=function e(t){me(t),window.removeEventListener("touchmove",xe),window.removeEventListener("touchend",e)};e.useImperativeHandle(f,(function(){return{props:b,getElement:function(){return S.current}}})),l((function(){S.current&&(w.current=s())})),e.useEffect((function(){var e;(e=S.current.children,d(e)||g(e)||m(e)||h()).filter((function(e){return"splitterpanel.root"===a.getAttribute(e,"data-pc-section")})).map((function(e,t){I.current=$(L,0),e.childNodes&&o.isNotEmpty(a.find(e,"[data-pc-name='splitter']")&&a.find(e,"[data-pc-section='root']"))&&(!ee()&&a.addClass(e,"p-splitter-panel-nested"),e.setAttribute("data-p-splitter-panel-nested",!0),X(!0))}))}),[]),e.useEffect((function(){B&&fe()}),[fe,B]);var Pe=function(t,r){var n=ce(t,"id")||"".concat(w.current,"_").concat(r),u=c(ce(t,"className"),Z("panel.root")),i=y({ref:function(e){return P.current[r]=e},className:Z("gutter"),style:q?{width:b.gutterSize+"px"}:{height:b.gutterSize+"px"},onMouseDown:function(e){return ze(e,r)},onKeyDown:function(e){return ye(e,r)},onKeyUp:he,onTouchStart:function(e){return Oe(e,r)},onTouchMove:function(e){return xe(e)},onTouchEnd:function(e){return Ee(e)},"data-p-splitter-gutter-resizing":!1,role:"separator"},V("gutter")),l=y({tabIndex:ce(t,"tabIndex")||0,className:Z("gutterHandler"),"aria-orientation":q?"vertical":"horizontal","aria-controls":n,"aria-label":ce(t,"aria-label"),"aria-labelledby":ce(t,"aria-labelledby"),"aria-valuenow":I.current,"aria-valuetext":parseFloat(I.current).toFixed(0)+"%","aria-valuemin":ce(t,"minSize")||"0","aria-valuemax":"100"},V("gutterHandler")),o=r!==b.children.length-1&&e.createElement("div",i,e.createElement("div",l)),a="calc("+$(L,r)+"% - "+(J-1)*b.gutterSize+"px)",s=y({key:r,id:n,className:u,style:j(j({},ce(t,"style")),{},{flexBasis:a}),role:"presentation","data-p-splitter-panel-nested":!1},V("splitterpanel.root",{context:{nested:U}}));return e.createElement(e.Fragment,null,e.createElement("div",s,ce(t,"children")),o)},je=y({id:b.id,style:b.style,className:c(b.className,Z("root")),"data-p-splitter-resizing":!1},x.getOtherProps(b),V("root")),Ae=e.Children.map(b.children,Pe);return e.createElement("div",p({ref:S},je),Ae)})));A.displayName="SplitterPanel",R.displayName="Splitter";export{R as Splitter,A as SplitterPanel};
|
package/splitter/splitter.js
CHANGED
|
@@ -376,20 +376,15 @@ this.primereact.splitter = (function (exports, React, api, componentbase, hooks,
|
|
|
376
376
|
resizePanel(prevPanelIndex.current, newPrevPanelSize, newNextPanelSize);
|
|
377
377
|
};
|
|
378
378
|
var onResizeEnd = function onResizeEnd(event) {
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
});
|
|
389
|
-
}
|
|
390
|
-
if (isStateful) saveState(sizes);
|
|
391
|
-
return sizes;
|
|
392
|
-
});
|
|
379
|
+
var sizes = [prevPanelSizeNew.current, nextPanelSizeNew.current];
|
|
380
|
+
if (props.onResizeEnd) {
|
|
381
|
+
props.onResizeEnd({
|
|
382
|
+
originalEvent: event,
|
|
383
|
+
sizes: sizes
|
|
384
|
+
});
|
|
385
|
+
}
|
|
386
|
+
if (isStateful) saveState(sizes);
|
|
387
|
+
setPanelSizes(sizes);
|
|
393
388
|
!isUnstyled() && utils.DomHandler.removeClass(gutterRef.current, 'p-splitter-gutter-resizing');
|
|
394
389
|
gutterRefs.current && Object.keys(gutterRefs.current).forEach(function (key) {
|
|
395
390
|
return gutterRefs.current[key].setAttribute('data-p-splitter-gutter-resizing', false);
|