primereact 10.2.1 → 10.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/accordion/accordion.cjs.js +83 -8
- package/accordion/accordion.cjs.min.js +1 -1
- package/accordion/accordion.d.ts +35 -0
- package/accordion/accordion.esm.js +85 -10
- package/accordion/accordion.esm.min.js +1 -1
- package/accordion/accordion.js +83 -8
- package/accordion/accordion.min.js +1 -1
- package/api/api.cjs.js +63 -33
- package/api/api.cjs.min.js +1 -1
- package/api/api.d.ts +24 -246
- package/api/api.esm.js +63 -33
- package/api/api.esm.min.js +1 -1
- package/api/api.js +63 -33
- package/api/api.min.js +1 -1
- package/autocomplete/autocomplete.cjs.js +3 -2
- package/autocomplete/autocomplete.cjs.min.js +1 -1
- package/autocomplete/autocomplete.d.ts +6 -1
- package/autocomplete/autocomplete.esm.js +3 -2
- package/autocomplete/autocomplete.esm.min.js +1 -1
- package/autocomplete/autocomplete.js +3 -2
- package/autocomplete/autocomplete.min.js +1 -1
- package/blockui/blockui.cjs.js +8 -5
- package/blockui/blockui.cjs.min.js +1 -1
- package/blockui/blockui.esm.js +8 -5
- package/blockui/blockui.esm.min.js +1 -1
- package/blockui/blockui.js +8 -5
- package/blockui/blockui.min.js +1 -1
- package/breadcrumb/breadcrumb.cjs.js +12 -6
- package/breadcrumb/breadcrumb.cjs.min.js +1 -1
- package/breadcrumb/breadcrumb.esm.js +12 -6
- package/breadcrumb/breadcrumb.esm.min.js +1 -1
- package/breadcrumb/breadcrumb.js +12 -6
- package/breadcrumb/breadcrumb.min.js +1 -1
- package/calendar/calendar.cjs.js +71 -37
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.d.ts +3 -5
- package/calendar/calendar.esm.js +71 -37
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +71 -37
- package/calendar/calendar.min.js +1 -1
- package/carousel/carousel.cjs.js +103 -9
- package/carousel/carousel.cjs.min.js +1 -1
- package/carousel/carousel.esm.js +104 -10
- package/carousel/carousel.esm.min.js +1 -1
- package/carousel/carousel.js +103 -9
- package/carousel/carousel.min.js +1 -1
- package/cascadeselect/cascadeselect.cjs.js +64 -23
- package/cascadeselect/cascadeselect.cjs.min.js +1 -1
- package/cascadeselect/cascadeselect.d.ts +27 -4
- package/cascadeselect/cascadeselect.esm.js +65 -24
- package/cascadeselect/cascadeselect.esm.min.js +1 -1
- package/cascadeselect/cascadeselect.js +65 -25
- package/cascadeselect/cascadeselect.min.js +1 -1
- package/checkbox/checkbox.cjs.js +25 -25
- package/checkbox/checkbox.cjs.min.js +1 -1
- package/checkbox/checkbox.esm.js +25 -25
- package/checkbox/checkbox.esm.min.js +1 -1
- package/checkbox/checkbox.js +26 -26
- package/checkbox/checkbox.min.js +1 -1
- package/chip/chip.cjs.js +5 -2
- package/chip/chip.cjs.min.js +1 -1
- package/chip/chip.d.ts +17 -2
- package/chip/chip.esm.js +5 -2
- package/chip/chip.esm.min.js +1 -1
- package/chip/chip.js +5 -2
- package/chip/chip.min.js +1 -1
- package/colorpicker/colorpicker.d.ts +1 -1
- package/componentbase/componentbase.cjs.js +49 -8
- package/componentbase/componentbase.cjs.min.js +1 -1
- package/componentbase/componentbase.esm.js +50 -9
- package/componentbase/componentbase.esm.min.js +1 -1
- package/componentbase/componentbase.js +49 -8
- package/componentbase/componentbase.min.js +1 -1
- package/confirmdialog/confirmdialog.cjs.js +30 -22
- package/confirmdialog/confirmdialog.cjs.min.js +1 -1
- package/confirmdialog/confirmdialog.d.ts +19 -3
- package/confirmdialog/confirmdialog.esm.js +30 -22
- package/confirmdialog/confirmdialog.esm.min.js +1 -1
- package/confirmdialog/confirmdialog.js +30 -22
- package/confirmdialog/confirmdialog.min.js +1 -1
- package/confirmpopup/confirmpopup.cjs.js +85 -152
- package/confirmpopup/confirmpopup.cjs.min.js +1 -1
- package/confirmpopup/confirmpopup.d.ts +40 -1
- package/confirmpopup/confirmpopup.esm.js +88 -155
- package/confirmpopup/confirmpopup.esm.min.js +1 -1
- package/confirmpopup/confirmpopup.js +85 -152
- package/confirmpopup/confirmpopup.min.js +1 -1
- package/contextmenu/contextmenu.cjs.js +641 -99
- package/contextmenu/contextmenu.cjs.min.js +1 -1
- package/contextmenu/contextmenu.d.ts +23 -1
- package/contextmenu/contextmenu.esm.js +641 -99
- package/contextmenu/contextmenu.esm.min.js +1 -1
- package/contextmenu/contextmenu.js +641 -99
- package/contextmenu/contextmenu.min.js +1 -1
- package/core/core.js +1217 -484
- package/core/core.min.js +40 -40
- package/datatable/datatable.cjs.js +30 -26
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.d.ts +5 -4
- package/datatable/datatable.esm.js +30 -26
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +30 -26
- package/datatable/datatable.min.js +1 -1
- package/dataview/dataview.d.ts +1 -1
- package/dialog/dialog.cjs.js +108 -151
- package/dialog/dialog.cjs.min.js +1 -1
- package/dialog/dialog.d.ts +60 -1
- package/dialog/dialog.esm.js +115 -158
- package/dialog/dialog.esm.min.js +1 -1
- package/dialog/dialog.js +109 -152
- package/dialog/dialog.min.js +1 -1
- package/divider/divider.cjs.js +1 -0
- package/divider/divider.cjs.min.js +1 -1
- package/divider/divider.esm.js +1 -0
- package/divider/divider.esm.min.js +1 -1
- package/divider/divider.js +1 -0
- package/divider/divider.min.js +1 -1
- package/dock/dock.cjs.js +169 -33
- package/dock/dock.cjs.min.js +1 -1
- package/dock/dock.d.ts +15 -0
- package/dock/dock.esm.js +170 -34
- package/dock/dock.esm.min.js +1 -1
- package/dock/dock.js +169 -33
- package/dock/dock.min.js +1 -1
- package/dropdown/dropdown.cjs.js +29 -4
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.d.ts +1 -1
- package/dropdown/dropdown.esm.js +29 -4
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +30 -6
- package/dropdown/dropdown.min.js +1 -1
- package/fieldset/fieldset.cjs.js +12 -5
- package/fieldset/fieldset.cjs.min.js +1 -1
- package/fieldset/fieldset.esm.js +12 -5
- package/fieldset/fieldset.esm.min.js +1 -1
- package/fieldset/fieldset.js +12 -5
- package/fieldset/fieldset.min.js +1 -1
- package/fileupload/fileupload.cjs.js +14 -6
- package/fileupload/fileupload.cjs.min.js +1 -1
- package/fileupload/fileupload.d.ts +17 -1
- package/fileupload/fileupload.esm.js +14 -6
- package/fileupload/fileupload.esm.min.js +1 -1
- package/fileupload/fileupload.js +14 -6
- package/fileupload/fileupload.min.js +1 -1
- package/galleria/galleria.cjs.js +223 -43
- package/galleria/galleria.cjs.min.js +1 -1
- package/galleria/galleria.esm.js +225 -45
- package/galleria/galleria.esm.min.js +1 -1
- package/galleria/galleria.js +223 -43
- package/galleria/galleria.min.js +1 -1
- package/hooks/hooks.cjs.js +219 -78
- package/hooks/hooks.cjs.min.js +1 -1
- package/hooks/hooks.d.ts +8 -4
- package/hooks/hooks.esm.js +219 -80
- package/hooks/hooks.esm.min.js +1 -1
- package/hooks/hooks.js +219 -78
- package/hooks/hooks.min.js +1 -1
- package/icons/arrowdown/index.cjs.js +13 -2
- package/icons/arrowdown/index.cjs.min.js +1 -1
- package/icons/arrowdown/index.esm.js +13 -2
- package/icons/arrowdown/index.esm.min.js +1 -1
- package/icons/arrowdown/index.js +13 -2
- package/icons/arrowdown/index.min.js +1 -1
- package/icons/arrowup/index.cjs.js +13 -2
- package/icons/arrowup/index.cjs.min.js +1 -1
- package/icons/arrowup/index.esm.js +13 -2
- package/icons/arrowup/index.esm.min.js +1 -1
- package/icons/arrowup/index.js +13 -2
- package/icons/arrowup/index.min.js +1 -1
- package/icons/ban/index.cjs.js +13 -2
- package/icons/ban/index.cjs.min.js +1 -1
- package/icons/ban/index.esm.js +13 -2
- package/icons/ban/index.esm.min.js +1 -1
- package/icons/ban/index.js +13 -2
- package/icons/ban/index.min.js +1 -1
- package/icons/download/index.cjs.js +13 -2
- package/icons/download/index.cjs.min.js +1 -1
- package/icons/download/index.esm.js +13 -2
- package/icons/download/index.esm.min.js +1 -1
- package/icons/download/index.js +13 -2
- package/icons/download/index.min.js +1 -1
- package/icons/exclamationtriangle/index.cjs.js +13 -2
- package/icons/exclamationtriangle/index.cjs.min.js +1 -1
- package/icons/exclamationtriangle/index.esm.js +13 -2
- package/icons/exclamationtriangle/index.esm.min.js +1 -1
- package/icons/exclamationtriangle/index.js +13 -2
- package/icons/exclamationtriangle/index.min.js +1 -1
- package/icons/eyeslash/index.cjs.js +13 -2
- package/icons/eyeslash/index.cjs.min.js +1 -1
- package/icons/eyeslash/index.esm.js +13 -2
- package/icons/eyeslash/index.esm.min.js +1 -1
- package/icons/eyeslash/index.js +13 -2
- package/icons/eyeslash/index.min.js +1 -1
- package/icons/filter/index.cjs.js +13 -2
- package/icons/filter/index.cjs.min.js +1 -1
- package/icons/filter/index.esm.js +13 -2
- package/icons/filter/index.esm.min.js +1 -1
- package/icons/filter/index.js +13 -2
- package/icons/filter/index.min.js +1 -1
- package/icons/filterslash/index.cjs.js +13 -2
- package/icons/filterslash/index.cjs.min.js +1 -1
- package/icons/filterslash/index.esm.js +13 -2
- package/icons/filterslash/index.esm.min.js +1 -1
- package/icons/filterslash/index.js +13 -2
- package/icons/filterslash/index.min.js +1 -1
- package/icons/infocircle/index.cjs.js +13 -2
- package/icons/infocircle/index.cjs.min.js +1 -1
- package/icons/infocircle/index.esm.js +13 -2
- package/icons/infocircle/index.esm.min.js +1 -1
- package/icons/infocircle/index.js +13 -2
- package/icons/infocircle/index.min.js +1 -1
- package/icons/pencil/index.cjs.js +13 -2
- package/icons/pencil/index.cjs.min.js +1 -1
- package/icons/pencil/index.esm.js +13 -2
- package/icons/pencil/index.esm.min.js +1 -1
- package/icons/pencil/index.js +13 -2
- package/icons/pencil/index.min.js +1 -1
- package/icons/plus/index.cjs.js +13 -2
- package/icons/plus/index.cjs.min.js +1 -1
- package/icons/plus/index.esm.js +13 -2
- package/icons/plus/index.esm.min.js +1 -1
- package/icons/plus/index.js +13 -2
- package/icons/plus/index.min.js +1 -1
- package/icons/refresh/index.cjs.js +13 -2
- package/icons/refresh/index.cjs.min.js +1 -1
- package/icons/refresh/index.esm.js +13 -2
- package/icons/refresh/index.esm.min.js +1 -1
- package/icons/refresh/index.js +13 -2
- package/icons/refresh/index.min.js +1 -1
- package/icons/search/index.cjs.js +13 -2
- package/icons/search/index.cjs.min.js +1 -1
- package/icons/search/index.esm.js +13 -2
- package/icons/search/index.esm.min.js +1 -1
- package/icons/search/index.js +13 -2
- package/icons/search/index.min.js +1 -1
- package/icons/searchminus/index.cjs.js +13 -2
- package/icons/searchminus/index.cjs.min.js +1 -1
- package/icons/searchminus/index.esm.js +13 -2
- package/icons/searchminus/index.esm.min.js +1 -1
- package/icons/searchminus/index.js +13 -2
- package/icons/searchminus/index.min.js +1 -1
- package/icons/searchplus/index.cjs.js +13 -2
- package/icons/searchplus/index.cjs.min.js +1 -1
- package/icons/searchplus/index.esm.js +13 -2
- package/icons/searchplus/index.esm.min.js +1 -1
- package/icons/searchplus/index.js +13 -2
- package/icons/searchplus/index.min.js +1 -1
- package/icons/sortalt/index.cjs.js +13 -2
- package/icons/sortalt/index.cjs.min.js +1 -1
- package/icons/sortalt/index.esm.js +13 -2
- package/icons/sortalt/index.esm.min.js +1 -1
- package/icons/sortalt/index.js +13 -2
- package/icons/sortalt/index.min.js +1 -1
- package/icons/sortamountdown/index.cjs.js +13 -2
- package/icons/sortamountdown/index.cjs.min.js +1 -1
- package/icons/sortamountdown/index.esm.js +13 -2
- package/icons/sortamountdown/index.esm.min.js +1 -1
- package/icons/sortamountdown/index.js +13 -2
- package/icons/sortamountdown/index.min.js +1 -1
- package/icons/sortamountupalt/index.cjs.js +13 -2
- package/icons/sortamountupalt/index.cjs.min.js +1 -1
- package/icons/sortamountupalt/index.esm.js +13 -2
- package/icons/sortamountupalt/index.esm.min.js +1 -1
- package/icons/sortamountupalt/index.js +13 -2
- package/icons/sortamountupalt/index.min.js +1 -1
- package/icons/spinner/index.cjs.js +13 -2
- package/icons/spinner/index.cjs.min.js +1 -1
- package/icons/spinner/index.esm.js +13 -2
- package/icons/spinner/index.esm.min.js +1 -1
- package/icons/spinner/index.js +13 -2
- package/icons/spinner/index.min.js +1 -1
- package/icons/star/index.cjs.js +13 -2
- package/icons/star/index.cjs.min.js +1 -1
- package/icons/star/index.esm.js +13 -2
- package/icons/star/index.esm.min.js +1 -1
- package/icons/star/index.js +13 -2
- package/icons/star/index.min.js +1 -1
- package/icons/starfill/index.cjs.js +13 -2
- package/icons/starfill/index.cjs.min.js +1 -1
- package/icons/starfill/index.esm.js +13 -2
- package/icons/starfill/index.esm.min.js +1 -1
- package/icons/starfill/index.js +13 -2
- package/icons/starfill/index.min.js +1 -1
- package/icons/thlarge/index.cjs.js +13 -2
- package/icons/thlarge/index.cjs.min.js +1 -1
- package/icons/thlarge/index.esm.js +13 -2
- package/icons/thlarge/index.esm.min.js +1 -1
- package/icons/thlarge/index.js +13 -2
- package/icons/thlarge/index.min.js +1 -1
- package/icons/timescircle/index.cjs.js +13 -2
- package/icons/timescircle/index.cjs.min.js +1 -1
- package/icons/timescircle/index.esm.js +13 -2
- package/icons/timescircle/index.esm.min.js +1 -1
- package/icons/timescircle/index.js +13 -2
- package/icons/timescircle/index.min.js +1 -1
- package/icons/trash/index.cjs.js +13 -2
- package/icons/trash/index.cjs.min.js +1 -1
- package/icons/trash/index.esm.js +13 -2
- package/icons/trash/index.esm.min.js +1 -1
- package/icons/trash/index.js +13 -2
- package/icons/trash/index.min.js +1 -1
- package/icons/undo/index.cjs.js +13 -2
- package/icons/undo/index.cjs.min.js +1 -1
- package/icons/undo/index.esm.js +13 -2
- package/icons/undo/index.esm.min.js +1 -1
- package/icons/undo/index.js +13 -2
- package/icons/undo/index.min.js +1 -1
- package/icons/upload/index.cjs.js +13 -2
- package/icons/upload/index.cjs.min.js +1 -1
- package/icons/upload/index.esm.js +13 -2
- package/icons/upload/index.esm.min.js +1 -1
- package/icons/upload/index.js +13 -2
- package/icons/upload/index.min.js +1 -1
- package/icons/windowmaximize/index.cjs.js +13 -2
- package/icons/windowmaximize/index.cjs.min.js +1 -1
- package/icons/windowmaximize/index.esm.js +13 -2
- package/icons/windowmaximize/index.esm.min.js +1 -1
- package/icons/windowmaximize/index.js +13 -2
- package/icons/windowmaximize/index.min.js +1 -1
- package/icons/windowminimize/index.cjs.js +13 -2
- package/icons/windowminimize/index.cjs.min.js +1 -1
- package/icons/windowminimize/index.esm.js +13 -2
- package/icons/windowminimize/index.esm.min.js +1 -1
- package/icons/windowminimize/index.js +13 -2
- package/icons/windowminimize/index.min.js +1 -1
- package/image/image.cjs.js +85 -119
- package/image/image.cjs.min.js +1 -1
- package/image/image.esm.js +87 -121
- package/image/image.esm.min.js +1 -1
- package/image/image.js +86 -120
- package/image/image.min.js +1 -1
- package/inplace/inplace.cjs.js +7 -0
- package/inplace/inplace.cjs.min.js +1 -1
- package/inplace/inplace.esm.js +7 -0
- package/inplace/inplace.esm.min.js +1 -1
- package/inplace/inplace.js +8 -2
- package/inplace/inplace.min.js +1 -1
- package/inputnumber/inputnumber.cjs.js +63 -19
- package/inputnumber/inputnumber.cjs.min.js +1 -1
- package/inputnumber/inputnumber.d.ts +7 -0
- package/inputnumber/inputnumber.esm.js +63 -19
- package/inputnumber/inputnumber.esm.min.js +1 -1
- package/inputnumber/inputnumber.js +63 -19
- package/inputnumber/inputnumber.min.js +1 -1
- package/inputswitch/inputswitch.cjs.js +3 -3
- package/inputswitch/inputswitch.cjs.min.js +1 -1
- package/inputswitch/inputswitch.esm.js +3 -3
- package/inputswitch/inputswitch.esm.min.js +1 -1
- package/inputswitch/inputswitch.js +3 -3
- package/inputswitch/inputswitch.min.js +1 -1
- package/inputtext/inputtext.cjs.js +7 -6
- package/inputtext/inputtext.cjs.min.js +1 -1
- package/inputtext/inputtext.esm.js +7 -6
- package/inputtext/inputtext.esm.min.js +1 -1
- package/inputtext/inputtext.js +7 -6
- package/inputtext/inputtext.min.js +1 -1
- package/listbox/listbox.cjs.js +14 -1
- package/listbox/listbox.cjs.min.js +1 -1
- package/listbox/listbox.d.ts +8 -3
- package/listbox/listbox.esm.js +14 -1
- package/listbox/listbox.esm.min.js +1 -1
- package/listbox/listbox.js +14 -1
- package/listbox/listbox.min.js +1 -1
- package/megamenu/megamenu.cjs.js +799 -179
- package/megamenu/megamenu.cjs.min.js +1 -1
- package/megamenu/megamenu.d.ts +14 -0
- package/megamenu/megamenu.esm.js +801 -181
- package/megamenu/megamenu.esm.min.js +1 -1
- package/megamenu/megamenu.js +799 -179
- package/megamenu/megamenu.min.js +1 -1
- package/mention/mention.cjs.js +7 -9
- package/mention/mention.cjs.min.js +1 -1
- package/mention/mention.esm.js +7 -9
- package/mention/mention.esm.min.js +1 -1
- package/mention/mention.js +7 -9
- package/mention/mention.min.js +1 -1
- package/menu/menu.cjs.js +217 -166
- package/menu/menu.cjs.min.js +1 -1
- package/menu/menu.d.ts +15 -1
- package/menu/menu.esm.js +220 -169
- package/menu/menu.esm.min.js +1 -1
- package/menu/menu.js +217 -166
- package/menu/menu.min.js +1 -1
- package/menubar/menubar.cjs.js +714 -179
- package/menubar/menubar.cjs.min.js +1 -1
- package/menubar/menubar.d.ts +18 -0
- package/menubar/menubar.esm.js +717 -182
- package/menubar/menubar.esm.min.js +1 -1
- package/menubar/menubar.js +714 -179
- package/menubar/menubar.min.js +1 -1
- package/message/message.cjs.js +2 -1
- package/message/message.cjs.min.js +1 -1
- package/message/message.esm.js +2 -1
- package/message/message.esm.min.js +1 -1
- package/message/message.js +2 -1
- package/message/message.min.js +1 -1
- package/messages/messages.cjs.js +5 -3
- package/messages/messages.cjs.min.js +1 -1
- package/messages/messages.esm.js +5 -3
- package/messages/messages.esm.min.js +1 -1
- package/messages/messages.js +5 -3
- package/messages/messages.min.js +1 -1
- package/multiselect/multiselect.cjs.js +58 -35
- package/multiselect/multiselect.cjs.min.js +1 -1
- package/multiselect/multiselect.d.ts +5 -1
- package/multiselect/multiselect.esm.js +58 -35
- package/multiselect/multiselect.esm.min.js +1 -1
- package/multiselect/multiselect.js +59 -37
- package/multiselect/multiselect.min.js +1 -1
- package/orderlist/orderlist.cjs.js +260 -105
- package/orderlist/orderlist.cjs.min.js +1 -1
- package/orderlist/orderlist.d.ts +18 -0
- package/orderlist/orderlist.esm.js +261 -106
- package/orderlist/orderlist.esm.min.js +1 -1
- package/orderlist/orderlist.js +260 -105
- package/orderlist/orderlist.min.js +1 -1
- package/organizationchart/organizationchart.cjs.js +10 -0
- package/organizationchart/organizationchart.cjs.min.js +1 -1
- package/organizationchart/organizationchart.esm.js +10 -0
- package/organizationchart/organizationchart.esm.min.js +1 -1
- package/organizationchart/organizationchart.js +10 -0
- package/organizationchart/organizationchart.min.js +1 -1
- package/overlaypanel/overlaypanel.cjs.js +9 -102
- package/overlaypanel/overlaypanel.cjs.min.js +1 -1
- package/overlaypanel/overlaypanel.d.ts +1 -1
- package/overlaypanel/overlaypanel.esm.js +11 -104
- package/overlaypanel/overlaypanel.esm.min.js +1 -1
- package/overlaypanel/overlaypanel.js +10 -103
- package/overlaypanel/overlaypanel.min.js +1 -1
- package/package.json +1 -1
- package/paginator/paginator.d.ts +2 -2
- package/panel/panel.cjs.js +22 -19
- package/panel/panel.cjs.min.js +1 -1
- package/panel/panel.esm.js +22 -19
- package/panel/panel.esm.min.js +1 -1
- package/panel/panel.js +22 -19
- package/panel/panel.min.js +1 -1
- package/panelmenu/panelmenu.cjs.js +774 -195
- package/panelmenu/panelmenu.cjs.min.js +1 -1
- package/panelmenu/panelmenu.d.ts +15 -0
- package/panelmenu/panelmenu.esm.js +775 -196
- package/panelmenu/panelmenu.esm.min.js +1 -1
- package/panelmenu/panelmenu.js +774 -195
- package/panelmenu/panelmenu.min.js +1 -1
- package/passthrough/tailwind/index.cjs.js +163 -159
- package/passthrough/tailwind/index.cjs.min.js +1 -1
- package/passthrough/tailwind/index.esm.js +163 -159
- package/passthrough/tailwind/index.esm.min.js +1 -1
- package/passthrough/tailwind/index.js +163 -159
- package/passthrough/tailwind/index.min.js +1 -1
- package/password/password.cjs.js +7 -2
- package/password/password.cjs.min.js +1 -1
- package/password/password.d.ts +1 -1
- package/password/password.esm.js +8 -3
- package/password/password.esm.min.js +1 -1
- package/password/password.js +7 -2
- package/password/password.min.js +1 -1
- package/picklist/picklist.cjs.js +709 -181
- package/picklist/picklist.cjs.min.js +1 -1
- package/picklist/picklist.d.ts +10 -0
- package/picklist/picklist.esm.js +708 -180
- package/picklist/picklist.esm.min.js +1 -1
- package/picklist/picklist.js +709 -181
- package/picklist/picklist.min.js +1 -1
- package/portal/portal.cjs.js +7 -1
- package/portal/portal.cjs.min.js +1 -1
- package/portal/portal.esm.js +7 -1
- package/portal/portal.esm.min.js +1 -1
- package/portal/portal.js +7 -1
- package/portal/portal.min.js +1 -1
- package/primereact.all.cjs.js +8352 -3145
- package/primereact.all.cjs.min.js +1 -1
- package/primereact.all.esm.js +8351 -3146
- package/primereact.all.esm.min.js +1 -1
- package/primereact.all.js +8352 -3145
- package/primereact.all.min.js +1 -1
- package/radiobutton/radiobutton.cjs.js +27 -26
- package/radiobutton/radiobutton.cjs.min.js +1 -1
- package/radiobutton/radiobutton.esm.js +27 -26
- package/radiobutton/radiobutton.esm.min.js +1 -1
- package/radiobutton/radiobutton.js +28 -27
- package/radiobutton/radiobutton.min.js +1 -1
- package/resources/themes/arya-blue/theme.css +854 -790
- package/resources/themes/arya-green/theme.css +854 -790
- package/resources/themes/arya-orange/theme.css +854 -790
- package/resources/themes/arya-purple/theme.css +854 -790
- package/resources/themes/bootstrap4-dark-blue/theme.css +678 -615
- package/resources/themes/bootstrap4-dark-purple/theme.css +678 -615
- package/resources/themes/bootstrap4-light-blue/theme.css +679 -616
- package/resources/themes/bootstrap4-light-purple/theme.css +679 -616
- package/resources/themes/fluent-light/theme.css +686 -638
- package/resources/themes/lara-dark-amber/theme.css +679 -630
- package/resources/themes/lara-dark-blue/theme.css +679 -630
- package/resources/themes/lara-dark-cyan/theme.css +679 -630
- package/resources/themes/lara-dark-green/theme.css +679 -630
- package/resources/themes/lara-dark-indigo/theme.css +679 -630
- package/resources/themes/lara-dark-pink/theme.css +679 -630
- package/resources/themes/lara-dark-purple/theme.css +679 -630
- package/resources/themes/lara-dark-teal/theme.css +679 -630
- package/resources/themes/lara-light-amber/theme.css +776 -725
- package/resources/themes/lara-light-blue/theme.css +1011 -960
- package/resources/themes/lara-light-cyan/theme.css +776 -725
- package/resources/themes/lara-light-green/theme.css +820 -769
- package/resources/themes/lara-light-indigo/theme.css +1016 -965
- package/resources/themes/lara-light-pink/theme.css +776 -725
- package/resources/themes/lara-light-purple/theme.css +1016 -965
- package/resources/themes/lara-light-teal/theme.css +776 -725
- package/resources/themes/luna-amber/theme.css +950 -887
- package/resources/themes/luna-blue/theme.css +950 -887
- package/resources/themes/luna-green/theme.css +950 -887
- package/resources/themes/luna-pink/theme.css +950 -887
- package/resources/themes/md-dark-deeppurple/theme.css +918 -950
- package/resources/themes/md-dark-indigo/theme.css +918 -950
- package/resources/themes/md-light-deeppurple/theme.css +878 -910
- package/resources/themes/md-light-indigo/theme.css +878 -910
- package/resources/themes/mdc-dark-deeppurple/theme.css +918 -950
- package/resources/themes/mdc-dark-indigo/theme.css +918 -950
- package/resources/themes/mdc-light-deeppurple/theme.css +878 -910
- package/resources/themes/mdc-light-indigo/theme.css +878 -910
- package/resources/themes/mira/theme.css +1562 -1532
- package/resources/themes/nano/theme.css +707 -641
- package/resources/themes/nova/theme.css +705 -643
- package/resources/themes/nova-accent/theme.css +701 -636
- package/resources/themes/nova-alt/theme.css +705 -643
- package/resources/themes/rhea/theme.css +876 -811
- package/resources/themes/saga-blue/theme.css +896 -832
- package/resources/themes/saga-green/theme.css +896 -832
- package/resources/themes/saga-orange/theme.css +896 -832
- package/resources/themes/saga-purple/theme.css +896 -832
- package/resources/themes/soho-dark/theme.css +701 -643
- package/resources/themes/soho-light/theme.css +690 -634
- package/resources/themes/tailwind-light/theme.css +1370 -1306
- package/resources/themes/vela-blue/theme.css +862 -798
- package/resources/themes/vela-green/theme.css +862 -798
- package/resources/themes/vela-orange/theme.css +862 -798
- package/resources/themes/vela-purple/theme.css +862 -798
- package/resources/themes/viva-dark/theme.css +655 -612
- package/resources/themes/viva-light/theme.css +737 -694
- package/ripple/ripple.cjs.js +71 -5
- package/ripple/ripple.cjs.min.js +1 -1
- package/ripple/ripple.esm.js +71 -5
- package/ripple/ripple.esm.min.js +1 -1
- package/ripple/ripple.js +71 -5
- package/ripple/ripple.min.js +1 -1
- package/scrollpanel/scrollpanel.cjs.js +183 -3
- package/scrollpanel/scrollpanel.cjs.min.js +1 -1
- package/scrollpanel/scrollpanel.esm.js +184 -4
- package/scrollpanel/scrollpanel.esm.min.js +1 -1
- package/scrollpanel/scrollpanel.js +183 -3
- package/scrollpanel/scrollpanel.min.js +1 -1
- package/sidebar/sidebar.cjs.js +62 -146
- package/sidebar/sidebar.cjs.min.js +1 -1
- package/sidebar/sidebar.d.ts +25 -3
- package/sidebar/sidebar.esm.js +65 -149
- package/sidebar/sidebar.esm.min.js +1 -1
- package/sidebar/sidebar.js +63 -147
- package/sidebar/sidebar.min.js +1 -1
- package/slidemenu/slidemenu.cjs.js +7 -100
- package/slidemenu/slidemenu.cjs.min.js +1 -1
- package/slidemenu/slidemenu.d.ts +1 -1
- package/slidemenu/slidemenu.esm.js +10 -103
- package/slidemenu/slidemenu.esm.min.js +1 -1
- package/slidemenu/slidemenu.js +7 -100
- package/slidemenu/slidemenu.min.js +1 -1
- package/speeddial/speeddial.cjs.js +275 -32
- package/speeddial/speeddial.cjs.min.js +1 -1
- package/speeddial/speeddial.esm.js +277 -34
- package/speeddial/speeddial.esm.min.js +1 -1
- package/speeddial/speeddial.js +275 -32
- package/speeddial/speeddial.min.js +1 -1
- package/splitbutton/splitbutton.cjs.js +1098 -309
- package/splitbutton/splitbutton.cjs.min.js +1 -1
- package/splitbutton/splitbutton.d.ts +5 -5
- package/splitbutton/splitbutton.esm.js +1100 -311
- package/splitbutton/splitbutton.esm.min.js +1 -1
- package/splitbutton/splitbutton.js +1096 -309
- package/splitbutton/splitbutton.min.js +1 -1
- package/splitter/splitter.cjs.js +103 -15
- package/splitter/splitter.cjs.min.js +1 -1
- package/splitter/splitter.d.ts +5 -0
- package/splitter/splitter.esm.js +103 -15
- package/splitter/splitter.esm.min.js +1 -1
- package/splitter/splitter.js +103 -15
- package/splitter/splitter.min.js +1 -1
- package/steps/steps.cjs.js +99 -13
- package/steps/steps.cjs.min.js +1 -1
- package/steps/steps.esm.js +100 -14
- package/steps/steps.esm.min.js +1 -1
- package/steps/steps.js +99 -13
- package/steps/steps.min.js +1 -1
- package/tabmenu/tabmenu.cjs.js +113 -17
- package/tabmenu/tabmenu.cjs.min.js +1 -1
- package/tabmenu/tabmenu.esm.js +113 -17
- package/tabmenu/tabmenu.esm.min.js +1 -1
- package/tabmenu/tabmenu.js +113 -17
- package/tabmenu/tabmenu.min.js +1 -1
- package/tabview/tabview.cjs.js +128 -20
- package/tabview/tabview.cjs.min.js +1 -1
- package/tabview/tabview.d.ts +35 -0
- package/tabview/tabview.esm.js +128 -20
- package/tabview/tabview.esm.min.js +1 -1
- package/tabview/tabview.js +128 -20
- package/tabview/tabview.min.js +1 -1
- package/tieredmenu/tieredmenu.cjs.js +753 -275
- package/tieredmenu/tieredmenu.cjs.min.js +1 -1
- package/tieredmenu/tieredmenu.d.ts +11 -1
- package/tieredmenu/tieredmenu.esm.js +755 -277
- package/tieredmenu/tieredmenu.esm.min.js +1 -1
- package/tieredmenu/tieredmenu.js +753 -275
- package/tieredmenu/tieredmenu.min.js +1 -1
- package/toast/toast.cjs.js +6 -1
- package/toast/toast.cjs.min.js +1 -1
- package/toast/toast.d.ts +36 -2
- package/toast/toast.esm.js +6 -1
- package/toast/toast.esm.min.js +1 -1
- package/toast/toast.js +6 -1
- package/toast/toast.min.js +1 -1
- package/togglebutton/togglebutton.cjs.js +74 -4
- package/togglebutton/togglebutton.cjs.min.js +1 -1
- package/togglebutton/togglebutton.esm.js +74 -4
- package/togglebutton/togglebutton.esm.min.js +1 -1
- package/togglebutton/togglebutton.js +75 -5
- package/togglebutton/togglebutton.min.js +1 -1
- package/tooltip/tooltip.d.ts +27 -0
- package/tooltip/tooltipoptions.d.ts +1 -1
- package/tree/tree.cjs.js +198 -88
- package/tree/tree.cjs.min.js +1 -1
- package/tree/tree.d.ts +8 -0
- package/tree/tree.esm.js +199 -89
- package/tree/tree.esm.min.js +1 -1
- package/tree/tree.js +198 -88
- package/tree/tree.min.js +1 -1
- package/treeselect/treeselect.cjs.js +185 -49
- package/treeselect/treeselect.cjs.min.js +1 -1
- package/treeselect/treeselect.d.ts +26 -1
- package/treeselect/treeselect.esm.js +186 -50
- package/treeselect/treeselect.esm.min.js +1 -1
- package/treeselect/treeselect.js +186 -51
- package/treeselect/treeselect.min.js +1 -1
- package/treetable/treetable.cjs.js +59 -53
- package/treetable/treetable.cjs.min.js +1 -1
- package/treetable/treetable.d.ts +3 -3
- package/treetable/treetable.esm.js +59 -53
- package/treetable/treetable.esm.min.js +1 -1
- package/treetable/treetable.js +59 -53
- package/treetable/treetable.min.js +1 -1
- package/utils/utils.cjs.js +19 -5
- package/utils/utils.cjs.min.js +1 -1
- package/utils/utils.d.ts +1 -1
- package/utils/utils.esm.js +19 -5
- package/utils/utils.esm.min.js +1 -1
- package/utils/utils.js +19 -5
- package/utils/utils.min.js +1 -1
- package/web-types.json +402 -33
package/tree/tree.esm.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
import {
|
|
3
|
+
import { PrimeReactContext } from 'primereact/api';
|
|
4
4
|
import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
|
|
5
5
|
import { SearchIcon } from 'primereact/icons/search';
|
|
6
6
|
import { SpinnerIcon } from 'primereact/icons/spinner';
|
|
@@ -192,7 +192,7 @@ var classes = {
|
|
|
192
192
|
});
|
|
193
193
|
}
|
|
194
194
|
};
|
|
195
|
-
var styles = "\n@layer primereact {\n .p-tree-container {\n margin: 0;\n padding: 0;\n list-style-type: none;\n overflow: auto;\n }\n
|
|
195
|
+
var styles = "\n@layer primereact {\n .p-tree-container {\n margin: 0;\n padding: 0;\n list-style-type: none;\n overflow: auto;\n }\n\n .p-treenode-children {\n margin: 0;\n padding: 0;\n list-style-type: none;\n }\n\n .p-treenode-selectable {\n cursor: pointer;\n user-select: none;\n }\n\n .p-tree-toggler {\n cursor: pointer;\n user-select: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n overflow: hidden;\n position: relative;\n }\n\n .p-treenode-leaf > .p-treenode-content .p-tree-toggler {\n visibility: hidden;\n }\n\n .p-treenode-content {\n display: flex;\n align-items: center;\n }\n\n .p-tree-filter {\n width: 100%;\n }\n\n .p-tree-filter-container {\n position: relative;\n display: block;\n width: 100%;\n }\n\n .p-tree-filter-icon {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n }\n\n .p-tree-loading {\n position: relative;\n min-height: 4rem;\n }\n\n .p-tree .p-tree-loading-overlay {\n position: absolute;\n z-index: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n}\n";
|
|
196
196
|
var TreeBase = ComponentBase.extend({
|
|
197
197
|
defaultProps: {
|
|
198
198
|
__TYPE: 'Tree',
|
|
@@ -207,6 +207,8 @@ var TreeBase = ComponentBase.extend({
|
|
|
207
207
|
contextMenuSelectionKey: null,
|
|
208
208
|
onContextMenuSelectionChange: null,
|
|
209
209
|
expandedKeys: null,
|
|
210
|
+
ariaLabel: null,
|
|
211
|
+
ariaLabelledBy: null,
|
|
210
212
|
style: null,
|
|
211
213
|
className: null,
|
|
212
214
|
contentStyle: null,
|
|
@@ -230,6 +232,7 @@ var TreeBase = ComponentBase.extend({
|
|
|
230
232
|
filterPlaceholder: null,
|
|
231
233
|
filterLocale: undefined,
|
|
232
234
|
filterTemplate: null,
|
|
235
|
+
level: 0,
|
|
233
236
|
nodeTemplate: null,
|
|
234
237
|
togglerTemplate: null,
|
|
235
238
|
onSelect: null,
|
|
@@ -257,8 +260,10 @@ function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymb
|
|
|
257
260
|
function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
258
261
|
var UITreeNode = /*#__PURE__*/React.memo(function (props) {
|
|
259
262
|
var contentRef = React.useRef(null);
|
|
263
|
+
var elementRef = React.useRef(null);
|
|
260
264
|
var nodeTouched = React.useRef(false);
|
|
261
265
|
var isLeaf = props.isNodeLeaf(props.node);
|
|
266
|
+
var label = props.node.label;
|
|
262
267
|
var expanded = (props.expandedKeys ? props.expandedKeys[props.node.key] !== undefined : false) || props.node.expanded;
|
|
263
268
|
var ptm = props.ptm,
|
|
264
269
|
cx = props.cx;
|
|
@@ -274,11 +279,13 @@ var UITreeNode = /*#__PURE__*/React.memo(function (props) {
|
|
|
274
279
|
});
|
|
275
280
|
};
|
|
276
281
|
var expand = function expand(event) {
|
|
282
|
+
var navigateFocusToChild = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
277
283
|
var expandedKeys = props.expandedKeys ? _objectSpread$1({}, props.expandedKeys) : {};
|
|
278
284
|
expandedKeys[props.node.key] = true;
|
|
279
285
|
props.onToggle({
|
|
280
286
|
originalEvent: event,
|
|
281
|
-
value: expandedKeys
|
|
287
|
+
value: expandedKeys,
|
|
288
|
+
navigateFocusToChild: navigateFocusToChild
|
|
282
289
|
});
|
|
283
290
|
invokeToggleEvents(event, true);
|
|
284
291
|
};
|
|
@@ -295,7 +302,7 @@ var UITreeNode = /*#__PURE__*/React.memo(function (props) {
|
|
|
295
302
|
if (props.disabled) {
|
|
296
303
|
return;
|
|
297
304
|
}
|
|
298
|
-
expanded ? collapse(event) : expand(event);
|
|
305
|
+
expanded ? collapse(event) : expand(event, false);
|
|
299
306
|
event.preventDefault();
|
|
300
307
|
event.stopPropagation();
|
|
301
308
|
};
|
|
@@ -316,72 +323,6 @@ var UITreeNode = /*#__PURE__*/React.memo(function (props) {
|
|
|
316
323
|
}
|
|
317
324
|
}
|
|
318
325
|
};
|
|
319
|
-
var onNodeKeyDown = function onNodeKeyDown(event) {
|
|
320
|
-
if (props.disabled) {
|
|
321
|
-
return;
|
|
322
|
-
}
|
|
323
|
-
var nodeElement = event.target.parentElement;
|
|
324
|
-
if (!DomHandler.hasClass(nodeElement, 'p-treenode')) {
|
|
325
|
-
return;
|
|
326
|
-
}
|
|
327
|
-
switch (event.which) {
|
|
328
|
-
//down arrow
|
|
329
|
-
case 40:
|
|
330
|
-
var listElement = nodeElement.children[1];
|
|
331
|
-
if (listElement) {
|
|
332
|
-
focusNode(listElement.children[0]);
|
|
333
|
-
} else {
|
|
334
|
-
var nextNodeElement = nodeElement.nextElementSibling;
|
|
335
|
-
while (nextNodeElement) {
|
|
336
|
-
if (!DomHandler.hasClass(nextNodeElement, 'p-treenode-droppoint')) {
|
|
337
|
-
break;
|
|
338
|
-
}
|
|
339
|
-
nextNodeElement = nextNodeElement.nextElementSibling;
|
|
340
|
-
}
|
|
341
|
-
if (nextNodeElement) {
|
|
342
|
-
focusNode(nextNodeElement);
|
|
343
|
-
} else {
|
|
344
|
-
var nextSiblingAncestor = findNextSiblingOfAncestor(nodeElement);
|
|
345
|
-
nextSiblingAncestor && focusNode(nextSiblingAncestor);
|
|
346
|
-
}
|
|
347
|
-
}
|
|
348
|
-
event.preventDefault();
|
|
349
|
-
break;
|
|
350
|
-
|
|
351
|
-
//up arrow
|
|
352
|
-
case 38:
|
|
353
|
-
if (nodeElement.previousElementSibling) {
|
|
354
|
-
focusNode(findLastVisibleDescendant(nodeElement.previousElementSibling));
|
|
355
|
-
} else {
|
|
356
|
-
var parentNodeElement = getParentNodeElement(nodeElement);
|
|
357
|
-
parentNodeElement && focusNode(parentNodeElement);
|
|
358
|
-
}
|
|
359
|
-
event.preventDefault();
|
|
360
|
-
break;
|
|
361
|
-
|
|
362
|
-
//right arrow
|
|
363
|
-
case 39:
|
|
364
|
-
if (!expanded) {
|
|
365
|
-
expand(event);
|
|
366
|
-
}
|
|
367
|
-
event.preventDefault();
|
|
368
|
-
break;
|
|
369
|
-
|
|
370
|
-
//left arrow
|
|
371
|
-
case 37:
|
|
372
|
-
if (expanded) {
|
|
373
|
-
collapse(event);
|
|
374
|
-
}
|
|
375
|
-
event.preventDefault();
|
|
376
|
-
break;
|
|
377
|
-
|
|
378
|
-
//enter
|
|
379
|
-
case 13:
|
|
380
|
-
onClick(event);
|
|
381
|
-
event.preventDefault();
|
|
382
|
-
break;
|
|
383
|
-
}
|
|
384
|
-
};
|
|
385
326
|
var findNextSiblingOfAncestor = function findNextSiblingOfAncestor(nodeElement) {
|
|
386
327
|
var parentNodeElement = getParentNodeElement(nodeElement);
|
|
387
328
|
return parentNodeElement ? parentNodeElement.nextElementSibling || findNextSiblingOfAncestor(parentNodeElement) : null;
|
|
@@ -400,7 +341,7 @@ var UITreeNode = /*#__PURE__*/React.memo(function (props) {
|
|
|
400
341
|
return DomHandler.hasClass(parentNodeElement, 'p-treenode') ? parentNodeElement : null;
|
|
401
342
|
};
|
|
402
343
|
var focusNode = function focusNode(element) {
|
|
403
|
-
element && element.
|
|
344
|
+
element && element.focus();
|
|
404
345
|
};
|
|
405
346
|
var onClick = function onClick(event) {
|
|
406
347
|
if (props.onClick) {
|
|
@@ -560,6 +501,131 @@ var UITreeNode = /*#__PURE__*/React.memo(function (props) {
|
|
|
560
501
|
});
|
|
561
502
|
}
|
|
562
503
|
};
|
|
504
|
+
var onKeyDown = function onKeyDown(event) {
|
|
505
|
+
if (!isSameNode(event)) return;
|
|
506
|
+
switch (event.code) {
|
|
507
|
+
case 'Tab':
|
|
508
|
+
onTabKey();
|
|
509
|
+
break;
|
|
510
|
+
case 'ArrowDown':
|
|
511
|
+
onArrowDown(event);
|
|
512
|
+
break;
|
|
513
|
+
case 'ArrowUp':
|
|
514
|
+
onArrowUp(event);
|
|
515
|
+
break;
|
|
516
|
+
case 'ArrowRight':
|
|
517
|
+
onArrowRight(event);
|
|
518
|
+
break;
|
|
519
|
+
case 'ArrowLeft':
|
|
520
|
+
onArrowLeft(event);
|
|
521
|
+
break;
|
|
522
|
+
case 'Enter':
|
|
523
|
+
case 'NumpadEnter':
|
|
524
|
+
case 'Space':
|
|
525
|
+
onEnterKey(event);
|
|
526
|
+
break;
|
|
527
|
+
}
|
|
528
|
+
};
|
|
529
|
+
var onArrowDown = function onArrowDown(event) {
|
|
530
|
+
var nodeElement = event.target.getAttribute('data-pc-section') === 'toggler' ? event.target.closest('[role="treeitem"]') : event.target;
|
|
531
|
+
var listElement = nodeElement.children[1];
|
|
532
|
+
if (listElement) {
|
|
533
|
+
focusRowChange(nodeElement, listElement.children[0]);
|
|
534
|
+
} else {
|
|
535
|
+
if (nodeElement.nextElementSibling) {
|
|
536
|
+
focusRowChange(nodeElement, nodeElement.nextElementSibling);
|
|
537
|
+
} else {
|
|
538
|
+
var nextSiblingAncestor = findNextSiblingOfAncestor(nodeElement);
|
|
539
|
+
if (nextSiblingAncestor) {
|
|
540
|
+
focusRowChange(nodeElement, nextSiblingAncestor);
|
|
541
|
+
}
|
|
542
|
+
}
|
|
543
|
+
}
|
|
544
|
+
event.preventDefault();
|
|
545
|
+
};
|
|
546
|
+
var onArrowUp = function onArrowUp(event) {
|
|
547
|
+
var nodeElement = event.target;
|
|
548
|
+
if (nodeElement.previousElementSibling) {
|
|
549
|
+
focusRowChange(nodeElement, nodeElement.previousElementSibling, findLastVisibleDescendant(nodeElement.previousElementSibling));
|
|
550
|
+
} else {
|
|
551
|
+
var parentNodeElement = getParentNodeElement(nodeElement);
|
|
552
|
+
if (parentNodeElement) {
|
|
553
|
+
focusRowChange(nodeElement, parentNodeElement);
|
|
554
|
+
}
|
|
555
|
+
}
|
|
556
|
+
event.preventDefault();
|
|
557
|
+
};
|
|
558
|
+
var onArrowRight = function onArrowRight(event) {
|
|
559
|
+
if (isLeaf || expanded) return;
|
|
560
|
+
event.currentTarget.tabIndex = -1;
|
|
561
|
+
expand(event, true);
|
|
562
|
+
};
|
|
563
|
+
var onArrowLeft = function onArrowLeft(event) {
|
|
564
|
+
var togglerElement = DomHandler.findSingle(event.currentTarget, '[data-pc-section="toggler"]');
|
|
565
|
+
if (props.level === 0 && !expanded) {
|
|
566
|
+
return false;
|
|
567
|
+
}
|
|
568
|
+
if (expanded && !isLeaf) {
|
|
569
|
+
togglerElement.click();
|
|
570
|
+
return false;
|
|
571
|
+
}
|
|
572
|
+
var target = findBeforeClickableNode(event.currentTarget);
|
|
573
|
+
if (target) {
|
|
574
|
+
focusRowChange(event.currentTarget, target);
|
|
575
|
+
}
|
|
576
|
+
};
|
|
577
|
+
var onEnterKey = function onEnterKey(event) {
|
|
578
|
+
setTabIndexForSelectionMode(event, nodeTouched.current);
|
|
579
|
+
onClick(event);
|
|
580
|
+
event.preventDefault();
|
|
581
|
+
};
|
|
582
|
+
var onTabKey = function onTabKey() {
|
|
583
|
+
setAllNodesTabIndexes();
|
|
584
|
+
};
|
|
585
|
+
var setAllNodesTabIndexes = function setAllNodesTabIndexes() {
|
|
586
|
+
var nodes = DomHandler.find(contentRef.current.closest('[data-pc-section="container"]'), '[role="treeitem"]');
|
|
587
|
+
var hasSelectedNode = _toConsumableArray(nodes).some(function (node) {
|
|
588
|
+
return node.getAttribute('aria-selected') === 'true' || node.getAttribute('aria-checked') === 'true';
|
|
589
|
+
});
|
|
590
|
+
_toConsumableArray(nodes).forEach(function (node) {
|
|
591
|
+
node.tabIndex = -1;
|
|
592
|
+
});
|
|
593
|
+
if (hasSelectedNode) {
|
|
594
|
+
var selectedNodes = _toConsumableArray(nodes).filter(function (node) {
|
|
595
|
+
return node.getAttribute('aria-selected') === 'true' || node.getAttribute('aria-checked') === 'true';
|
|
596
|
+
});
|
|
597
|
+
selectedNodes[0].tabIndex = 0;
|
|
598
|
+
return;
|
|
599
|
+
}
|
|
600
|
+
_toConsumableArray(nodes)[0].tabIndex = 0;
|
|
601
|
+
};
|
|
602
|
+
var setTabIndexForSelectionMode = function setTabIndexForSelectionMode(event, nodeTouched) {
|
|
603
|
+
if (props.selectionMode !== null) {
|
|
604
|
+
var elements = _toConsumableArray(DomHandler.find(elementRef.current.parentElement, '[role="treeitem"]'));
|
|
605
|
+
event.currentTarget.tabIndex = nodeTouched === false ? -1 : 0;
|
|
606
|
+
if (elements.every(function (element) {
|
|
607
|
+
return element.tabIndex === -1;
|
|
608
|
+
})) {
|
|
609
|
+
elements[0].tabIndex = 0;
|
|
610
|
+
}
|
|
611
|
+
}
|
|
612
|
+
};
|
|
613
|
+
var focusRowChange = function focusRowChange(firstFocusableRow, currentFocusedRow, lastVisibleDescendant) {
|
|
614
|
+
firstFocusableRow.tabIndex = '-1';
|
|
615
|
+
currentFocusedRow.tabIndex = '0';
|
|
616
|
+
focusNode(lastVisibleDescendant || currentFocusedRow);
|
|
617
|
+
};
|
|
618
|
+
var findBeforeClickableNode = function findBeforeClickableNode(node) {
|
|
619
|
+
var parentListElement = node.closest('ul').closest('li');
|
|
620
|
+
if (parentListElement) {
|
|
621
|
+
var prevNodeButton = DomHandler.findSingle(parentListElement, 'button');
|
|
622
|
+
if (prevNodeButton && prevNodeButton.style.visibility !== 'hidden') {
|
|
623
|
+
return parentListElement;
|
|
624
|
+
}
|
|
625
|
+
return findBeforeClickableNode(node.previousElementSibling);
|
|
626
|
+
}
|
|
627
|
+
return null;
|
|
628
|
+
};
|
|
563
629
|
var propagateUp = function propagateUp(event) {
|
|
564
630
|
var check = event.check;
|
|
565
631
|
var selectionKeys = event.selectionKeys;
|
|
@@ -623,6 +689,9 @@ var UITreeNode = /*#__PURE__*/React.memo(function (props) {
|
|
|
623
689
|
var isChecked = function isChecked() {
|
|
624
690
|
return (props.selectionKeys ? props.selectionKeys[props.node.key] && props.selectionKeys[props.node.key].checked : false) || false;
|
|
625
691
|
};
|
|
692
|
+
var isSameNode = function isSameNode(event) {
|
|
693
|
+
return event.currentTarget && (event.currentTarget.isSameNode(event.target) || event.currentTarget.isSameNode(event.target.closest('[role="treeitem"]')));
|
|
694
|
+
};
|
|
626
695
|
var isPartialChecked = function isPartialChecked() {
|
|
627
696
|
return props.selectionKeys ? props.selectionKeys[props.node.key] && props.selectionKeys[props.node.key].partialChecked : false;
|
|
628
697
|
};
|
|
@@ -725,7 +794,7 @@ var UITreeNode = /*#__PURE__*/React.memo(function (props) {
|
|
|
725
794
|
var labelProps = mergeProps({
|
|
726
795
|
className: cx('label')
|
|
727
796
|
}, getPTOptions('label'));
|
|
728
|
-
var content = /*#__PURE__*/React.createElement("span", labelProps,
|
|
797
|
+
var content = /*#__PURE__*/React.createElement("span", labelProps, label);
|
|
729
798
|
if (props.nodeTemplate) {
|
|
730
799
|
var defaultContentOptions = {
|
|
731
800
|
onTogglerClick: onTogglerClick,
|
|
@@ -748,6 +817,7 @@ var UITreeNode = /*#__PURE__*/React.memo(function (props) {
|
|
|
748
817
|
var icon = checked ? props.checkboxIcon || /*#__PURE__*/React.createElement(CheckIcon, checkboxIconProps) : partialChecked ? props.checkboxIcon || /*#__PURE__*/React.createElement(MinusIcon, checkboxIconProps) : null;
|
|
749
818
|
var checkboxIcon = IconUtils.getJSXIcon(icon, _objectSpread$1({}, checkboxIconProps), props);
|
|
750
819
|
var checkboxContainerProps = mergeProps({
|
|
820
|
+
'aria-hidden': true,
|
|
751
821
|
className: cx('checkboxContainer')
|
|
752
822
|
}, getPTOptions('checkboxContainer'));
|
|
753
823
|
var checkboxProps = mergeProps({
|
|
@@ -756,8 +826,7 @@ var UITreeNode = /*#__PURE__*/React.memo(function (props) {
|
|
|
756
826
|
partialChecked: partialChecked,
|
|
757
827
|
nodeProps: props
|
|
758
828
|
}),
|
|
759
|
-
role: 'checkbox'
|
|
760
|
-
'aria-checked': checked
|
|
829
|
+
role: 'checkbox'
|
|
761
830
|
}, getPTOptions('checkbox'));
|
|
762
831
|
return /*#__PURE__*/React.createElement("div", checkboxContainerProps, /*#__PURE__*/React.createElement("div", checkboxProps, checkboxIcon));
|
|
763
832
|
}
|
|
@@ -774,7 +843,6 @@ var UITreeNode = /*#__PURE__*/React.memo(function (props) {
|
|
|
774
843
|
return null;
|
|
775
844
|
};
|
|
776
845
|
var createToggler = function createToggler() {
|
|
777
|
-
var label = expanded ? ariaLabel('collapseLabel') : ariaLabel('expandLabel');
|
|
778
846
|
var togglerIconProps = mergeProps({
|
|
779
847
|
className: cx('togglerIcon'),
|
|
780
848
|
'aria-hidden': true
|
|
@@ -788,8 +856,8 @@ var UITreeNode = /*#__PURE__*/React.memo(function (props) {
|
|
|
788
856
|
type: 'button',
|
|
789
857
|
className: cx('toggler'),
|
|
790
858
|
tabIndex: -1,
|
|
791
|
-
|
|
792
|
-
|
|
859
|
+
'aria-hidden': true,
|
|
860
|
+
onClick: onTogglerClick
|
|
793
861
|
}, getPTOptions('toggler'));
|
|
794
862
|
var content = /*#__PURE__*/React.createElement("button", togglerProps, togglerIcon, /*#__PURE__*/React.createElement(Ripple, null));
|
|
795
863
|
if (props.togglerTemplate) {
|
|
@@ -846,8 +914,7 @@ var UITreeNode = /*#__PURE__*/React.memo(function (props) {
|
|
|
846
914
|
onDragEnter: onDragEnter,
|
|
847
915
|
onDragLeave: onDragLeave,
|
|
848
916
|
onDragStart: onDragStart,
|
|
849
|
-
onDragEnd: onDragEnd
|
|
850
|
-
onKeyDown: onNodeKeyDown
|
|
917
|
+
onDragEnd: onDragEnd
|
|
851
918
|
}, getPTOptions('content'));
|
|
852
919
|
return /*#__PURE__*/React.createElement("div", contentProps, toggler, checkbox, icon, label);
|
|
853
920
|
};
|
|
@@ -904,22 +971,27 @@ var UITreeNode = /*#__PURE__*/React.memo(function (props) {
|
|
|
904
971
|
return null;
|
|
905
972
|
};
|
|
906
973
|
var createNode = function createNode() {
|
|
907
|
-
var tabIndex = props.disabled ?
|
|
974
|
+
var tabIndex = props.disabled || props.index !== 0 ? -1 : 0;
|
|
908
975
|
var selected = isSelected();
|
|
909
976
|
var checked = isChecked();
|
|
910
977
|
var content = createContent();
|
|
911
978
|
var children = createChildren();
|
|
912
|
-
var nodeProps = mergeProps({
|
|
979
|
+
var nodeProps = mergeProps(_defineProperty(_defineProperty({
|
|
980
|
+
ref: elementRef,
|
|
913
981
|
className: classNames(props.node.className, cx('node', {
|
|
914
982
|
isLeaf: isLeaf
|
|
915
983
|
})),
|
|
916
984
|
style: props.node.style,
|
|
917
985
|
tabIndex: tabIndex,
|
|
918
986
|
role: 'treeitem',
|
|
919
|
-
'aria-
|
|
987
|
+
'aria-label': label,
|
|
988
|
+
'aria-level': props.level,
|
|
920
989
|
'aria-expanded': expanded,
|
|
921
|
-
'aria-
|
|
922
|
-
|
|
990
|
+
'aria-checked': checked,
|
|
991
|
+
'aria-setsize': props.node.children ? props.node.children.length : 0,
|
|
992
|
+
'aria-posinset': props.index + 1,
|
|
993
|
+
onKeyDown: onKeyDown
|
|
994
|
+
}, "aria-expanded", expanded), 'aria-selected', checked || selected), getPTOptions('node'));
|
|
923
995
|
return /*#__PURE__*/React.createElement("li", nodeProps, content, children);
|
|
924
996
|
};
|
|
925
997
|
var node = createNode();
|
|
@@ -932,6 +1004,19 @@ var UITreeNode = /*#__PURE__*/React.memo(function (props) {
|
|
|
932
1004
|
});
|
|
933
1005
|
UITreeNode.displayName = 'UITreeNode';
|
|
934
1006
|
|
|
1007
|
+
/* eslint-disable */
|
|
1008
|
+
var useUpdateEffect = function useUpdateEffect(fn, deps) {
|
|
1009
|
+
var mounted = React.useRef(false);
|
|
1010
|
+
return React.useEffect(function () {
|
|
1011
|
+
if (!mounted.current) {
|
|
1012
|
+
mounted.current = true;
|
|
1013
|
+
return;
|
|
1014
|
+
}
|
|
1015
|
+
return fn && fn();
|
|
1016
|
+
}, deps);
|
|
1017
|
+
};
|
|
1018
|
+
/* eslint-enable */
|
|
1019
|
+
|
|
935
1020
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
936
1021
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
937
1022
|
function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
|
|
@@ -954,6 +1039,7 @@ var Tree = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inPr
|
|
|
954
1039
|
var filterChanged = React.useRef(false);
|
|
955
1040
|
var filteredValue = props.onFilterValueChange ? props.filterValue : filterValueState;
|
|
956
1041
|
var expandedKeys = props.onToggle ? props.expandedKeys : expandedKeysState;
|
|
1042
|
+
var childFocusEvent = React.useRef(null);
|
|
957
1043
|
var _TreeBase$setMetaData = TreeBase.setMetaData({
|
|
958
1044
|
props: props,
|
|
959
1045
|
state: {
|
|
@@ -979,12 +1065,33 @@ var Tree = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inPr
|
|
|
979
1065
|
return props.filter && filteredNodes.current ? filteredNodes.current : props.value;
|
|
980
1066
|
};
|
|
981
1067
|
var onToggle = function onToggle(event) {
|
|
1068
|
+
var originalEvent = event.originalEvent,
|
|
1069
|
+
value = event.value,
|
|
1070
|
+
navigateFocusToChild = event.navigateFocusToChild;
|
|
982
1071
|
if (props.onToggle) {
|
|
983
|
-
props.onToggle(
|
|
1072
|
+
props.onToggle({
|
|
1073
|
+
originalEvent: originalEvent,
|
|
1074
|
+
value: value
|
|
1075
|
+
});
|
|
984
1076
|
} else {
|
|
1077
|
+
if (navigateFocusToChild) {
|
|
1078
|
+
childFocusEvent.current = originalEvent;
|
|
1079
|
+
}
|
|
985
1080
|
setExpandedKeysState(event.value);
|
|
986
1081
|
}
|
|
987
1082
|
};
|
|
1083
|
+
useUpdateEffect(function () {
|
|
1084
|
+
if (childFocusEvent.current) {
|
|
1085
|
+
var event = childFocusEvent.current;
|
|
1086
|
+
var nodeElement = event.target.getAttribute('data-pc-section') === 'toggler' ? event.target.closest('[role="treeitem"]') : event.target;
|
|
1087
|
+
var listElement = nodeElement.children[1];
|
|
1088
|
+
var childElement = listElement.children[0];
|
|
1089
|
+
nodeElement.tabIndex = '-1';
|
|
1090
|
+
childElement.tabIndex = '0';
|
|
1091
|
+
childElement.focus();
|
|
1092
|
+
childFocusEvent.current = null;
|
|
1093
|
+
}
|
|
1094
|
+
}, [expandedKeys]);
|
|
988
1095
|
var onDragStart = function onDragStart(event) {
|
|
989
1096
|
dragState.current = {
|
|
990
1097
|
path: event.path,
|
|
@@ -1257,6 +1364,11 @@ var Tree = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inPr
|
|
|
1257
1364
|
hostName: "Tree",
|
|
1258
1365
|
key: node.key || node.label,
|
|
1259
1366
|
node: node,
|
|
1367
|
+
level: props.level + 1,
|
|
1368
|
+
originalOptions: props.value,
|
|
1369
|
+
index: index,
|
|
1370
|
+
last: last,
|
|
1371
|
+
path: String(index),
|
|
1260
1372
|
checkboxIcon: props.checkboxIcon,
|
|
1261
1373
|
collapseIcon: props.collapseIcon,
|
|
1262
1374
|
contextMenuSelectionKey: props.contextMenuSelectionKey,
|
|
@@ -1265,9 +1377,7 @@ var Tree = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inPr
|
|
|
1265
1377
|
dragdropScope: props.dragdropScope,
|
|
1266
1378
|
expandIcon: props.expandIcon,
|
|
1267
1379
|
expandedKeys: expandedKeys,
|
|
1268
|
-
index: index,
|
|
1269
1380
|
isNodeLeaf: isNodeLeaf,
|
|
1270
|
-
last: last,
|
|
1271
1381
|
metaKeySelection: props.metaKeySelection,
|
|
1272
1382
|
nodeTemplate: props.nodeTemplate,
|
|
1273
1383
|
onClick: props.onNodeClick,
|
|
@@ -1284,8 +1394,6 @@ var Tree = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inPr
|
|
|
1284
1394
|
onSelectionChange: props.onSelectionChange,
|
|
1285
1395
|
onToggle: onToggle,
|
|
1286
1396
|
onUnselect: props.onUnselect,
|
|
1287
|
-
originalOptions: props.value,
|
|
1288
|
-
path: String(index),
|
|
1289
1397
|
propagateSelectionDown: props.propagateSelectionDown,
|
|
1290
1398
|
propagateSelectionUp: props.propagateSelectionUp,
|
|
1291
1399
|
ptm: ptm,
|
|
@@ -1310,6 +1418,8 @@ var Tree = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inPr
|
|
|
1310
1418
|
var containerProps = mergeProps(_objectSpread({
|
|
1311
1419
|
className: classNames(props.contentClassName, cx('container')),
|
|
1312
1420
|
role: 'tree',
|
|
1421
|
+
'aria-label': props.ariaLabel,
|
|
1422
|
+
'aria-labelledby': props.ariaLabelledBy,
|
|
1313
1423
|
style: props.contentStyle
|
|
1314
1424
|
}, ariaProps), ptm('container'));
|
|
1315
1425
|
return /*#__PURE__*/React.createElement("ul", containerProps, rootNodes);
|
package/tree/tree.esm.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import{ariaLabel as n,PrimeReactContext as t}from"primereact/api";import{ComponentBase as o,useHandleStyle as r}from"primereact/componentbase";import{SearchIcon as l}from"primereact/icons/search";import{SpinnerIcon as a}from"primereact/icons/spinner";import{classNames as i,mergeProps as c,DomHandler as d,ObjectUtils as p,IconUtils as s}from"primereact/utils";import{CheckIcon as u}from"primereact/icons/check";import{ChevronDownIcon as f}from"primereact/icons/chevrondown";import{ChevronRightIcon as g}from"primereact/icons/chevronright";import{MinusIcon as y}from"primereact/icons/minus";import{Ripple as m}from"primereact/ripple";function h(){return h=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},h.apply(this,arguments)}function v(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,o=new Array(n);t<n;t++)o[t]=e[t];return o}function b(e){if(Array.isArray(e))return v(e)}function x(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function S(e,n){if(e){if("string"==typeof e)return v(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?v(e,n):void 0}}function C(){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 k(e){return k="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},k(e)}function E(e,n){if("object"!==k(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var o=t.call(e,n||"default");if("object"!==k(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function D(e){var n=E(e,"string");return"symbol"===k(n)?n:String(n)}function I(e,n,t){return(n=D(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function O(e){if(Array.isArray(e))return e}function w(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var o,r,l,a,i=[],c=!0,d=!1;try{if(l=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(o=l.call(t)).done)&&(i.push(o.value),i.length!==n);c=!0);}catch(e){d=!0,r=e}finally{try{if(!c&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(d)throw r}}return i}}function N(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function K(e,n){return O(e)||w(e,n)||S(e,n)||N()}var T=o.extend({defaultProps:{__TYPE:"Tree",__parentMetadata:null,id:null,value:null,checkboxIcon:null,disabled:!1,selectionMode:null,selectionKeys:null,onSelectionChange:null,contextMenuSelectionKey:null,onContextMenuSelectionChange:null,expandedKeys:null,style:null,className:null,contentStyle:null,contentClassName:null,metaKeySelection:!0,propagateSelectionUp:!0,propagateSelectionDown:!0,loading:!1,loadingIcon:null,expandIcon:null,collapseIcon:null,dragdropScope:null,header:null,footer:null,showHeader:!0,filter:!1,filterIcon:null,filterValue:null,filterBy:"label",filterMode:"lenient",filterPlaceholder:null,filterLocale:void 0,filterTemplate:null,nodeTemplate:null,togglerTemplate:null,onSelect:null,onUnselect:null,onExpand:null,onCollapse:null,onToggle:null,onDragDrop:null,onContextMenu:null,onFilterValueChange:null,onNodeClick:null,onNodeDoubleClick:null,children:void 0},css:{classes:{container:"p-tree-container",loadingIcon:"p-tree-loading-icon",loadingOverlay:"p-tree-loading-overlay p-component-overlay",searchIcon:"p-tree-filter-icon",filterContainer:"p-tree-filter-container",input:"p-tree-filter p-inputtext p-component",header:"p-tree-header",footer:"p-tree-footer",root:function(e){var n=e.props;return i("p-tree p-component",{"p-tree-selectable":n.selectionMode,"p-tree-loading":n.loading,"p-disabled":n.disabled})},label:"p-treenode-label",checkboxIcon:"p-checkbox-icon p-c",checkboxContainer:"p-checkbox p-component",checkbox:function(e){return i("p-checkbox-box",{"p-highlight":e.checked,"p-indeterminate":e.partialChecked,"p-disabled":e.nodeProps.disabled})},nodeIcon:"p-treenode-icon",togglerIcon:"p-tree-toggler-icon",toggler:"p-tree-toggler p-link",droppoint:"p-treenode-droppoint",content:function(e){var n=e.nodeProps,t=e.checked,o=e.selected;return i("p-treenode-content",{"p-treenode-selectable":n.selectionMode&&!1!==n.node.selectable,"p-highlight":(0,e.isCheckboxSelectionMode)()?t:o,"p-highlight-contextmenu":n.contextMenuSelectionKey&&n.contextMenuSelectionKey===n.node.key,"p-disabled":n.disabled})},subgroup:"p-treenode-children",node:function(e){return i("p-treenode",{"p-treenode-leaf":e.isLeaf})}},styles:"\n@layer primereact {\n .p-tree-container {\n margin: 0;\n padding: 0;\n list-style-type: none;\n overflow: auto;\n }\n \n .p-treenode-children {\n margin: 0;\n padding: 0;\n list-style-type: none;\n }\n \n .p-treenode-selectable {\n cursor: pointer;\n user-select: none;\n }\n \n .p-tree-toggler {\n cursor: pointer;\n user-select: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n overflow: hidden;\n position: relative;\n }\n \n .p-treenode-leaf > .p-treenode-content .p-tree-toggler {\n visibility: hidden;\n }\n \n .p-treenode-content {\n display: flex;\n align-items: center;\n }\n \n .p-tree-filter {\n width: 100%;\n }\n \n .p-tree-filter-container {\n position: relative;\n display: block;\n width: 100%;\n }\n \n .p-tree-filter-icon {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n }\n \n .p-tree-loading {\n position: relative;\n min-height: 4rem;\n }\n \n .p-tree .p-tree-loading-overlay {\n position: absolute;\n z-index: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n}\n"}});function P(e,n){var t="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!t){if(Array.isArray(e)||(t=M(e))||n&&e&&"number"==typeof e.length){t&&(e=t);var o=0,r=function(){};return{s:r,n:function(){return o>=e.length?{done:!0}:{done:!1,value:e[o++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,a=!0,i=!1;return{s:function(){t=t.call(e)},n:function(){var e=t.next();return a=e.done,e},e:function(e){i=!0,l=e},f:function(){try{a||null==t.return||t.return()}finally{if(i)throw l}}}}function M(e,n){if(e){if("string"==typeof e)return j(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?j(e,n):void 0}}function j(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,o=new Array(n);t<n;t++)o[t]=e[t];return o}function U(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function L(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?U(Object(t),!0).forEach((function(n){I(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):U(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var A=e.memo((function(t){var o,r,l,a,h,v,b,x=e.useRef(null),S=e.useRef(!1),C=t.isNodeLeaf(t.node),k=!!t.expandedKeys&&void 0!==t.expandedKeys[t.node.key]||t.node.expanded,E=t.ptm,D=t.cx,I=function(e){return E(e,{hostName:t.hostName,context:{selected:!Y()&&_(),expanded:k||!1,checked:!!Y()&&H(),isLeaf:C}})},O=function(e){var n=t.expandedKeys?L({},t.expandedKeys):{};n[t.node.key]=!0,t.onToggle({originalEvent:e,value:n}),K(e,!0)},w=function(e){var n=L({},t.expandedKeys);delete n[t.node.key],t.onToggle({originalEvent:e,value:n}),K(e,!1)},N=function(e){t.disabled||(k?w(e):O(e),e.preventDefault(),e.stopPropagation())},K=function(e,n){n?t.onExpand&&t.onExpand({originalEvent:e,node:t.node}):t.onCollapse&&t.onCollapse({originalEvent:e,node:t.node})},T=function(e){if(!t.disabled){var n=e.target.parentElement;if(d.hasClass(n,"p-treenode"))switch(e.which){case 40:var o=n.children[1];if(o)F(o.children[0]);else{for(var r=n.nextElementSibling;r&&d.hasClass(r,"p-treenode-droppoint");)r=r.nextElementSibling;if(r)F(r);else{var l=M(n);l&&F(l)}}e.preventDefault();break;case 38:if(n.previousElementSibling)F(j(n.previousElementSibling));else{var a=U(n);a&&F(a)}e.preventDefault();break;case 39:k||O(e),e.preventDefault();break;case 37:k&&w(e),e.preventDefault();break;case 13:R(e),e.preventDefault()}}},M=function e(n){var t=U(n);return t?t.nextElementSibling||e(t):null},j=function e(n){var t=n.children[1];return t?e(t.children[t.children.length-1]):n},U=function(e){var n=e.parentElement.parentElement;return d.hasClass(n,"p-treenode")?n:null},F=function(e){e&&e.children[0]&&e.children[0].focus()},R=function(e){t.onClick&&t.onClick({originalEvent:e,node:t.node});var n=e.target.nodeName;if(!t.disabled&&"INPUT"!==n&&"BUTTON"!==n&&"A"!==n&&!d.hasClass(e.target,"p-clickable")){if(t.selectionMode&&!1!==t.node.selectable){var o;if(Y()){var r=H();o=t.selectionKeys?L({},t.selectionKeys):{},r?(t.propagateSelectionDown?B(t.node,!1,o):delete o[t.node.key],t.propagateSelectionUp&&t.onPropagateUp&&t.onPropagateUp({originalEvent:e,check:!1,selectionKeys:o}),t.onUnselect&&t.onUnselect({originalEvent:e,node:t.node})):(t.propagateSelectionDown?B(t.node,!0,o):o[t.node.key]={checked:!0},t.propagateSelectionUp&&t.onPropagateUp&&t.onPropagateUp({originalEvent:e,check:!0,selectionKeys:o}),t.onSelect&&t.onSelect({originalEvent:e,node:t.node}))}else{var l=_();if(!S.current&&t.metaKeySelection){var a=e.metaKey||e.ctrlKey;l&&a?($()?o=null:delete(o=L({},t.selectionKeys))[t.node.key],t.onUnselect&&t.onUnselect({originalEvent:e,node:t.node})):($()?o=t.node.key:z()&&((o=a&&t.selectionKeys?L({},t.selectionKeys):{})[t.node.key]=!0),t.onSelect&&t.onSelect({originalEvent:e,node:t.node}))}else $()?l?(o=null,t.onUnselect&&t.onUnselect({originalEvent:e,node:t.node})):(o=t.node.key,t.onSelect&&t.onSelect({originalEvent:e,node:t.node})):l?(delete(o=L({},t.selectionKeys))[t.node.key],t.onUnselect&&t.onUnselect({originalEvent:e,node:t.node})):((o=t.selectionKeys?L({},t.selectionKeys):{})[t.node.key]=!0,t.onSelect&&t.onSelect({originalEvent:e,node:t.node}))}t.onSelectionChange&&t.onSelectionChange({originalEvent:e,value:o})}S.current=!1}},J=function(e){t.onDoubleClick&&t.onDoubleClick({originalEvent:e,node:t.node})},X=function(e){t.disabled||(d.clearSelection(),t.onContextMenuSelectionChange&&t.onContextMenuSelectionChange({originalEvent:e,value:t.node.key}),t.onContextMenu&&t.onContextMenu({originalEvent:e,node:t.node}))},V=function(e){var n,o=e.check,r=e.selectionKeys,l=P(t.node.children);try{for(l.s();!(n=l.n()).done;){var a=n.value;r[a.key]&&r[a.key].checked&&0}}catch(e){l.e(e)}finally{l.f()}var i=t.node.key,c=p.findChildrenByKey(t.originalOptions,i),d=c.some((function(e){return e.key in r})),s=c.every((function(e){return e.key in r&&r[e.key].checked}));d&&!s?r[i]={checked:!1,partialChecked:!0}:s?r[i]={checked:!0,partialChecked:!1}:o?r[i]={checked:!1,partialChecked:!1}:delete r[i],t.propagateSelectionUp&&t.onPropagateUp&&t.onPropagateUp(e)},B=function e(n,t,o){if(t?o[n.key]={checked:!0,partialChecked:!1}:delete o[n.key],n.children&&n.children.length)for(var r=0;r<n.children.length;r++)e(n.children[r],t,o)},_=function(){return!(!t.selectionMode||!t.selectionKeys)&&($()?t.selectionKeys===t.node.key:void 0!==t.selectionKeys[t.node.key])},H=function(){return!!t.selectionKeys&&(t.selectionKeys[t.node.key]&&t.selectionKeys[t.node.key].checked)||!1},$=function(){return t.selectionMode&&"single"===t.selectionMode},z=function(){return t.selectionMode&&"multiple"===t.selectionMode},Y=function(){return t.selectionMode&&"checkbox"===t.selectionMode},q=function(){S.current=!0},G=function(e,n){(e.preventDefault(),!1!==t.node.droppable)&&(d.removeClass(e.target,"p-treenode-droppoint-active"),t.onDropPoint&&t.onDropPoint({originalEvent:e,path:t.path,index:-1===n?t.index:t.index+1,position:n}))},Q=function(e){e.dataTransfer.types[1]===t.dragdropScope.toLocaleLowerCase()&&(e.dataTransfer.dropEffect="move",e.preventDefault())},W=function(e){e.dataTransfer.types[1]===t.dragdropScope.toLocaleLowerCase()&&d.addClass(e.target,"p-treenode-droppoint-active")},Z=function(e){e.dataTransfer.types[1]===t.dragdropScope.toLocaleLowerCase()&&d.removeClass(e.target,"p-treenode-droppoint-active")},ee=function(e){t.dragdropScope&&!1!==t.node.droppable&&(d.removeClass(x.current,"p-treenode-dragover"),e.preventDefault(),e.stopPropagation(),t.onDrop&&t.onDrop({originalEvent:e,path:t.path,index:t.index}))},ne=function(e){e.dataTransfer.types[1]===t.dragdropScope.toLocaleLowerCase()&&!1!==t.node.droppable&&(e.dataTransfer.dropEffect="move",e.preventDefault(),e.stopPropagation())},te=function(e){e.dataTransfer.types[1]===t.dragdropScope.toLocaleLowerCase()&&!1!==t.node.droppable&&d.addClass(x.current,"p-treenode-dragover")},oe=function(e){if(e.dataTransfer.types[1]===t.dragdropScope.toLocaleLowerCase()&&!1!==t.node.droppable){var n=e.currentTarget.getBoundingClientRect();(e.nativeEvent.x>n.left+n.width||e.nativeEvent.x<n.left||e.nativeEvent.y>=Math.floor(n.top+n.height)||e.nativeEvent.y<n.top)&&d.removeClass(x.current,"p-treenode-dragover")}},re=function(e){e.dataTransfer.setData("text",t.dragdropScope),e.dataTransfer.setData(t.dragdropScope,t.dragdropScope),t.onDragStart&&t.onDragStart({originalEvent:e,path:t.path,index:t.index})},le=function(e){t.onDragEnd&&t.onDragEnd({originalEvent:e})},ae=function(){var n=c({className:D("label")},I("label")),o=e.createElement("span",n,t.node.label);t.nodeTemplate&&(o=p.getJSXElement(t.nodeTemplate,t.node,{onTogglerClick:N,className:"p-treenode-label",element:o,props:t,expanded:k}));return o},ie=function(){if(Y()&&!1!==t.node.selectable){var n=H(),o=!!t.selectionKeys&&t.selectionKeys[t.node.key]&&t.selectionKeys[t.node.key].partialChecked,r=c({className:D("checkboxIcon")},I("checkboxIcon")),l=s.getJSXIcon(n?t.checkboxIcon||e.createElement(u,r):o?t.checkboxIcon||e.createElement(y,r):null,L({},r),t),a=c({className:D("checkboxContainer")},I("checkboxContainer")),i=c({className:D("checkbox",{checked:n,partialChecked:o,nodeProps:t}),role:"checkbox","aria-checked":n},I("checkbox"));return e.createElement("div",a,e.createElement("div",i,l))}return null},ce=function(){var n=t.node.icon||(k?t.node.expandedIcon:t.node.collapsedIcon);if(n){var o=c({className:i(n,D("nodeIcon"))},I("nodeIcon"));return e.createElement("span",o)}return null},de=function(){var o=n(k?"collapseLabel":"expandLabel"),r=c({className:D("togglerIcon"),"aria-hidden":!0},I("togglerIcon")),l=s.getJSXIcon(k?t.collapseIcon||e.createElement(f,r):t.expandIcon||e.createElement(g,r),L({},r),{props:t,expanded:k}),a=c({type:"button",className:D("toggler"),tabIndex:-1,onClick:N,"aria-label":o},I("toggler")),i=e.createElement("button",a,l,e.createElement(m,null));t.togglerTemplate&&(i=p.getJSXElement(t.togglerTemplate,t.node,{onClick:N,containerClassName:"p-tree-toggler p-link",iconClassName:"p-tree-toggler-icon",element:i,props:t,expanded:k}));return i},pe=function(n){if(t.dragdropScope){var o=c({className:D("droppoint"),onDrop:function(e){return G(e,n)},onDragOver:Q,onDragEnter:W,onDragLeave:Z},I("droppoint"));return e.createElement("li",o)}return null},se=function(){var n=_(),o=H(),r=de(),l=ie(),a=ce(),d=ae(),p=c({ref:x,className:i(t.node.className,D("content",{checked:o,selected:n,nodeProps:t,isCheckboxSelectionMode:Y})),style:t.node.style,onClick:R,onDoubleClick:J,onContextMenu:X,onTouchEnd:q,draggable:t.dragdropScope&&!1!==t.node.draggable&&!t.disabled,onDrop:ee,onDragOver:ne,onDragEnter:te,onDragLeave:oe,onDragStart:re,onDragEnd:le,onKeyDown:T},I("content"));return e.createElement("div",p,r,l,a,d)},ue=(r=t.disabled?void 0:0,l=_(),a=H(),h=se(),o=c({className:D("subgroup"),role:"group"},I("subgroup")),v=p.isNotEmpty(t.node.children)&&k?e.createElement("ul",o,t.node.children.map((function(n,o){return e.createElement(A,{key:n.key||n.label,node:n,checkboxIcon:t.checkboxIcon,collapseIcon:t.collapseIcon,contextMenuSelectionKey:t.contextMenuSelectionKey,cx:D,disabled:t.disabled,dragdropScope:t.dragdropScope,expandIcon:t.expandIcon,expandedKeys:t.expandedKeys,index:o,isNodeLeaf:t.isNodeLeaf,last:o===t.node.children.length-1,metaKeySelection:t.metaKeySelection,nodeTemplate:t.nodeTemplate,onClick:t.onClick,onCollapse:t.onCollapse,onContextMenu:t.onContextMenu,onContextMenuSelectionChange:t.onContextMenuSelectionChange,onDoubleClick:t.onDoubleClick,onDragEnd:t.onDragEnd,onDragStart:t.onDragStart,onDrop:t.onDrop,onDropPoint:t.onDropPoint,onExpand:t.onExpand,onPropagateUp:V,onSelect:t.onSelect,onSelectionChange:t.onSelectionChange,onToggle:t.onToggle,onUnselect:t.onUnselect,originalOptions:t.originalOptions,parent:t.node,path:t.path+"-"+o,propagateSelectionDown:t.propagateSelectionDown,propagateSelectionUp:t.propagateSelectionUp,ptm:E,selectionKeys:t.selectionKeys,selectionMode:t.selectionMode,togglerTemplate:t.togglerTemplate})}))):null,b=c({className:i(t.node.className,D("node",{isLeaf:C})),style:t.node.style,tabIndex:r,role:"treeitem","aria-posinset":t.index+1,"aria-expanded":k,"aria-selected":a||l},I("node")),e.createElement("li",b,h,v));if(t.dragdropScope&&!t.disabled){var fe=pe(-1),ge=t.last?pe(1):null;return e.createElement(e.Fragment,null,fe,ue,ge)}return ue}));function F(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function R(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?F(Object(t),!0).forEach((function(n){I(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):F(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function J(e,n){var t="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!t){if(Array.isArray(e)||(t=X(e))||n&&e&&"number"==typeof e.length){t&&(e=t);var o=0,r=function(){};return{s:r,n:function(){return o>=e.length?{done:!0}:{done:!1,value:e[o++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,a=!0,i=!1;return{s:function(){t=t.call(e)},n:function(){var e=t.next();return a=e.done,e},e:function(e){i=!0,l=e},f:function(){try{a||null==t.return||t.return()}finally{if(i)throw l}}}}function X(e,n){if(e){if("string"==typeof e)return V(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?V(e,n):void 0}}function V(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,o=new Array(n);t<n;t++)o[t]=e[t];return o}A.displayName="UITreeNode";var B=e.memo(e.forwardRef((function(n,o){var u=e.useContext(t),f=T.getProps(n,u),g=K(e.useState(""),2),y=g[0],m=g[1],v=K(e.useState(f.expandedKeys),2),k=v[0],E=v[1],D=e.useRef(null),I=e.useRef([]),O=e.useRef(null),w=e.useRef(!1),N=f.onFilterValueChange?f.filterValue:y,P=f.onToggle?f.expandedKeys:k,M=T.setMetaData({props:f,state:{filterValue:N,expandedKeys:P}}),j=M.ptm,U=M.cx;r(T.css.styles,M.isUnstyled,{name:"tree"});var L={filter:function(e){return Z(e)},reset:function(){return re()}},F=function(e){f.onToggle?f.onToggle(e):E(e.value)},X=function(e){O.current={path:e.path,index:e.index}},V=function(){O.current=null},B=function e(n){if(Array.isArray(n))return n.map(e);if(n&&Object.getPrototypeOf(n)===Object.prototype){var t={};for(var o in n)t[o]="data"!==o?e(n[o]):n[o];return t}return n},_=function(e){if(z(O.current.path,e.path)){var n=B(f.value),t=O.current.path.split("-");t.pop();var o=G(n,t),r=o?o.children[O.current.index]:n[O.current.index],l=G(n,e.path.split("-"));l.children?l.children.push(r):l.children=[r],o?o.children.splice(O.current.index,1):n.splice(O.current.index,1),f.onDragDrop&&f.onDragDrop({originalEvent:e.originalEvent,value:n,dragNode:r,dropNode:l,dropIndex:e.index})}},H=function(e){if(Y(e)){var n=B(f.value),t=O.current.path.split("-");t.pop();var o=e.path.split("-");o.pop();var r=G(n,t),l=G(n,o),a=r?r.children[O.current.index]:n[O.current.index],i=q(O.current.path,e.path);if(r?r.children.splice(O.current.index,1):n.splice(O.current.index,1),e.position<0){var c=i?O.current.index>e.index?e.index:e.index-1:e.index;l?l.children.splice(c,0,a):n.splice(c,0,a)}else l?l.children.push(a):n.push(a);f.onDragDrop&&f.onDragDrop({originalEvent:e.originalEvent,value:n,dragNode:a,dropNode:l,dropIndex:e.index})}},$=function(e,n){return!!e&&(e!==n&&0!==n.indexOf(e))},z=function(e,n){return!!$(e,n)&&!(e.indexOf("-")>0&&e.substring(0,e.lastIndexOf("-"))===n)},Y=function(e){return!!$(O.current.path,e.path)&&(-1!==e.position||!q(O.current.path,e.path)||O.current.index+1!==e.index)},q=function(e,n){return 1===e.length&&1===n.length||e.substring(0,e.lastIndexOf("-"))===n.substring(0,n.lastIndexOf("-"))},G=function e(n,t){if(0===t.length)return null;var o=parseInt(t[0],10),r=n.children?n.children[o]:n[o];return 1===t.length?r:(t.shift(),e(r,t))},Q=function(e){return!1!==e.leaf&&!(e.children&&e.children.length)},W=function(e){13===e.which&&e.preventDefault()},Z=function(e){w.current=!0;var n=e.target.value;f.onFilterValueChange?f.onFilterValueChange({originalEvent:e,value:n}):m(n)},ee=function(e){m(p.isNotEmpty(e)?e:""),ne()},ne=function(){if(w.current){if(p.isEmpty(N))I.current=f.value;else{I.current=[];var e,n=f.filterBy.split(","),t=N.toLocaleLowerCase(f.filterLocale),o="strict"===f.filterMode,r=J(f.value);try{for(r.s();!(e=r.n()).done;){var l=R({},e.value),a={searchFields:n,filterText:t,isStrictMode:o};(o&&(te(l,a)||oe(l,a))||!o&&(oe(l,a)||te(l,a)))&&I.current.push(l)}}catch(e){r.e(e)}finally{r.f()}}w.current=!1}},te=function(e,n){if(e){var t=!1;if(e.children){var o=b(i=e.children)||x(i)||S(i)||C();e.children=[];var r,l=J(o);try{for(l.s();!(r=l.n()).done;){var a=R({},r.value);oe(a,n)&&(t=!0,e.children.push(a))}}catch(e){l.e(e)}finally{l.f()}}if(t)return e.expanded=!0,!0}var i},oe=function(e,n){var t,o=n.searchFields,r=n.filterText,l=n.isStrictMode,a=!1,i=J(o);try{for(i.s();!(t=i.n()).done;){String(p.resolveFieldData(e,t.value)).toLocaleLowerCase(f.filterLocale).indexOf(r)>-1&&(a=!0)}}catch(e){i.e(e)}finally{i.f()}return(!a||l&&!Q(e))&&(a=te(e,{searchFields:o,filterText:r,isStrictMode:l})||a),a},re=function(){m("")};e.useImperativeHandle(o,(function(){return{props:f,filter:ee,getElement:function(){return D.current}}}));var le=function(n,t,o){return e.createElement(A,{hostName:"Tree",key:n.key||n.label,node:n,checkboxIcon:f.checkboxIcon,collapseIcon:f.collapseIcon,contextMenuSelectionKey:f.contextMenuSelectionKey,cx:U,disabled:f.disabled,dragdropScope:f.dragdropScope,expandIcon:f.expandIcon,expandedKeys:P,index:t,isNodeLeaf:Q,last:o,metaKeySelection:f.metaKeySelection,nodeTemplate:f.nodeTemplate,onClick:f.onNodeClick,onCollapse:f.onCollapse,onContextMenu:f.onContextMenu,onContextMenuSelectionChange:f.onContextMenuSelectionChange,onDoubleClick:f.onNodeDoubleClick,onDragEnd:V,onDragStart:X,onDrop:_,onDropPoint:H,onExpand:f.onExpand,onSelect:f.onSelect,onSelectionChange:f.onSelectionChange,onToggle:F,onUnselect:f.onUnselect,originalOptions:f.value,path:String(t),propagateSelectionDown:f.propagateSelectionDown,propagateSelectionUp:f.propagateSelectionUp,ptm:j,selectionKeys:f.selectionKeys,selectionMode:f.selectionMode,togglerTemplate:f.togglerTemplate})},ae=function(){f.filter&&(w.current=!0,ne());var e=f.filter&&I.current?I.current:f.value;return e.map((function(n,t){return le(n,t,t===e.length-1)}))},ie=function(){if(f.filter){var n=p.isNotEmpty(N)?N:"",t=c({className:U("searchIcon")},j("searchIcon")),o=s.getJSXIcon(f.filterIcon||e.createElement(l,t),R({},t),{props:f}),r=c({className:U("filterContainer")},j("filterContainer")),a=c({type:"text",value:n,autoComplete:"off",className:U("input"),placeholder:f.filterPlaceholder,"aria-label":f.filterPlaceholder,onKeyDown:W,onChange:Z,disabled:f.disabled},j("input")),i=e.createElement("div",r,e.createElement("input",a),o);if(f.filterTemplate)i=p.getJSXElement(f.filterTemplate,{className:"p-tree-filter-container",element:i,filterOptions:L,filterInputKeyDown:W,filterInputChange:Z,filterIconClassName:"p-dropdown-filter-icon",props:f});return e.createElement(e.Fragment,null,i)}return null},ce=T.getOtherProps(f),de=p.reduceKeys(ce,d.ARIA_PROPS),pe=function(){if(f.loading){var n=c({className:U("loadingIcon")},j("loadingIcon")),t=f.loadingIcon||e.createElement(a,h({},n,{spin:!0})),o=s.getJSXIcon(t,R({},n),{props:f}),r=c({className:U("loadingOverlay")},j("loadingOverlay"));return e.createElement("div",r,o)}return null}(),se=function(){if(f.value){var n=ae(),t=c(R({className:i(f.contentClassName,U("container")),role:"tree",style:f.contentStyle},de),j("container"));return e.createElement("ul",t,n)}return null}(),ue=function(){if(f.showHeader){var n=ie(),t=n;if(f.header)t=p.getJSXElement(f.header,{filterContainerClassName:"p-tree-filter-container",filterIconClassName:"p-tree-filter-icon",filterInput:{className:"p-tree-filter p-inputtext p-component",onKeyDown:W,onChange:Z},filterElement:n,element:t,props:f});var o=c({className:U("header")},j("header"));return e.createElement("div",o,t)}return null}(),fe=function(){var n=p.getJSXElement(f.footer,f),t=c({className:U("footer")},j("footer"));return e.createElement("div",t,n)}(),ge=c({ref:D,className:i(f.className,U("root")),style:f.style,id:f.id},T.getOtherProps(f),j("root"));return e.createElement("div",ge,pe,ue,se,fe)})));B.displayName="Tree";export{B as Tree};
|
|
1
|
+
import*as e from"react";import{PrimeReactContext as n}from"primereact/api";import{ComponentBase as t,useHandleStyle as r}from"primereact/componentbase";import{SearchIcon as o}from"primereact/icons/search";import{SpinnerIcon as l}from"primereact/icons/spinner";import{classNames as a,mergeProps as i,DomHandler as c,ObjectUtils as d,IconUtils as u}from"primereact/utils";import{CheckIcon as p}from"primereact/icons/check";import{ChevronDownIcon as s}from"primereact/icons/chevrondown";import{ChevronRightIcon as f}from"primereact/icons/chevronright";import{MinusIcon as g}from"primereact/icons/minus";import{Ripple as m}from"primereact/ripple";function h(){return h=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},h.apply(this,arguments)}function y(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function v(e){if(Array.isArray(e))return y(e)}function b(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function x(e,n){if(e){if("string"==typeof e)return y(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?y(e,n):void 0}}function S(){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 E(e){return v(e)||b(e)||x(e)||S()}function k(e){return k="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},k(e)}function C(e,n){if("object"!==k(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==k(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function I(e){var n=C(e,"string");return"symbol"===k(n)?n:String(n)}function D(e,n,t){return(n=I(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function O(e){if(Array.isArray(e))return e}function w(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,l,a,i=[],c=!0,d=!1;try{if(l=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=l.call(t)).done)&&(i.push(r.value),i.length!==n);c=!0);}catch(e){d=!0,o=e}finally{try{if(!c&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(d)throw o}}return i}}function T(){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 N(e,n){return O(e)||w(e,n)||x(e,n)||T()}var K=t.extend({defaultProps:{__TYPE:"Tree",__parentMetadata:null,id:null,value:null,checkboxIcon:null,disabled:!1,selectionMode:null,selectionKeys:null,onSelectionChange:null,contextMenuSelectionKey:null,onContextMenuSelectionChange:null,expandedKeys:null,ariaLabel:null,ariaLabelledBy:null,style:null,className:null,contentStyle:null,contentClassName:null,metaKeySelection:!0,propagateSelectionUp:!0,propagateSelectionDown:!0,loading:!1,loadingIcon:null,expandIcon:null,collapseIcon:null,dragdropScope:null,header:null,footer:null,showHeader:!0,filter:!1,filterIcon:null,filterValue:null,filterBy:"label",filterMode:"lenient",filterPlaceholder:null,filterLocale:void 0,filterTemplate:null,level:0,nodeTemplate:null,togglerTemplate:null,onSelect:null,onUnselect:null,onExpand:null,onCollapse:null,onToggle:null,onDragDrop:null,onContextMenu:null,onFilterValueChange:null,onNodeClick:null,onNodeDoubleClick:null,children:void 0},css:{classes:{container:"p-tree-container",loadingIcon:"p-tree-loading-icon",loadingOverlay:"p-tree-loading-overlay p-component-overlay",searchIcon:"p-tree-filter-icon",filterContainer:"p-tree-filter-container",input:"p-tree-filter p-inputtext p-component",header:"p-tree-header",footer:"p-tree-footer",root:function(e){var n=e.props;return a("p-tree p-component",{"p-tree-selectable":n.selectionMode,"p-tree-loading":n.loading,"p-disabled":n.disabled})},label:"p-treenode-label",checkboxIcon:"p-checkbox-icon p-c",checkboxContainer:"p-checkbox p-component",checkbox:function(e){return a("p-checkbox-box",{"p-highlight":e.checked,"p-indeterminate":e.partialChecked,"p-disabled":e.nodeProps.disabled})},nodeIcon:"p-treenode-icon",togglerIcon:"p-tree-toggler-icon",toggler:"p-tree-toggler p-link",droppoint:"p-treenode-droppoint",content:function(e){var n=e.nodeProps,t=e.checked,r=e.selected;return a("p-treenode-content",{"p-treenode-selectable":n.selectionMode&&!1!==n.node.selectable,"p-highlight":(0,e.isCheckboxSelectionMode)()?t:r,"p-highlight-contextmenu":n.contextMenuSelectionKey&&n.contextMenuSelectionKey===n.node.key,"p-disabled":n.disabled})},subgroup:"p-treenode-children",node:function(e){return a("p-treenode",{"p-treenode-leaf":e.isLeaf})}},styles:"\n@layer primereact {\n .p-tree-container {\n margin: 0;\n padding: 0;\n list-style-type: none;\n overflow: auto;\n }\n\n .p-treenode-children {\n margin: 0;\n padding: 0;\n list-style-type: none;\n }\n\n .p-treenode-selectable {\n cursor: pointer;\n user-select: none;\n }\n\n .p-tree-toggler {\n cursor: pointer;\n user-select: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n overflow: hidden;\n position: relative;\n }\n\n .p-treenode-leaf > .p-treenode-content .p-tree-toggler {\n visibility: hidden;\n }\n\n .p-treenode-content {\n display: flex;\n align-items: center;\n }\n\n .p-tree-filter {\n width: 100%;\n }\n\n .p-tree-filter-container {\n position: relative;\n display: block;\n width: 100%;\n }\n\n .p-tree-filter-icon {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n }\n\n .p-tree-loading {\n position: relative;\n min-height: 4rem;\n }\n\n .p-tree .p-tree-loading-overlay {\n position: absolute;\n z-index: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n}\n"}});function M(e,n){var t="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!t){if(Array.isArray(e)||(t=P(e))||n&&e&&"number"==typeof e.length){t&&(e=t);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,a=!0,i=!1;return{s:function(){t=t.call(e)},n:function(){var e=t.next();return a=e.done,e},e:function(e){i=!0,l=e},f:function(){try{a||null==t.return||t.return()}finally{if(i)throw l}}}}function P(e,n){if(e){if("string"==typeof e)return j(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?j(e,n):void 0}}function j(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function A(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function U(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?A(Object(t),!0).forEach((function(n){D(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):A(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var L=e.memo((function(n){var t,r,o,l,h,y,v,b=e.useRef(null),x=e.useRef(null),S=e.useRef(!1),k=n.isNodeLeaf(n.node),C=n.node.label,I=!!n.expandedKeys&&void 0!==n.expandedKeys[n.node.key]||n.node.expanded,O=n.ptm,w=n.cx,T=function(e){return O(e,{hostName:n.hostName,context:{selected:!ie()&&te(),expanded:I||!1,checked:!!ie()&&re(),isLeaf:k}})},N=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r=n.expandedKeys?U({},n.expandedKeys):{};r[n.node.key]=!0,n.onToggle({originalEvent:e,value:r,navigateFocusToChild:t}),j(e,!0)},K=function(e){var t=U({},n.expandedKeys);delete t[n.node.key],n.onToggle({originalEvent:e,value:t}),j(e,!1)},P=function(e){n.disabled||(I?K(e):N(e,!1),e.preventDefault(),e.stopPropagation())},j=function(e,t){t?n.onExpand&&n.onExpand({originalEvent:e,node:n.node}):n.onCollapse&&n.onCollapse({originalEvent:e,node:n.node})},A=function e(n){var t=F(n);return t?t.nextElementSibling||e(t):null},R=function e(n){var t=n.children[1];return t?e(t.children[t.children.length-1]):n},F=function(e){var n=e.parentElement.parentElement;return c.hasClass(n,"p-treenode")?n:null},J=function(e){n.onClick&&n.onClick({originalEvent:e,node:n.node});var t=e.target.nodeName;if(!n.disabled&&"INPUT"!==t&&"BUTTON"!==t&&"A"!==t&&!c.hasClass(e.target,"p-clickable")){if(n.selectionMode&&!1!==n.node.selectable){var r;if(ie()){var o=re();r=n.selectionKeys?U({},n.selectionKeys):{},o?(n.propagateSelectionDown?ne(n.node,!1,r):delete r[n.node.key],n.propagateSelectionUp&&n.onPropagateUp&&n.onPropagateUp({originalEvent:e,check:!1,selectionKeys:r}),n.onUnselect&&n.onUnselect({originalEvent:e,node:n.node})):(n.propagateSelectionDown?ne(n.node,!0,r):r[n.node.key]={checked:!0},n.propagateSelectionUp&&n.onPropagateUp&&n.onPropagateUp({originalEvent:e,check:!0,selectionKeys:r}),n.onSelect&&n.onSelect({originalEvent:e,node:n.node}))}else{var l=te();if(!S.current&&n.metaKeySelection){var a=e.metaKey||e.ctrlKey;l&&a?(le()?r=null:delete(r=U({},n.selectionKeys))[n.node.key],n.onUnselect&&n.onUnselect({originalEvent:e,node:n.node})):(le()?r=n.node.key:ae()&&((r=a&&n.selectionKeys?U({},n.selectionKeys):{})[n.node.key]=!0),n.onSelect&&n.onSelect({originalEvent:e,node:n.node}))}else le()?l?(r=null,n.onUnselect&&n.onUnselect({originalEvent:e,node:n.node})):(r=n.node.key,n.onSelect&&n.onSelect({originalEvent:e,node:n.node})):l?(delete(r=U({},n.selectionKeys))[n.node.key],n.onUnselect&&n.onUnselect({originalEvent:e,node:n.node})):((r=n.selectionKeys?U({},n.selectionKeys):{})[n.node.key]=!0,n.onSelect&&n.onSelect({originalEvent:e,node:n.node}))}n.onSelectionChange&&n.onSelectionChange({originalEvent:e,value:r})}S.current=!1}},X=function(e){n.onDoubleClick&&n.onDoubleClick({originalEvent:e,node:n.node})},B=function(e){n.disabled||(c.clearSelection(),n.onContextMenuSelectionChange&&n.onContextMenuSelectionChange({originalEvent:e,value:n.node.key}),n.onContextMenu&&n.onContextMenu({originalEvent:e,node:n.node}))},V=function(e){if(oe(e))switch(e.code){case"Tab":q();break;case"ArrowDown":_(e);break;case"ArrowUp":H(e);break;case"ArrowRight":$(e);break;case"ArrowLeft":z(e);break;case"Enter":case"NumpadEnter":case"Space":Y(e)}},_=function(e){var n="toggler"===e.target.getAttribute("data-pc-section")?e.target.closest('[role="treeitem"]'):e.target,t=n.children[1];if(t)W(n,t.children[0]);else if(n.nextElementSibling)W(n,n.nextElementSibling);else{var r=A(n);r&&W(n,r)}e.preventDefault()},H=function(e){var n=e.target;if(n.previousElementSibling)W(n,n.previousElementSibling,R(n.previousElementSibling));else{var t=F(n);t&&W(n,t)}e.preventDefault()},$=function(e){k||I||(e.currentTarget.tabIndex=-1,N(e,!0))},z=function(e){var t=c.findSingle(e.currentTarget,'[data-pc-section="toggler"]');if(0===n.level&&!I)return!1;if(I&&!k)return t.click(),!1;var r=Z(e.currentTarget);r&&W(e.currentTarget,r)},Y=function(e){Q(e,S.current),J(e),e.preventDefault()},q=function(){G()},G=function(){var e=c.find(b.current.closest('[data-pc-section="container"]'),'[role="treeitem"]'),n=E(e).some((function(e){return"true"===e.getAttribute("aria-selected")||"true"===e.getAttribute("aria-checked")}));if(E(e).forEach((function(e){e.tabIndex=-1})),n){var t=E(e).filter((function(e){return"true"===e.getAttribute("aria-selected")||"true"===e.getAttribute("aria-checked")}));t[0].tabIndex=0}else E(e)[0].tabIndex=0},Q=function(e,t){if(null!==n.selectionMode){var r=E(c.find(x.current.parentElement,'[role="treeitem"]'));e.currentTarget.tabIndex=!1===t?-1:0,r.every((function(e){return-1===e.tabIndex}))&&(r[0].tabIndex=0)}},W=function(e,n,t){var r;e.tabIndex="-1",n.tabIndex="0",(r=t||n)&&r.focus()},Z=function e(n){var t=n.closest("ul").closest("li");if(t){var r=c.findSingle(t,"button");return r&&"hidden"!==r.style.visibility?t:e(n.previousElementSibling)}return null},ee=function(e){var t,r=e.check,o=e.selectionKeys,l=M(n.node.children);try{for(l.s();!(t=l.n()).done;){var a=t.value;o[a.key]&&o[a.key].checked&&0}}catch(e){l.e(e)}finally{l.f()}var i=n.node.key,c=d.findChildrenByKey(n.originalOptions,i),u=c.some((function(e){return e.key in o})),p=c.every((function(e){return e.key in o&&o[e.key].checked}));u&&!p?o[i]={checked:!1,partialChecked:!0}:p?o[i]={checked:!0,partialChecked:!1}:r?o[i]={checked:!1,partialChecked:!1}:delete o[i],n.propagateSelectionUp&&n.onPropagateUp&&n.onPropagateUp(e)},ne=function e(n,t,r){if(t?r[n.key]={checked:!0,partialChecked:!1}:delete r[n.key],n.children&&n.children.length)for(var o=0;o<n.children.length;o++)e(n.children[o],t,r)},te=function(){return!(!n.selectionMode||!n.selectionKeys)&&(le()?n.selectionKeys===n.node.key:void 0!==n.selectionKeys[n.node.key])},re=function(){return!!n.selectionKeys&&(n.selectionKeys[n.node.key]&&n.selectionKeys[n.node.key].checked)||!1},oe=function(e){return e.currentTarget&&(e.currentTarget.isSameNode(e.target)||e.currentTarget.isSameNode(e.target.closest('[role="treeitem"]')))},le=function(){return n.selectionMode&&"single"===n.selectionMode},ae=function(){return n.selectionMode&&"multiple"===n.selectionMode},ie=function(){return n.selectionMode&&"checkbox"===n.selectionMode},ce=function(){S.current=!0},de=function(e,t){(e.preventDefault(),!1!==n.node.droppable)&&(c.removeClass(e.target,"p-treenode-droppoint-active"),n.onDropPoint&&n.onDropPoint({originalEvent:e,path:n.path,index:-1===t?n.index:n.index+1,position:t}))},ue=function(e){e.dataTransfer.types[1]===n.dragdropScope.toLocaleLowerCase()&&(e.dataTransfer.dropEffect="move",e.preventDefault())},pe=function(e){e.dataTransfer.types[1]===n.dragdropScope.toLocaleLowerCase()&&c.addClass(e.target,"p-treenode-droppoint-active")},se=function(e){e.dataTransfer.types[1]===n.dragdropScope.toLocaleLowerCase()&&c.removeClass(e.target,"p-treenode-droppoint-active")},fe=function(e){n.dragdropScope&&!1!==n.node.droppable&&(c.removeClass(b.current,"p-treenode-dragover"),e.preventDefault(),e.stopPropagation(),n.onDrop&&n.onDrop({originalEvent:e,path:n.path,index:n.index}))},ge=function(e){e.dataTransfer.types[1]===n.dragdropScope.toLocaleLowerCase()&&!1!==n.node.droppable&&(e.dataTransfer.dropEffect="move",e.preventDefault(),e.stopPropagation())},me=function(e){e.dataTransfer.types[1]===n.dragdropScope.toLocaleLowerCase()&&!1!==n.node.droppable&&c.addClass(b.current,"p-treenode-dragover")},he=function(e){if(e.dataTransfer.types[1]===n.dragdropScope.toLocaleLowerCase()&&!1!==n.node.droppable){var t=e.currentTarget.getBoundingClientRect();(e.nativeEvent.x>t.left+t.width||e.nativeEvent.x<t.left||e.nativeEvent.y>=Math.floor(t.top+t.height)||e.nativeEvent.y<t.top)&&c.removeClass(b.current,"p-treenode-dragover")}},ye=function(e){e.dataTransfer.setData("text",n.dragdropScope),e.dataTransfer.setData(n.dragdropScope,n.dragdropScope),n.onDragStart&&n.onDragStart({originalEvent:e,path:n.path,index:n.index})},ve=function(e){n.onDragEnd&&n.onDragEnd({originalEvent:e})},be=function(){var t=i({className:w("label")},T("label")),r=e.createElement("span",t,C);n.nodeTemplate&&(r=d.getJSXElement(n.nodeTemplate,n.node,{onTogglerClick:P,className:"p-treenode-label",element:r,props:n,expanded:I}));return r},xe=function(){if(ie()&&!1!==n.node.selectable){var t=re(),r=!!n.selectionKeys&&n.selectionKeys[n.node.key]&&n.selectionKeys[n.node.key].partialChecked,o=i({className:w("checkboxIcon")},T("checkboxIcon")),l=u.getJSXIcon(t?n.checkboxIcon||e.createElement(p,o):r?n.checkboxIcon||e.createElement(g,o):null,U({},o),n),a=i({"aria-hidden":!0,className:w("checkboxContainer")},T("checkboxContainer")),c=i({className:w("checkbox",{checked:t,partialChecked:r,nodeProps:n}),role:"checkbox"},T("checkbox"));return e.createElement("div",a,e.createElement("div",c,l))}return null},Se=function(){var t=n.node.icon||(I?n.node.expandedIcon:n.node.collapsedIcon);if(t){var r=i({className:a(t,w("nodeIcon"))},T("nodeIcon"));return e.createElement("span",r)}return null},Ee=function(){var t=i({className:w("togglerIcon"),"aria-hidden":!0},T("togglerIcon")),r=u.getJSXIcon(I?n.collapseIcon||e.createElement(s,t):n.expandIcon||e.createElement(f,t),U({},t),{props:n,expanded:I}),o=i({type:"button",className:w("toggler"),tabIndex:-1,"aria-hidden":!0,onClick:P},T("toggler")),l=e.createElement("button",o,r,e.createElement(m,null));n.togglerTemplate&&(l=d.getJSXElement(n.togglerTemplate,n.node,{onClick:P,containerClassName:"p-tree-toggler p-link",iconClassName:"p-tree-toggler-icon",element:l,props:n,expanded:I}));return l},ke=function(t){if(n.dragdropScope){var r=i({className:w("droppoint"),onDrop:function(e){return de(e,t)},onDragOver:ue,onDragEnter:pe,onDragLeave:se},T("droppoint"));return e.createElement("li",r)}return null},Ce=function(){var t=te(),r=re(),o=Ee(),l=xe(),c=Se(),d=be(),u=i({ref:b,className:a(n.node.className,w("content",{checked:r,selected:t,nodeProps:n,isCheckboxSelectionMode:ie})),style:n.node.style,onClick:J,onDoubleClick:X,onContextMenu:B,onTouchEnd:ce,draggable:n.dragdropScope&&!1!==n.node.draggable&&!n.disabled,onDrop:fe,onDragOver:ge,onDragEnter:me,onDragLeave:he,onDragStart:ye,onDragEnd:ve},T("content"));return e.createElement("div",u,o,l,c,d)},Ie=(r=n.disabled||0!==n.index?-1:0,o=te(),l=re(),h=Ce(),t=i({className:w("subgroup"),role:"group"},T("subgroup")),y=d.isNotEmpty(n.node.children)&&I?e.createElement("ul",t,n.node.children.map((function(t,r){return e.createElement(L,{key:t.key||t.label,node:t,checkboxIcon:n.checkboxIcon,collapseIcon:n.collapseIcon,contextMenuSelectionKey:n.contextMenuSelectionKey,cx:w,disabled:n.disabled,dragdropScope:n.dragdropScope,expandIcon:n.expandIcon,expandedKeys:n.expandedKeys,index:r,isNodeLeaf:n.isNodeLeaf,last:r===n.node.children.length-1,metaKeySelection:n.metaKeySelection,nodeTemplate:n.nodeTemplate,onClick:n.onClick,onCollapse:n.onCollapse,onContextMenu:n.onContextMenu,onContextMenuSelectionChange:n.onContextMenuSelectionChange,onDoubleClick:n.onDoubleClick,onDragEnd:n.onDragEnd,onDragStart:n.onDragStart,onDrop:n.onDrop,onDropPoint:n.onDropPoint,onExpand:n.onExpand,onPropagateUp:ee,onSelect:n.onSelect,onSelectionChange:n.onSelectionChange,onToggle:n.onToggle,onUnselect:n.onUnselect,originalOptions:n.originalOptions,parent:n.node,path:n.path+"-"+r,propagateSelectionDown:n.propagateSelectionDown,propagateSelectionUp:n.propagateSelectionUp,ptm:O,selectionKeys:n.selectionKeys,selectionMode:n.selectionMode,togglerTemplate:n.togglerTemplate})}))):null,v=i(D(D({ref:x,className:a(n.node.className,w("node",{isLeaf:k})),style:n.node.style,tabIndex:r,role:"treeitem","aria-label":C,"aria-level":n.level,"aria-expanded":I,"aria-checked":l,"aria-setsize":n.node.children?n.node.children.length:0,"aria-posinset":n.index+1,onKeyDown:V},"aria-expanded",I),"aria-selected",l||o),T("node")),e.createElement("li",v,h,y));if(n.dragdropScope&&!n.disabled){var De=ke(-1),Oe=n.last?ke(1):null;return e.createElement(e.Fragment,null,De,Ie,Oe)}return Ie}));L.displayName="UITreeNode";function R(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function F(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?R(Object(t),!0).forEach((function(n){D(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):R(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function J(e,n){var t="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!t){if(Array.isArray(e)||(t=X(e))||n&&e&&"number"==typeof e.length){t&&(e=t);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,a=!0,i=!1;return{s:function(){t=t.call(e)},n:function(){var e=t.next();return a=e.done,e},e:function(e){i=!0,l=e},f:function(){try{a||null==t.return||t.return()}finally{if(i)throw l}}}}function X(e,n){if(e){if("string"==typeof e)return B(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?B(e,n):void 0}}function B(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}var V=e.memo(e.forwardRef((function(t,p){var s=e.useContext(n),f=K.getProps(t,s),g=N(e.useState(""),2),m=g[0],y=g[1],v=N(e.useState(f.expandedKeys),2),b=v[0],x=v[1],S=e.useRef(null),k=e.useRef([]),C=e.useRef(null),I=e.useRef(!1),D=f.onFilterValueChange?f.filterValue:m,O=f.onToggle?f.expandedKeys:b,w=e.useRef(null),T=K.setMetaData({props:f,state:{filterValue:D,expandedKeys:O}}),M=T.ptm,P=T.cx;r(K.css.styles,T.isUnstyled,{name:"tree"});var j,A,U,R={filter:function(e){return ee(e)},reset:function(){return le()}},X=function(e){var n=e.originalEvent,t=e.navigateFocusToChild;f.onToggle?f.onToggle({originalEvent:n,value:e.value}):(t&&(w.current=n),x(e.value))};j=function(){if(w.current){var e=w.current,n="toggler"===e.target.getAttribute("data-pc-section")?e.target.closest('[role="treeitem"]'):e.target,t=n.children[1].children[0];n.tabIndex="-1",t.tabIndex="0",t.focus(),w.current=null}},A=[O],U=e.useRef(!1),e.useEffect((function(){if(U.current)return j&&j();U.current=!0}),A);var B=function(e){C.current={path:e.path,index:e.index}},V=function(){C.current=null},_=function e(n){if(Array.isArray(n))return n.map(e);if(n&&Object.getPrototypeOf(n)===Object.prototype){var t={};for(var r in n)t[r]="data"!==r?e(n[r]):n[r];return t}return n},H=function(e){if(Y(C.current.path,e.path)){var n=_(f.value),t=C.current.path.split("-");t.pop();var r=Q(n,t),o=r?r.children[C.current.index]:n[C.current.index],l=Q(n,e.path.split("-"));l.children?l.children.push(o):l.children=[o],r?r.children.splice(C.current.index,1):n.splice(C.current.index,1),f.onDragDrop&&f.onDragDrop({originalEvent:e.originalEvent,value:n,dragNode:o,dropNode:l,dropIndex:e.index})}},$=function(e){if(q(e)){var n=_(f.value),t=C.current.path.split("-");t.pop();var r=e.path.split("-");r.pop();var o=Q(n,t),l=Q(n,r),a=o?o.children[C.current.index]:n[C.current.index],i=G(C.current.path,e.path);if(o?o.children.splice(C.current.index,1):n.splice(C.current.index,1),e.position<0){var c=i?C.current.index>e.index?e.index:e.index-1:e.index;l?l.children.splice(c,0,a):n.splice(c,0,a)}else l?l.children.push(a):n.push(a);f.onDragDrop&&f.onDragDrop({originalEvent:e.originalEvent,value:n,dragNode:a,dropNode:l,dropIndex:e.index})}},z=function(e,n){return!!e&&(e!==n&&0!==n.indexOf(e))},Y=function(e,n){return!!z(e,n)&&!(e.indexOf("-")>0&&e.substring(0,e.lastIndexOf("-"))===n)},q=function(e){return!!z(C.current.path,e.path)&&(-1!==e.position||!G(C.current.path,e.path)||C.current.index+1!==e.index)},G=function(e,n){return 1===e.length&&1===n.length||e.substring(0,e.lastIndexOf("-"))===n.substring(0,n.lastIndexOf("-"))},Q=function e(n,t){if(0===t.length)return null;var r=parseInt(t[0],10),o=n.children?n.children[r]:n[r];return 1===t.length?o:(t.shift(),e(o,t))},W=function(e){return!1!==e.leaf&&!(e.children&&e.children.length)},Z=function(e){13===e.which&&e.preventDefault()},ee=function(e){I.current=!0;var n=e.target.value;f.onFilterValueChange?f.onFilterValueChange({originalEvent:e,value:n}):y(n)},ne=function(e){y(d.isNotEmpty(e)?e:""),te()},te=function(){if(I.current){if(d.isEmpty(D))k.current=f.value;else{k.current=[];var e,n=f.filterBy.split(","),t=D.toLocaleLowerCase(f.filterLocale),r="strict"===f.filterMode,o=J(f.value);try{for(o.s();!(e=o.n()).done;){var l=F({},e.value),a={searchFields:n,filterText:t,isStrictMode:r};(r&&(re(l,a)||oe(l,a))||!r&&(oe(l,a)||re(l,a)))&&k.current.push(l)}}catch(e){o.e(e)}finally{o.f()}}I.current=!1}},re=function(e,n){if(e){var t=!1;if(e.children){var r=E(e.children);e.children=[];var o,l=J(r);try{for(l.s();!(o=l.n()).done;){var a=F({},o.value);oe(a,n)&&(t=!0,e.children.push(a))}}catch(e){l.e(e)}finally{l.f()}}if(t)return e.expanded=!0,!0}},oe=function(e,n){var t,r=n.searchFields,o=n.filterText,l=n.isStrictMode,a=!1,i=J(r);try{for(i.s();!(t=i.n()).done;){String(d.resolveFieldData(e,t.value)).toLocaleLowerCase(f.filterLocale).indexOf(o)>-1&&(a=!0)}}catch(e){i.e(e)}finally{i.f()}return(!a||l&&!W(e))&&(a=re(e,{searchFields:r,filterText:o,isStrictMode:l})||a),a},le=function(){y("")};e.useImperativeHandle(p,(function(){return{props:f,filter:ne,getElement:function(){return S.current}}}));var ae=function(n,t,r){return e.createElement(L,{hostName:"Tree",key:n.key||n.label,node:n,level:f.level+1,originalOptions:f.value,index:t,last:r,path:String(t),checkboxIcon:f.checkboxIcon,collapseIcon:f.collapseIcon,contextMenuSelectionKey:f.contextMenuSelectionKey,cx:P,disabled:f.disabled,dragdropScope:f.dragdropScope,expandIcon:f.expandIcon,expandedKeys:O,isNodeLeaf:W,metaKeySelection:f.metaKeySelection,nodeTemplate:f.nodeTemplate,onClick:f.onNodeClick,onCollapse:f.onCollapse,onContextMenu:f.onContextMenu,onContextMenuSelectionChange:f.onContextMenuSelectionChange,onDoubleClick:f.onNodeDoubleClick,onDragEnd:V,onDragStart:B,onDrop:H,onDropPoint:$,onExpand:f.onExpand,onSelect:f.onSelect,onSelectionChange:f.onSelectionChange,onToggle:X,onUnselect:f.onUnselect,propagateSelectionDown:f.propagateSelectionDown,propagateSelectionUp:f.propagateSelectionUp,ptm:M,selectionKeys:f.selectionKeys,selectionMode:f.selectionMode,togglerTemplate:f.togglerTemplate})},ie=function(){f.filter&&(I.current=!0,te());var e=f.filter&&k.current?k.current:f.value;return e.map((function(n,t){return ae(n,t,t===e.length-1)}))},ce=function(){if(f.filter){var n=d.isNotEmpty(D)?D:"",t=i({className:P("searchIcon")},M("searchIcon")),r=u.getJSXIcon(f.filterIcon||e.createElement(o,t),F({},t),{props:f}),l=i({className:P("filterContainer")},M("filterContainer")),a=i({type:"text",value:n,autoComplete:"off",className:P("input"),placeholder:f.filterPlaceholder,"aria-label":f.filterPlaceholder,onKeyDown:Z,onChange:ee,disabled:f.disabled},M("input")),c=e.createElement("div",l,e.createElement("input",a),r);if(f.filterTemplate)c=d.getJSXElement(f.filterTemplate,{className:"p-tree-filter-container",element:c,filterOptions:R,filterInputKeyDown:Z,filterInputChange:ee,filterIconClassName:"p-dropdown-filter-icon",props:f});return e.createElement(e.Fragment,null,c)}return null},de=K.getOtherProps(f),ue=d.reduceKeys(de,c.ARIA_PROPS),pe=function(){if(f.loading){var n=i({className:P("loadingIcon")},M("loadingIcon")),t=f.loadingIcon||e.createElement(l,h({},n,{spin:!0})),r=u.getJSXIcon(t,F({},n),{props:f}),o=i({className:P("loadingOverlay")},M("loadingOverlay"));return e.createElement("div",o,r)}return null}(),se=function(){if(f.value){var n=ie(),t=i(F({className:a(f.contentClassName,P("container")),role:"tree","aria-label":f.ariaLabel,"aria-labelledby":f.ariaLabelledBy,style:f.contentStyle},ue),M("container"));return e.createElement("ul",t,n)}return null}(),fe=function(){if(f.showHeader){var n=ce(),t=n;if(f.header)t=d.getJSXElement(f.header,{filterContainerClassName:"p-tree-filter-container",filterIconClassName:"p-tree-filter-icon",filterInput:{className:"p-tree-filter p-inputtext p-component",onKeyDown:Z,onChange:ee},filterElement:n,element:t,props:f});var r=i({className:P("header")},M("header"));return e.createElement("div",r,t)}return null}(),ge=function(){var n=d.getJSXElement(f.footer,f),t=i({className:P("footer")},M("footer"));return e.createElement("div",t,n)}(),me=i({ref:S,className:a(f.className,P("root")),style:f.style,id:f.id},K.getOtherProps(f),M("root"));return e.createElement("div",me,pe,fe,se,ge)})));V.displayName="Tree";export{V as Tree};
|