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
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.inputswitch=function(e,t,n,r,o,i,u){"use strict";function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var l=c(t);function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a.apply(this,arguments)}function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function p(e,t){if("object"!==s(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==s(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function f(e){var t=p(e,"string");return"symbol"===s(t)?t:String(t)}function d(e){if(Array.isArray(e))return e}function m(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,u,c=[],l=!0,a=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=i.call(n)).done)&&(c.push(r.value),c.length!==t);l=!0);}catch(e){a=!0,o=e}finally{try{if(!l&&null!=n.return&&(u=n.return(),Object(u)!==u))return}finally{if(a)throw o}}return c}}function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function y(e,t){if(e){if("string"==typeof e)return b(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?b(e,t):void 0}}function h(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var v=
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.inputswitch=function(e,t,n,r,o,i,u){"use strict";function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var l=c(t);function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a.apply(this,arguments)}function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function p(e,t){if("object"!==s(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==s(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function f(e){var t=p(e,"string");return"symbol"===s(t)?t:String(t)}function d(e){if(Array.isArray(e))return e}function m(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,u,c=[],l=!0,a=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=i.call(n)).done)&&(c.push(r.value),c.length!==t);l=!0);}catch(e){a=!0,o=e}finally{try{if(!l&&null!=n.return&&(u=n.return(),Object(u)!==u))return}finally{if(a)throw o}}return c}}function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function y(e,t){if(e){if("string"==typeof e)return b(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?b(e,t):void 0}}function h(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var v=r.ComponentBase.extend({defaultProps:{__TYPE:"InputSwitch",autoFocus:!1,checked:!1,className:null,disabled:!1,falseValue:!1,id:null,inputId:null,inputRef:null,name:null,onBlur:null,onChange:null,onFocus:null,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,trueValue:!0,children:void 0},css:{classes:{root:function(e){return u.classNames("p-inputswitch p-component",{"p-inputswitch-checked":e.checked,"p-disabled":e.props.disabled,"p-focus":e.focusedState})},slider:"p-inputswitch-slider"},styles:'\n@layer primereact {\n .p-inputswitch {\n position: relative;\n display: inline-block;\n }\n \n .p-inputswitch-slider {\n position: absolute;\n cursor: pointer;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border: 1px solid transparent;\n }\n \n .p-inputswitch-slider:before {\n position: absolute;\n content: "";\n top: 50%;\n }\n}\n'}});function g(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function O(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?g(Object(n),!0).forEach((function(t){var r,o,i;r=e,i=n[t],(o=f(o=t))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):g(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var j=l.memo(l.forwardRef((function(e,t){var c,s,p=l.useContext(n.PrimeReactContext),f=v.getProps(e,p),b=l.useState(!1),g=(s=2,d(c=b)||m(c,s)||y(c,s)||h()),j=g[0],w=g[1],P=v.setMetaData({props:f,state:{focused:j}}),S=P.ptm,E=P.cx;r.useHandleStyle(v.css.styles,P.isUnstyled,{name:"inputswitch"});var I=l.useRef(null),k=l.useRef(f.inputRef),D=f.checked===f.trueValue,R=function(e){if(f.onChange){var t=D?f.falseValue:f.trueValue;f.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:f.name,id:f.id,value:t}})}};l.useImperativeHandle(t,(function(){return{props:f,focus:function(){return u.DomHandler.focus(k.current)},getElement:function(){return I.current},getInput:function(){return k.current}}})),l.useEffect((function(){u.ObjectUtils.combinedRefs(k,f.inputRef)}),[k,f.inputRef]),o.useMountEffect((function(){f.autoFocus&&u.DomHandler.focus(k.current,f.autoFocus)}));var x=u.ObjectUtils.isNotEmpty(f.tooltip),N=v.getOtherProps(f),C=u.ObjectUtils.reduceKeys(N,u.DomHandler.ARIA_PROPS),A=u.mergeProps({className:u.classNames(f.className,E("root",{focusedState:j,checked:D})),style:f.style,onClick:function(e){f.disabled||(R(e),u.DomHandler.focus(k.current),e.preventDefault())},role:"checkbox","aria-checked":D},N,S("root")),F=u.mergeProps({className:"p-hidden-accessible"},S("hiddenInputWrapper")),_=u.mergeProps(O({type:"checkbox",id:f.inputId,name:f.name,checked:D,onChange:R,onFocus:function(e){w(!0),f.onFocus&&f.onFocus(e)},onBlur:function(e){w(!1),f.onBlur&&f.onBlur(e)},disabled:f.disabled,role:"switch",tabIndex:f.tabIndex,"aria-checked":D},C),S("hiddenInput")),H=u.mergeProps({className:E("slider")},S("slider"));return l.createElement(l.Fragment,null,l.createElement("div",a({id:f.id,ref:I},A),l.createElement("div",F,l.createElement("input",a({ref:k},_))),l.createElement("span",H)),x&&l.createElement(i.Tooltip,a({target:I,content:f.tooltip},f.tooltipOptions,{pt:S("tooltip")})))})));return j.displayName="InputSwitch",e.InputSwitch=j,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.tooltip,primereact.utils);
|
|
@@ -100,15 +100,16 @@ var InputTextBase = componentbase.ComponentBase.extend({
|
|
|
100
100
|
defaultProps: {
|
|
101
101
|
__TYPE: 'InputText',
|
|
102
102
|
__parentMetadata: null,
|
|
103
|
+
children: undefined,
|
|
104
|
+
className: null,
|
|
103
105
|
keyfilter: null,
|
|
104
|
-
validateOnly: false,
|
|
105
|
-
tooltip: null,
|
|
106
|
-
tooltipOptions: null,
|
|
107
106
|
onBeforeInput: null,
|
|
108
107
|
onInput: null,
|
|
109
108
|
onKeyDown: null,
|
|
110
109
|
onPaste: null,
|
|
111
|
-
|
|
110
|
+
tooltip: null,
|
|
111
|
+
tooltipOptions: null,
|
|
112
|
+
validateOnly: false
|
|
112
113
|
},
|
|
113
114
|
css: {
|
|
114
115
|
classes: classes
|
|
@@ -172,9 +173,9 @@ var InputText = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
|
|
|
172
173
|
}, [props.value, props.defaultValue]);
|
|
173
174
|
var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
|
|
174
175
|
var rootProps = utils.mergeProps({
|
|
175
|
-
className: cx('root', {
|
|
176
|
+
className: utils.classNames(props.className, cx('root', {
|
|
176
177
|
isFilled: isFilled
|
|
177
|
-
}),
|
|
178
|
+
})),
|
|
178
179
|
onBeforeInput: onBeforeInput,
|
|
179
180
|
onInput: onInput,
|
|
180
181
|
onKeyDown: onKeyDown,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/componentbase"),n=require("primereact/keyfilter"),o=require("primereact/tooltip"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/componentbase"),n=require("primereact/keyfilter"),o=require("primereact/tooltip"),l=require("primereact/utils");function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var a=i(e);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},u.apply(this,arguments)}function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function c(e,t){if("object"!==s(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==s(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function p(e){var t=c(e,"string");return"symbol"===s(t)?t:String(t)}var f=r.ComponentBase.extend({defaultProps:{__TYPE:"InputText",__parentMetadata:null,children:void 0,className:null,keyfilter:null,onBeforeInput:null,onInput:null,onKeyDown:null,onPaste:null,tooltip:null,tooltipOptions:null,validateOnly:!1},css:{classes:{root:function(e){var t=e.props;return l.classNames("p-inputtext p-component",{"p-disabled":t.disabled,"p-filled":e.isFilled},t.className)}}}});function y(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function m(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?y(Object(r),!0).forEach((function(t){var n,o,l;n=e,l=r[t],(o=p(o=t))in n?Object.defineProperty(n,o,{value:l,enumerable:!0,configurable:!0,writable:!0}):n[o]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):y(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var b=a.memo(a.forwardRef((function(e,i){var s=a.useContext(t.PrimeReactContext),c=f.getProps(e,s),p=f.setMetaData(m(m({props:c},c.__parentMetadata),{},{context:{disabled:c.disabled}})),y=p.ptm,b=p.cx;r.useHandleStyle(f.css.styles,p.isUnstyled,{name:"inputtext",styled:!0});var d=a.useRef(i);a.useEffect((function(){l.ObjectUtils.combinedRefs(d,i)}),[d,i]);var O=a.useMemo((function(){return l.ObjectUtils.isNotEmpty(c.value)||l.ObjectUtils.isNotEmpty(c.defaultValue)}),[c.value,c.defaultValue]),v=l.ObjectUtils.isNotEmpty(c.tooltip),j=l.mergeProps({className:l.classNames(c.className,b("root",{isFilled:O})),onBeforeInput:function(e){c.onBeforeInput&&c.onBeforeInput(e),c.keyfilter&&n.KeyFilter.onBeforeInput(e,c.keyfilter,c.validateOnly)},onInput:function(e){var t=e.target,r=!0;c.keyfilter&&c.validateOnly&&(r=n.KeyFilter.validate(e,c.keyfilter)),c.onInput&&c.onInput(e,r),l.ObjectUtils.isNotEmpty(t.value)?l.DomHandler.addClass(t,"p-filled"):l.DomHandler.removeClass(t,"p-filled")},onKeyDown:function(e){c.onKeyDown&&c.onKeyDown(e),c.keyfilter&&n.KeyFilter.onKeyPress(e,c.keyfilter,c.validateOnly)},onPaste:function(e){c.onPaste&&c.onPaste(e),c.keyfilter&&n.KeyFilter.onPaste(e,c.keyfilter,c.validateOnly)}},f.getOtherProps(c),y("root"));return a.createElement(a.Fragment,null,a.createElement("input",u({ref:d},j)),v&&a.createElement(o.Tooltip,u({target:d,content:c.tooltip},c.tooltipOptions,{pt:y("tooltip")})))})));b.displayName="InputText",exports.InputText=b;
|
|
@@ -76,15 +76,16 @@ var InputTextBase = ComponentBase.extend({
|
|
|
76
76
|
defaultProps: {
|
|
77
77
|
__TYPE: 'InputText',
|
|
78
78
|
__parentMetadata: null,
|
|
79
|
+
children: undefined,
|
|
80
|
+
className: null,
|
|
79
81
|
keyfilter: null,
|
|
80
|
-
validateOnly: false,
|
|
81
|
-
tooltip: null,
|
|
82
|
-
tooltipOptions: null,
|
|
83
82
|
onBeforeInput: null,
|
|
84
83
|
onInput: null,
|
|
85
84
|
onKeyDown: null,
|
|
86
85
|
onPaste: null,
|
|
87
|
-
|
|
86
|
+
tooltip: null,
|
|
87
|
+
tooltipOptions: null,
|
|
88
|
+
validateOnly: false
|
|
88
89
|
},
|
|
89
90
|
css: {
|
|
90
91
|
classes: classes
|
|
@@ -148,9 +149,9 @@ var InputText = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
148
149
|
}, [props.value, props.defaultValue]);
|
|
149
150
|
var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
|
|
150
151
|
var rootProps = mergeProps({
|
|
151
|
-
className: cx('root', {
|
|
152
|
+
className: classNames(props.className, cx('root', {
|
|
152
153
|
isFilled: isFilled
|
|
153
|
-
}),
|
|
154
|
+
})),
|
|
154
155
|
onBeforeInput: onBeforeInput,
|
|
155
156
|
onInput: onInput,
|
|
156
157
|
onKeyDown: onKeyDown,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as t from"react";import{PrimeReactContext as e}from"primereact/api";import{ComponentBase as r,useHandleStyle as n}from"primereact/componentbase";import{KeyFilter as o}from"primereact/keyfilter";import{Tooltip as i}from"primereact/tooltip";import{classNames as l,ObjectUtils as a,mergeProps as p,DomHandler as u}from"primereact/utils";function s(){return s=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},s.apply(this,arguments)}function f(t){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},f(t)}function c(t,e){if("object"!==f(t)||null===t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,e||"default");if("object"!==f(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}function y(t){var e=c(t,"string");return"symbol"===f(e)?e:String(e)}var m=r.extend({defaultProps:{__TYPE:"InputText",__parentMetadata:null,
|
|
1
|
+
import*as t from"react";import{PrimeReactContext as e}from"primereact/api";import{ComponentBase as r,useHandleStyle as n}from"primereact/componentbase";import{KeyFilter as o}from"primereact/keyfilter";import{Tooltip as i}from"primereact/tooltip";import{classNames as l,ObjectUtils as a,mergeProps as p,DomHandler as u}from"primereact/utils";function s(){return s=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},s.apply(this,arguments)}function f(t){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},f(t)}function c(t,e){if("object"!==f(t)||null===t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,e||"default");if("object"!==f(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}function y(t){var e=c(t,"string");return"symbol"===f(e)?e:String(e)}var m=r.extend({defaultProps:{__TYPE:"InputText",__parentMetadata:null,children:void 0,className:null,keyfilter:null,onBeforeInput:null,onInput:null,onKeyDown:null,onPaste:null,tooltip:null,tooltipOptions:null,validateOnly:!1},css:{classes:{root:function(t){var e=t.props;return l("p-inputtext p-component",{"p-disabled":e.disabled,"p-filled":t.isFilled},e.className)}}}});function b(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function d(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?b(Object(r),!0).forEach((function(e){var n,o,i;n=t,i=r[e],(o=y(o=e))in n?Object.defineProperty(n,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):b(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var v=t.memo(t.forwardRef((function(r,f){var c=t.useContext(e),y=m.getProps(r,c),b=m.setMetaData(d(d({props:y},y.__parentMetadata),{},{context:{disabled:y.disabled}})),v=b.ptm,O=b.cx;n(m.css.styles,b.isUnstyled,{name:"inputtext",styled:!0});var P=t.useRef(f);t.useEffect((function(){a.combinedRefs(P,f)}),[P,f]);var g=t.useMemo((function(){return a.isNotEmpty(y.value)||a.isNotEmpty(y.defaultValue)}),[y.value,y.defaultValue]),j=a.isNotEmpty(y.tooltip),w=p({className:l(y.className,O("root",{isFilled:g})),onBeforeInput:function(t){y.onBeforeInput&&y.onBeforeInput(t),y.keyfilter&&o.onBeforeInput(t,y.keyfilter,y.validateOnly)},onInput:function(t){var e=t.target,r=!0;y.keyfilter&&y.validateOnly&&(r=o.validate(t,y.keyfilter)),y.onInput&&y.onInput(t,r),a.isNotEmpty(e.value)?u.addClass(e,"p-filled"):u.removeClass(e,"p-filled")},onKeyDown:function(t){y.onKeyDown&&y.onKeyDown(t),y.keyfilter&&o.onKeyPress(t,y.keyfilter,y.validateOnly)},onPaste:function(t){y.onPaste&&y.onPaste(t),y.keyfilter&&o.onPaste(t,y.keyfilter,y.validateOnly)}},m.getOtherProps(y),v("root"));return t.createElement(t.Fragment,null,t.createElement("input",s({ref:P},w)),j&&t.createElement(i,s({target:P,content:y.tooltip},y.tooltipOptions,{pt:v("tooltip")})))})));v.displayName="InputText";export{v as InputText};
|
package/inputtext/inputtext.js
CHANGED
|
@@ -92,15 +92,16 @@ this.primereact.inputtext = (function (exports, React, api, componentbase, keyfi
|
|
|
92
92
|
defaultProps: {
|
|
93
93
|
__TYPE: 'InputText',
|
|
94
94
|
__parentMetadata: null,
|
|
95
|
+
children: undefined,
|
|
96
|
+
className: null,
|
|
95
97
|
keyfilter: null,
|
|
96
|
-
validateOnly: false,
|
|
97
|
-
tooltip: null,
|
|
98
|
-
tooltipOptions: null,
|
|
99
98
|
onBeforeInput: null,
|
|
100
99
|
onInput: null,
|
|
101
100
|
onKeyDown: null,
|
|
102
101
|
onPaste: null,
|
|
103
|
-
|
|
102
|
+
tooltip: null,
|
|
103
|
+
tooltipOptions: null,
|
|
104
|
+
validateOnly: false
|
|
104
105
|
},
|
|
105
106
|
css: {
|
|
106
107
|
classes: classes
|
|
@@ -164,9 +165,9 @@ this.primereact.inputtext = (function (exports, React, api, componentbase, keyfi
|
|
|
164
165
|
}, [props.value, props.defaultValue]);
|
|
165
166
|
var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
|
|
166
167
|
var rootProps = utils.mergeProps({
|
|
167
|
-
className: cx('root', {
|
|
168
|
+
className: utils.classNames(props.className, cx('root', {
|
|
168
169
|
isFilled: isFilled
|
|
169
|
-
}),
|
|
170
|
+
})),
|
|
170
171
|
onBeforeInput: onBeforeInput,
|
|
171
172
|
onInput: onInput,
|
|
172
173
|
onKeyDown: onKeyDown,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.inputtext=function(e,t,r,n,o,i,l){"use strict";function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var u=a(t);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},s.apply(this,arguments)}function c(e){return c="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},c(e)}function p(e,t){if("object"!==c(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==c(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function f(e){var t=p(e,"string");return"symbol"===c(t)?t:String(t)}var y=n.ComponentBase.extend({defaultProps:{__TYPE:"InputText",__parentMetadata:null,
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.inputtext=function(e,t,r,n,o,i,l){"use strict";function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var u=a(t);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},s.apply(this,arguments)}function c(e){return c="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},c(e)}function p(e,t){if("object"!==c(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==c(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function f(e){var t=p(e,"string");return"symbol"===c(t)?t:String(t)}var y=n.ComponentBase.extend({defaultProps:{__TYPE:"InputText",__parentMetadata:null,children:void 0,className:null,keyfilter:null,onBeforeInput:null,onInput:null,onKeyDown:null,onPaste:null,tooltip:null,tooltipOptions:null,validateOnly:!1},css:{classes:{root:function(e){var t=e.props;return l.classNames("p-inputtext p-component",{"p-disabled":t.disabled,"p-filled":e.isFilled},t.className)}}}});function m(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?m(Object(r),!0).forEach((function(t){var n,o,i;n=e,i=r[t],(o=f(o=t))in n?Object.defineProperty(n,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):m(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var d=u.memo(u.forwardRef((function(e,t){var a=u.useContext(r.PrimeReactContext),c=y.getProps(e,a),p=y.setMetaData(b(b({props:c},c.__parentMetadata),{},{context:{disabled:c.disabled}})),f=p.ptm,m=p.cx;n.useHandleStyle(y.css.styles,p.isUnstyled,{name:"inputtext",styled:!0});var d=u.useRef(t);u.useEffect((function(){l.ObjectUtils.combinedRefs(d,t)}),[d,t]);var O=u.useMemo((function(){return l.ObjectUtils.isNotEmpty(c.value)||l.ObjectUtils.isNotEmpty(c.defaultValue)}),[c.value,c.defaultValue]),v=l.ObjectUtils.isNotEmpty(c.tooltip),j=l.mergeProps({className:l.classNames(c.className,m("root",{isFilled:O})),onBeforeInput:function(e){c.onBeforeInput&&c.onBeforeInput(e),c.keyfilter&&o.KeyFilter.onBeforeInput(e,c.keyfilter,c.validateOnly)},onInput:function(e){var t=e.target,r=!0;c.keyfilter&&c.validateOnly&&(r=o.KeyFilter.validate(e,c.keyfilter)),c.onInput&&c.onInput(e,r),l.ObjectUtils.isNotEmpty(t.value)?l.DomHandler.addClass(t,"p-filled"):l.DomHandler.removeClass(t,"p-filled")},onKeyDown:function(e){c.onKeyDown&&c.onKeyDown(e),c.keyfilter&&o.KeyFilter.onKeyPress(e,c.keyfilter,c.validateOnly)},onPaste:function(e){c.onPaste&&c.onPaste(e),c.keyfilter&&o.KeyFilter.onPaste(e,c.keyfilter,c.validateOnly)}},y.getOtherProps(c),f("root"));return u.createElement(u.Fragment,null,u.createElement("input",s({ref:d},j)),v&&u.createElement(i.Tooltip,s({target:d,content:c.tooltip},c.tooltipOptions,{pt:f("tooltip")})))})));return d.displayName="InputText",e.InputText=d,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.keyfilter,primereact.tooltip,primereact.utils);
|
package/listbox/listbox.cjs.js
CHANGED
|
@@ -326,6 +326,10 @@ var ListBoxHeader = /*#__PURE__*/React__namespace.memo(function (props) {
|
|
|
326
326
|
ListBoxHeader.displayName = 'ListBoxHeader';
|
|
327
327
|
|
|
328
328
|
var ListBoxItem = /*#__PURE__*/React__namespace.memo(function (props) {
|
|
329
|
+
var _React$useState = React__namespace.useState(false),
|
|
330
|
+
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
331
|
+
focusedState = _React$useState2[0],
|
|
332
|
+
setFocusedState = _React$useState2[1];
|
|
329
333
|
var _props$ptCallbacks = props.ptCallbacks,
|
|
330
334
|
ptm = _props$ptCallbacks.ptm,
|
|
331
335
|
cx = _props$ptCallbacks.cx;
|
|
@@ -334,10 +338,17 @@ var ListBoxItem = /*#__PURE__*/React__namespace.memo(function (props) {
|
|
|
334
338
|
hostName: props.hostName,
|
|
335
339
|
context: {
|
|
336
340
|
selected: props.selected,
|
|
337
|
-
disabled: props.disabled
|
|
341
|
+
disabled: props.disabled,
|
|
342
|
+
focused: focusedState
|
|
338
343
|
}
|
|
339
344
|
});
|
|
340
345
|
};
|
|
346
|
+
var onFocus = function onFocus(event) {
|
|
347
|
+
setFocusedState(true);
|
|
348
|
+
};
|
|
349
|
+
var onBlur = function onBlur(event) {
|
|
350
|
+
setFocusedState(false);
|
|
351
|
+
};
|
|
341
352
|
var onClick = function onClick(event) {
|
|
342
353
|
if (props.onClick) {
|
|
343
354
|
props.onClick({
|
|
@@ -396,6 +407,8 @@ var ListBoxItem = /*#__PURE__*/React__namespace.memo(function (props) {
|
|
|
396
407
|
onClick: onClick,
|
|
397
408
|
onTouchEnd: onTouchEnd,
|
|
398
409
|
onKeyDown: onKeyDown,
|
|
410
|
+
onFocus: onFocus,
|
|
411
|
+
onBlur: onBlur,
|
|
399
412
|
tabIndex: '-1',
|
|
400
413
|
'aria-label': props.label,
|
|
401
414
|
key: props.label,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/componentbase"),n=require("primereact/hooks"),l=require("primereact/tooltip"),o=require("primereact/utils"),i=require("primereact/virtualscroller"),a=require("primereact/icons/search"),u=require("primereact/inputtext"),s=require("primereact/ripple");function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var p=c(e);function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},f.apply(this,arguments)}function m(e){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m(e)}function b(e,t){if("object"!==m(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==m(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function d(e){var t=b(e,"string");return"symbol"===m(t)?t:String(t)}function v(e,t,r){return(t=d(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function g(e){if(Array.isArray(e))return y(e)}function h(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function O(e,t){if(e){if("string"==typeof e)return y(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?y(e,t):void 0}}function x(){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 j(e){return g(e)||h(e)||O(e)||x()}function E(e){if(Array.isArray(e))return e}function S(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,l,o,i,a=[],u=!0,s=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=o.call(r)).done)&&(a.push(n.value),a.length!==t);u=!0);}catch(e){s=!0,l=e}finally{try{if(!u&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(s)throw l}}return a}}function P(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var w=r.ComponentBase.extend({defaultProps:{__TYPE:"ListBox",className:null,dataKey:null,disabled:null,emptyFilterMessage:null,emptyMessage:null,filter:!1,filterIcon:null,filterBy:null,filterInputProps:null,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,filterValue:null,id:null,itemTemplate:null,listClassName:null,listStyle:null,metaKeySelection:!1,multiple:!1,onChange:null,onFilterValueChange:null,optionDisabled:null,optionGroupChildren:null,optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,style:null,tabIndex:0,tooltip:null,tooltipOptions:null,value:null,virtualScrollerOptions:null,children:void 0},css:{classes:{itemGroup:"p-listbox-item-group",emptyMessage:"p-listbox-empty-message",list:function(e){return e.props.virtualScrollerOptions?o.classNames("p-listbox-list",e.options.className):"p-listbox-list"},wrapper:function(e){return o.classNames("p-listbox-list-wrapper",e.props.listClassName)},root:function(e){var t=e.props;return o.classNames("p-listbox p-component",{"p-disabled":t.disabled},t.className)},item:function(e){var t=e.props;return o.classNames("p-listbox-item",{"p-highlight":t.selected,"p-disabled":t.disabled},t.option.className)},filterContainer:"p-listbox-filter-container",filterIcon:"p-listbox-filter-icon",filterInput:"p-listbox-filter",header:"p-listbox-header"},styles:"\n@layer primereact {\n .p-listbox-list-wrapper {\n overflow: auto;\n }\n \n .p-listbox-list {\n list-style-type: none;\n margin: 0;\n padding: 0;\n }\n \n .p-listbox-item {\n cursor: pointer;\n position: relative;\n overflow: hidden;\n }\n \n .p-listbox-filter-container {\n position: relative;\n }\n \n .p-listbox-filter-icon {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n }\n \n .p-listbox-filter {\n width: 100%;\n }\n}\n",inlineStyles:{itemGroup:function(e){var t=e.scrollerOptions;return{height:t.props?t.props.itemSize:void 0}},list:function(e){return e.props.virtualScrollerOptions?e.options.style:void 0}}}});function D(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function I(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?D(Object(r),!0).forEach((function(t){v(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):D(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var C=p.memo((function(e){var t=e.ptCallbacks,r=t.ptm,n=t.cx,l=function(t,n){return r(t,I({hostName:e.hostName},n))},i={filter:function(e){return s(e)},reset:function(){return e.resetFilter()}},s=function(t){e.onFilter&&e.onFilter({originalEvent:t,value:t.target.value})},c=function(){var t=o.mergeProps({className:n("filterIcon")},l("filterIcon")),c=o.IconUtils.getJSXIcon(e.filterIcon||p.createElement(a.SearchIcon,t),I({},t),{props:e}),m=o.mergeProps({className:n("header")},l("header")),b=o.mergeProps({className:n("filterContainer")},l("filterContainer")),d=p.createElement("div",b,p.createElement(u.InputText,f({type:"text",value:e.filter,onChange:s,className:n("filterInput"),disabled:e.disabled,placeholder:e.filterPlaceholder},e.filterInputProps,{pt:r("filterInput"),unstyled:e.unstyled,__parentMetadata:{parent:e.metaData}})),c);e.filterTemplate&&(d=o.ObjectUtils.getJSXElement(e.filterTemplate,{className:"p-listbox-filter-container",element:d,filterOptions:i,filterInputChange:s,filterIconClassName:"p-dropdown-filter-icon",props:e}));return p.createElement("div",m,d)}();return p.createElement(p.Fragment,null,c)}));C.displayName="ListBoxHeader";var N=p.memo((function(e){var t=e.ptCallbacks,r=t.ptm,n=t.cx,l=function(t){e.onClick&&e.onClick({originalEvent:t,option:e.option}),t.preventDefault()},i=function e(t){var r=t.nextElementSibling;return r?o.DomHandler.hasClass(r,"p-disabled")||o.DomHandler.hasClass(r,"p-listbox-item-group")?e(r):r:null},a=function e(t){var r=t.previousElementSibling;return r?o.DomHandler.hasClass(r,"p-disabled")||o.DomHandler.hasClass(r,"p-listbox-item-group")?e(r):r:null},u=e.template?o.ObjectUtils.getJSXElement(e.template,e.option):e.label,c=o.mergeProps({className:n("item",{props:e}),style:e.style,onClick:l,onTouchEnd:function(t){e.onTouchEnd&&e.onTouchEnd({originalEvent:t,option:e.option})},onKeyDown:function(e){var t=e.currentTarget;switch(e.which){case 40:var r=i(t);r&&r.focus(),e.preventDefault();break;case 38:var n=a(t);n&&n.focus(),e.preventDefault();break;case 13:l(e),e.preventDefault()}},tabIndex:"-1","aria-label":e.label,key:e.label,role:"option","aria-selected":e.selected,"aria-disabled":e.disabled},r("item",{hostName:e.hostName,context:{selected:e.selected,disabled:e.disabled}}));return p.createElement("li",c,u,p.createElement(s.Ripple,null))}));function T(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function F(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?T(Object(r),!0).forEach((function(t){v(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):T(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function L(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=U(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var n=0,l=function(){};return{s:l,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:l}}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 o,i=!0,a=!1;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return i=e.done,e},e:function(e){a=!0,o=e},f:function(){try{i||null==r.return||r.return()}finally{if(a)throw o}}}}function U(e,t){if(e){if("string"==typeof e)return M(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?M(e,t):void 0}}function M(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}N.displayName="ListBoxItem";var k=p.memo(p.forwardRef((function(e,a){var u,s,c=p.useContext(t.PrimeReactContext),m=w.getProps(e,c),b=p.useState(""),d=(s=2,E(u=b)||S(u,s)||O(u,s)||P()),v=d[0],y=d[1],g=p.useRef(null),h=p.useRef(null),x=p.useRef(!1),D=(m.onFilterValueChange?m.filterValue:v)||"",I=D&&D.trim().length>0,T={props:m,state:{filterValue:D}},U=w.setMetaData(T);r.useHandleStyle(w.css.styles,U.isUnstyled,{name:"listbox"});var M=function(e){var t=e.option;m.disabled||Y(t)||(m.multiple?G(e.originalEvent,t):A(e.originalEvent,t),x.current=!1)},k=function(){m.disabled||(x.current=!0)},A=function(e,t){var r=z(t),n=!1,l=null;!x.current&&m.metaKeySelection?r?(e.metaKey||e.ctrlKey)&&(l=null,n=!0):(l=X(t),n=!0):(l=r?null:X(t),n=!0);n&&V(e,l)},G=function(e,t){var r=z(t),n=!1,l=null;if(!x&&m.metaKeySelection){var o=e.metaKey||e.ctrlKey;r?(l=o?B(t):[X(t)],n=!0):(l=[].concat(j(l=o&&m.value||[]),[X(t)]),n=!0)}else l=r?B(t):[].concat(j(m.value||[]),[X(t)]),n=!0;n&&m.onChange({originalEvent:e,value:l,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:m.name,id:m.id,value:l}})},q=function(e){h.current&&h.current.scrollToIndex(0);var t=e.value;m.onFilterValueChange?m.onFilterValueChange({originalEvent:e.originalEvent,value:t}):y(t)},K=function(){y(""),m.onFilter&&m.onFilter({filter:""})},V=function(e,t){m.onChange&&m.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:m.name,id:m.id,value:t}})},B=function(e){return m.value.filter((function(t){return!o.ObjectUtils.equals(t,X(e),m.dataKey)}))},_=function(){if(null!=m.value&&ne){if(!m.optionGroupLabel)return R(m.value,ne);for(var e=0;e<ne.length;e++){var t=R(m.value,W(ne[e]));if(-1!==t)return{group:e,option:t}}}return-1},H=function(){return m.optionValue?null:m.dataKey},R=function(e,t){var r=H();return t.findIndex((function(t){return o.ObjectUtils.equals(e,X(t),r)}))},z=function(e){var t=X(e),r=H();return m.multiple&&m.value?m.value.some((function(e){return o.ObjectUtils.equals(e,t,r)})):o.ObjectUtils.equals(m.value,t,r)},J=function(e){return m.optionLabel?o.ObjectUtils.resolveFieldData(e,m.optionLabel):e&&void 0!==e.label?e.label:e},X=function(e){return m.optionValue?o.ObjectUtils.resolveFieldData(e,m.optionValue):e&&void 0!==e.value?e.value:e},$=function(e){return m.dataKey?o.ObjectUtils.resolveFieldData(e,m.dataKey):J(e)},Y=function(e){return m.optionDisabled?o.ObjectUtils.isFunction(m.optionDisabled)?m.optionDisabled(e):o.ObjectUtils.resolveFieldData(e,m.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},Q=function(e){return o.ObjectUtils.resolveFieldData(e,m.optionGroupLabel)},W=function(e){return o.ObjectUtils.resolveFieldData(e,m.optionGroupChildren)},Z=function(){if(h.current){var e=_();-1!==e&&setTimeout((function(){return h.current.scrollToIndex(e)}),0)}};p.useImperativeHandle(a,(function(){return{props:m,focus:function(){return o.DomHandler.focusFirstElement(g.current)},getElement:function(){return g.current},getVirtualScroller:function(){return h.current}}})),n.useMountEffect((function(){Z()}));var ee=function(e,t){return W(e).map((function(e,r){var n=J(e),l=r+"_"+$(e),o=Y(e),i=o?null:m.tabIndex||0;return p.createElement(N,{hostName:"ListBox",key:l,label:n,option:e,style:t,template:m.itemTemplate,selected:z(e),onClick:M,onTouchEnd:k,tabIndex:i,disabled:o,ptCallbacks:U,metaData:T})}))},te=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n={height:r.props?r.props.itemSize:void 0};if(m.optionGroupLabel){var l=m.optionGroupTemplate?o.ObjectUtils.getJSXElement(m.optionGroupTemplate,e,t):o.ObjectUtils.resolveFieldData(e,m.optionGroupLabel),i=ee(e,n),a=t+"_"+Q(e),u=o.mergeProps({className:U.cx("itemGroup"),style:U.sx("itemGroup",{scrollerOptions:r}),role:"group"},U.ptm("itemGroup"));return p.createElement(p.Fragment,{key:a},p.createElement("li",u,l),i)}var s=J(e),c=t+"_"+$(e),f=Y(e),b=f?null:m.tabIndex||0;return p.createElement(N,{hostName:"ListBox",key:c,label:s,option:e,style:n,template:m.itemTemplate,selected:z(e),onClick:M,onTouchEnd:k,tabIndex:b,disabled:f,ptCallbacks:U,metaData:T})},re=function(e,r){var n=o.mergeProps({className:U.cx("emptyMessage")},U.ptm("emptyMessage")),l=o.ObjectUtils.getJSXElement(e,m)||t.localeOption(r?"emptyFilterMessage":"emptyMessage");return p.createElement("li",n,l)},ne=function(){if(I){var e=D.trim().toLocaleLowerCase(m.filterLocale),r=m.filterBy?m.filterBy.split(","):[m.optionLabel||"label"];if(m.optionGroupLabel){var n,l=[],o=L(m.options);try{for(o.s();!(n=o.n()).done;){var i=n.value,a=t.FilterService.filter(W(i),r,e,m.filterMatchMode,m.filterLocale);a&&a.length&&l.push(F(F({},i),{items:a}))}}catch(e){o.e(e)}finally{o.f()}return l}return t.FilterService.filter(m.options,r,e,m.filterMatchMode,m.filterLocale)}return m.options}(),le=o.ObjectUtils.isNotEmpty(m.tooltip),oe=w.getOtherProps(m),ie=o.ObjectUtils.reduceKeys(oe,o.DomHandler.ARIA_PROPS),ae=function(){if(m.virtualScrollerOptions){var e=F(F({},m.virtualScrollerOptions),{items:ne,onLazyLoad:function(e){return m.virtualScrollerOptions.onLazyLoad(F(F({},e),{filter:ne}))},itemTemplate:function(e,t){return e&&te(e,t.index,t)},contentTemplate:function(e){var t=o.mergeProps(F({ref:e.contentRef,style:U.sx("list",{options:e}),className:U.cx("list",{options:e}),role:"listbox","aria-multiselectable":m.multiple},ie),U.ptm("list"));return p.createElement("ul",t,e.children)}});return p.createElement(i.VirtualScroller,f({ref:h},e,{pt:U.ptm("virtualScroller")}))}var t=o.ObjectUtils.isNotEmpty(ne)?ne.map(te):I?re(m.emptyFilterMessage,!0):re(m.emptyMessage),r=o.mergeProps(F({className:U.cx("list"),role:"listbox","aria-multiselectable":m.multiple},ie),U.ptm("list"));return p.createElement("ul",r,t)}(),ue=m.filter?p.createElement(C,{hostName:"ListBox",filter:D,filterIcon:m.filterIcon,onFilter:q,resetFilter:K,filterTemplate:m.filterTemplate,disabled:m.disabled,filterPlaceholder:m.filterPlaceholder,filterInputProps:m.filterInputProps,ptCallbacks:U,metaData:T}):null,se=o.mergeProps({className:U.cx("wrapper"),style:m.listStyle},U.ptm("wrapper")),ce=o.mergeProps({ref:g,id:m.id,className:U.cx("root"),style:m.style},w.getOtherProps(m),U.ptm("root"));return p.createElement(p.Fragment,null,p.createElement("div",ce,ue,p.createElement("div",se,ae)),le&&p.createElement(l.Tooltip,f({target:g,content:m.tooltip},m.tooltipOptions,{pt:U.ptm("tooltip")})))})));k.displayName="ListBox",exports.ListBox=k;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/componentbase"),n=require("primereact/hooks"),l=require("primereact/tooltip"),o=require("primereact/utils"),i=require("primereact/virtualscroller"),a=require("primereact/icons/search"),u=require("primereact/inputtext"),s=require("primereact/ripple");function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var p=c(e);function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},f.apply(this,arguments)}function m(e){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m(e)}function b(e,t){if("object"!==m(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==m(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function d(e){var t=b(e,"string");return"symbol"===m(t)?t:String(t)}function v(e,t,r){return(t=d(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function g(e){if(Array.isArray(e))return y(e)}function h(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function O(e,t){if(e){if("string"==typeof e)return y(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?y(e,t):void 0}}function x(){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 j(e){return g(e)||h(e)||O(e)||x()}function S(e){if(Array.isArray(e))return e}function E(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,l,o,i,a=[],u=!0,s=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=o.call(r)).done)&&(a.push(n.value),a.length!==t);u=!0);}catch(e){s=!0,l=e}finally{try{if(!u&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(s)throw l}}return a}}function P(){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 w(e,t){return S(e)||E(e,t)||O(e,t)||P()}var D=r.ComponentBase.extend({defaultProps:{__TYPE:"ListBox",className:null,dataKey:null,disabled:null,emptyFilterMessage:null,emptyMessage:null,filter:!1,filterIcon:null,filterBy:null,filterInputProps:null,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,filterValue:null,id:null,itemTemplate:null,listClassName:null,listStyle:null,metaKeySelection:!1,multiple:!1,onChange:null,onFilterValueChange:null,optionDisabled:null,optionGroupChildren:null,optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,style:null,tabIndex:0,tooltip:null,tooltipOptions:null,value:null,virtualScrollerOptions:null,children:void 0},css:{classes:{itemGroup:"p-listbox-item-group",emptyMessage:"p-listbox-empty-message",list:function(e){return e.props.virtualScrollerOptions?o.classNames("p-listbox-list",e.options.className):"p-listbox-list"},wrapper:function(e){return o.classNames("p-listbox-list-wrapper",e.props.listClassName)},root:function(e){var t=e.props;return o.classNames("p-listbox p-component",{"p-disabled":t.disabled},t.className)},item:function(e){var t=e.props;return o.classNames("p-listbox-item",{"p-highlight":t.selected,"p-disabled":t.disabled},t.option.className)},filterContainer:"p-listbox-filter-container",filterIcon:"p-listbox-filter-icon",filterInput:"p-listbox-filter",header:"p-listbox-header"},styles:"\n@layer primereact {\n .p-listbox-list-wrapper {\n overflow: auto;\n }\n \n .p-listbox-list {\n list-style-type: none;\n margin: 0;\n padding: 0;\n }\n \n .p-listbox-item {\n cursor: pointer;\n position: relative;\n overflow: hidden;\n }\n \n .p-listbox-filter-container {\n position: relative;\n }\n \n .p-listbox-filter-icon {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n }\n \n .p-listbox-filter {\n width: 100%;\n }\n}\n",inlineStyles:{itemGroup:function(e){var t=e.scrollerOptions;return{height:t.props?t.props.itemSize:void 0}},list:function(e){return e.props.virtualScrollerOptions?e.options.style:void 0}}}});function I(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function C(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?I(Object(r),!0).forEach((function(t){v(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):I(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var N=p.memo((function(e){var t=e.ptCallbacks,r=t.ptm,n=t.cx,l=function(t,n){return r(t,C({hostName:e.hostName},n))},i={filter:function(e){return s(e)},reset:function(){return e.resetFilter()}},s=function(t){e.onFilter&&e.onFilter({originalEvent:t,value:t.target.value})},c=function(){var t=o.mergeProps({className:n("filterIcon")},l("filterIcon")),c=o.IconUtils.getJSXIcon(e.filterIcon||p.createElement(a.SearchIcon,t),C({},t),{props:e}),m=o.mergeProps({className:n("header")},l("header")),b=o.mergeProps({className:n("filterContainer")},l("filterContainer")),d=p.createElement("div",b,p.createElement(u.InputText,f({type:"text",value:e.filter,onChange:s,className:n("filterInput"),disabled:e.disabled,placeholder:e.filterPlaceholder},e.filterInputProps,{pt:r("filterInput"),unstyled:e.unstyled,__parentMetadata:{parent:e.metaData}})),c);e.filterTemplate&&(d=o.ObjectUtils.getJSXElement(e.filterTemplate,{className:"p-listbox-filter-container",element:d,filterOptions:i,filterInputChange:s,filterIconClassName:"p-dropdown-filter-icon",props:e}));return p.createElement("div",m,d)}();return p.createElement(p.Fragment,null,c)}));N.displayName="ListBoxHeader";var F=p.memo((function(e){var t=w(p.useState(!1),2),r=t[0],n=t[1],l=e.ptCallbacks,i=l.ptm,a=l.cx,u=function(t){e.onClick&&e.onClick({originalEvent:t,option:e.option}),t.preventDefault()},c=function e(t){var r=t.nextElementSibling;return r?o.DomHandler.hasClass(r,"p-disabled")||o.DomHandler.hasClass(r,"p-listbox-item-group")?e(r):r:null},f=function e(t){var r=t.previousElementSibling;return r?o.DomHandler.hasClass(r,"p-disabled")||o.DomHandler.hasClass(r,"p-listbox-item-group")?e(r):r:null},m=e.template?o.ObjectUtils.getJSXElement(e.template,e.option):e.label,b=o.mergeProps({className:a("item",{props:e}),style:e.style,onClick:u,onTouchEnd:function(t){e.onTouchEnd&&e.onTouchEnd({originalEvent:t,option:e.option})},onKeyDown:function(e){var t=e.currentTarget;switch(e.which){case 40:var r=c(t);r&&r.focus(),e.preventDefault();break;case 38:var n=f(t);n&&n.focus(),e.preventDefault();break;case 13:u(e),e.preventDefault()}},onFocus:function(e){n(!0)},onBlur:function(e){n(!1)},tabIndex:"-1","aria-label":e.label,key:e.label,role:"option","aria-selected":e.selected,"aria-disabled":e.disabled},i("item",{hostName:e.hostName,context:{selected:e.selected,disabled:e.disabled,focused:r}}));return p.createElement("li",b,m,p.createElement(s.Ripple,null))}));function T(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function L(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?T(Object(r),!0).forEach((function(t){v(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):T(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function U(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=M(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var n=0,l=function(){};return{s:l,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:l}}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 o,i=!0,a=!1;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return i=e.done,e},e:function(e){a=!0,o=e},f:function(){try{i||null==r.return||r.return()}finally{if(a)throw o}}}}function M(e,t){if(e){if("string"==typeof e)return k(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?k(e,t):void 0}}function k(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}F.displayName="ListBoxItem";var A=p.memo(p.forwardRef((function(e,a){var u=p.useContext(t.PrimeReactContext),s=D.getProps(e,u),c=w(p.useState(""),2),m=c[0],b=c[1],d=p.useRef(null),v=p.useRef(null),y=p.useRef(!1),g=(s.onFilterValueChange?s.filterValue:m)||"",h=g&&g.trim().length>0,O={props:s,state:{filterValue:g}},x=D.setMetaData(O);r.useHandleStyle(D.css.styles,x.isUnstyled,{name:"listbox"});var S=function(e){var t=e.option;s.disabled||H(t)||(s.multiple?I(e.originalEvent,t):P(e.originalEvent,t),y.current=!1)},E=function(){s.disabled||(y.current=!0)},P=function(e,t){var r=K(t),n=!1,l=null;!y.current&&s.metaKeySelection?r?(e.metaKey||e.ctrlKey)&&(l=null,n=!0):(l=V(t),n=!0):(l=r?null:V(t),n=!0);n&&M(e,l)},I=function(e,t){var r=K(t),n=!1,l=null;if(!y&&s.metaKeySelection){var o=e.metaKey||e.ctrlKey;r?(l=o?k(t):[V(t)],n=!0):(l=[].concat(j(l=o&&s.value||[]),[V(t)]),n=!0)}else l=r?k(t):[].concat(j(s.value||[]),[V(t)]),n=!0;n&&s.onChange({originalEvent:e,value:l,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:s.name,id:s.id,value:l}})},C=function(e){v.current&&v.current.scrollToIndex(0);var t=e.value;s.onFilterValueChange?s.onFilterValueChange({originalEvent:e.originalEvent,value:t}):b(t)},T=function(){b(""),s.onFilter&&s.onFilter({filter:""})},M=function(e,t){s.onChange&&s.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:s.name,id:s.id,value:t}})},k=function(e){return s.value.filter((function(t){return!o.ObjectUtils.equals(t,V(e),s.dataKey)}))},A=function(){if(null!=s.value&&Q){if(!s.optionGroupLabel)return q(s.value,Q);for(var e=0;e<Q.length;e++){var t=q(s.value,z(Q[e]));if(-1!==t)return{group:e,option:t}}}return-1},G=function(){return s.optionValue?null:s.dataKey},q=function(e,t){var r=G();return t.findIndex((function(t){return o.ObjectUtils.equals(e,V(t),r)}))},K=function(e){var t=V(e),r=G();return s.multiple&&s.value?s.value.some((function(e){return o.ObjectUtils.equals(e,t,r)})):o.ObjectUtils.equals(s.value,t,r)},B=function(e){return s.optionLabel?o.ObjectUtils.resolveFieldData(e,s.optionLabel):e&&void 0!==e.label?e.label:e},V=function(e){return s.optionValue?o.ObjectUtils.resolveFieldData(e,s.optionValue):e&&void 0!==e.value?e.value:e},_=function(e){return s.dataKey?o.ObjectUtils.resolveFieldData(e,s.dataKey):B(e)},H=function(e){return s.optionDisabled?o.ObjectUtils.isFunction(s.optionDisabled)?s.optionDisabled(e):o.ObjectUtils.resolveFieldData(e,s.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},R=function(e){return o.ObjectUtils.resolveFieldData(e,s.optionGroupLabel)},z=function(e){return o.ObjectUtils.resolveFieldData(e,s.optionGroupChildren)},J=function(){if(v.current){var e=A();-1!==e&&setTimeout((function(){return v.current.scrollToIndex(e)}),0)}};p.useImperativeHandle(a,(function(){return{props:s,focus:function(){return o.DomHandler.focusFirstElement(d.current)},getElement:function(){return d.current},getVirtualScroller:function(){return v.current}}})),n.useMountEffect((function(){J()}));var X=function(e,t){return z(e).map((function(e,r){var n=B(e),l=r+"_"+_(e),o=H(e),i=o?null:s.tabIndex||0;return p.createElement(F,{hostName:"ListBox",key:l,label:n,option:e,style:t,template:s.itemTemplate,selected:K(e),onClick:S,onTouchEnd:E,tabIndex:i,disabled:o,ptCallbacks:x,metaData:O})}))},$=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n={height:r.props?r.props.itemSize:void 0};if(s.optionGroupLabel){var l=s.optionGroupTemplate?o.ObjectUtils.getJSXElement(s.optionGroupTemplate,e,t):o.ObjectUtils.resolveFieldData(e,s.optionGroupLabel),i=X(e,n),a=t+"_"+R(e),u=o.mergeProps({className:x.cx("itemGroup"),style:x.sx("itemGroup",{scrollerOptions:r}),role:"group"},x.ptm("itemGroup"));return p.createElement(p.Fragment,{key:a},p.createElement("li",u,l),i)}var c=B(e),f=t+"_"+_(e),m=H(e),b=m?null:s.tabIndex||0;return p.createElement(F,{hostName:"ListBox",key:f,label:c,option:e,style:n,template:s.itemTemplate,selected:K(e),onClick:S,onTouchEnd:E,tabIndex:b,disabled:m,ptCallbacks:x,metaData:O})},Y=function(e,r){var n=o.mergeProps({className:x.cx("emptyMessage")},x.ptm("emptyMessage")),l=o.ObjectUtils.getJSXElement(e,s)||t.localeOption(r?"emptyFilterMessage":"emptyMessage");return p.createElement("li",n,l)},Q=function(){if(h){var e=g.trim().toLocaleLowerCase(s.filterLocale),r=s.filterBy?s.filterBy.split(","):[s.optionLabel||"label"];if(s.optionGroupLabel){var n,l=[],o=U(s.options);try{for(o.s();!(n=o.n()).done;){var i=n.value,a=t.FilterService.filter(z(i),r,e,s.filterMatchMode,s.filterLocale);a&&a.length&&l.push(L(L({},i),{items:a}))}}catch(e){o.e(e)}finally{o.f()}return l}return t.FilterService.filter(s.options,r,e,s.filterMatchMode,s.filterLocale)}return s.options}(),W=o.ObjectUtils.isNotEmpty(s.tooltip),Z=D.getOtherProps(s),ee=o.ObjectUtils.reduceKeys(Z,o.DomHandler.ARIA_PROPS),te=function(){if(s.virtualScrollerOptions){var e=L(L({},s.virtualScrollerOptions),{items:Q,onLazyLoad:function(e){return s.virtualScrollerOptions.onLazyLoad(L(L({},e),{filter:Q}))},itemTemplate:function(e,t){return e&&$(e,t.index,t)},contentTemplate:function(e){var t=o.mergeProps(L({ref:e.contentRef,style:x.sx("list",{options:e}),className:x.cx("list",{options:e}),role:"listbox","aria-multiselectable":s.multiple},ee),x.ptm("list"));return p.createElement("ul",t,e.children)}});return p.createElement(i.VirtualScroller,f({ref:v},e,{pt:x.ptm("virtualScroller")}))}var t=o.ObjectUtils.isNotEmpty(Q)?Q.map($):h?Y(s.emptyFilterMessage,!0):Y(s.emptyMessage),r=o.mergeProps(L({className:x.cx("list"),role:"listbox","aria-multiselectable":s.multiple},ee),x.ptm("list"));return p.createElement("ul",r,t)}(),re=s.filter?p.createElement(N,{hostName:"ListBox",filter:g,filterIcon:s.filterIcon,onFilter:C,resetFilter:T,filterTemplate:s.filterTemplate,disabled:s.disabled,filterPlaceholder:s.filterPlaceholder,filterInputProps:s.filterInputProps,ptCallbacks:x,metaData:O}):null,ne=o.mergeProps({className:x.cx("wrapper"),style:s.listStyle},x.ptm("wrapper")),le=o.mergeProps({ref:d,id:s.id,className:x.cx("root"),style:s.style},D.getOtherProps(s),x.ptm("root"));return p.createElement(p.Fragment,null,p.createElement("div",le,re,p.createElement("div",ne,te)),W&&p.createElement(l.Tooltip,f({target:d,content:s.tooltip},s.tooltipOptions,{pt:x.ptm("tooltip")})))})));A.displayName="ListBox",exports.ListBox=A;
|
package/listbox/listbox.d.ts
CHANGED
|
@@ -8,14 +8,14 @@
|
|
|
8
8
|
*
|
|
9
9
|
*/
|
|
10
10
|
import * as React from 'react';
|
|
11
|
+
import { ComponentHooks } from '../componentbase/componentbase';
|
|
12
|
+
import { InputTextPassThroughOptions } from '../inputtext/inputtext';
|
|
13
|
+
import { PassThroughOptions } from '../passthrough';
|
|
11
14
|
import { SelectItemOptionsType } from '../selectitem/selectitem';
|
|
12
15
|
import { TooltipPassThroughOptions } from '../tooltip/tooltip';
|
|
13
16
|
import { TooltipOptions } from '../tooltip/tooltipoptions';
|
|
14
17
|
import { IconType, PassThroughType } from '../utils/utils';
|
|
15
18
|
import { VirtualScroller, VirtualScrollerPassThroughOptions, VirtualScrollerProps } from '../virtualscroller';
|
|
16
|
-
import { InputTextPassThroughOptions } from '../inputtext/inputtext';
|
|
17
|
-
import { PassThroughOptions } from '../passthrough';
|
|
18
|
-
import { ComponentHooks } from '../componentbase/componentbase';
|
|
19
19
|
|
|
20
20
|
export declare type ListBoxPassThroughType<T> = PassThroughType<T, ListBoxPassThroughMethodOptions>;
|
|
21
21
|
|
|
@@ -109,6 +109,11 @@ export interface ListBoxContext {
|
|
|
109
109
|
* @defaultValue false
|
|
110
110
|
*/
|
|
111
111
|
selected: boolean;
|
|
112
|
+
/**
|
|
113
|
+
* Current focused state of the item as a boolean.
|
|
114
|
+
* @defaultValue false
|
|
115
|
+
*/
|
|
116
|
+
focused: boolean;
|
|
112
117
|
/**
|
|
113
118
|
* Current disabled state of the item as a boolean.
|
|
114
119
|
* @defaultValue false
|
package/listbox/listbox.esm.js
CHANGED
|
@@ -302,6 +302,10 @@ var ListBoxHeader = /*#__PURE__*/React.memo(function (props) {
|
|
|
302
302
|
ListBoxHeader.displayName = 'ListBoxHeader';
|
|
303
303
|
|
|
304
304
|
var ListBoxItem = /*#__PURE__*/React.memo(function (props) {
|
|
305
|
+
var _React$useState = React.useState(false),
|
|
306
|
+
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
307
|
+
focusedState = _React$useState2[0],
|
|
308
|
+
setFocusedState = _React$useState2[1];
|
|
305
309
|
var _props$ptCallbacks = props.ptCallbacks,
|
|
306
310
|
ptm = _props$ptCallbacks.ptm,
|
|
307
311
|
cx = _props$ptCallbacks.cx;
|
|
@@ -310,10 +314,17 @@ var ListBoxItem = /*#__PURE__*/React.memo(function (props) {
|
|
|
310
314
|
hostName: props.hostName,
|
|
311
315
|
context: {
|
|
312
316
|
selected: props.selected,
|
|
313
|
-
disabled: props.disabled
|
|
317
|
+
disabled: props.disabled,
|
|
318
|
+
focused: focusedState
|
|
314
319
|
}
|
|
315
320
|
});
|
|
316
321
|
};
|
|
322
|
+
var onFocus = function onFocus(event) {
|
|
323
|
+
setFocusedState(true);
|
|
324
|
+
};
|
|
325
|
+
var onBlur = function onBlur(event) {
|
|
326
|
+
setFocusedState(false);
|
|
327
|
+
};
|
|
317
328
|
var onClick = function onClick(event) {
|
|
318
329
|
if (props.onClick) {
|
|
319
330
|
props.onClick({
|
|
@@ -372,6 +383,8 @@ var ListBoxItem = /*#__PURE__*/React.memo(function (props) {
|
|
|
372
383
|
onClick: onClick,
|
|
373
384
|
onTouchEnd: onTouchEnd,
|
|
374
385
|
onKeyDown: onKeyDown,
|
|
386
|
+
onFocus: onFocus,
|
|
387
|
+
onBlur: onBlur,
|
|
375
388
|
tabIndex: '-1',
|
|
376
389
|
'aria-label': props.label,
|
|
377
390
|
key: props.label,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import{PrimeReactContext as t,FilterService as r,localeOption as n}from"primereact/api";import{ComponentBase as l,useHandleStyle as o}from"primereact/componentbase";import{useMountEffect as i}from"primereact/hooks";import{Tooltip as a}from"primereact/tooltip";import{classNames as u,mergeProps as s,IconUtils as p,ObjectUtils as c,DomHandler as f}from"primereact/utils";import{VirtualScroller as m}from"primereact/virtualscroller";import{SearchIcon as d}from"primereact/icons/search";import{InputText as b}from"primereact/inputtext";import{Ripple as v}from"primereact/ripple";function y(){return y=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},y.apply(this,arguments)}function g(e){return g="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},g(e)}function h(e,t){if("object"!==g(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==g(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function x(e){var t=h(e,"string");return"symbol"===g(t)?t:String(t)}function O(e,t,r){return(t=x(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function E(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function S(e){if(Array.isArray(e))return E(e)}function w(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function P(e,t){if(e){if("string"==typeof e)return E(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?E(e,t):void 0}}function j(){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 I(e){return S(e)||w(e)||P(e)||j()}function C(e){if(Array.isArray(e))return e}function D(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,l,o,i,a=[],u=!0,s=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=o.call(r)).done)&&(a.push(n.value),a.length!==t);u=!0);}catch(e){s=!0,l=e}finally{try{if(!u&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(s)throw l}}return a}}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.")}var L=l.extend({defaultProps:{__TYPE:"ListBox",className:null,dataKey:null,disabled:null,emptyFilterMessage:null,emptyMessage:null,filter:!1,filterIcon:null,filterBy:null,filterInputProps:null,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,filterValue:null,id:null,itemTemplate:null,listClassName:null,listStyle:null,metaKeySelection:!1,multiple:!1,onChange:null,onFilterValueChange:null,optionDisabled:null,optionGroupChildren:null,optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,style:null,tabIndex:0,tooltip:null,tooltipOptions:null,value:null,virtualScrollerOptions:null,children:void 0},css:{classes:{itemGroup:"p-listbox-item-group",emptyMessage:"p-listbox-empty-message",list:function(e){return e.props.virtualScrollerOptions?u("p-listbox-list",e.options.className):"p-listbox-list"},wrapper:function(e){return u("p-listbox-list-wrapper",e.props.listClassName)},root:function(e){var t=e.props;return u("p-listbox p-component",{"p-disabled":t.disabled},t.className)},item:function(e){var t=e.props;return u("p-listbox-item",{"p-highlight":t.selected,"p-disabled":t.disabled},t.option.className)},filterContainer:"p-listbox-filter-container",filterIcon:"p-listbox-filter-icon",filterInput:"p-listbox-filter",header:"p-listbox-header"},styles:"\n@layer primereact {\n .p-listbox-list-wrapper {\n overflow: auto;\n }\n \n .p-listbox-list {\n list-style-type: none;\n margin: 0;\n padding: 0;\n }\n \n .p-listbox-item {\n cursor: pointer;\n position: relative;\n overflow: hidden;\n }\n \n .p-listbox-filter-container {\n position: relative;\n }\n \n .p-listbox-filter-icon {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n }\n \n .p-listbox-filter {\n width: 100%;\n }\n}\n",inlineStyles:{itemGroup:function(e){var t=e.scrollerOptions;return{height:t.props?t.props.itemSize:void 0}},list:function(e){return e.props.virtualScrollerOptions?e.options.style:void 0}}}});function T(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function F(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?T(Object(r),!0).forEach((function(t){O(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):T(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var k=e.memo((function(t){var r=t.ptCallbacks,n=r.ptm,l=r.cx,o=function(e,r){return n(e,F({hostName:t.hostName},r))},i={filter:function(e){return a(e)},reset:function(){return t.resetFilter()}},a=function(e){t.onFilter&&t.onFilter({originalEvent:e,value:e.target.value})},u=function(){var r=s({className:l("filterIcon")},o("filterIcon")),u=p.getJSXIcon(t.filterIcon||e.createElement(d,r),F({},r),{props:t}),f=s({className:l("header")},o("header")),m=s({className:l("filterContainer")},o("filterContainer")),v=e.createElement("div",m,e.createElement(b,y({type:"text",value:t.filter,onChange:a,className:l("filterInput"),disabled:t.disabled,placeholder:t.filterPlaceholder},t.filterInputProps,{pt:n("filterInput"),unstyled:t.unstyled,__parentMetadata:{parent:t.metaData}})),u);t.filterTemplate&&(v=c.getJSXElement(t.filterTemplate,{className:"p-listbox-filter-container",element:v,filterOptions:i,filterInputChange:a,filterIconClassName:"p-dropdown-filter-icon",props:t}));return e.createElement("div",f,v)}();return e.createElement(e.Fragment,null,u)}));k.displayName="ListBoxHeader";var M=e.memo((function(t){var r=t.ptCallbacks,n=r.ptm,l=r.cx,o=function(e){t.onClick&&t.onClick({originalEvent:e,option:t.option}),e.preventDefault()},i=function e(t){var r=t.nextElementSibling;return r?f.hasClass(r,"p-disabled")||f.hasClass(r,"p-listbox-item-group")?e(r):r:null},a=function e(t){var r=t.previousElementSibling;return r?f.hasClass(r,"p-disabled")||f.hasClass(r,"p-listbox-item-group")?e(r):r:null},u=t.template?c.getJSXElement(t.template,t.option):t.label,p=s({className:l("item",{props:t}),style:t.style,onClick:o,onTouchEnd:function(e){t.onTouchEnd&&t.onTouchEnd({originalEvent:e,option:t.option})},onKeyDown:function(e){var t=e.currentTarget;switch(e.which){case 40:var r=i(t);r&&r.focus(),e.preventDefault();break;case 38:var n=a(t);n&&n.focus(),e.preventDefault();break;case 13:o(e),e.preventDefault()}},tabIndex:"-1","aria-label":t.label,key:t.label,role:"option","aria-selected":t.selected,"aria-disabled":t.disabled},n("item",{hostName:t.hostName,context:{selected:t.selected,disabled:t.disabled}}));return e.createElement("li",p,u,e.createElement(v,null))}));function A(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function G(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?A(Object(r),!0).forEach((function(t){O(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):A(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function K(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=V(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var n=0,l=function(){};return{s:l,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:l}}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 o,i=!0,a=!1;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return i=e.done,e},e:function(e){a=!0,o=e},f:function(){try{i||null==r.return||r.return()}finally{if(a)throw o}}}}function V(e,t){if(e){if("string"==typeof e)return B(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?B(e,t):void 0}}function B(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}M.displayName="ListBoxItem";var _=e.memo(e.forwardRef((function(l,u){var p,d,b=e.useContext(t),v=L.getProps(l,b),g=e.useState(""),h=(d=2,C(p=g)||D(p,d)||P(p,d)||N()),x=h[0],O=h[1],E=e.useRef(null),S=e.useRef(null),w=e.useRef(!1),j=(v.onFilterValueChange?v.filterValue:x)||"",T=j&&j.trim().length>0,F={props:v,state:{filterValue:j}},A=L.setMetaData(F);o(L.css.styles,A.isUnstyled,{name:"listbox"});var V=function(e){var t=e.option;v.disabled||ee(t)||(v.multiple?R(e.originalEvent,t):_(e.originalEvent,t),w.current=!1)},B=function(){v.disabled||(w.current=!0)},_=function(e,t){var r=Y(t),n=!1,l=null;!w.current&&v.metaKeySelection?r?(e.metaKey||e.ctrlKey)&&(l=null,n=!0):(l=W(t),n=!0):(l=r?null:W(t),n=!0);n&&q(e,l)},R=function(e,t){var r=Y(t),n=!1,l=null;if(!w&&v.metaKeySelection){var o=e.metaKey||e.ctrlKey;r?(l=o?z(t):[W(t)],n=!0):(l=[].concat(I(l=o&&v.value||[]),[W(t)]),n=!0)}else l=r?z(t):[].concat(I(v.value||[]),[W(t)]),n=!0;n&&v.onChange({originalEvent:e,value:l,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:v.name,id:v.id,value:l}})},J=function(e){S.current&&S.current.scrollToIndex(0);var t=e.value;v.onFilterValueChange?v.onFilterValueChange({originalEvent:e.originalEvent,value:t}):O(t)},X=function(){O(""),v.onFilter&&v.onFilter({filter:""})},q=function(e,t){v.onChange&&v.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:v.name,id:v.id,value:t}})},z=function(e){return v.value.filter((function(t){return!c.equals(t,W(e),v.dataKey)}))},U=function(){if(null!=v.value&&ae){if(!v.optionGroupLabel)return $(v.value,ae);for(var e=0;e<ae.length;e++){var t=$(v.value,re(ae[e]));if(-1!==t)return{group:e,option:t}}}return-1},H=function(){return v.optionValue?null:v.dataKey},$=function(e,t){var r=H();return t.findIndex((function(t){return c.equals(e,W(t),r)}))},Y=function(e){var t=W(e),r=H();return v.multiple&&v.value?v.value.some((function(e){return c.equals(e,t,r)})):c.equals(v.value,t,r)},Q=function(e){return v.optionLabel?c.resolveFieldData(e,v.optionLabel):e&&void 0!==e.label?e.label:e},W=function(e){return v.optionValue?c.resolveFieldData(e,v.optionValue):e&&void 0!==e.value?e.value:e},Z=function(e){return v.dataKey?c.resolveFieldData(e,v.dataKey):Q(e)},ee=function(e){return v.optionDisabled?c.isFunction(v.optionDisabled)?v.optionDisabled(e):c.resolveFieldData(e,v.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},te=function(e){return c.resolveFieldData(e,v.optionGroupLabel)},re=function(e){return c.resolveFieldData(e,v.optionGroupChildren)},ne=function(){if(S.current){var e=U();-1!==e&&setTimeout((function(){return S.current.scrollToIndex(e)}),0)}};e.useImperativeHandle(u,(function(){return{props:v,focus:function(){return f.focusFirstElement(E.current)},getElement:function(){return E.current},getVirtualScroller:function(){return S.current}}})),i((function(){ne()}));var le=function(t,r){return re(t).map((function(t,n){var l=Q(t),o=n+"_"+Z(t),i=ee(t),a=i?null:v.tabIndex||0;return e.createElement(M,{hostName:"ListBox",key:o,label:l,option:t,style:r,template:v.itemTemplate,selected:Y(t),onClick:V,onTouchEnd:B,tabIndex:a,disabled:i,ptCallbacks:A,metaData:F})}))},oe=function(t,r){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},l={height:n.props?n.props.itemSize:void 0};if(v.optionGroupLabel){var o=v.optionGroupTemplate?c.getJSXElement(v.optionGroupTemplate,t,r):c.resolveFieldData(t,v.optionGroupLabel),i=le(t,l),a=r+"_"+te(t),u=s({className:A.cx("itemGroup"),style:A.sx("itemGroup",{scrollerOptions:n}),role:"group"},A.ptm("itemGroup"));return e.createElement(e.Fragment,{key:a},e.createElement("li",u,o),i)}var p=Q(t),f=r+"_"+Z(t),m=ee(t),d=m?null:v.tabIndex||0;return e.createElement(M,{hostName:"ListBox",key:f,label:p,option:t,style:l,template:v.itemTemplate,selected:Y(t),onClick:V,onTouchEnd:B,tabIndex:d,disabled:m,ptCallbacks:A,metaData:F})},ie=function(t,r){var l=s({className:A.cx("emptyMessage")},A.ptm("emptyMessage")),o=c.getJSXElement(t,v)||n(r?"emptyFilterMessage":"emptyMessage");return e.createElement("li",l,o)},ae=function(){if(T){var e=j.trim().toLocaleLowerCase(v.filterLocale),t=v.filterBy?v.filterBy.split(","):[v.optionLabel||"label"];if(v.optionGroupLabel){var n,l=[],o=K(v.options);try{for(o.s();!(n=o.n()).done;){var i=n.value,a=r.filter(re(i),t,e,v.filterMatchMode,v.filterLocale);a&&a.length&&l.push(G(G({},i),{items:a}))}}catch(e){o.e(e)}finally{o.f()}return l}return r.filter(v.options,t,e,v.filterMatchMode,v.filterLocale)}return v.options}(),ue=c.isNotEmpty(v.tooltip),se=L.getOtherProps(v),pe=c.reduceKeys(se,f.ARIA_PROPS),ce=function(){if(v.virtualScrollerOptions){var t=G(G({},v.virtualScrollerOptions),{items:ae,onLazyLoad:function(e){return v.virtualScrollerOptions.onLazyLoad(G(G({},e),{filter:ae}))},itemTemplate:function(e,t){return e&&oe(e,t.index,t)},contentTemplate:function(t){var r=s(G({ref:t.contentRef,style:A.sx("list",{options:t}),className:A.cx("list",{options:t}),role:"listbox","aria-multiselectable":v.multiple},pe),A.ptm("list"));return e.createElement("ul",r,t.children)}});return e.createElement(m,y({ref:S},t,{pt:A.ptm("virtualScroller")}))}var r=c.isNotEmpty(ae)?ae.map(oe):T?ie(v.emptyFilterMessage,!0):ie(v.emptyMessage),n=s(G({className:A.cx("list"),role:"listbox","aria-multiselectable":v.multiple},pe),A.ptm("list"));return e.createElement("ul",n,r)}(),fe=v.filter?e.createElement(k,{hostName:"ListBox",filter:j,filterIcon:v.filterIcon,onFilter:J,resetFilter:X,filterTemplate:v.filterTemplate,disabled:v.disabled,filterPlaceholder:v.filterPlaceholder,filterInputProps:v.filterInputProps,ptCallbacks:A,metaData:F}):null,me=s({className:A.cx("wrapper"),style:v.listStyle},A.ptm("wrapper")),de=s({ref:E,id:v.id,className:A.cx("root"),style:v.style},L.getOtherProps(v),A.ptm("root"));return e.createElement(e.Fragment,null,e.createElement("div",de,fe,e.createElement("div",me,ce)),ue&&e.createElement(a,y({target:E,content:v.tooltip},v.tooltipOptions,{pt:A.ptm("tooltip")})))})));_.displayName="ListBox";export{_ as ListBox};
|
|
1
|
+
import*as e from"react";import{PrimeReactContext as t,FilterService as r,localeOption as n}from"primereact/api";import{ComponentBase as l,useHandleStyle as o}from"primereact/componentbase";import{useMountEffect as i}from"primereact/hooks";import{Tooltip as a}from"primereact/tooltip";import{classNames as u,mergeProps as s,IconUtils as c,ObjectUtils as p,DomHandler as f}from"primereact/utils";import{VirtualScroller as m}from"primereact/virtualscroller";import{SearchIcon as d}from"primereact/icons/search";import{InputText as b}from"primereact/inputtext";import{Ripple as v}from"primereact/ripple";function y(){return y=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},y.apply(this,arguments)}function g(e){return g="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},g(e)}function h(e,t){if("object"!==g(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==g(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function x(e){var t=h(e,"string");return"symbol"===g(t)?t:String(t)}function O(e,t,r){return(t=x(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function E(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function S(e){if(Array.isArray(e))return E(e)}function w(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function P(e,t){if(e){if("string"==typeof e)return E(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?E(e,t):void 0}}function j(){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 I(e){return S(e)||w(e)||P(e)||j()}function C(e){if(Array.isArray(e))return e}function D(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,l,o,i,a=[],u=!0,s=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=o.call(r)).done)&&(a.push(n.value),a.length!==t);u=!0);}catch(e){s=!0,l=e}finally{try{if(!u&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(s)throw l}}return a}}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 F(e,t){return C(e)||D(e,t)||P(e,t)||N()}var L=l.extend({defaultProps:{__TYPE:"ListBox",className:null,dataKey:null,disabled:null,emptyFilterMessage:null,emptyMessage:null,filter:!1,filterIcon:null,filterBy:null,filterInputProps:null,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,filterValue:null,id:null,itemTemplate:null,listClassName:null,listStyle:null,metaKeySelection:!1,multiple:!1,onChange:null,onFilterValueChange:null,optionDisabled:null,optionGroupChildren:null,optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,style:null,tabIndex:0,tooltip:null,tooltipOptions:null,value:null,virtualScrollerOptions:null,children:void 0},css:{classes:{itemGroup:"p-listbox-item-group",emptyMessage:"p-listbox-empty-message",list:function(e){return e.props.virtualScrollerOptions?u("p-listbox-list",e.options.className):"p-listbox-list"},wrapper:function(e){return u("p-listbox-list-wrapper",e.props.listClassName)},root:function(e){var t=e.props;return u("p-listbox p-component",{"p-disabled":t.disabled},t.className)},item:function(e){var t=e.props;return u("p-listbox-item",{"p-highlight":t.selected,"p-disabled":t.disabled},t.option.className)},filterContainer:"p-listbox-filter-container",filterIcon:"p-listbox-filter-icon",filterInput:"p-listbox-filter",header:"p-listbox-header"},styles:"\n@layer primereact {\n .p-listbox-list-wrapper {\n overflow: auto;\n }\n \n .p-listbox-list {\n list-style-type: none;\n margin: 0;\n padding: 0;\n }\n \n .p-listbox-item {\n cursor: pointer;\n position: relative;\n overflow: hidden;\n }\n \n .p-listbox-filter-container {\n position: relative;\n }\n \n .p-listbox-filter-icon {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n }\n \n .p-listbox-filter {\n width: 100%;\n }\n}\n",inlineStyles:{itemGroup:function(e){var t=e.scrollerOptions;return{height:t.props?t.props.itemSize:void 0}},list:function(e){return e.props.virtualScrollerOptions?e.options.style:void 0}}}});function T(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function k(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?T(Object(r),!0).forEach((function(t){O(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):T(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var M=e.memo((function(t){var r=t.ptCallbacks,n=r.ptm,l=r.cx,o=function(e,r){return n(e,k({hostName:t.hostName},r))},i={filter:function(e){return a(e)},reset:function(){return t.resetFilter()}},a=function(e){t.onFilter&&t.onFilter({originalEvent:e,value:e.target.value})},u=function(){var r=s({className:l("filterIcon")},o("filterIcon")),u=c.getJSXIcon(t.filterIcon||e.createElement(d,r),k({},r),{props:t}),f=s({className:l("header")},o("header")),m=s({className:l("filterContainer")},o("filterContainer")),v=e.createElement("div",m,e.createElement(b,y({type:"text",value:t.filter,onChange:a,className:l("filterInput"),disabled:t.disabled,placeholder:t.filterPlaceholder},t.filterInputProps,{pt:n("filterInput"),unstyled:t.unstyled,__parentMetadata:{parent:t.metaData}})),u);t.filterTemplate&&(v=p.getJSXElement(t.filterTemplate,{className:"p-listbox-filter-container",element:v,filterOptions:i,filterInputChange:a,filterIconClassName:"p-dropdown-filter-icon",props:t}));return e.createElement("div",f,v)}();return e.createElement(e.Fragment,null,u)}));M.displayName="ListBoxHeader";var A=e.memo((function(t){var r=F(e.useState(!1),2),n=r[0],l=r[1],o=t.ptCallbacks,i=o.ptm,a=o.cx,u=function(e){t.onClick&&t.onClick({originalEvent:e,option:t.option}),e.preventDefault()},c=function e(t){var r=t.nextElementSibling;return r?f.hasClass(r,"p-disabled")||f.hasClass(r,"p-listbox-item-group")?e(r):r:null},m=function e(t){var r=t.previousElementSibling;return r?f.hasClass(r,"p-disabled")||f.hasClass(r,"p-listbox-item-group")?e(r):r:null},d=t.template?p.getJSXElement(t.template,t.option):t.label,b=s({className:a("item",{props:t}),style:t.style,onClick:u,onTouchEnd:function(e){t.onTouchEnd&&t.onTouchEnd({originalEvent:e,option:t.option})},onKeyDown:function(e){var t=e.currentTarget;switch(e.which){case 40:var r=c(t);r&&r.focus(),e.preventDefault();break;case 38:var n=m(t);n&&n.focus(),e.preventDefault();break;case 13:u(e),e.preventDefault()}},onFocus:function(e){l(!0)},onBlur:function(e){l(!1)},tabIndex:"-1","aria-label":t.label,key:t.label,role:"option","aria-selected":t.selected,"aria-disabled":t.disabled},i("item",{hostName:t.hostName,context:{selected:t.selected,disabled:t.disabled,focused:n}}));return e.createElement("li",b,d,e.createElement(v,null))}));function G(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function K(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?G(Object(r),!0).forEach((function(t){O(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):G(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function V(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=B(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var n=0,l=function(){};return{s:l,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:l}}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 o,i=!0,a=!1;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return i=e.done,e},e:function(e){a=!0,o=e},f:function(){try{i||null==r.return||r.return()}finally{if(a)throw o}}}}function B(e,t){if(e){if("string"==typeof e)return _(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_(e,t):void 0}}function _(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}A.displayName="ListBoxItem";var R=e.memo(e.forwardRef((function(l,u){var c=e.useContext(t),d=L.getProps(l,c),b=F(e.useState(""),2),v=b[0],g=b[1],h=e.useRef(null),x=e.useRef(null),O=e.useRef(!1),E=(d.onFilterValueChange?d.filterValue:v)||"",S=E&&E.trim().length>0,w={props:d,state:{filterValue:E}},P=L.setMetaData(w);o(L.css.styles,P.isUnstyled,{name:"listbox"});var j=function(e){var t=e.option;d.disabled||H(t)||(d.multiple?N(e.originalEvent,t):D(e.originalEvent,t),O.current=!1)},C=function(){d.disabled||(O.current=!0)},D=function(e,t){var r=X(t),n=!1,l=null;!O.current&&d.metaKeySelection?r?(e.metaKey||e.ctrlKey)&&(l=null,n=!0):(l=z(t),n=!0):(l=r?null:z(t),n=!0);n&&G(e,l)},N=function(e,t){var r=X(t),n=!1,l=null;if(!O&&d.metaKeySelection){var o=e.metaKey||e.ctrlKey;r?(l=o?B(t):[z(t)],n=!0):(l=[].concat(I(l=o&&d.value||[]),[z(t)]),n=!0)}else l=r?B(t):[].concat(I(d.value||[]),[z(t)]),n=!0;n&&d.onChange({originalEvent:e,value:l,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:d.name,id:d.id,value:l}})},T=function(e){x.current&&x.current.scrollToIndex(0);var t=e.value;d.onFilterValueChange?d.onFilterValueChange({originalEvent:e.originalEvent,value:t}):g(t)},k=function(){g(""),d.onFilter&&d.onFilter({filter:""})},G=function(e,t){d.onChange&&d.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:d.name,id:d.id,value:t}})},B=function(e){return d.value.filter((function(t){return!p.equals(t,z(e),d.dataKey)}))},_=function(){if(null!=d.value&&te){if(!d.optionGroupLabel)return J(d.value,te);for(var e=0;e<te.length;e++){var t=J(d.value,Y(te[e]));if(-1!==t)return{group:e,option:t}}}return-1},R=function(){return d.optionValue?null:d.dataKey},J=function(e,t){var r=R();return t.findIndex((function(t){return p.equals(e,z(t),r)}))},X=function(e){var t=z(e),r=R();return d.multiple&&d.value?d.value.some((function(e){return p.equals(e,t,r)})):p.equals(d.value,t,r)},q=function(e){return d.optionLabel?p.resolveFieldData(e,d.optionLabel):e&&void 0!==e.label?e.label:e},z=function(e){return d.optionValue?p.resolveFieldData(e,d.optionValue):e&&void 0!==e.value?e.value:e},U=function(e){return d.dataKey?p.resolveFieldData(e,d.dataKey):q(e)},H=function(e){return d.optionDisabled?p.isFunction(d.optionDisabled)?d.optionDisabled(e):p.resolveFieldData(e,d.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},$=function(e){return p.resolveFieldData(e,d.optionGroupLabel)},Y=function(e){return p.resolveFieldData(e,d.optionGroupChildren)},Q=function(){if(x.current){var e=_();-1!==e&&setTimeout((function(){return x.current.scrollToIndex(e)}),0)}};e.useImperativeHandle(u,(function(){return{props:d,focus:function(){return f.focusFirstElement(h.current)},getElement:function(){return h.current},getVirtualScroller:function(){return x.current}}})),i((function(){Q()}));var W=function(t,r){return Y(t).map((function(t,n){var l=q(t),o=n+"_"+U(t),i=H(t),a=i?null:d.tabIndex||0;return e.createElement(A,{hostName:"ListBox",key:o,label:l,option:t,style:r,template:d.itemTemplate,selected:X(t),onClick:j,onTouchEnd:C,tabIndex:a,disabled:i,ptCallbacks:P,metaData:w})}))},Z=function(t,r){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},l={height:n.props?n.props.itemSize:void 0};if(d.optionGroupLabel){var o=d.optionGroupTemplate?p.getJSXElement(d.optionGroupTemplate,t,r):p.resolveFieldData(t,d.optionGroupLabel),i=W(t,l),a=r+"_"+$(t),u=s({className:P.cx("itemGroup"),style:P.sx("itemGroup",{scrollerOptions:n}),role:"group"},P.ptm("itemGroup"));return e.createElement(e.Fragment,{key:a},e.createElement("li",u,o),i)}var c=q(t),f=r+"_"+U(t),m=H(t),b=m?null:d.tabIndex||0;return e.createElement(A,{hostName:"ListBox",key:f,label:c,option:t,style:l,template:d.itemTemplate,selected:X(t),onClick:j,onTouchEnd:C,tabIndex:b,disabled:m,ptCallbacks:P,metaData:w})},ee=function(t,r){var l=s({className:P.cx("emptyMessage")},P.ptm("emptyMessage")),o=p.getJSXElement(t,d)||n(r?"emptyFilterMessage":"emptyMessage");return e.createElement("li",l,o)},te=function(){if(S){var e=E.trim().toLocaleLowerCase(d.filterLocale),t=d.filterBy?d.filterBy.split(","):[d.optionLabel||"label"];if(d.optionGroupLabel){var n,l=[],o=V(d.options);try{for(o.s();!(n=o.n()).done;){var i=n.value,a=r.filter(Y(i),t,e,d.filterMatchMode,d.filterLocale);a&&a.length&&l.push(K(K({},i),{items:a}))}}catch(e){o.e(e)}finally{o.f()}return l}return r.filter(d.options,t,e,d.filterMatchMode,d.filterLocale)}return d.options}(),re=p.isNotEmpty(d.tooltip),ne=L.getOtherProps(d),le=p.reduceKeys(ne,f.ARIA_PROPS),oe=function(){if(d.virtualScrollerOptions){var t=K(K({},d.virtualScrollerOptions),{items:te,onLazyLoad:function(e){return d.virtualScrollerOptions.onLazyLoad(K(K({},e),{filter:te}))},itemTemplate:function(e,t){return e&&Z(e,t.index,t)},contentTemplate:function(t){var r=s(K({ref:t.contentRef,style:P.sx("list",{options:t}),className:P.cx("list",{options:t}),role:"listbox","aria-multiselectable":d.multiple},le),P.ptm("list"));return e.createElement("ul",r,t.children)}});return e.createElement(m,y({ref:x},t,{pt:P.ptm("virtualScroller")}))}var r=p.isNotEmpty(te)?te.map(Z):S?ee(d.emptyFilterMessage,!0):ee(d.emptyMessage),n=s(K({className:P.cx("list"),role:"listbox","aria-multiselectable":d.multiple},le),P.ptm("list"));return e.createElement("ul",n,r)}(),ie=d.filter?e.createElement(M,{hostName:"ListBox",filter:E,filterIcon:d.filterIcon,onFilter:T,resetFilter:k,filterTemplate:d.filterTemplate,disabled:d.disabled,filterPlaceholder:d.filterPlaceholder,filterInputProps:d.filterInputProps,ptCallbacks:P,metaData:w}):null,ae=s({className:P.cx("wrapper"),style:d.listStyle},P.ptm("wrapper")),ue=s({ref:h,id:d.id,className:P.cx("root"),style:d.style},L.getOtherProps(d),P.ptm("root"));return e.createElement(e.Fragment,null,e.createElement("div",ue,ie,e.createElement("div",ae,oe)),re&&e.createElement(a,y({target:h,content:d.tooltip},d.tooltipOptions,{pt:P.ptm("tooltip")})))})));R.displayName="ListBox";export{R as ListBox};
|
package/listbox/listbox.js
CHANGED
|
@@ -314,6 +314,10 @@ this.primereact.listbox = (function (exports, React, api, componentbase, hooks,
|
|
|
314
314
|
ListBoxHeader.displayName = 'ListBoxHeader';
|
|
315
315
|
|
|
316
316
|
var ListBoxItem = /*#__PURE__*/React__namespace.memo(function (props) {
|
|
317
|
+
var _React$useState = React__namespace.useState(false),
|
|
318
|
+
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
319
|
+
focusedState = _React$useState2[0],
|
|
320
|
+
setFocusedState = _React$useState2[1];
|
|
317
321
|
var _props$ptCallbacks = props.ptCallbacks,
|
|
318
322
|
ptm = _props$ptCallbacks.ptm,
|
|
319
323
|
cx = _props$ptCallbacks.cx;
|
|
@@ -322,10 +326,17 @@ this.primereact.listbox = (function (exports, React, api, componentbase, hooks,
|
|
|
322
326
|
hostName: props.hostName,
|
|
323
327
|
context: {
|
|
324
328
|
selected: props.selected,
|
|
325
|
-
disabled: props.disabled
|
|
329
|
+
disabled: props.disabled,
|
|
330
|
+
focused: focusedState
|
|
326
331
|
}
|
|
327
332
|
});
|
|
328
333
|
};
|
|
334
|
+
var onFocus = function onFocus(event) {
|
|
335
|
+
setFocusedState(true);
|
|
336
|
+
};
|
|
337
|
+
var onBlur = function onBlur(event) {
|
|
338
|
+
setFocusedState(false);
|
|
339
|
+
};
|
|
329
340
|
var onClick = function onClick(event) {
|
|
330
341
|
if (props.onClick) {
|
|
331
342
|
props.onClick({
|
|
@@ -384,6 +395,8 @@ this.primereact.listbox = (function (exports, React, api, componentbase, hooks,
|
|
|
384
395
|
onClick: onClick,
|
|
385
396
|
onTouchEnd: onTouchEnd,
|
|
386
397
|
onKeyDown: onKeyDown,
|
|
398
|
+
onFocus: onFocus,
|
|
399
|
+
onBlur: onBlur,
|
|
387
400
|
tabIndex: '-1',
|
|
388
401
|
'aria-label': props.label,
|
|
389
402
|
key: props.label,
|
package/listbox/listbox.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.listbox=function(e,t,r,n,l,o,i,a,u,s,c){"use strict";function p(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var f=p(t);function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},m.apply(this,arguments)}function b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}function d(e,t){if("object"!==b(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==b(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function v(e){var t=d(e,"string");return"symbol"===b(t)?t:String(t)}function y(e,t,r){return(t=v(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function g(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function h(e){if(Array.isArray(e))return g(e)}function O(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function j(e,t){if(e){if("string"==typeof e)return g(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?g(e,t):void 0}}function x(){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 h(e)||O(e)||j(e)||x()}function S(e){if(Array.isArray(e))return e}function P(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,l,o,i,a=[],u=!0,s=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=o.call(r)).done)&&(a.push(n.value),a.length!==t);u=!0);}catch(e){s=!0,l=e}finally{try{if(!u&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(s)throw l}}return a}}function w(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var D=n.ComponentBase.extend({defaultProps:{__TYPE:"ListBox",className:null,dataKey:null,disabled:null,emptyFilterMessage:null,emptyMessage:null,filter:!1,filterIcon:null,filterBy:null,filterInputProps:null,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,filterValue:null,id:null,itemTemplate:null,listClassName:null,listStyle:null,metaKeySelection:!1,multiple:!1,onChange:null,onFilterValueChange:null,optionDisabled:null,optionGroupChildren:null,optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,style:null,tabIndex:0,tooltip:null,tooltipOptions:null,value:null,virtualScrollerOptions:null,children:void 0},css:{classes:{itemGroup:"p-listbox-item-group",emptyMessage:"p-listbox-empty-message",list:function(e){return e.props.virtualScrollerOptions?i.classNames("p-listbox-list",e.options.className):"p-listbox-list"},wrapper:function(e){return i.classNames("p-listbox-list-wrapper",e.props.listClassName)},root:function(e){var t=e.props;return i.classNames("p-listbox p-component",{"p-disabled":t.disabled},t.className)},item:function(e){var t=e.props;return i.classNames("p-listbox-item",{"p-highlight":t.selected,"p-disabled":t.disabled},t.option.className)},filterContainer:"p-listbox-filter-container",filterIcon:"p-listbox-filter-icon",filterInput:"p-listbox-filter",header:"p-listbox-header"},styles:"\n@layer primereact {\n .p-listbox-list-wrapper {\n overflow: auto;\n }\n \n .p-listbox-list {\n list-style-type: none;\n margin: 0;\n padding: 0;\n }\n \n .p-listbox-item {\n cursor: pointer;\n position: relative;\n overflow: hidden;\n }\n \n .p-listbox-filter-container {\n position: relative;\n }\n \n .p-listbox-filter-icon {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n }\n \n .p-listbox-filter {\n width: 100%;\n }\n}\n",inlineStyles:{itemGroup:function(e){var t=e.scrollerOptions;return{height:t.props?t.props.itemSize:void 0}},list:function(e){return e.props.virtualScrollerOptions?e.options.style:void 0}}}});function I(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function C(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?I(Object(r),!0).forEach((function(t){y(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):I(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var N=f.memo((function(e){var t=e.ptCallbacks,r=t.ptm,n=t.cx,l=function(t,n){return r(t,C({hostName:e.hostName},n))},o={filter:function(e){return a(e)},reset:function(){return e.resetFilter()}},a=function(t){e.onFilter&&e.onFilter({originalEvent:t,value:t.target.value})},c=function(){var t=i.mergeProps({className:n("filterIcon")},l("filterIcon")),c=i.IconUtils.getJSXIcon(e.filterIcon||f.createElement(u.SearchIcon,t),C({},t),{props:e}),p=i.mergeProps({className:n("header")},l("header")),b=i.mergeProps({className:n("filterContainer")},l("filterContainer")),d=f.createElement("div",b,f.createElement(s.InputText,m({type:"text",value:e.filter,onChange:a,className:n("filterInput"),disabled:e.disabled,placeholder:e.filterPlaceholder},e.filterInputProps,{pt:r("filterInput"),unstyled:e.unstyled,__parentMetadata:{parent:e.metaData}})),c);e.filterTemplate&&(d=i.ObjectUtils.getJSXElement(e.filterTemplate,{className:"p-listbox-filter-container",element:d,filterOptions:o,filterInputChange:a,filterIconClassName:"p-dropdown-filter-icon",props:e}));return f.createElement("div",p,d)}();return f.createElement(f.Fragment,null,c)}));N.displayName="ListBoxHeader";var T=f.memo((function(e){var t=e.ptCallbacks,r=t.ptm,n=t.cx,l=function(t){e.onClick&&e.onClick({originalEvent:t,option:e.option}),t.preventDefault()},o=function e(t){var r=t.nextElementSibling;return r?i.DomHandler.hasClass(r,"p-disabled")||i.DomHandler.hasClass(r,"p-listbox-item-group")?e(r):r:null},a=function e(t){var r=t.previousElementSibling;return r?i.DomHandler.hasClass(r,"p-disabled")||i.DomHandler.hasClass(r,"p-listbox-item-group")?e(r):r:null},u=e.template?i.ObjectUtils.getJSXElement(e.template,e.option):e.label,s=i.mergeProps({className:n("item",{props:e}),style:e.style,onClick:l,onTouchEnd:function(t){e.onTouchEnd&&e.onTouchEnd({originalEvent:t,option:e.option})},onKeyDown:function(e){var t=e.currentTarget;switch(e.which){case 40:var r=o(t);r&&r.focus(),e.preventDefault();break;case 38:var n=a(t);n&&n.focus(),e.preventDefault();break;case 13:l(e),e.preventDefault()}},tabIndex:"-1","aria-label":e.label,key:e.label,role:"option","aria-selected":e.selected,"aria-disabled":e.disabled},r("item",{hostName:e.hostName,context:{selected:e.selected,disabled:e.disabled}}));return f.createElement("li",s,u,f.createElement(c.Ripple,null))}));function F(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function L(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?F(Object(r),!0).forEach((function(t){y(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):F(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function U(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=M(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var n=0,l=function(){};return{s:l,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:l}}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 o,i=!0,a=!1;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return i=e.done,e},e:function(e){a=!0,o=e},f:function(){try{i||null==r.return||r.return()}finally{if(a)throw o}}}}function M(e,t){if(e){if("string"==typeof e)return k(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?k(e,t):void 0}}function k(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}T.displayName="ListBoxItem";var A=f.memo(f.forwardRef((function(e,t){var u,s,c=f.useContext(r.PrimeReactContext),p=D.getProps(e,c),b=f.useState(""),d=(s=2,S(u=b)||P(u,s)||j(u,s)||w()),v=d[0],y=d[1],g=f.useRef(null),h=f.useRef(null),O=f.useRef(!1),x=(p.onFilterValueChange?p.filterValue:v)||"",I=x&&x.trim().length>0,C={props:p,state:{filterValue:x}},F=D.setMetaData(C);n.useHandleStyle(D.css.styles,F.isUnstyled,{name:"listbox"});var M=function(e){var t=e.option;p.disabled||Y(t)||(p.multiple?G(e.originalEvent,t):A(e.originalEvent,t),O.current=!1)},k=function(){p.disabled||(O.current=!0)},A=function(e,t){var r=J(t),n=!1,l=null;!O.current&&p.metaKeySelection?r?(e.metaKey||e.ctrlKey)&&(l=null,n=!0):(l=q(t),n=!0):(l=r?null:q(t),n=!0);n&&B(e,l)},G=function(e,t){var r=J(t),n=!1,l=null;if(!O&&p.metaKeySelection){var o=e.metaKey||e.ctrlKey;r?(l=o?_(t):[q(t)],n=!0):(l=[].concat(E(l=o&&p.value||[]),[q(t)]),n=!0)}else l=r?_(t):[].concat(E(p.value||[]),[q(t)]),n=!0;n&&p.onChange({originalEvent:e,value:l,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:p.name,id:p.id,value:l}})},K=function(e){h.current&&h.current.scrollToIndex(0);var t=e.value;p.onFilterValueChange?p.onFilterValueChange({originalEvent:e.originalEvent,value:t}):y(t)},V=function(){y(""),p.onFilter&&p.onFilter({filter:""})},B=function(e,t){p.onChange&&p.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:p.name,id:p.id,value:t}})},_=function(e){return p.value.filter((function(t){return!i.ObjectUtils.equals(t,q(e),p.dataKey)}))},R=function(){if(null!=p.value&&ne){if(!p.optionGroupLabel)return z(p.value,ne);for(var e=0;e<ne.length;e++){var t=z(p.value,W(ne[e]));if(-1!==t)return{group:e,option:t}}}return-1},H=function(){return p.optionValue?null:p.dataKey},z=function(e,t){var r=H();return t.findIndex((function(t){return i.ObjectUtils.equals(e,q(t),r)}))},J=function(e){var t=q(e),r=H();return p.multiple&&p.value?p.value.some((function(e){return i.ObjectUtils.equals(e,t,r)})):i.ObjectUtils.equals(p.value,t,r)},X=function(e){return p.optionLabel?i.ObjectUtils.resolveFieldData(e,p.optionLabel):e&&void 0!==e.label?e.label:e},q=function(e){return p.optionValue?i.ObjectUtils.resolveFieldData(e,p.optionValue):e&&void 0!==e.value?e.value:e},$=function(e){return p.dataKey?i.ObjectUtils.resolveFieldData(e,p.dataKey):X(e)},Y=function(e){return p.optionDisabled?i.ObjectUtils.isFunction(p.optionDisabled)?p.optionDisabled(e):i.ObjectUtils.resolveFieldData(e,p.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},Q=function(e){return i.ObjectUtils.resolveFieldData(e,p.optionGroupLabel)},W=function(e){return i.ObjectUtils.resolveFieldData(e,p.optionGroupChildren)},Z=function(){if(h.current){var e=R();-1!==e&&setTimeout((function(){return h.current.scrollToIndex(e)}),0)}};f.useImperativeHandle(t,(function(){return{props:p,focus:function(){return i.DomHandler.focusFirstElement(g.current)},getElement:function(){return g.current},getVirtualScroller:function(){return h.current}}})),l.useMountEffect((function(){Z()}));var ee=function(e,t){return W(e).map((function(e,r){var n=X(e),l=r+"_"+$(e),o=Y(e),i=o?null:p.tabIndex||0;return f.createElement(T,{hostName:"ListBox",key:l,label:n,option:e,style:t,template:p.itemTemplate,selected:J(e),onClick:M,onTouchEnd:k,tabIndex:i,disabled:o,ptCallbacks:F,metaData:C})}))},te=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n={height:r.props?r.props.itemSize:void 0};if(p.optionGroupLabel){var l=p.optionGroupTemplate?i.ObjectUtils.getJSXElement(p.optionGroupTemplate,e,t):i.ObjectUtils.resolveFieldData(e,p.optionGroupLabel),o=ee(e,n),a=t+"_"+Q(e),u=i.mergeProps({className:F.cx("itemGroup"),style:F.sx("itemGroup",{scrollerOptions:r}),role:"group"},F.ptm("itemGroup"));return f.createElement(f.Fragment,{key:a},f.createElement("li",u,l),o)}var s=X(e),c=t+"_"+$(e),m=Y(e),b=m?null:p.tabIndex||0;return f.createElement(T,{hostName:"ListBox",key:c,label:s,option:e,style:n,template:p.itemTemplate,selected:J(e),onClick:M,onTouchEnd:k,tabIndex:b,disabled:m,ptCallbacks:F,metaData:C})},re=function(e,t){var n=i.mergeProps({className:F.cx("emptyMessage")},F.ptm("emptyMessage")),l=i.ObjectUtils.getJSXElement(e,p)||r.localeOption(t?"emptyFilterMessage":"emptyMessage");return f.createElement("li",n,l)},ne=function(){if(I){var e=x.trim().toLocaleLowerCase(p.filterLocale),t=p.filterBy?p.filterBy.split(","):[p.optionLabel||"label"];if(p.optionGroupLabel){var n,l=[],o=U(p.options);try{for(o.s();!(n=o.n()).done;){var i=n.value,a=r.FilterService.filter(W(i),t,e,p.filterMatchMode,p.filterLocale);a&&a.length&&l.push(L(L({},i),{items:a}))}}catch(e){o.e(e)}finally{o.f()}return l}return r.FilterService.filter(p.options,t,e,p.filterMatchMode,p.filterLocale)}return p.options}(),le=i.ObjectUtils.isNotEmpty(p.tooltip),oe=D.getOtherProps(p),ie=i.ObjectUtils.reduceKeys(oe,i.DomHandler.ARIA_PROPS),ae=function(){if(p.virtualScrollerOptions){var e=L(L({},p.virtualScrollerOptions),{items:ne,onLazyLoad:function(e){return p.virtualScrollerOptions.onLazyLoad(L(L({},e),{filter:ne}))},itemTemplate:function(e,t){return e&&te(e,t.index,t)},contentTemplate:function(e){var t=i.mergeProps(L({ref:e.contentRef,style:F.sx("list",{options:e}),className:F.cx("list",{options:e}),role:"listbox","aria-multiselectable":p.multiple},ie),F.ptm("list"));return f.createElement("ul",t,e.children)}});return f.createElement(a.VirtualScroller,m({ref:h},e,{pt:F.ptm("virtualScroller")}))}var t=i.ObjectUtils.isNotEmpty(ne)?ne.map(te):I?re(p.emptyFilterMessage,!0):re(p.emptyMessage),r=i.mergeProps(L({className:F.cx("list"),role:"listbox","aria-multiselectable":p.multiple},ie),F.ptm("list"));return f.createElement("ul",r,t)}(),ue=p.filter?f.createElement(N,{hostName:"ListBox",filter:x,filterIcon:p.filterIcon,onFilter:K,resetFilter:V,filterTemplate:p.filterTemplate,disabled:p.disabled,filterPlaceholder:p.filterPlaceholder,filterInputProps:p.filterInputProps,ptCallbacks:F,metaData:C}):null,se=i.mergeProps({className:F.cx("wrapper"),style:p.listStyle},F.ptm("wrapper")),ce=i.mergeProps({ref:g,id:p.id,className:F.cx("root"),style:p.style},D.getOtherProps(p),F.ptm("root"));return f.createElement(f.Fragment,null,f.createElement("div",ce,ue,f.createElement("div",se,ae)),le&&f.createElement(o.Tooltip,m({target:g,content:p.tooltip},p.tooltipOptions,{pt:F.ptm("tooltip")})))})));return A.displayName="ListBox",e.ListBox=A,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.tooltip,primereact.utils,primereact.virtualscroller,primereact.icons.search,primereact.inputtext,primereact.ripple);
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.listbox=function(e,t,r,n,l,o,i,a,u,s,c){"use strict";function p(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var f=p(t);function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},m.apply(this,arguments)}function b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}function d(e,t){if("object"!==b(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==b(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function v(e){var t=d(e,"string");return"symbol"===b(t)?t:String(t)}function y(e,t,r){return(t=v(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function g(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function h(e){if(Array.isArray(e))return g(e)}function O(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function j(e,t){if(e){if("string"==typeof e)return g(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?g(e,t):void 0}}function x(){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 S(e){return h(e)||O(e)||j(e)||x()}function E(e){if(Array.isArray(e))return e}function P(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,l,o,i,a=[],u=!0,s=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=o.call(r)).done)&&(a.push(n.value),a.length!==t);u=!0);}catch(e){s=!0,l=e}finally{try{if(!u&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(s)throw l}}return a}}function w(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function D(e,t){return E(e)||P(e,t)||j(e,t)||w()}var I=n.ComponentBase.extend({defaultProps:{__TYPE:"ListBox",className:null,dataKey:null,disabled:null,emptyFilterMessage:null,emptyMessage:null,filter:!1,filterIcon:null,filterBy:null,filterInputProps:null,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,filterValue:null,id:null,itemTemplate:null,listClassName:null,listStyle:null,metaKeySelection:!1,multiple:!1,onChange:null,onFilterValueChange:null,optionDisabled:null,optionGroupChildren:null,optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,style:null,tabIndex:0,tooltip:null,tooltipOptions:null,value:null,virtualScrollerOptions:null,children:void 0},css:{classes:{itemGroup:"p-listbox-item-group",emptyMessage:"p-listbox-empty-message",list:function(e){return e.props.virtualScrollerOptions?i.classNames("p-listbox-list",e.options.className):"p-listbox-list"},wrapper:function(e){return i.classNames("p-listbox-list-wrapper",e.props.listClassName)},root:function(e){var t=e.props;return i.classNames("p-listbox p-component",{"p-disabled":t.disabled},t.className)},item:function(e){var t=e.props;return i.classNames("p-listbox-item",{"p-highlight":t.selected,"p-disabled":t.disabled},t.option.className)},filterContainer:"p-listbox-filter-container",filterIcon:"p-listbox-filter-icon",filterInput:"p-listbox-filter",header:"p-listbox-header"},styles:"\n@layer primereact {\n .p-listbox-list-wrapper {\n overflow: auto;\n }\n \n .p-listbox-list {\n list-style-type: none;\n margin: 0;\n padding: 0;\n }\n \n .p-listbox-item {\n cursor: pointer;\n position: relative;\n overflow: hidden;\n }\n \n .p-listbox-filter-container {\n position: relative;\n }\n \n .p-listbox-filter-icon {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n }\n \n .p-listbox-filter {\n width: 100%;\n }\n}\n",inlineStyles:{itemGroup:function(e){var t=e.scrollerOptions;return{height:t.props?t.props.itemSize:void 0}},list:function(e){return e.props.virtualScrollerOptions?e.options.style:void 0}}}});function C(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function N(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?C(Object(r),!0).forEach((function(t){y(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):C(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var F=f.memo((function(e){var t=e.ptCallbacks,r=t.ptm,n=t.cx,l=function(t,n){return r(t,N({hostName:e.hostName},n))},o={filter:function(e){return a(e)},reset:function(){return e.resetFilter()}},a=function(t){e.onFilter&&e.onFilter({originalEvent:t,value:t.target.value})},c=function(){var t=i.mergeProps({className:n("filterIcon")},l("filterIcon")),c=i.IconUtils.getJSXIcon(e.filterIcon||f.createElement(u.SearchIcon,t),N({},t),{props:e}),p=i.mergeProps({className:n("header")},l("header")),b=i.mergeProps({className:n("filterContainer")},l("filterContainer")),d=f.createElement("div",b,f.createElement(s.InputText,m({type:"text",value:e.filter,onChange:a,className:n("filterInput"),disabled:e.disabled,placeholder:e.filterPlaceholder},e.filterInputProps,{pt:r("filterInput"),unstyled:e.unstyled,__parentMetadata:{parent:e.metaData}})),c);e.filterTemplate&&(d=i.ObjectUtils.getJSXElement(e.filterTemplate,{className:"p-listbox-filter-container",element:d,filterOptions:o,filterInputChange:a,filterIconClassName:"p-dropdown-filter-icon",props:e}));return f.createElement("div",p,d)}();return f.createElement(f.Fragment,null,c)}));F.displayName="ListBoxHeader";var T=f.memo((function(e){var t=D(f.useState(!1),2),r=t[0],n=t[1],l=e.ptCallbacks,o=l.ptm,a=l.cx,u=function(t){e.onClick&&e.onClick({originalEvent:t,option:e.option}),t.preventDefault()},s=function e(t){var r=t.nextElementSibling;return r?i.DomHandler.hasClass(r,"p-disabled")||i.DomHandler.hasClass(r,"p-listbox-item-group")?e(r):r:null},p=function e(t){var r=t.previousElementSibling;return r?i.DomHandler.hasClass(r,"p-disabled")||i.DomHandler.hasClass(r,"p-listbox-item-group")?e(r):r:null},m=e.template?i.ObjectUtils.getJSXElement(e.template,e.option):e.label,b=i.mergeProps({className:a("item",{props:e}),style:e.style,onClick:u,onTouchEnd:function(t){e.onTouchEnd&&e.onTouchEnd({originalEvent:t,option:e.option})},onKeyDown:function(e){var t=e.currentTarget;switch(e.which){case 40:var r=s(t);r&&r.focus(),e.preventDefault();break;case 38:var n=p(t);n&&n.focus(),e.preventDefault();break;case 13:u(e),e.preventDefault()}},onFocus:function(e){n(!0)},onBlur:function(e){n(!1)},tabIndex:"-1","aria-label":e.label,key:e.label,role:"option","aria-selected":e.selected,"aria-disabled":e.disabled},o("item",{hostName:e.hostName,context:{selected:e.selected,disabled:e.disabled,focused:r}}));return f.createElement("li",b,m,f.createElement(c.Ripple,null))}));function L(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function U(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?L(Object(r),!0).forEach((function(t){y(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):L(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function M(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=k(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var n=0,l=function(){};return{s:l,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:l}}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 o,i=!0,a=!1;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return i=e.done,e},e:function(e){a=!0,o=e},f:function(){try{i||null==r.return||r.return()}finally{if(a)throw o}}}}function k(e,t){if(e){if("string"==typeof e)return A(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?A(e,t):void 0}}function A(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}T.displayName="ListBoxItem";var G=f.memo(f.forwardRef((function(e,t){var u=f.useContext(r.PrimeReactContext),s=I.getProps(e,u),c=D(f.useState(""),2),p=c[0],b=c[1],d=f.useRef(null),v=f.useRef(null),y=f.useRef(!1),g=(s.onFilterValueChange?s.filterValue:p)||"",h=g&&g.trim().length>0,O={props:s,state:{filterValue:g}},j=I.setMetaData(O);n.useHandleStyle(I.css.styles,j.isUnstyled,{name:"listbox"});var x=function(e){var t=e.option;s.disabled||H(t)||(s.multiple?w(e.originalEvent,t):P(e.originalEvent,t),y.current=!1)},E=function(){s.disabled||(y.current=!0)},P=function(e,t){var r=B(t),n=!1,l=null;!y.current&&s.metaKeySelection?r?(e.metaKey||e.ctrlKey)&&(l=null,n=!0):(l=_(t),n=!0):(l=r?null:_(t),n=!0);n&&L(e,l)},w=function(e,t){var r=B(t),n=!1,l=null;if(!y&&s.metaKeySelection){var o=e.metaKey||e.ctrlKey;r?(l=o?k(t):[_(t)],n=!0):(l=[].concat(S(l=o&&s.value||[]),[_(t)]),n=!0)}else l=r?k(t):[].concat(S(s.value||[]),[_(t)]),n=!0;n&&s.onChange({originalEvent:e,value:l,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:s.name,id:s.id,value:l}})},C=function(e){v.current&&v.current.scrollToIndex(0);var t=e.value;s.onFilterValueChange?s.onFilterValueChange({originalEvent:e.originalEvent,value:t}):b(t)},N=function(){b(""),s.onFilter&&s.onFilter({filter:""})},L=function(e,t){s.onChange&&s.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:s.name,id:s.id,value:t}})},k=function(e){return s.value.filter((function(t){return!i.ObjectUtils.equals(t,_(e),s.dataKey)}))},A=function(){if(null!=s.value&&Q){if(!s.optionGroupLabel)return K(s.value,Q);for(var e=0;e<Q.length;e++){var t=K(s.value,J(Q[e]));if(-1!==t)return{group:e,option:t}}}return-1},G=function(){return s.optionValue?null:s.dataKey},K=function(e,t){var r=G();return t.findIndex((function(t){return i.ObjectUtils.equals(e,_(t),r)}))},B=function(e){var t=_(e),r=G();return s.multiple&&s.value?s.value.some((function(e){return i.ObjectUtils.equals(e,t,r)})):i.ObjectUtils.equals(s.value,t,r)},V=function(e){return s.optionLabel?i.ObjectUtils.resolveFieldData(e,s.optionLabel):e&&void 0!==e.label?e.label:e},_=function(e){return s.optionValue?i.ObjectUtils.resolveFieldData(e,s.optionValue):e&&void 0!==e.value?e.value:e},R=function(e){return s.dataKey?i.ObjectUtils.resolveFieldData(e,s.dataKey):V(e)},H=function(e){return s.optionDisabled?i.ObjectUtils.isFunction(s.optionDisabled)?s.optionDisabled(e):i.ObjectUtils.resolveFieldData(e,s.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},z=function(e){return i.ObjectUtils.resolveFieldData(e,s.optionGroupLabel)},J=function(e){return i.ObjectUtils.resolveFieldData(e,s.optionGroupChildren)},X=function(){if(v.current){var e=A();-1!==e&&setTimeout((function(){return v.current.scrollToIndex(e)}),0)}};f.useImperativeHandle(t,(function(){return{props:s,focus:function(){return i.DomHandler.focusFirstElement(d.current)},getElement:function(){return d.current},getVirtualScroller:function(){return v.current}}})),l.useMountEffect((function(){X()}));var q=function(e,t){return J(e).map((function(e,r){var n=V(e),l=r+"_"+R(e),o=H(e),i=o?null:s.tabIndex||0;return f.createElement(T,{hostName:"ListBox",key:l,label:n,option:e,style:t,template:s.itemTemplate,selected:B(e),onClick:x,onTouchEnd:E,tabIndex:i,disabled:o,ptCallbacks:j,metaData:O})}))},$=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n={height:r.props?r.props.itemSize:void 0};if(s.optionGroupLabel){var l=s.optionGroupTemplate?i.ObjectUtils.getJSXElement(s.optionGroupTemplate,e,t):i.ObjectUtils.resolveFieldData(e,s.optionGroupLabel),o=q(e,n),a=t+"_"+z(e),u=i.mergeProps({className:j.cx("itemGroup"),style:j.sx("itemGroup",{scrollerOptions:r}),role:"group"},j.ptm("itemGroup"));return f.createElement(f.Fragment,{key:a},f.createElement("li",u,l),o)}var c=V(e),p=t+"_"+R(e),m=H(e),b=m?null:s.tabIndex||0;return f.createElement(T,{hostName:"ListBox",key:p,label:c,option:e,style:n,template:s.itemTemplate,selected:B(e),onClick:x,onTouchEnd:E,tabIndex:b,disabled:m,ptCallbacks:j,metaData:O})},Y=function(e,t){var n=i.mergeProps({className:j.cx("emptyMessage")},j.ptm("emptyMessage")),l=i.ObjectUtils.getJSXElement(e,s)||r.localeOption(t?"emptyFilterMessage":"emptyMessage");return f.createElement("li",n,l)},Q=function(){if(h){var e=g.trim().toLocaleLowerCase(s.filterLocale),t=s.filterBy?s.filterBy.split(","):[s.optionLabel||"label"];if(s.optionGroupLabel){var n,l=[],o=M(s.options);try{for(o.s();!(n=o.n()).done;){var i=n.value,a=r.FilterService.filter(J(i),t,e,s.filterMatchMode,s.filterLocale);a&&a.length&&l.push(U(U({},i),{items:a}))}}catch(e){o.e(e)}finally{o.f()}return l}return r.FilterService.filter(s.options,t,e,s.filterMatchMode,s.filterLocale)}return s.options}(),W=i.ObjectUtils.isNotEmpty(s.tooltip),Z=I.getOtherProps(s),ee=i.ObjectUtils.reduceKeys(Z,i.DomHandler.ARIA_PROPS),te=function(){if(s.virtualScrollerOptions){var e=U(U({},s.virtualScrollerOptions),{items:Q,onLazyLoad:function(e){return s.virtualScrollerOptions.onLazyLoad(U(U({},e),{filter:Q}))},itemTemplate:function(e,t){return e&&$(e,t.index,t)},contentTemplate:function(e){var t=i.mergeProps(U({ref:e.contentRef,style:j.sx("list",{options:e}),className:j.cx("list",{options:e}),role:"listbox","aria-multiselectable":s.multiple},ee),j.ptm("list"));return f.createElement("ul",t,e.children)}});return f.createElement(a.VirtualScroller,m({ref:v},e,{pt:j.ptm("virtualScroller")}))}var t=i.ObjectUtils.isNotEmpty(Q)?Q.map($):h?Y(s.emptyFilterMessage,!0):Y(s.emptyMessage),r=i.mergeProps(U({className:j.cx("list"),role:"listbox","aria-multiselectable":s.multiple},ee),j.ptm("list"));return f.createElement("ul",r,t)}(),re=s.filter?f.createElement(F,{hostName:"ListBox",filter:g,filterIcon:s.filterIcon,onFilter:C,resetFilter:N,filterTemplate:s.filterTemplate,disabled:s.disabled,filterPlaceholder:s.filterPlaceholder,filterInputProps:s.filterInputProps,ptCallbacks:j,metaData:O}):null,ne=i.mergeProps({className:j.cx("wrapper"),style:s.listStyle},j.ptm("wrapper")),le=i.mergeProps({ref:d,id:s.id,className:j.cx("root"),style:s.style},I.getOtherProps(s),j.ptm("root"));return f.createElement(f.Fragment,null,f.createElement("div",le,re,f.createElement("div",ne,te)),W&&f.createElement(o.Tooltip,m({target:d,content:s.tooltip},s.tooltipOptions,{pt:j.ptm("tooltip")})))})));return G.displayName="ListBox",e.ListBox=G,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.tooltip,primereact.utils,primereact.virtualscroller,primereact.icons.search,primereact.inputtext,primereact.ripple);
|