primereact 8.2.0 → 8.3.0
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/README.md +6 -0
- package/accordion/accordion.cjs.js +9 -0
- package/accordion/accordion.cjs.min.js +1 -1
- package/accordion/accordion.d.ts +4 -5
- package/accordion/accordion.esm.js +9 -0
- package/accordion/accordion.esm.min.js +1 -1
- package/accordion/accordion.js +9 -0
- package/accordion/accordion.min.js +1 -1
- package/autocomplete/autocomplete.cjs.js +38 -23
- package/autocomplete/autocomplete.cjs.min.js +1 -1
- package/autocomplete/autocomplete.d.ts +5 -1
- package/autocomplete/autocomplete.esm.js +38 -23
- package/autocomplete/autocomplete.esm.min.js +1 -1
- package/autocomplete/autocomplete.js +38 -23
- package/autocomplete/autocomplete.min.js +1 -1
- package/avatar/avatar.cjs.js +28 -0
- package/avatar/avatar.cjs.min.js +1 -1
- package/avatar/avatar.d.ts +3 -1
- package/avatar/avatar.esm.js +28 -0
- package/avatar/avatar.esm.min.js +1 -1
- package/avatar/avatar.js +28 -0
- package/avatar/avatar.min.js +1 -1
- package/avatargroup/avatargroup.cjs.js +27 -0
- package/avatargroup/avatargroup.cjs.min.js +1 -1
- package/avatargroup/avatargroup.d.ts +4 -4
- package/avatargroup/avatargroup.esm.js +27 -0
- package/avatargroup/avatargroup.esm.min.js +1 -1
- package/avatargroup/avatargroup.js +27 -0
- package/avatargroup/avatargroup.min.js +1 -1
- package/badge/badge.cjs.js +12 -0
- package/badge/badge.cjs.min.js +1 -1
- package/badge/badge.d.ts +4 -2
- package/badge/badge.esm.js +12 -0
- package/badge/badge.esm.min.js +1 -1
- package/badge/badge.js +12 -0
- package/badge/badge.min.js +1 -1
- package/blockui/blockui.cjs.js +26 -3
- package/blockui/blockui.cjs.min.js +1 -1
- package/blockui/blockui.d.ts +2 -4
- package/blockui/blockui.esm.js +26 -3
- package/blockui/blockui.esm.min.js +1 -1
- package/blockui/blockui.js +26 -3
- package/blockui/blockui.min.js +1 -1
- package/breadcrumb/breadcrumb.cjs.js +28 -0
- package/breadcrumb/breadcrumb.cjs.min.js +1 -1
- package/breadcrumb/breadcrumb.d.ts +4 -5
- package/breadcrumb/breadcrumb.esm.js +28 -0
- package/breadcrumb/breadcrumb.esm.min.js +1 -1
- package/breadcrumb/breadcrumb.js +28 -0
- package/breadcrumb/breadcrumb.min.js +1 -1
- package/button/button.d.ts +3 -1
- package/calendar/calendar.cjs.js +60 -41
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.d.ts +3 -0
- package/calendar/calendar.esm.js +60 -41
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +60 -41
- package/calendar/calendar.min.js +1 -1
- package/captcha/captcha.cjs.js +24 -3
- package/captcha/captcha.cjs.min.js +1 -1
- package/captcha/captcha.d.ts +2 -3
- package/captcha/captcha.esm.js +24 -3
- package/captcha/captcha.esm.min.js +1 -1
- package/captcha/captcha.js +24 -3
- package/captcha/captcha.min.js +1 -1
- package/carousel/carousel.cjs.js +25 -0
- package/carousel/carousel.cjs.min.js +1 -1
- package/carousel/carousel.d.ts +4 -5
- package/carousel/carousel.esm.js +25 -0
- package/carousel/carousel.esm.min.js +1 -1
- package/carousel/carousel.js +25 -0
- package/carousel/carousel.min.js +1 -1
- package/cascadeselect/cascadeselect.cjs.js +35 -0
- package/cascadeselect/cascadeselect.cjs.min.js +1 -1
- package/cascadeselect/cascadeselect.d.ts +6 -1
- package/cascadeselect/cascadeselect.esm.js +35 -0
- package/cascadeselect/cascadeselect.esm.min.js +1 -1
- package/cascadeselect/cascadeselect.js +35 -0
- package/cascadeselect/cascadeselect.min.js +1 -1
- package/chart/chart.cjs.js +71 -30
- package/chart/chart.cjs.min.js +1 -1
- package/chart/chart.d.ts +1 -0
- package/chart/chart.esm.js +71 -30
- package/chart/chart.esm.min.js +1 -1
- package/chart/chart.js +71 -30
- package/chart/chart.min.js +1 -1
- package/checkbox/checkbox.cjs.js +29 -0
- package/checkbox/checkbox.cjs.min.js +1 -1
- package/checkbox/checkbox.d.ts +4 -1
- package/checkbox/checkbox.esm.js +29 -0
- package/checkbox/checkbox.esm.min.js +1 -1
- package/checkbox/checkbox.js +29 -0
- package/checkbox/checkbox.min.js +1 -1
- package/chip/chip.cjs.js +28 -0
- package/chip/chip.cjs.min.js +1 -1
- package/chip/chip.d.ts +3 -1
- package/chip/chip.esm.js +28 -0
- package/chip/chip.esm.min.js +1 -1
- package/chip/chip.js +28 -0
- package/chip/chip.min.js +1 -1
- package/chips/chips.cjs.js +38 -0
- package/chips/chips.cjs.min.js +1 -1
- package/chips/chips.d.ts +6 -5
- package/chips/chips.esm.js +38 -0
- package/chips/chips.esm.min.js +1 -1
- package/chips/chips.js +38 -0
- package/chips/chips.min.js +1 -1
- package/colorpicker/colorpicker.cjs.js +33 -0
- package/colorpicker/colorpicker.cjs.min.js +1 -1
- package/colorpicker/colorpicker.d.ts +7 -1
- package/colorpicker/colorpicker.esm.js +33 -0
- package/colorpicker/colorpicker.esm.min.js +1 -1
- package/colorpicker/colorpicker.js +33 -0
- package/colorpicker/colorpicker.min.js +1 -1
- package/confirmdialog/confirmdialog.cjs.js +3 -3
- package/confirmdialog/confirmdialog.cjs.min.js +1 -1
- package/confirmdialog/confirmdialog.esm.js +3 -3
- package/confirmdialog/confirmdialog.esm.min.js +1 -1
- package/confirmdialog/confirmdialog.js +3 -3
- package/confirmdialog/confirmdialog.min.js +1 -1
- package/confirmpopup/confirmpopup.cjs.js +2 -2
- package/confirmpopup/confirmpopup.cjs.min.js +1 -1
- package/confirmpopup/confirmpopup.esm.js +2 -2
- package/confirmpopup/confirmpopup.esm.min.js +1 -1
- package/confirmpopup/confirmpopup.js +2 -2
- package/confirmpopup/confirmpopup.min.js +1 -1
- package/contextmenu/contextmenu.cjs.js +24 -3
- package/contextmenu/contextmenu.cjs.min.js +1 -1
- package/contextmenu/contextmenu.d.ts +2 -4
- package/contextmenu/contextmenu.esm.js +24 -3
- package/contextmenu/contextmenu.esm.min.js +1 -1
- package/contextmenu/contextmenu.js +24 -3
- package/contextmenu/contextmenu.min.js +1 -1
- package/core/core.js +304 -67
- package/core/core.min.js +10 -10
- package/datascroller/datascroller.cjs.js +29 -3
- package/datascroller/datascroller.cjs.min.js +1 -1
- package/datascroller/datascroller.d.ts +2 -4
- package/datascroller/datascroller.esm.js +29 -3
- package/datascroller/datascroller.esm.min.js +1 -1
- package/datascroller/datascroller.js +29 -3
- package/datascroller/datascroller.min.js +1 -1
- package/datatable/datatable.cjs.js +29 -5
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.d.ts +5 -1
- package/datatable/datatable.esm.js +29 -5
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +29 -5
- package/datatable/datatable.min.js +1 -1
- package/dataview/dataview.cjs.js +12 -0
- package/dataview/dataview.cjs.min.js +1 -1
- package/dataview/dataview.d.ts +4 -5
- package/dataview/dataview.esm.js +12 -0
- package/dataview/dataview.esm.min.js +1 -1
- package/dataview/dataview.js +12 -0
- package/dataview/dataview.min.js +1 -1
- package/deferredcontent/deferredcontent.cjs.js +25 -0
- package/deferredcontent/deferredcontent.cjs.min.js +1 -1
- package/deferredcontent/deferredcontent.d.ts +4 -2
- package/deferredcontent/deferredcontent.esm.js +25 -0
- package/deferredcontent/deferredcontent.esm.min.js +1 -1
- package/deferredcontent/deferredcontent.js +25 -0
- package/deferredcontent/deferredcontent.min.js +1 -1
- package/dialog/dialog.cjs.js +39 -3
- package/dialog/dialog.cjs.min.js +1 -1
- package/dialog/dialog.d.ts +6 -0
- package/dialog/dialog.esm.js +39 -3
- package/dialog/dialog.esm.min.js +1 -1
- package/dialog/dialog.js +39 -3
- package/dialog/dialog.min.js +1 -1
- package/divider/divider.cjs.js +27 -0
- package/divider/divider.cjs.min.js +1 -1
- package/divider/divider.d.ts +4 -4
- package/divider/divider.esm.js +27 -0
- package/divider/divider.esm.min.js +1 -1
- package/divider/divider.js +27 -0
- package/divider/divider.min.js +1 -1
- package/dock/dock.cjs.js +28 -0
- package/dock/dock.cjs.min.js +1 -1
- package/dock/dock.d.ts +4 -5
- package/dock/dock.esm.js +28 -0
- package/dock/dock.esm.min.js +1 -1
- package/dock/dock.js +28 -0
- package/dock/dock.min.js +1 -1
- package/dropdown/dropdown.cjs.js +55 -5
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.d.ts +14 -1
- package/dropdown/dropdown.esm.js +55 -5
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +55 -5
- package/dropdown/dropdown.min.js +1 -1
- package/editor/editor.cjs.js +16 -8
- package/editor/editor.cjs.min.js +1 -1
- package/editor/editor.d.ts +3 -0
- package/editor/editor.esm.js +16 -8
- package/editor/editor.esm.min.js +1 -1
- package/editor/editor.js +16 -8
- package/editor/editor.min.js +1 -1
- package/fieldset/fieldset.cjs.js +30 -0
- package/fieldset/fieldset.cjs.min.js +1 -1
- package/fieldset/fieldset.d.ts +5 -5
- package/fieldset/fieldset.esm.js +30 -0
- package/fieldset/fieldset.esm.min.js +1 -1
- package/fieldset/fieldset.js +30 -0
- package/fieldset/fieldset.min.js +1 -1
- package/fileupload/fileupload.cjs.js +28 -3
- package/fileupload/fileupload.cjs.min.js +1 -1
- package/fileupload/fileupload.d.ts +2 -0
- package/fileupload/fileupload.esm.js +28 -3
- package/fileupload/fileupload.esm.min.js +1 -1
- package/fileupload/fileupload.js +28 -3
- package/fileupload/fileupload.min.js +1 -1
- package/fullcalendar/fullcalendar.cjs.js +25 -0
- package/fullcalendar/fullcalendar.cjs.min.js +1 -1
- package/fullcalendar/fullcalendar.d.ts +3 -1
- package/fullcalendar/fullcalendar.esm.js +25 -0
- package/fullcalendar/fullcalendar.esm.min.js +1 -1
- package/fullcalendar/fullcalendar.js +25 -0
- package/fullcalendar/fullcalendar.min.js +1 -1
- package/galleria/galleria.cjs.js +27 -3
- package/galleria/galleria.cjs.min.js +1 -1
- package/galleria/galleria.d.ts +2 -4
- package/galleria/galleria.esm.js +27 -3
- package/galleria/galleria.esm.min.js +1 -1
- package/galleria/galleria.js +27 -3
- package/galleria/galleria.min.js +1 -1
- package/gmap/gmap.cjs.js +25 -3
- package/gmap/gmap.cjs.min.js +1 -1
- package/gmap/gmap.d.ts +5 -4
- package/gmap/gmap.esm.js +25 -3
- package/gmap/gmap.esm.min.js +1 -1
- package/gmap/gmap.js +25 -3
- package/gmap/gmap.min.js +1 -1
- package/image/image.cjs.js +30 -0
- package/image/image.cjs.min.js +1 -1
- package/image/image.d.ts +4 -1
- package/image/image.esm.js +30 -0
- package/image/image.esm.min.js +1 -1
- package/image/image.js +30 -0
- package/image/image.min.js +1 -1
- package/inplace/inplace.cjs.js +27 -0
- package/inplace/inplace.cjs.min.js +1 -1
- package/inplace/inplace.d.ts +4 -5
- package/inplace/inplace.esm.js +27 -0
- package/inplace/inplace.esm.min.js +1 -1
- package/inplace/inplace.js +27 -0
- package/inplace/inplace.min.js +1 -1
- package/inputmask/inputmask.cjs.js +25 -0
- package/inputmask/inputmask.cjs.min.js +1 -1
- package/inputmask/inputmask.d.ts +5 -12
- package/inputmask/inputmask.esm.js +25 -0
- package/inputmask/inputmask.esm.min.js +1 -1
- package/inputmask/inputmask.js +25 -0
- package/inputmask/inputmask.min.js +1 -1
- package/inputnumber/inputnumber.cjs.js +9 -3
- package/inputnumber/inputnumber.cjs.min.js +1 -1
- package/inputnumber/inputnumber.d.ts +4 -4
- package/inputnumber/inputnumber.esm.js +9 -3
- package/inputnumber/inputnumber.esm.min.js +1 -1
- package/inputnumber/inputnumber.js +9 -3
- package/inputnumber/inputnumber.min.js +1 -1
- package/inputswitch/inputswitch.cjs.js +28 -0
- package/inputswitch/inputswitch.cjs.min.js +1 -1
- package/inputswitch/inputswitch.d.ts +4 -1
- package/inputswitch/inputswitch.esm.js +28 -0
- package/inputswitch/inputswitch.esm.min.js +1 -1
- package/inputswitch/inputswitch.js +28 -0
- package/inputswitch/inputswitch.min.js +1 -1
- package/inputtext/inputtext.d.ts +4 -1
- package/inputtextarea/inputtextarea.d.ts +4 -1
- package/knob/knob.cjs.js +25 -0
- package/knob/knob.cjs.min.js +1 -1
- package/knob/knob.d.ts +3 -1
- package/knob/knob.esm.js +25 -0
- package/knob/knob.esm.min.js +1 -1
- package/knob/knob.js +25 -0
- package/knob/knob.min.js +1 -1
- package/listbox/listbox.cjs.js +62 -14
- package/listbox/listbox.cjs.min.js +1 -1
- package/listbox/listbox.d.ts +13 -6
- package/listbox/listbox.esm.js +63 -15
- package/listbox/listbox.esm.min.js +1 -1
- package/listbox/listbox.js +62 -14
- package/listbox/listbox.min.js +1 -1
- package/megamenu/megamenu.cjs.js +25 -0
- package/megamenu/megamenu.cjs.min.js +1 -1
- package/megamenu/megamenu.d.ts +4 -5
- package/megamenu/megamenu.esm.js +25 -0
- package/megamenu/megamenu.esm.min.js +1 -1
- package/megamenu/megamenu.js +25 -0
- package/megamenu/megamenu.min.js +1 -1
- package/mention/mention.cjs.js +15 -0
- package/mention/mention.cjs.min.js +1 -1
- package/mention/mention.d.ts +7 -5
- package/mention/mention.esm.js +15 -0
- package/mention/mention.esm.min.js +1 -1
- package/mention/mention.js +15 -0
- package/mention/mention.min.js +1 -1
- package/menu/menu.cjs.js +27 -3
- package/menu/menu.cjs.min.js +1 -1
- package/menu/menu.d.ts +3 -4
- package/menu/menu.esm.js +27 -3
- package/menu/menu.esm.min.js +1 -1
- package/menu/menu.js +27 -3
- package/menu/menu.min.js +1 -1
- package/menubar/menubar.cjs.js +31 -3
- package/menubar/menubar.cjs.min.js +1 -1
- package/menubar/menubar.d.ts +6 -5
- package/menubar/menubar.esm.js +31 -3
- package/menubar/menubar.esm.min.js +1 -1
- package/menubar/menubar.js +31 -3
- package/menubar/menubar.min.js +1 -1
- package/message/message.cjs.js +28 -0
- package/message/message.cjs.min.js +1 -1
- package/message/message.d.ts +4 -5
- package/message/message.esm.js +28 -0
- package/message/message.esm.min.js +1 -1
- package/message/message.js +28 -0
- package/message/message.min.js +1 -1
- package/messages/messages.cjs.js +27 -3
- package/messages/messages.cjs.min.js +1 -1
- package/messages/messages.d.ts +2 -4
- package/messages/messages.esm.js +27 -3
- package/messages/messages.esm.min.js +1 -1
- package/messages/messages.js +27 -3
- package/messages/messages.min.js +1 -1
- package/multiselect/multiselect.cjs.js +58 -2
- package/multiselect/multiselect.cjs.min.js +1 -1
- package/multiselect/multiselect.d.ts +15 -1
- package/multiselect/multiselect.esm.js +58 -2
- package/multiselect/multiselect.esm.min.js +1 -1
- package/multiselect/multiselect.js +58 -2
- package/multiselect/multiselect.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.cjs.js +10 -0
- package/multistatecheckbox/multistatecheckbox.cjs.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.d.ts +4 -6
- package/multistatecheckbox/multistatecheckbox.esm.js +10 -0
- package/multistatecheckbox/multistatecheckbox.esm.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.js +10 -0
- package/multistatecheckbox/multistatecheckbox.min.js +1 -1
- package/orderlist/orderlist.cjs.js +145 -4
- package/orderlist/orderlist.cjs.min.js +1 -1
- package/orderlist/orderlist.d.ts +17 -6
- package/orderlist/orderlist.esm.js +145 -4
- package/orderlist/orderlist.esm.min.js +1 -1
- package/orderlist/orderlist.js +146 -6
- package/orderlist/orderlist.min.css +1 -1
- package/orderlist/orderlist.min.js +1 -1
- package/organizationchart/organizationchart.cjs.js +27 -0
- package/organizationchart/organizationchart.cjs.min.js +1 -1
- package/organizationchart/organizationchart.d.ts +4 -5
- package/organizationchart/organizationchart.esm.js +27 -0
- package/organizationchart/organizationchart.esm.min.js +1 -1
- package/organizationchart/organizationchart.js +27 -0
- package/organizationchart/organizationchart.min.js +1 -1
- package/overlaypanel/overlaypanel.cjs.js +24 -3
- package/overlaypanel/overlaypanel.cjs.min.js +1 -1
- package/overlaypanel/overlaypanel.d.ts +2 -4
- package/overlaypanel/overlaypanel.esm.js +24 -3
- package/overlaypanel/overlaypanel.esm.min.js +1 -1
- package/overlaypanel/overlaypanel.js +24 -3
- package/overlaypanel/overlaypanel.min.js +1 -1
- package/package.json +1 -1
- package/paginator/paginator.cjs.js +15 -3
- package/paginator/paginator.cjs.min.js +1 -1
- package/paginator/paginator.d.ts +4 -4
- package/paginator/paginator.esm.js +15 -3
- package/paginator/paginator.esm.min.js +1 -1
- package/paginator/paginator.js +15 -3
- package/paginator/paginator.min.js +1 -1
- package/panel/panel.cjs.js +28 -0
- package/panel/panel.cjs.min.js +1 -1
- package/panel/panel.d.ts +5 -5
- package/panel/panel.esm.js +28 -0
- package/panel/panel.esm.min.js +1 -1
- package/panel/panel.js +28 -0
- package/panel/panel.min.js +1 -1
- package/panelmenu/panelmenu.cjs.js +27 -0
- package/panelmenu/panelmenu.cjs.min.js +1 -1
- package/panelmenu/panelmenu.d.ts +4 -5
- package/panelmenu/panelmenu.esm.js +27 -0
- package/panelmenu/panelmenu.esm.min.js +1 -1
- package/panelmenu/panelmenu.js +27 -0
- package/panelmenu/panelmenu.min.js +1 -1
- package/password/password.cjs.js +31 -0
- package/password/password.cjs.min.js +1 -1
- package/password/password.d.ts +6 -4
- package/password/password.esm.js +31 -0
- package/password/password.esm.min.js +1 -1
- package/password/password.js +31 -0
- package/password/password.min.js +1 -1
- package/picklist/picklist.cjs.js +27 -0
- package/picklist/picklist.cjs.min.js +1 -1
- package/picklist/picklist.d.ts +3 -1
- package/picklist/picklist.esm.js +27 -0
- package/picklist/picklist.esm.min.js +1 -1
- package/picklist/picklist.js +27 -0
- package/picklist/picklist.min.js +1 -1
- package/primereact.all.cjs.js +1624 -383
- package/primereact.all.cjs.min.js +1 -1
- package/primereact.all.esm.js +1624 -383
- package/primereact.all.esm.min.js +1 -1
- package/primereact.all.js +1624 -383
- package/primereact.all.min.js +1 -1
- package/progressbar/progressbar.cjs.js +29 -0
- package/progressbar/progressbar.cjs.min.js +1 -1
- package/progressbar/progressbar.d.ts +4 -5
- package/progressbar/progressbar.esm.js +29 -0
- package/progressbar/progressbar.esm.min.js +1 -1
- package/progressbar/progressbar.js +29 -0
- package/progressbar/progressbar.min.js +1 -1
- package/progressspinner/progressspinner.cjs.js +27 -0
- package/progressspinner/progressspinner.cjs.min.js +1 -1
- package/progressspinner/progressspinner.d.ts +4 -5
- package/progressspinner/progressspinner.esm.js +27 -0
- package/progressspinner/progressspinner.esm.min.js +1 -1
- package/progressspinner/progressspinner.js +27 -0
- package/progressspinner/progressspinner.min.js +1 -1
- package/radiobutton/radiobutton.cjs.js +28 -3
- package/radiobutton/radiobutton.cjs.min.js +1 -1
- package/radiobutton/radiobutton.d.ts +2 -4
- package/radiobutton/radiobutton.esm.js +28 -3
- package/radiobutton/radiobutton.esm.min.js +1 -1
- package/radiobutton/radiobutton.js +28 -3
- package/radiobutton/radiobutton.min.js +1 -1
- package/rating/rating.cjs.js +25 -0
- package/rating/rating.cjs.min.js +1 -1
- package/rating/rating.d.ts +3 -4
- package/rating/rating.esm.js +25 -0
- package/rating/rating.esm.min.js +1 -1
- package/rating/rating.js +25 -0
- package/rating/rating.min.js +1 -1
- package/resources/primereact.css +240 -226
- package/resources/primereact.min.css +1 -1
- package/resources/themes/arya-blue/theme.css +19 -0
- package/resources/themes/arya-green/theme.css +19 -0
- package/resources/themes/arya-orange/theme.css +19 -0
- package/resources/themes/arya-purple/theme.css +19 -0
- package/resources/themes/bootstrap4-dark-blue/theme.css +19 -0
- package/resources/themes/bootstrap4-dark-purple/theme.css +19 -0
- package/resources/themes/bootstrap4-light-blue/theme.css +19 -0
- package/resources/themes/bootstrap4-light-purple/theme.css +19 -0
- package/resources/themes/fluent-light/theme.css +19 -0
- package/resources/themes/lara-dark-blue/theme.css +19 -0
- package/resources/themes/lara-dark-indigo/theme.css +19 -0
- package/resources/themes/lara-dark-purple/theme.css +19 -0
- package/resources/themes/lara-dark-teal/theme.css +19 -0
- package/resources/themes/lara-light-blue/theme.css +19 -0
- package/resources/themes/lara-light-indigo/theme.css +19 -0
- package/resources/themes/lara-light-purple/theme.css +19 -0
- package/resources/themes/lara-light-teal/theme.css +19 -0
- package/resources/themes/luna-amber/theme.css +19 -0
- package/resources/themes/luna-blue/theme.css +19 -0
- package/resources/themes/luna-green/theme.css +19 -0
- package/resources/themes/luna-pink/theme.css +19 -0
- package/resources/themes/md-dark-deeppurple/theme.css +19 -0
- package/resources/themes/md-dark-indigo/theme.css +19 -0
- package/resources/themes/md-light-deeppurple/theme.css +19 -0
- package/resources/themes/md-light-indigo/theme.css +19 -0
- package/resources/themes/mdc-dark-deeppurple/theme.css +19 -0
- package/resources/themes/mdc-dark-indigo/theme.css +19 -0
- package/resources/themes/mdc-light-deeppurple/theme.css +19 -0
- package/resources/themes/mdc-light-indigo/theme.css +19 -0
- package/resources/themes/nova/theme.css +19 -0
- package/resources/themes/nova-accent/theme.css +19 -0
- package/resources/themes/nova-alt/theme.css +19 -0
- package/resources/themes/rhea/theme.css +19 -0
- package/resources/themes/saga-blue/theme.css +19 -0
- package/resources/themes/saga-green/theme.css +19 -0
- package/resources/themes/saga-orange/theme.css +19 -0
- package/resources/themes/saga-purple/theme.css +19 -0
- package/resources/themes/tailwind-light/theme.css +19 -0
- package/resources/themes/vela-blue/theme.css +19 -0
- package/resources/themes/vela-green/theme.css +19 -0
- package/resources/themes/vela-orange/theme.css +19 -0
- package/resources/themes/vela-purple/theme.css +19 -0
- package/scrollpanel/scrollpanel.cjs.js +33 -3
- package/scrollpanel/scrollpanel.cjs.min.js +1 -1
- package/scrollpanel/scrollpanel.d.ts +7 -5
- package/scrollpanel/scrollpanel.esm.js +33 -3
- package/scrollpanel/scrollpanel.esm.min.js +1 -1
- package/scrollpanel/scrollpanel.js +33 -3
- package/scrollpanel/scrollpanel.min.js +1 -1
- package/scrolltop/scrolltop.cjs.js +25 -0
- package/scrolltop/scrolltop.cjs.min.js +1 -1
- package/scrolltop/scrolltop.d.ts +3 -1
- package/scrolltop/scrolltop.esm.js +25 -0
- package/scrolltop/scrolltop.esm.min.js +1 -1
- package/scrolltop/scrolltop.js +25 -0
- package/scrolltop/scrolltop.min.js +1 -1
- package/selectbutton/selectbutton.cjs.js +25 -0
- package/selectbutton/selectbutton.cjs.min.js +1 -1
- package/selectbutton/selectbutton.d.ts +3 -4
- package/selectbutton/selectbutton.esm.js +25 -0
- package/selectbutton/selectbutton.esm.min.js +1 -1
- package/selectbutton/selectbutton.js +25 -0
- package/selectbutton/selectbutton.min.js +1 -1
- package/sidebar/sidebar.cjs.js +31 -0
- package/sidebar/sidebar.cjs.min.js +1 -1
- package/sidebar/sidebar.d.ts +6 -5
- package/sidebar/sidebar.esm.js +31 -0
- package/sidebar/sidebar.esm.min.js +1 -1
- package/sidebar/sidebar.js +31 -0
- package/sidebar/sidebar.min.js +1 -1
- package/skeleton/skeleton.cjs.js +27 -0
- package/skeleton/skeleton.cjs.min.js +1 -1
- package/skeleton/skeleton.d.ts +4 -4
- package/skeleton/skeleton.esm.js +27 -0
- package/skeleton/skeleton.esm.min.js +1 -1
- package/skeleton/skeleton.js +27 -0
- package/skeleton/skeleton.min.js +1 -1
- package/slidemenu/slidemenu.cjs.js +27 -21
- package/slidemenu/slidemenu.cjs.min.js +1 -1
- package/slidemenu/slidemenu.d.ts +2 -4
- package/slidemenu/slidemenu.esm.js +27 -21
- package/slidemenu/slidemenu.esm.min.js +1 -1
- package/slidemenu/slidemenu.js +27 -21
- package/slidemenu/slidemenu.min.js +1 -1
- package/slider/slider.cjs.js +25 -0
- package/slider/slider.cjs.min.js +1 -1
- package/slider/slider.d.ts +3 -5
- package/slider/slider.esm.js +25 -0
- package/slider/slider.esm.min.js +1 -1
- package/slider/slider.js +25 -0
- package/slider/slider.min.js +1 -1
- package/speeddial/speeddial.cjs.js +6 -3
- package/speeddial/speeddial.cjs.min.js +1 -1
- package/speeddial/speeddial.d.ts +2 -4
- package/speeddial/speeddial.esm.js +6 -3
- package/speeddial/speeddial.esm.min.js +1 -1
- package/speeddial/speeddial.js +6 -3
- package/speeddial/speeddial.min.js +1 -1
- package/splitbutton/splitbutton.cjs.js +24 -3
- package/splitbutton/splitbutton.cjs.min.js +1 -1
- package/splitbutton/splitbutton.d.ts +3 -6
- package/splitbutton/splitbutton.esm.js +24 -3
- package/splitbutton/splitbutton.esm.min.js +1 -1
- package/splitbutton/splitbutton.js +24 -3
- package/splitbutton/splitbutton.min.js +1 -1
- package/splitter/splitter.cjs.js +25 -0
- package/splitter/splitter.cjs.min.js +1 -1
- package/splitter/splitter.d.ts +4 -5
- package/splitter/splitter.esm.js +25 -0
- package/splitter/splitter.esm.min.js +1 -1
- package/splitter/splitter.js +25 -0
- package/splitter/splitter.min.js +1 -1
- package/steps/steps.cjs.js +28 -0
- package/steps/steps.cjs.min.js +1 -1
- package/steps/steps.d.ts +4 -5
- package/steps/steps.esm.js +28 -0
- package/steps/steps.esm.min.js +1 -1
- package/steps/steps.js +28 -0
- package/steps/steps.min.js +1 -1
- package/styleclass/styleclass.cjs.js +28 -0
- package/styleclass/styleclass.cjs.min.js +1 -1
- package/styleclass/styleclass.d.ts +4 -1
- package/styleclass/styleclass.esm.js +28 -0
- package/styleclass/styleclass.esm.min.js +1 -1
- package/styleclass/styleclass.js +28 -0
- package/styleclass/styleclass.min.js +1 -1
- package/tabmenu/tabmenu.cjs.js +27 -0
- package/tabmenu/tabmenu.cjs.min.js +1 -1
- package/tabmenu/tabmenu.d.ts +4 -5
- package/tabmenu/tabmenu.esm.js +27 -0
- package/tabmenu/tabmenu.esm.min.js +1 -1
- package/tabmenu/tabmenu.js +27 -0
- package/tabmenu/tabmenu.min.js +1 -1
- package/tabview/tabview.cjs.js +8 -3
- package/tabview/tabview.cjs.min.js +1 -1
- package/tabview/tabview.d.ts +2 -4
- package/tabview/tabview.esm.js +8 -3
- package/tabview/tabview.esm.min.js +1 -1
- package/tabview/tabview.js +8 -3
- package/tabview/tabview.min.js +1 -1
- package/tag/tag.cjs.js +12 -0
- package/tag/tag.cjs.min.js +1 -1
- package/tag/tag.d.ts +5 -5
- package/tag/tag.esm.js +12 -0
- package/tag/tag.esm.min.js +1 -1
- package/tag/tag.js +12 -0
- package/tag/tag.min.js +1 -1
- package/terminal/terminal.cjs.js +25 -0
- package/terminal/terminal.cjs.min.js +1 -1
- package/terminal/terminal.d.ts +4 -5
- package/terminal/terminal.esm.js +25 -0
- package/terminal/terminal.esm.min.js +1 -1
- package/terminal/terminal.js +25 -0
- package/terminal/terminal.min.js +1 -1
- package/tieredmenu/tieredmenu.cjs.js +24 -3
- package/tieredmenu/tieredmenu.cjs.min.js +1 -1
- package/tieredmenu/tieredmenu.d.ts +2 -4
- package/tieredmenu/tieredmenu.esm.js +24 -3
- package/tieredmenu/tieredmenu.esm.min.js +1 -1
- package/tieredmenu/tieredmenu.js +24 -3
- package/tieredmenu/tieredmenu.min.js +1 -1
- package/timeline/timeline.cjs.js +13 -0
- package/timeline/timeline.cjs.min.js +1 -1
- package/timeline/timeline.d.ts +4 -5
- package/timeline/timeline.esm.js +13 -0
- package/timeline/timeline.esm.min.js +1 -1
- package/timeline/timeline.js +13 -0
- package/timeline/timeline.min.js +1 -1
- package/toast/toast.cjs.js +27 -21
- package/toast/toast.cjs.min.js +1 -1
- package/toast/toast.d.ts +2 -4
- package/toast/toast.esm.js +27 -21
- package/toast/toast.esm.min.js +1 -1
- package/toast/toast.js +27 -21
- package/toast/toast.min.js +1 -1
- package/togglebutton/togglebutton.cjs.js +25 -0
- package/togglebutton/togglebutton.cjs.min.js +1 -1
- package/togglebutton/togglebutton.d.ts +4 -6
- package/togglebutton/togglebutton.esm.js +25 -0
- package/togglebutton/togglebutton.esm.min.js +1 -1
- package/togglebutton/togglebutton.js +25 -0
- package/togglebutton/togglebutton.min.js +1 -1
- package/toolbar/toolbar.cjs.js +27 -0
- package/toolbar/toolbar.cjs.min.js +1 -1
- package/toolbar/toolbar.d.ts +4 -5
- package/toolbar/toolbar.esm.js +27 -0
- package/toolbar/toolbar.esm.min.js +1 -1
- package/toolbar/toolbar.js +27 -0
- package/toolbar/toolbar.min.js +1 -1
- package/tooltip/tooltip.cjs.js +56 -39
- package/tooltip/tooltip.cjs.min.js +1 -1
- package/tooltip/tooltip.d.ts +2 -0
- package/tooltip/tooltip.esm.js +56 -39
- package/tooltip/tooltip.esm.min.js +1 -1
- package/tooltip/tooltip.js +56 -39
- package/tooltip/tooltip.min.js +1 -1
- package/tree/tree.cjs.js +42 -8
- package/tree/tree.cjs.min.js +1 -1
- package/tree/tree.d.ts +9 -0
- package/tree/tree.esm.js +42 -8
- package/tree/tree.esm.min.js +1 -1
- package/tree/tree.js +42 -8
- package/tree/tree.min.js +1 -1
- package/treeselect/treeselect.cjs.js +32 -3
- package/treeselect/treeselect.cjs.min.js +1 -1
- package/treeselect/treeselect.d.ts +11 -5
- package/treeselect/treeselect.esm.js +32 -3
- package/treeselect/treeselect.esm.min.js +1 -1
- package/treeselect/treeselect.js +32 -3
- package/treeselect/treeselect.min.js +1 -1
- package/treetable/treetable.cjs.js +6 -3
- package/treetable/treetable.cjs.min.js +1 -1
- package/treetable/treetable.d.ts +1 -0
- package/treetable/treetable.esm.js +6 -3
- package/treetable/treetable.esm.min.js +1 -1
- package/treetable/treetable.js +6 -3
- package/treetable/treetable.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.cjs.js +25 -0
- package/tristatecheckbox/tristatecheckbox.cjs.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.d.ts +3 -5
- package/tristatecheckbox/tristatecheckbox.esm.js +25 -0
- package/tristatecheckbox/tristatecheckbox.esm.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.js +25 -0
- package/tristatecheckbox/tristatecheckbox.min.js +1 -1
- package/virtualscroller/virtualscroller.cjs.js +3 -3
- package/virtualscroller/virtualscroller.cjs.min.js +1 -1
- package/virtualscroller/virtualscroller.esm.js +3 -3
- package/virtualscroller/virtualscroller.esm.min.js +1 -1
- package/virtualscroller/virtualscroller.js +3 -3
- package/virtualscroller/virtualscroller.min.js +1 -1
- package/web-types.json +122 -1
package/README.md
CHANGED
|
@@ -102,3 +102,9 @@ import 'primeicons/primeicons.css';
|
|
|
102
102
|
## TypeScript
|
|
103
103
|
|
|
104
104
|
Typescript is fully supported as type definition files are provided in the npm package of PrimeReact. A sample [typescript-primereact application](https://github.com/primefaces/primereact-examples/tree/main/cra-basic-ts) is available as well at github.
|
|
105
|
+
|
|
106
|
+
## Contributors
|
|
107
|
+
|
|
108
|
+
<a href="https://github.com/primefaces/primereact/graphs/contributors">
|
|
109
|
+
<img src="https://contrib.rocks/image?repo=primefaces/primereact" />
|
|
110
|
+
</a>
|
|
@@ -152,6 +152,7 @@ var Accordion = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
|
|
|
152
152
|
activeIndexState = _React$useState4[0],
|
|
153
153
|
setActiveIndexState = _React$useState4[1];
|
|
154
154
|
|
|
155
|
+
var elementRef = React__namespace.useRef(null);
|
|
155
156
|
var activeIndex = props.onTabChange ? props.activeIndex : activeIndexState;
|
|
156
157
|
|
|
157
158
|
var shouldUseTab = function shouldUseTab(tab) {
|
|
@@ -197,6 +198,13 @@ var Accordion = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
|
|
|
197
198
|
}) : activeIndex === index;
|
|
198
199
|
};
|
|
199
200
|
|
|
201
|
+
React__namespace.useImperativeHandle(ref, function () {
|
|
202
|
+
return _objectSpread({
|
|
203
|
+
getElement: function getElement() {
|
|
204
|
+
return elementRef.current;
|
|
205
|
+
}
|
|
206
|
+
}, props);
|
|
207
|
+
});
|
|
200
208
|
hooks.useMountEffect(function () {
|
|
201
209
|
if (!idState) {
|
|
202
210
|
setIdState(utils.UniqueComponentId());
|
|
@@ -298,6 +306,7 @@ var Accordion = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
|
|
|
298
306
|
var tabs = createTabs();
|
|
299
307
|
return /*#__PURE__*/React__namespace.createElement("div", _extends({
|
|
300
308
|
id: idState,
|
|
309
|
+
ref: elementRef,
|
|
301
310
|
className: className,
|
|
302
311
|
style: props.style
|
|
303
312
|
}, otherProps), tabs);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/csstransition"),r=require("primereact/hooks"),n=require("primereact/utils");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 o=a(e);function l(){return l=Object.assign||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},l.apply(this,arguments)}function i(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function c(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 c(e)}function u(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 c(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)?c(e,t):void 0}}function d(){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 f(e){if(Array.isArray(e))return e}function
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/csstransition"),r=require("primereact/hooks"),n=require("primereact/utils");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 o=a(e);function l(){return l=Object.assign||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},l.apply(this,arguments)}function i(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function c(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 c(e)}function u(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 c(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)?c(e,t):void 0}}function d(){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 f(e){if(Array.isArray(e))return e}function m(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,o=[],l=!0,i=!1;try{for(r=r.call(e);!(l=(n=r.next()).done)&&(o.push(n.value),!t||o.length!==t);l=!0);}catch(e){i=!0,a=e}finally{try{l||null==r.return||r.return()}finally{if(i)throw a}}return o}}function b(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function y(e,t){return f(e)||m(e,t)||p(e,t)||b()}function h(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function v(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?h(Object(r),!0).forEach((function(t){i(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):h(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var g=function(){},O=o.forwardRef((function(e,a){var i=y(o.useState(e.id),2),c=i[0],f=i[1],m=y(o.useState(e.activeIndex),2),b=m[0],h=m[1],j=o.useRef(null),N=e.onTabChange?e.activeIndex:b,E=function(e){return e&&"AccordionTab"===e.props.__TYPE},T=function(t,r,n){if(!r.props.disabled){var a=P(n),o=null;if(e.multiple){var l=N||[];o=a?l.filter((function(e){return e!==n})):[].concat(s(c=l)||u(c)||p(c)||d(),[n])}else o=a?null:n;var i=a?e.onTabClose:e.onTabOpen;i&&i({originalEvent:t,index:n}),e.onTabChange?e.onTabChange({originalEvent:t,index:o}):h(o)}var c;t.preventDefault()},P=function(t){return e.multiple?N&&N.some((function(e){return e===t})):N===t};o.useImperativeHandle(a,(function(){return v({getElement:function(){return j.current}},e)})),r.useMountEffect((function(){c||f(n.UniqueComponentId())}));var S=function(t,r,a){var l=v(v({},t.props.style||{}),t.props.headerStyle||{}),i=n.classNames("p-accordion-header",{"p-highlight":r,"p-disabled":t.props.disabled},t.props.headerClassName,t.props.className),s=c+"_header_"+a,u=c+"_content_"+a,p=t.props.disabled?-1:null,d=t.props.headerTemplate?n.ObjectUtils.getJSXElement(t.props.headerTemplate,t.props):o.createElement("span",{className:"p-accordion-header-text"},t.props.header),f=n.IconUtils.getJSXIcon(r?e.collapseIcon:e.expandIcon,{className:"p-accordion-toggle-icon"},{props:e,selected:r});return o.createElement("div",{className:i,style:l},o.createElement("a",{href:"#"+u,id:s,className:"p-accordion-header-link","aria-controls":u,role:"tab","aria-expanded":r,onClick:function(e){return T(e,t,a)},tabIndex:p},f,d))},_=function(r,a,l){var i=v(v({},r.props.style||{}),r.props.contentStyle||{}),s=n.classNames("p-toggleable-content",r.props.contentClassName,r.props.className),u=c+"_content_"+l,p=c+"_header_"+l,d=o.createRef();return o.createElement(t.CSSTransition,{nodeRef:d,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:a,unmountOnExit:!0,options:e.transitionOptions},o.createElement("div",{ref:d,id:u,className:s,style:i,role:"region","aria-labelledby":p},o.createElement("div",{className:"p-accordion-content"},r.props.children)))},w=function(e,t){if(E(e)){var r=c+"_"+t,a=P(t),i=n.ObjectUtils.findDiffKeys(e.props,g.defaultProps),s=S(e,a,t),u=_(e,a,t),p=n.classNames("p-accordion-tab",{"p-accordion-tab-active":a});return o.createElement("div",l({key:r,className:p},i),s,u)}return null},I=n.ObjectUtils.findDiffKeys(e,O.defaultProps),x=n.classNames("p-accordion p-component",e.className),A=o.Children.map(e.children,w);return o.createElement("div",l({id:c,ref:j,className:x,style:e.style},I),A)}));g.displayName="AccordionTab",g.defaultProps={__TYPE:"AccordionTab",header:null,disabled:!1,style:null,className:null,headerStyle:null,headerClassName:null,headerTemplate:null,contentStyle:null,contentClassName:null},O.displayName="Accordion",O.defaultProps={__TYPE:"Accordion",id:null,activeIndex:null,className:null,style:null,multiple:!1,expandIcon:"pi pi-chevron-right",collapseIcon:"pi pi-chevron-down",transitionOptions:null,onTabOpen:null,onTabClose:null,onTabChange:null},exports.Accordion=O,exports.AccordionTab=g;
|
package/accordion/accordion.d.ts
CHANGED
|
@@ -26,11 +26,8 @@ interface AccordionEventParams {
|
|
|
26
26
|
index: number;
|
|
27
27
|
}
|
|
28
28
|
|
|
29
|
-
export interface AccordionProps {
|
|
30
|
-
id?: string;
|
|
29
|
+
export interface AccordionProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
|
|
31
30
|
activeIndex?: AccordionActiveIndexType;
|
|
32
|
-
className?: string;
|
|
33
|
-
style?: object;
|
|
34
31
|
multiple?: boolean;
|
|
35
32
|
expandIcon?: IconType<AccordionProps>;
|
|
36
33
|
collapseIcon?: IconType<AccordionProps>;
|
|
@@ -42,4 +39,6 @@ export interface AccordionProps {
|
|
|
42
39
|
}
|
|
43
40
|
|
|
44
41
|
// tslint:disable-next-line:max-classes-per-file
|
|
45
|
-
export declare class Accordion extends React.Component<AccordionProps, any> {
|
|
42
|
+
export declare class Accordion extends React.Component<AccordionProps, any> {
|
|
43
|
+
public getElement(): HTMLDivElement;
|
|
44
|
+
}
|
|
@@ -128,6 +128,7 @@ var Accordion = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
128
128
|
activeIndexState = _React$useState4[0],
|
|
129
129
|
setActiveIndexState = _React$useState4[1];
|
|
130
130
|
|
|
131
|
+
var elementRef = React.useRef(null);
|
|
131
132
|
var activeIndex = props.onTabChange ? props.activeIndex : activeIndexState;
|
|
132
133
|
|
|
133
134
|
var shouldUseTab = function shouldUseTab(tab) {
|
|
@@ -173,6 +174,13 @@ var Accordion = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
173
174
|
}) : activeIndex === index;
|
|
174
175
|
};
|
|
175
176
|
|
|
177
|
+
React.useImperativeHandle(ref, function () {
|
|
178
|
+
return _objectSpread({
|
|
179
|
+
getElement: function getElement() {
|
|
180
|
+
return elementRef.current;
|
|
181
|
+
}
|
|
182
|
+
}, props);
|
|
183
|
+
});
|
|
176
184
|
useMountEffect(function () {
|
|
177
185
|
if (!idState) {
|
|
178
186
|
setIdState(UniqueComponentId());
|
|
@@ -274,6 +282,7 @@ var Accordion = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
274
282
|
var tabs = createTabs();
|
|
275
283
|
return /*#__PURE__*/React.createElement("div", _extends({
|
|
276
284
|
id: idState,
|
|
285
|
+
ref: elementRef,
|
|
277
286
|
className: className,
|
|
278
287
|
style: props.style
|
|
279
288
|
}, otherProps), tabs);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import{CSSTransition as r}from"primereact/csstransition";import{useMountEffect as n}from"primereact/hooks";import{UniqueComponentId as t,ObjectUtils as o,classNames as a,IconUtils as l}from"primereact/utils";function i(){return i=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e},i.apply(this,arguments)}function c(e,r,n){return r in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n,e}function s(e,r){(null==r||r>e.length)&&(r=e.length);for(var n=0,t=new Array(r);n<r;n++)t[n]=e[n];return t}function p(e){if(Array.isArray(e))return s(e)}function u(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function d(e,r){if(e){if("string"==typeof e)return s(e,r);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?s(e,r):void 0}}function f(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function m(e){if(Array.isArray(e))return e}function b(e,r){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var t,o,a=[],l=!0,i=!1;try{for(n=n.call(e);!(l=(t=n.next()).done)&&(a.push(t.value),!r||a.length!==r);l=!0);}catch(e){i=!0,o=e}finally{try{l||null==n.return||n.return()}finally{if(i)throw o}}return a}}function y(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(e,r){return m(e)||b(e,r)||d(e,r)||y()}function v(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),n.push.apply(n,t)}return n}function g(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?v(Object(n),!0).forEach((function(r){c(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):v(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))}))}return e}var O=function(){},
|
|
1
|
+
import*as e from"react";import{CSSTransition as r}from"primereact/csstransition";import{useMountEffect as n}from"primereact/hooks";import{UniqueComponentId as t,ObjectUtils as o,classNames as a,IconUtils as l}from"primereact/utils";function i(){return i=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e},i.apply(this,arguments)}function c(e,r,n){return r in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n,e}function s(e,r){(null==r||r>e.length)&&(r=e.length);for(var n=0,t=new Array(r);n<r;n++)t[n]=e[n];return t}function p(e){if(Array.isArray(e))return s(e)}function u(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function d(e,r){if(e){if("string"==typeof e)return s(e,r);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?s(e,r):void 0}}function f(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function m(e){if(Array.isArray(e))return e}function b(e,r){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var t,o,a=[],l=!0,i=!1;try{for(n=n.call(e);!(l=(t=n.next()).done)&&(a.push(t.value),!r||a.length!==r);l=!0);}catch(e){i=!0,o=e}finally{try{l||null==n.return||n.return()}finally{if(i)throw o}}return a}}function y(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(e,r){return m(e)||b(e,r)||d(e,r)||y()}function v(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),n.push.apply(n,t)}return n}function g(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?v(Object(n),!0).forEach((function(r){c(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):v(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))}))}return e}var O=function(){},E=e.forwardRef((function(c,s){var m=h(e.useState(c.id),2),b=m[0],y=m[1],v=h(e.useState(c.activeIndex),2),N=v[0],T=v[1],j=e.useRef(null),S=c.onTabChange?c.activeIndex:N,P=function(e){return e&&"AccordionTab"===e.props.__TYPE},w=function(e,r,n){if(!r.props.disabled){var t=I(n),o=null;if(c.multiple){var a=S||[];o=t?a.filter((function(e){return e!==n})):[].concat(p(i=a)||u(i)||d(i)||f(),[n])}else o=t?null:n;var l=t?c.onTabClose:c.onTabOpen;l&&l({originalEvent:e,index:n}),c.onTabChange?c.onTabChange({originalEvent:e,index:o}):T(o)}var i;e.preventDefault()},I=function(e){return c.multiple?S&&S.some((function(r){return r===e})):S===e};e.useImperativeHandle(s,(function(){return g({getElement:function(){return j.current}},c)})),n((function(){b||y(t())}));var _=function(r,n,t){var i=g(g({},r.props.style||{}),r.props.headerStyle||{}),s=a("p-accordion-header",{"p-highlight":n,"p-disabled":r.props.disabled},r.props.headerClassName,r.props.className),p=b+"_header_"+t,u=b+"_content_"+t,d=r.props.disabled?-1:null,f=r.props.headerTemplate?o.getJSXElement(r.props.headerTemplate,r.props):e.createElement("span",{className:"p-accordion-header-text"},r.props.header),m=l.getJSXIcon(n?c.collapseIcon:c.expandIcon,{className:"p-accordion-toggle-icon"},{props:c,selected:n});return e.createElement("div",{className:s,style:i},e.createElement("a",{href:"#"+u,id:p,className:"p-accordion-header-link","aria-controls":u,role:"tab","aria-expanded":n,onClick:function(e){return w(e,r,t)},tabIndex:d},m,f))},x=function(n,t,o){var l=g(g({},n.props.style||{}),n.props.contentStyle||{}),i=a("p-toggleable-content",n.props.contentClassName,n.props.className),s=b+"_content_"+o,p=b+"_header_"+o,u=e.createRef();return e.createElement(r,{nodeRef:u,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:t,unmountOnExit:!0,options:c.transitionOptions},e.createElement("div",{ref:u,id:s,className:i,style:l,role:"region","aria-labelledby":p},e.createElement("div",{className:"p-accordion-content"},n.props.children)))},A=function(r,n){if(P(r)){var t=b+"_"+n,l=I(n),c=o.findDiffKeys(r.props,O.defaultProps),s=_(r,l,n),p=x(r,l,n),u=a("p-accordion-tab",{"p-accordion-tab-active":l});return e.createElement("div",i({key:t,className:u},c),s,p)}return null},C=o.findDiffKeys(c,E.defaultProps),D=a("p-accordion p-component",c.className),k=e.Children.map(c.children,A);return e.createElement("div",i({id:b,ref:j,className:D,style:c.style},C),k)}));O.displayName="AccordionTab",O.defaultProps={__TYPE:"AccordionTab",header:null,disabled:!1,style:null,className:null,headerStyle:null,headerClassName:null,headerTemplate:null,contentStyle:null,contentClassName:null},E.displayName="Accordion",E.defaultProps={__TYPE:"Accordion",id:null,activeIndex:null,className:null,style:null,multiple:!1,expandIcon:"pi pi-chevron-right",collapseIcon:"pi pi-chevron-down",transitionOptions:null,onTabOpen:null,onTabClose:null,onTabChange:null};export{E as Accordion,O as AccordionTab};
|
package/accordion/accordion.js
CHANGED
|
@@ -147,6 +147,7 @@ this.primereact.accordion = (function (exports, React, csstransition, hooks, uti
|
|
|
147
147
|
activeIndexState = _React$useState4[0],
|
|
148
148
|
setActiveIndexState = _React$useState4[1];
|
|
149
149
|
|
|
150
|
+
var elementRef = React__namespace.useRef(null);
|
|
150
151
|
var activeIndex = props.onTabChange ? props.activeIndex : activeIndexState;
|
|
151
152
|
|
|
152
153
|
var shouldUseTab = function shouldUseTab(tab) {
|
|
@@ -192,6 +193,13 @@ this.primereact.accordion = (function (exports, React, csstransition, hooks, uti
|
|
|
192
193
|
}) : activeIndex === index;
|
|
193
194
|
};
|
|
194
195
|
|
|
196
|
+
React__namespace.useImperativeHandle(ref, function () {
|
|
197
|
+
return _objectSpread({
|
|
198
|
+
getElement: function getElement() {
|
|
199
|
+
return elementRef.current;
|
|
200
|
+
}
|
|
201
|
+
}, props);
|
|
202
|
+
});
|
|
195
203
|
hooks.useMountEffect(function () {
|
|
196
204
|
if (!idState) {
|
|
197
205
|
setIdState(utils.UniqueComponentId());
|
|
@@ -293,6 +301,7 @@ this.primereact.accordion = (function (exports, React, csstransition, hooks, uti
|
|
|
293
301
|
var tabs = createTabs();
|
|
294
302
|
return /*#__PURE__*/React__namespace.createElement("div", _extends({
|
|
295
303
|
id: idState,
|
|
304
|
+
ref: elementRef,
|
|
296
305
|
className: className,
|
|
297
306
|
style: props.style
|
|
298
307
|
}, otherProps), tabs);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.accordion=function(e,t,r,
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.accordion=function(e,t,n,r,a){"use strict";function o(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=o(t);function i(){return i=Object.assign||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},i.apply(this,arguments)}function c(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function u(e){if(Array.isArray(e))return s(e)}function p(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function d(e,t){if(e){if("string"==typeof e)return s(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?s(e,t):void 0}}function f(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function m(e){if(Array.isArray(e))return e}function b(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o=[],l=!0,i=!1;try{for(n=n.call(e);!(l=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);l=!0);}catch(e){i=!0,a=e}finally{try{l||null==n.return||n.return()}finally{if(i)throw a}}return o}}function y(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(e,t){return m(e)||b(e,t)||d(e,t)||y()}function v(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 g(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?v(Object(n),!0).forEach((function(t){c(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):v(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var O=function(){},j=l.forwardRef((function(e,t){var o=h(l.useState(e.id),2),c=o[0],s=o[1],m=h(l.useState(e.activeIndex),2),b=m[0],y=m[1],v=l.useRef(null),N=e.onTabChange?e.activeIndex:b,E=function(e){return e&&"AccordionTab"===e.props.__TYPE},T=function(t,n,r){if(!n.props.disabled){var a=P(r),o=null;if(e.multiple){var l=N||[];o=a?l.filter((function(e){return e!==r})):[].concat(u(c=l)||p(c)||d(c)||f(),[r])}else o=a?null:r;var i=a?e.onTabClose:e.onTabOpen;i&&i({originalEvent:t,index:r}),e.onTabChange?e.onTabChange({originalEvent:t,index:o}):y(o)}var c;t.preventDefault()},P=function(t){return e.multiple?N&&N.some((function(e){return e===t})):N===t};l.useImperativeHandle(t,(function(){return g({getElement:function(){return v.current}},e)})),r.useMountEffect((function(){c||s(a.UniqueComponentId())}));var S=function(t,n,r){var o=g(g({},t.props.style||{}),t.props.headerStyle||{}),i=a.classNames("p-accordion-header",{"p-highlight":n,"p-disabled":t.props.disabled},t.props.headerClassName,t.props.className),s=c+"_header_"+r,u=c+"_content_"+r,p=t.props.disabled?-1:null,d=t.props.headerTemplate?a.ObjectUtils.getJSXElement(t.props.headerTemplate,t.props):l.createElement("span",{className:"p-accordion-header-text"},t.props.header),f=a.IconUtils.getJSXIcon(n?e.collapseIcon:e.expandIcon,{className:"p-accordion-toggle-icon"},{props:e,selected:n});return l.createElement("div",{className:i,style:o},l.createElement("a",{href:"#"+u,id:s,className:"p-accordion-header-link","aria-controls":u,role:"tab","aria-expanded":n,onClick:function(e){return T(e,t,r)},tabIndex:p},f,d))},_=function(t,r,o){var i=g(g({},t.props.style||{}),t.props.contentStyle||{}),s=a.classNames("p-toggleable-content",t.props.contentClassName,t.props.className),u=c+"_content_"+o,p=c+"_header_"+o,d=l.createRef();return l.createElement(n.CSSTransition,{nodeRef:d,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:r,unmountOnExit:!0,options:e.transitionOptions},l.createElement("div",{ref:d,id:u,className:s,style:i,role:"region","aria-labelledby":p},l.createElement("div",{className:"p-accordion-content"},t.props.children)))},w=function(e,t){if(E(e)){var n=c+"_"+t,r=P(t),o=a.ObjectUtils.findDiffKeys(e.props,O.defaultProps),s=S(e,r,t),u=_(e,r,t),p=a.classNames("p-accordion-tab",{"p-accordion-tab-active":r});return l.createElement("div",i({key:n,className:p},o),s,u)}return null},I=a.ObjectUtils.findDiffKeys(e,j.defaultProps),A=a.classNames("p-accordion p-component",e.className),C=l.Children.map(e.children,w);return l.createElement("div",i({id:c,ref:v,className:A,style:e.style},I),C)}));return O.displayName="AccordionTab",O.defaultProps={__TYPE:"AccordionTab",header:null,disabled:!1,style:null,className:null,headerStyle:null,headerClassName:null,headerTemplate:null,contentStyle:null,contentClassName:null},j.displayName="Accordion",j.defaultProps={__TYPE:"Accordion",id:null,activeIndex:null,className:null,style:null,multiple:!1,expandIcon:"pi pi-chevron-right",collapseIcon:"pi pi-chevron-down",transitionOptions:null,onTabOpen:null,onTabClose:null,onTabChange:null},e.Accordion=j,e.AccordionTab=O,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.csstransition,primereact.hooks,primereact.utils);
|
|
@@ -56,6 +56,21 @@ function _extends() {
|
|
|
56
56
|
return _extends.apply(this, arguments);
|
|
57
57
|
}
|
|
58
58
|
|
|
59
|
+
function _defineProperty(obj, key, value) {
|
|
60
|
+
if (key in obj) {
|
|
61
|
+
Object.defineProperty(obj, key, {
|
|
62
|
+
value: value,
|
|
63
|
+
enumerable: true,
|
|
64
|
+
configurable: true,
|
|
65
|
+
writable: true
|
|
66
|
+
});
|
|
67
|
+
} else {
|
|
68
|
+
obj[key] = value;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
return obj;
|
|
72
|
+
}
|
|
73
|
+
|
|
59
74
|
function _arrayLikeToArray(arr, len) {
|
|
60
75
|
if (len == null || len > arr.length) len = arr.length;
|
|
61
76
|
|
|
@@ -133,24 +148,9 @@ function _slicedToArray(arr, i) {
|
|
|
133
148
|
return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
|
|
134
149
|
}
|
|
135
150
|
|
|
136
|
-
function
|
|
137
|
-
if (key in obj) {
|
|
138
|
-
Object.defineProperty(obj, key, {
|
|
139
|
-
value: value,
|
|
140
|
-
enumerable: true,
|
|
141
|
-
configurable: true,
|
|
142
|
-
writable: true
|
|
143
|
-
});
|
|
144
|
-
} else {
|
|
145
|
-
obj[key] = value;
|
|
146
|
-
}
|
|
147
|
-
|
|
148
|
-
return obj;
|
|
149
|
-
}
|
|
150
|
-
|
|
151
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
151
|
+
function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
152
152
|
|
|
153
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
153
|
+
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
154
154
|
var AutoCompletePanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
|
|
155
155
|
var getOptionGroupRenderKey = function getOptionGroupRenderKey(optionGroup) {
|
|
156
156
|
return utils.ObjectUtils.resolveFieldData(optionGroup, props.optionGroupLabel);
|
|
@@ -215,8 +215,8 @@ var AutoCompletePanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__
|
|
|
215
215
|
|
|
216
216
|
var createContent = function createContent() {
|
|
217
217
|
if (props.virtualScrollerOptions) {
|
|
218
|
-
var virtualScrollerProps = _objectSpread(_objectSpread({}, props.virtualScrollerOptions), {
|
|
219
|
-
style: _objectSpread(_objectSpread({}, props.virtualScrollerOptions.style), {
|
|
218
|
+
var virtualScrollerProps = _objectSpread$1(_objectSpread$1({}, props.virtualScrollerOptions), {
|
|
219
|
+
style: _objectSpread$1(_objectSpread$1({}, props.virtualScrollerOptions.style), {
|
|
220
220
|
height: props.scrollHeight
|
|
221
221
|
}),
|
|
222
222
|
autoSize: true,
|
|
@@ -251,7 +251,7 @@ var AutoCompletePanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__
|
|
|
251
251
|
var createElement = function createElement() {
|
|
252
252
|
var className = utils.classNames('p-autocomplete-panel p-component', props.panelClassName);
|
|
253
253
|
|
|
254
|
-
var style = _objectSpread({
|
|
254
|
+
var style = _objectSpread$1({
|
|
255
255
|
maxHeight: props.scrollHeight
|
|
256
256
|
}, props.panelStyle || {});
|
|
257
257
|
|
|
@@ -287,6 +287,9 @@ var AutoCompletePanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__
|
|
|
287
287
|
}));
|
|
288
288
|
AutoCompletePanel.displayName = 'AutoCompletePanel';
|
|
289
289
|
|
|
290
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
291
|
+
|
|
292
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
290
293
|
var AutoComplete = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
|
|
291
294
|
var _React$useState = React__namespace.useState(props.id),
|
|
292
295
|
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
@@ -744,9 +747,21 @@ var AutoComplete = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
|
|
|
744
747
|
utils.ZIndexUtils.clear(overlayRef.current);
|
|
745
748
|
});
|
|
746
749
|
React__namespace.useImperativeHandle(ref, function () {
|
|
747
|
-
return {
|
|
748
|
-
search: search
|
|
749
|
-
|
|
750
|
+
return _objectSpread({
|
|
751
|
+
search: search,
|
|
752
|
+
getElement: function getElement() {
|
|
753
|
+
return elementRef.current;
|
|
754
|
+
},
|
|
755
|
+
getOverlay: function getOverlay() {
|
|
756
|
+
return overlayRef.current;
|
|
757
|
+
},
|
|
758
|
+
getInput: function getInput() {
|
|
759
|
+
return inputRef.current;
|
|
760
|
+
},
|
|
761
|
+
getVirtualScroller: function getVirtualScroller() {
|
|
762
|
+
return virtualScrollerRef.current;
|
|
763
|
+
}
|
|
764
|
+
}, props);
|
|
750
765
|
});
|
|
751
766
|
|
|
752
767
|
var createSimpleAutoComplete = function createSimpleAutoComplete() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/button"),l=require("primereact/hooks"),r=require("primereact/inputtext"),o=require("primereact/overlayservice"),a=require("primereact/tooltip"),i=require("primereact/utils"),u=require("primereact/csstransition"),c=require("primereact/portal"),s=require("primereact/ripple"),p=require("primereact/virtualscroller");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var f=d(e),g=m(t);function v(){return v=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},v.apply(this,arguments)}function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function y(e){if(Array.isArray(e))return b(e)}function h(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function C(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 E(){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 O(e){if(Array.isArray(e))return e}function w(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,o=[],a=!0,i=!1;try{for(n=n.call(e);!(a=(l=n.next()).done)&&(o.push(l.value),!t||o.length!==t);a=!0);}catch(e){i=!0,r=e}finally{try{a||null==n.return||n.return()}finally{if(i)throw r}}return o}}function D(){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 x(e,t){return O(e)||w(e,t)||C(e,t)||D()}function S(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function j(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){S(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var I=f.memo(f.forwardRef((function(e,t){var n,l,r,o=function(t){return i.ObjectUtils.resolveFieldData(t,e.optionGroupLabel)},a=function(t,n,l){return e.getOptionGroupChildren(t).map((function(t,r){var o=n+"_"+r,a=e.selectedItem===t,u=e.itemTemplate?i.ObjectUtils.getJSXElement(e.itemTemplate,t,r):e.field?i.ObjectUtils.resolveFieldData(t,e.field):t;return f.createElement("li",{key:o,role:"option","aria-selected":a,className:"p-autocomplete-item",style:l,onClick:function(n){return e.onItemClick(n,t)},"data-group":n,"data-index":r},u,f.createElement(s.Ripple,null))}))},m=function(t,n){var l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r={height:l.props?l.props.itemSize:void 0};if(e.optionGroupLabel){var u=e.optionGroupTemplate?i.ObjectUtils.getJSXElement(e.optionGroupTemplate,t,n):e.getOptionGroupLabel(t),c=a(t,n,r),p=n+"_"+o(t);return f.createElement(f.Fragment,{key:p},f.createElement("li",{className:"p-autocomplete-item-group",style:r},u),c)}var m=e.itemTemplate?i.ObjectUtils.getJSXElement(e.itemTemplate,t,n):e.field?i.ObjectUtils.resolveFieldData(t,e.field):t;return f.createElement("li",{key:n,role:"option","aria-selected":e.selectedItem===t,className:"p-autocomplete-item",style:r,onClick:function(n){return e.onItemClick(n,t)}},m,f.createElement(s.Ripple,null))},d=function(){if(e.virtualScrollerOptions){var t=k(k({},e.virtualScrollerOptions),{style:k(k({},e.virtualScrollerOptions.style),{height:e.scrollHeight}),autoSize:!0,items:e.suggestions,itemTemplate:function(e,t){return e&&m(e,t.index,t)},contentTemplate:function(t){var n=i.classNames("p-autocomplete-items",t.className);return f.createElement("ul",{ref:t.contentRef,className:n,role:"listbox",id:e.listId},t.children)}});return f.createElement(p.VirtualScroller,v({ref:e.virtualScrollerRef},t))}var n=e.suggestions?e.suggestions.map(m):null;return f.createElement("ul",{className:"p-autocomplete-items",role:"listbox",id:e.listId},n)},g=(n=i.classNames("p-autocomplete-panel p-component",e.panelClassName),l=k({maxHeight:e.scrollHeight},e.panelStyle||{}),r=d(),f.createElement(u.CSSTransition,{nodeRef:t,classNames:"p-connected-overlay",in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:e.onEnter,onEntering:e.onEntering,onEntered:e.onEntered,onExit:e.onExit,onExited:e.onExited},f.createElement("div",{ref:t,className:n,style:l,onClick:e.onClick},r)));return f.createElement(c.Portal,{element:g,appendTo:e.appendTo})})));I.displayName="AutoCompletePanel";var U=f.memo(f.forwardRef((function(e,t){var u=x(f.useState(e.id),2),c=u[0],s=u[1],p=x(f.useState(!1),2),m=p[0],d=p[1],b=x(f.useState(!1),2),O=b[0],w=b[1],D=x(f.useState(!1),2),S=D[0],j=D[1],k=f.useRef(null),N=f.useRef(null),H=f.useRef(e.inputRef),T=f.useRef(null),P=f.useRef(null),F=f.useRef(null),M=f.useRef(null),R=x(l.useOverlayListener({target:k,overlay:N,listener:function(e,t){t.valid&&("outside"===t.type?!L(e)&&X():X())},when:S}),2),q=R[0],A=R[1],L=function(t){return e.multiple?t.target===T.current||T.current.contains(t.target):t.target===H.current},G=function(t){F.current&&clearTimeout(F.current);var n=t.target.value;e.multiple||z(t,n),i.ObjectUtils.isEmpty(n)?(X(),e.onClear&&e.onClear(t)):n.length>=e.minLength?F.current=setTimeout((function(){K(t,n,"input")}),e.delay):X()},K=function(t,n,l){null!=n&&("input"===l&&0===n.trim().length||e.completeMethod&&(d(!0),e.completeMethod({originalEvent:t,query:n})))},_=function(t,n,l){if(e.multiple){if(H.current.value="",!ie(n)){var r=e.value?[].concat(y(o=e.value)||h(o)||C(o)||E(),[n]):[n];z(t,r)}}else J(n),z(t,n);var o;e.onSelect&&e.onSelect({originalEvent:t,value:n}),l||(i.DomHandler.focus(H.current),X())},z=function(t,n){M&&M.current===n||(e.onChange&&e.onChange({originalEvent:t,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:c,value:n}}),M.current=n)},B=function(t){if(t){if(e.selectedItemTemplate&&(e.multiple?ie(t):ue(t)>-1)){var n=i.ObjectUtils.getJSXElement(e.selectedItemTemplate,t);return n||t}if(e.field){var l=i.ObjectUtils.resolveFieldData(t,e.field);return null!=l?l:t}return t}return""},J=function(e){H.current.value=B(e)},X=function(){j(!1),d(!1)},V=function(){i.DomHandler.alignOverlay(N.current,e.multiple?T.current:H.current,e.appendTo||g.default.appendTo)},Z=function(t){e.dropdownAutoFocus&&i.DomHandler.focus(H.current,e.dropdownAutoFocus),"blank"===e.dropdownMode?K(t,"","dropdown"):"current"===e.dropdownMode&&K(t,H.current.value,"dropdown"),e.onDropdownClick&&e.onDropdownClick({originalEvent:t,query:H.current.value})},Y=function(t,n){var l=e.value[n],r=e.value.filter((function(e,t){return n!==t}));z(t,r),e.onUnselect&&e.onUnselect({originalEvent:t,value:l})},$=function(t){if(S){var n=i.DomHandler.findSingle(N.current,"li.p-highlight");switch(t.which){case 40:if(n){var l=W(n);l&&(i.DomHandler.addClass(l,"p-highlight"),i.DomHandler.removeClass(n,"p-highlight"),i.DomHandler.scrollInView(ce(),l))}else n=i.DomHandler.findSingle(N.current,"li"),i.DomHandler.hasClass(n,"p-autocomplete-item-group")&&(n=W(n)),n&&i.DomHandler.addClass(n,"p-highlight");t.preventDefault();break;case 38:if(n){var r=ee(n);r&&(i.DomHandler.addClass(r,"p-highlight"),i.DomHandler.removeClass(n,"p-highlight"),i.DomHandler.scrollInView(ce(),r))}t.preventDefault();break;case 13:n&&(Q(t,n),X(),t.preventDefault());break;case 27:X(),t.preventDefault();break;case 9:n&&Q(t,n),X()}}if(e.multiple&&8===t.which)if(e.value&&e.value.length&&!H.current.value){var o=e.value[e.value.length-1],a=e.value.slice(0,-1);z(t,a),e.onUnselect&&e.onUnselect({originalEvent:t,value:o})}},Q=function(t,n){e.optionGroupLabel?_(t,se(e.suggestions[n.dataset.group])[n.dataset.index]):_(t,e.suggestions[i.DomHandler.index(n)])},W=function e(t){var n=t.nextElementSibling;return n?i.DomHandler.hasClass(n,"p-autocomplete-item-group")?e(n):n:null},ee=function e(t){var n=t.previousElementSibling;return n?i.DomHandler.hasClass(n,"p-autocomplete-item-group")?e(n):n:null},te=function(t){w(!0),e.onFocus&&e.onFocus(t)},ne=function(t){var n=t.target.value.trim(),l=(e.suggestions||[]).find((function(t){var l=e.field?i.ObjectUtils.resolveFieldData(t,e.field):t;return l&&n===l.trim()}));l?_(t,l,!0):(H.current.value="",z(t,null),e.onClear&&e.onClear(t))},le=function(t){w(!1),e.forceSelection&&ne(t),e.onBlur&&e.onBlur(t)},re=function(t){i.DomHandler.focus(H.current),e.onClick&&e.onClick(t)},oe=function(e){te(e),i.DomHandler.addClass(T.current,"p-focus")},ae=function(e){le(e),i.DomHandler.removeClass(T.current,"p-focus")},ie=function(t){return!!e.value&&e.value.some((function(e){return i.ObjectUtils.equals(e,t)}))},ue=function(t){return e.suggestions?e.suggestions.findIndex((function(e){return i.ObjectUtils.equals(e,t)})):-1},ce=function(){return P.current?N.current.firstChild:N.current},se=function(t){return i.ObjectUtils.resolveFieldData(t,e.optionGroupChildren)};f.useEffect((function(){i.ObjectUtils.combinedRefs(H,e.inputRef)}),[H,e.inputRef]),l.useMountEffect((function(){c||s(i.UniqueComponentId()),e.autoFocus&&i.DomHandler.focus(H.current,e.autoFocus)})),l.useUpdateEffect((function(){m&&(i.ObjectUtils.isNotEmpty(e.suggestions)?j(!0):X(),d(!1))}),[e.suggestions]),l.useUpdateEffect((function(){H.current&&!e.multiple&&J(e.value)})),l.useUnmountEffect((function(){F.current&&clearTimeout(F.current),i.ZIndexUtils.clear(N.current)})),f.useImperativeHandle(t,(function(){return{search:K}}));var pe=function(){var t=B(e.value),n=S?c+"_list":null,l=i.classNames("p-autocomplete-input",e.inputClassName,{"p-autocomplete-dd-input":e.dropdown});return f.createElement(r.InputText,{ref:H,id:e.inputId,type:e.type,name:e.name,defaultValue:t,role:"combobox","aria-autocomplete":"list","aria-controls":n,"aria-haspopup":"listbox","aria-expanded":S,"aria-labelledby":e["aria-labelledby"],"aria-label":e["aria-label"],className:l,style:e.inputStyle,autoComplete:"off",readOnly:e.readOnly,disabled:e.disabled,placeholder:e.placeholder,size:e.size,maxLength:e.maxLength,tabIndex:e.tabIndex,onBlur:le,onFocus:te,onChange:G,onMouseDown:e.onMouseDown,onKeyUp:e.onKeyUp,onKeyDown:$,onKeyPress:e.onKeyPress,onContextMenu:e.onContextMenu,onClick:e.onClick,onDoubleClick:e.onDblClick})},me=function(){var t=i.classNames("p-autocomplete-multiple-container p-component p-inputtext",{"p-disabled":e.disabled}),n=i.ObjectUtils.isNotEmpty(e.value)?e.value.map((function(t,n){return f.createElement("li",{key:n+"multi-item",className:"p-autocomplete-token p-highlight"},f.createElement("span",{className:"p-autocomplete-token-label"},B(t)),!e.disabled&&i.IconUtils.getJSXIcon(e.removeIcon,{className:"p-autocomplete-token-icon",onClick:function(e){return Y(e,n)}},{props:e}))})):null;return f.createElement("ul",{ref:T,className:t,onContextMenu:e.onContextMenu,onMouseDown:e.onMouseDown,onClick:re,onDoubleClick:e.onDblClick},n,f.createElement("li",{className:"p-autocomplete-input-token"},f.createElement("input",{ref:H,type:e.type,disabled:e.disabled,placeholder:e.placeholder,role:"combobox","aria-autocomplete":"list","aria-controls":S?c+"_list":null,"aria-haspopup":"listbox","aria-expanded":S,"aria-labelledby":e["aria-labelledby"],"aria-label":e["aria-label"],autoComplete:"off",tabIndex:e.tabIndex,onChange:G,id:e.inputId,name:e.name,style:e.inputStyle,className:e.inputClassName,maxLength:e.maxLength,onKeyUp:e.onKeyUp,onKeyDown:$,onKeyPress:e.onKeyPress,onFocus:oe,onBlur:ae})))},de=c+"_list",fe=i.ObjectUtils.isNotEmpty(e.tooltip),ge=i.ObjectUtils.findDiffKeys(e,U.defaultProps),ve=i.classNames("p-autocomplete p-component p-inputwrapper",{"p-autocomplete-dd":e.dropdown,"p-autocomplete-multiple":e.multiple,"p-inputwrapper-filled":e.value,"p-inputwrapper-focus":O},e.className),be=m?f.createElement("i",{className:"p-autocomplete-loader pi pi-spinner pi-spin"}):null,ye=e.multiple?me():pe(),he=e.dropdown?f.createElement(n.Button,{type:"button",icon:e.dropdownIcon,className:"p-autocomplete-dropdown",disabled:e.disabled,onClick:Z}):null;return f.createElement(f.Fragment,null,f.createElement("span",v({ref:k,id:c,style:e.style,className:ve},ge),ye,be,he,f.createElement(I,v({ref:N,virtualScrollerRef:P},e,{listId:de,onItemClick:_,selectedItem:M,onClick:function(e){o.OverlayService.emit("overlay-click",{originalEvent:e,target:k.current})},getOptionGroupLabel:function(t){return e.optionGroupLabel?i.ObjectUtils.resolveFieldData(t,e.optionGroupLabel):t},getOptionGroupChildren:se,in:S,onEnter:function(){i.ZIndexUtils.set("overlay",N.current,g.default.autoZIndex,g.default.zIndex.overlay),V()},onEntering:function(){if(e.autoHighlight&&e.suggestions&&e.suggestions.length){var t=ce().firstChild.firstChild;i.DomHandler.addClass(t,"p-highlight")}},onEntered:function(){q(),e.onShow&&e.onShow()},onExit:function(){A()},onExited:function(){i.ZIndexUtils.clear(N.current),e.onHide&&e.onHide()}}))),fe&&f.createElement(a.Tooltip,v({target:k,content:e.tooltip},e.tooltipOptions)))})));U.displayName="AutoComplete",U.defaultProps={__TYPE:"AutoComplete",id:null,inputRef:null,value:null,name:null,type:"text",suggestions:null,field:null,optionGroupLabel:null,optionGroupChildren:null,optionGroupTemplate:null,forceSelection:!1,autoHighlight:!1,virtualScrollerOptions:null,scrollHeight:"200px",dropdown:!1,dropdownMode:"blank",dropdownAutoFocus:!0,multiple:!1,minLength:1,delay:300,style:null,className:null,inputId:null,inputStyle:null,inputClassName:null,panelClassName:null,panelStyle:null,placeholder:null,readOnly:!1,disabled:!1,maxLength:null,size:null,appendTo:null,tabIndex:null,autoFocus:!1,tooltip:null,tooltipOptions:null,completeMethod:null,itemTemplate:null,selectedItemTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",removeIcon:"pi pi-times-circle","aria-label":null,"aria-labelledby":null,onChange:null,onFocus:null,onBlur:null,onSelect:null,onUnselect:null,onDropdownClick:null,onClick:null,onDblClick:null,onMouseDown:null,onKeyUp:null,onKeyPress:null,onContextMenu:null,onClear:null,onShow:null,onHide:null},exports.AutoComplete=U;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/button"),l=require("primereact/hooks"),r=require("primereact/inputtext"),o=require("primereact/overlayservice"),i=require("primereact/tooltip"),a=require("primereact/utils"),u=require("primereact/csstransition"),c=require("primereact/portal"),s=require("primereact/ripple"),p=require("primereact/virtualscroller");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var f=d(e),g=m(t);function b(){return b=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},b.apply(this,arguments)}function v(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function h(e){if(Array.isArray(e))return y(e)}function O(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function C(e,t){if(e){if("string"==typeof e)return y(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)?y(e,t):void 0}}function E(){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 w(e){if(Array.isArray(e))return e}function D(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,o=[],i=!0,a=!1;try{for(n=n.call(e);!(i=(l=n.next()).done)&&(o.push(l.value),!t||o.length!==t);i=!0);}catch(e){a=!0,r=e}finally{try{i||null==n.return||n.return()}finally{if(a)throw r}}return o}}function j(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function x(e,t){return w(e)||D(e,t)||C(e,t)||j()}function S(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?S(Object(n),!0).forEach((function(t){v(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):S(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var I=f.memo(f.forwardRef((function(e,t){var n,l,r,o=function(t){return a.ObjectUtils.resolveFieldData(t,e.optionGroupLabel)},i=function(t,n,l){return e.getOptionGroupChildren(t).map((function(t,r){var o=n+"_"+r,i=e.selectedItem===t,u=e.itemTemplate?a.ObjectUtils.getJSXElement(e.itemTemplate,t,r):e.field?a.ObjectUtils.resolveFieldData(t,e.field):t;return f.createElement("li",{key:o,role:"option","aria-selected":i,className:"p-autocomplete-item",style:l,onClick:function(n){return e.onItemClick(n,t)},"data-group":n,"data-index":r},u,f.createElement(s.Ripple,null))}))},m=function(t,n){var l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r={height:l.props?l.props.itemSize:void 0};if(e.optionGroupLabel){var u=e.optionGroupTemplate?a.ObjectUtils.getJSXElement(e.optionGroupTemplate,t,n):e.getOptionGroupLabel(t),c=i(t,n,r),p=n+"_"+o(t);return f.createElement(f.Fragment,{key:p},f.createElement("li",{className:"p-autocomplete-item-group",style:r},u),c)}var m=e.itemTemplate?a.ObjectUtils.getJSXElement(e.itemTemplate,t,n):e.field?a.ObjectUtils.resolveFieldData(t,e.field):t;return f.createElement("li",{key:n,role:"option","aria-selected":e.selectedItem===t,className:"p-autocomplete-item",style:r,onClick:function(n){return e.onItemClick(n,t)}},m,f.createElement(s.Ripple,null))},d=function(){if(e.virtualScrollerOptions){var t=k(k({},e.virtualScrollerOptions),{style:k(k({},e.virtualScrollerOptions.style),{height:e.scrollHeight}),autoSize:!0,items:e.suggestions,itemTemplate:function(e,t){return e&&m(e,t.index,t)},contentTemplate:function(t){var n=a.classNames("p-autocomplete-items",t.className);return f.createElement("ul",{ref:t.contentRef,className:n,role:"listbox",id:e.listId},t.children)}});return f.createElement(p.VirtualScroller,b({ref:e.virtualScrollerRef},t))}var n=e.suggestions?e.suggestions.map(m):null;return f.createElement("ul",{className:"p-autocomplete-items",role:"listbox",id:e.listId},n)},g=(n=a.classNames("p-autocomplete-panel p-component",e.panelClassName),l=k({maxHeight:e.scrollHeight},e.panelStyle||{}),r=d(),f.createElement(u.CSSTransition,{nodeRef:t,classNames:"p-connected-overlay",in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:e.onEnter,onEntering:e.onEntering,onEntered:e.onEntered,onExit:e.onExit,onExited:e.onExited},f.createElement("div",{ref:t,className:n,style:l,onClick:e.onClick},r)));return f.createElement(c.Portal,{element:g,appendTo:e.appendTo})})));function U(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function N(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?U(Object(n),!0).forEach((function(t){v(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):U(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}I.displayName="AutoCompletePanel";var P=f.memo(f.forwardRef((function(e,t){var u=x(f.useState(e.id),2),c=u[0],s=u[1],p=x(f.useState(!1),2),m=p[0],d=p[1],v=x(f.useState(!1),2),y=v[0],w=v[1],D=x(f.useState(!1),2),j=D[0],S=D[1],k=f.useRef(null),U=f.useRef(null),H=f.useRef(e.inputRef),T=f.useRef(null),F=f.useRef(null),M=f.useRef(null),R=f.useRef(null),q=x(l.useOverlayListener({target:k,overlay:U,listener:function(e,t){t.valid&&("outside"===t.type?!G(e)&&X():X())},when:j}),2),A=q[0],L=q[1],G=function(t){return e.multiple?t.target===T.current||T.current.contains(t.target):t.target===H.current},K=function(t){M.current&&clearTimeout(M.current);var n=t.target.value;e.multiple||B(t,n),a.ObjectUtils.isEmpty(n)?(X(),e.onClear&&e.onClear(t)):n.length>=e.minLength?M.current=setTimeout((function(){_(t,n,"input")}),e.delay):X()},_=function(t,n,l){null!=n&&("input"===l&&0===n.trim().length||e.completeMethod&&(d(!0),e.completeMethod({originalEvent:t,query:n})))},z=function(t,n,l){if(e.multiple){if(H.current.value="",!ue(n)){var r=e.value?[].concat(h(o=e.value)||O(o)||C(o)||E(),[n]):[n];B(t,r)}}else V(n),B(t,n);var o;e.onSelect&&e.onSelect({originalEvent:t,value:n}),l||(a.DomHandler.focus(H.current),X())},B=function(t,n){R&&R.current===n||(e.onChange&&e.onChange({originalEvent:t,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:c,value:n}}),R.current=n)},J=function(t){if(t){if(e.selectedItemTemplate&&(e.multiple?ue(t):ce(t)>-1)){var n=a.ObjectUtils.getJSXElement(e.selectedItemTemplate,t);return n||t}if(e.field){var l=a.ObjectUtils.resolveFieldData(t,e.field);return null!=l?l:t}return t}return""},V=function(e){H.current.value=J(e)},X=function(){S(!1),d(!1)},Z=function(){a.DomHandler.alignOverlay(U.current,e.multiple?T.current:H.current,e.appendTo||g.default.appendTo)},Y=function(t){e.dropdownAutoFocus&&a.DomHandler.focus(H.current,e.dropdownAutoFocus),"blank"===e.dropdownMode?_(t,"","dropdown"):"current"===e.dropdownMode&&_(t,H.current.value,"dropdown"),e.onDropdownClick&&e.onDropdownClick({originalEvent:t,query:H.current.value})},$=function(t,n){var l=e.value[n],r=e.value.filter((function(e,t){return n!==t}));B(t,r),e.onUnselect&&e.onUnselect({originalEvent:t,value:l})},Q=function(t){if(j){var n=a.DomHandler.findSingle(U.current,"li.p-highlight");switch(t.which){case 40:if(n){var l=ee(n);l&&(a.DomHandler.addClass(l,"p-highlight"),a.DomHandler.removeClass(n,"p-highlight"),a.DomHandler.scrollInView(se(),l))}else n=a.DomHandler.findSingle(U.current,"li"),a.DomHandler.hasClass(n,"p-autocomplete-item-group")&&(n=ee(n)),n&&a.DomHandler.addClass(n,"p-highlight");t.preventDefault();break;case 38:if(n){var r=te(n);r&&(a.DomHandler.addClass(r,"p-highlight"),a.DomHandler.removeClass(n,"p-highlight"),a.DomHandler.scrollInView(se(),r))}t.preventDefault();break;case 13:n&&(W(t,n),X(),t.preventDefault());break;case 27:X(),t.preventDefault();break;case 9:n&&W(t,n),X()}}if(e.multiple&&8===t.which)if(e.value&&e.value.length&&!H.current.value){var o=e.value[e.value.length-1],i=e.value.slice(0,-1);B(t,i),e.onUnselect&&e.onUnselect({originalEvent:t,value:o})}},W=function(t,n){e.optionGroupLabel?z(t,pe(e.suggestions[n.dataset.group])[n.dataset.index]):z(t,e.suggestions[a.DomHandler.index(n)])},ee=function e(t){var n=t.nextElementSibling;return n?a.DomHandler.hasClass(n,"p-autocomplete-item-group")?e(n):n:null},te=function e(t){var n=t.previousElementSibling;return n?a.DomHandler.hasClass(n,"p-autocomplete-item-group")?e(n):n:null},ne=function(t){w(!0),e.onFocus&&e.onFocus(t)},le=function(t){var n=t.target.value.trim(),l=(e.suggestions||[]).find((function(t){var l=e.field?a.ObjectUtils.resolveFieldData(t,e.field):t;return l&&n===l.trim()}));l?z(t,l,!0):(H.current.value="",B(t,null),e.onClear&&e.onClear(t))},re=function(t){w(!1),e.forceSelection&&le(t),e.onBlur&&e.onBlur(t)},oe=function(t){a.DomHandler.focus(H.current),e.onClick&&e.onClick(t)},ie=function(e){ne(e),a.DomHandler.addClass(T.current,"p-focus")},ae=function(e){re(e),a.DomHandler.removeClass(T.current,"p-focus")},ue=function(t){return!!e.value&&e.value.some((function(e){return a.ObjectUtils.equals(e,t)}))},ce=function(t){return e.suggestions?e.suggestions.findIndex((function(e){return a.ObjectUtils.equals(e,t)})):-1},se=function(){return F.current?U.current.firstChild:U.current},pe=function(t){return a.ObjectUtils.resolveFieldData(t,e.optionGroupChildren)};f.useEffect((function(){a.ObjectUtils.combinedRefs(H,e.inputRef)}),[H,e.inputRef]),l.useMountEffect((function(){c||s(a.UniqueComponentId()),e.autoFocus&&a.DomHandler.focus(H.current,e.autoFocus)})),l.useUpdateEffect((function(){m&&(a.ObjectUtils.isNotEmpty(e.suggestions)?S(!0):X(),d(!1))}),[e.suggestions]),l.useUpdateEffect((function(){H.current&&!e.multiple&&V(e.value)})),l.useUnmountEffect((function(){M.current&&clearTimeout(M.current),a.ZIndexUtils.clear(U.current)})),f.useImperativeHandle(t,(function(){return N({search:_,getElement:function(){return k.current},getOverlay:function(){return U.current},getInput:function(){return H.current},getVirtualScroller:function(){return F.current}},e)}));var me=function(){var t=J(e.value),n=j?c+"_list":null,l=a.classNames("p-autocomplete-input",e.inputClassName,{"p-autocomplete-dd-input":e.dropdown});return f.createElement(r.InputText,{ref:H,id:e.inputId,type:e.type,name:e.name,defaultValue:t,role:"combobox","aria-autocomplete":"list","aria-controls":n,"aria-haspopup":"listbox","aria-expanded":j,"aria-labelledby":e["aria-labelledby"],"aria-label":e["aria-label"],className:l,style:e.inputStyle,autoComplete:"off",readOnly:e.readOnly,disabled:e.disabled,placeholder:e.placeholder,size:e.size,maxLength:e.maxLength,tabIndex:e.tabIndex,onBlur:re,onFocus:ne,onChange:K,onMouseDown:e.onMouseDown,onKeyUp:e.onKeyUp,onKeyDown:Q,onKeyPress:e.onKeyPress,onContextMenu:e.onContextMenu,onClick:e.onClick,onDoubleClick:e.onDblClick})},de=function(){var t=a.classNames("p-autocomplete-multiple-container p-component p-inputtext",{"p-disabled":e.disabled}),n=a.ObjectUtils.isNotEmpty(e.value)?e.value.map((function(t,n){return f.createElement("li",{key:n+"multi-item",className:"p-autocomplete-token p-highlight"},f.createElement("span",{className:"p-autocomplete-token-label"},J(t)),!e.disabled&&a.IconUtils.getJSXIcon(e.removeIcon,{className:"p-autocomplete-token-icon",onClick:function(e){return $(e,n)}},{props:e}))})):null;return f.createElement("ul",{ref:T,className:t,onContextMenu:e.onContextMenu,onMouseDown:e.onMouseDown,onClick:oe,onDoubleClick:e.onDblClick},n,f.createElement("li",{className:"p-autocomplete-input-token"},f.createElement("input",{ref:H,type:e.type,disabled:e.disabled,placeholder:e.placeholder,role:"combobox","aria-autocomplete":"list","aria-controls":j?c+"_list":null,"aria-haspopup":"listbox","aria-expanded":j,"aria-labelledby":e["aria-labelledby"],"aria-label":e["aria-label"],autoComplete:"off",tabIndex:e.tabIndex,onChange:K,id:e.inputId,name:e.name,style:e.inputStyle,className:e.inputClassName,maxLength:e.maxLength,onKeyUp:e.onKeyUp,onKeyDown:Q,onKeyPress:e.onKeyPress,onFocus:ie,onBlur:ae})))},fe=c+"_list",ge=a.ObjectUtils.isNotEmpty(e.tooltip),be=a.ObjectUtils.findDiffKeys(e,P.defaultProps),ve=a.classNames("p-autocomplete p-component p-inputwrapper",{"p-autocomplete-dd":e.dropdown,"p-autocomplete-multiple":e.multiple,"p-inputwrapper-filled":e.value,"p-inputwrapper-focus":y},e.className),ye=m?f.createElement("i",{className:"p-autocomplete-loader pi pi-spinner pi-spin"}):null,he=e.multiple?de():me(),Oe=e.dropdown?f.createElement(n.Button,{type:"button",icon:e.dropdownIcon,className:"p-autocomplete-dropdown",disabled:e.disabled,onClick:Y}):null;return f.createElement(f.Fragment,null,f.createElement("span",b({ref:k,id:c,style:e.style,className:ve},be),he,ye,Oe,f.createElement(I,b({ref:U,virtualScrollerRef:F},e,{listId:fe,onItemClick:z,selectedItem:R,onClick:function(e){o.OverlayService.emit("overlay-click",{originalEvent:e,target:k.current})},getOptionGroupLabel:function(t){return e.optionGroupLabel?a.ObjectUtils.resolveFieldData(t,e.optionGroupLabel):t},getOptionGroupChildren:pe,in:j,onEnter:function(){a.ZIndexUtils.set("overlay",U.current,g.default.autoZIndex,g.default.zIndex.overlay),Z()},onEntering:function(){if(e.autoHighlight&&e.suggestions&&e.suggestions.length){var t=se().firstChild.firstChild;a.DomHandler.addClass(t,"p-highlight")}},onEntered:function(){A(),e.onShow&&e.onShow()},onExit:function(){L()},onExited:function(){a.ZIndexUtils.clear(U.current),e.onHide&&e.onHide()}}))),ge&&f.createElement(i.Tooltip,b({target:k,content:e.tooltip},e.tooltipOptions)))})));P.displayName="AutoComplete",P.defaultProps={__TYPE:"AutoComplete",id:null,inputRef:null,value:null,name:null,type:"text",suggestions:null,field:null,optionGroupLabel:null,optionGroupChildren:null,optionGroupTemplate:null,forceSelection:!1,autoHighlight:!1,virtualScrollerOptions:null,scrollHeight:"200px",dropdown:!1,dropdownMode:"blank",dropdownAutoFocus:!0,multiple:!1,minLength:1,delay:300,style:null,className:null,inputId:null,inputStyle:null,inputClassName:null,panelClassName:null,panelStyle:null,placeholder:null,readOnly:!1,disabled:!1,maxLength:null,size:null,appendTo:null,tabIndex:null,autoFocus:!1,tooltip:null,tooltipOptions:null,completeMethod:null,itemTemplate:null,selectedItemTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",removeIcon:"pi pi-times-circle","aria-label":null,"aria-labelledby":null,onChange:null,onFocus:null,onBlur:null,onSelect:null,onUnselect:null,onDropdownClick:null,onClick:null,onDblClick:null,onMouseDown:null,onKeyUp:null,onKeyPress:null,onContextMenu:null,onClear:null,onShow:null,onHide:null},exports.AutoComplete=P;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import TooltipOptions from '../tooltip/tooltipoptions';
|
|
3
|
-
import { VirtualScrollerProps } from '../virtualscroller';
|
|
3
|
+
import { VirtualScrollerProps, VirtualScroller } from '../virtualscroller';
|
|
4
4
|
import { CSSTransitionProps } from '../csstransition';
|
|
5
5
|
import { IconType } from '../utils';
|
|
6
6
|
|
|
@@ -109,4 +109,8 @@ export interface AutoCompleteProps extends Omit<React.DetailedHTMLProps<React.In
|
|
|
109
109
|
|
|
110
110
|
export declare class AutoComplete extends React.Component<AutoCompleteProps, any> {
|
|
111
111
|
public search(event:React.SyntheticEvent, query:string, source: AutoCompleteSourceType): void;
|
|
112
|
+
public getElement(): HTMLSpanElement;
|
|
113
|
+
public getInput(): HTMLInputElement;
|
|
114
|
+
public getOverlay(): HTMLElement;
|
|
115
|
+
public getVirtualScroller(): VirtualScroller;
|
|
112
116
|
}
|
|
@@ -29,6 +29,21 @@ function _extends() {
|
|
|
29
29
|
return _extends.apply(this, arguments);
|
|
30
30
|
}
|
|
31
31
|
|
|
32
|
+
function _defineProperty(obj, key, value) {
|
|
33
|
+
if (key in obj) {
|
|
34
|
+
Object.defineProperty(obj, key, {
|
|
35
|
+
value: value,
|
|
36
|
+
enumerable: true,
|
|
37
|
+
configurable: true,
|
|
38
|
+
writable: true
|
|
39
|
+
});
|
|
40
|
+
} else {
|
|
41
|
+
obj[key] = value;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
return obj;
|
|
45
|
+
}
|
|
46
|
+
|
|
32
47
|
function _arrayLikeToArray(arr, len) {
|
|
33
48
|
if (len == null || len > arr.length) len = arr.length;
|
|
34
49
|
|
|
@@ -106,24 +121,9 @@ function _slicedToArray(arr, i) {
|
|
|
106
121
|
return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
|
|
107
122
|
}
|
|
108
123
|
|
|
109
|
-
function
|
|
110
|
-
if (key in obj) {
|
|
111
|
-
Object.defineProperty(obj, key, {
|
|
112
|
-
value: value,
|
|
113
|
-
enumerable: true,
|
|
114
|
-
configurable: true,
|
|
115
|
-
writable: true
|
|
116
|
-
});
|
|
117
|
-
} else {
|
|
118
|
-
obj[key] = value;
|
|
119
|
-
}
|
|
120
|
-
|
|
121
|
-
return obj;
|
|
122
|
-
}
|
|
123
|
-
|
|
124
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
124
|
+
function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
125
125
|
|
|
126
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
126
|
+
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
127
127
|
var AutoCompletePanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
128
128
|
var getOptionGroupRenderKey = function getOptionGroupRenderKey(optionGroup) {
|
|
129
129
|
return ObjectUtils.resolveFieldData(optionGroup, props.optionGroupLabel);
|
|
@@ -188,8 +188,8 @@ var AutoCompletePanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(f
|
|
|
188
188
|
|
|
189
189
|
var createContent = function createContent() {
|
|
190
190
|
if (props.virtualScrollerOptions) {
|
|
191
|
-
var virtualScrollerProps = _objectSpread(_objectSpread({}, props.virtualScrollerOptions), {
|
|
192
|
-
style: _objectSpread(_objectSpread({}, props.virtualScrollerOptions.style), {
|
|
191
|
+
var virtualScrollerProps = _objectSpread$1(_objectSpread$1({}, props.virtualScrollerOptions), {
|
|
192
|
+
style: _objectSpread$1(_objectSpread$1({}, props.virtualScrollerOptions.style), {
|
|
193
193
|
height: props.scrollHeight
|
|
194
194
|
}),
|
|
195
195
|
autoSize: true,
|
|
@@ -224,7 +224,7 @@ var AutoCompletePanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(f
|
|
|
224
224
|
var createElement = function createElement() {
|
|
225
225
|
var className = classNames('p-autocomplete-panel p-component', props.panelClassName);
|
|
226
226
|
|
|
227
|
-
var style = _objectSpread({
|
|
227
|
+
var style = _objectSpread$1({
|
|
228
228
|
maxHeight: props.scrollHeight
|
|
229
229
|
}, props.panelStyle || {});
|
|
230
230
|
|
|
@@ -260,6 +260,9 @@ var AutoCompletePanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(f
|
|
|
260
260
|
}));
|
|
261
261
|
AutoCompletePanel.displayName = 'AutoCompletePanel';
|
|
262
262
|
|
|
263
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
264
|
+
|
|
265
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
263
266
|
var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
264
267
|
var _React$useState = React.useState(props.id),
|
|
265
268
|
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
@@ -717,9 +720,21 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
|
|
|
717
720
|
ZIndexUtils.clear(overlayRef.current);
|
|
718
721
|
});
|
|
719
722
|
React.useImperativeHandle(ref, function () {
|
|
720
|
-
return {
|
|
721
|
-
search: search
|
|
722
|
-
|
|
723
|
+
return _objectSpread({
|
|
724
|
+
search: search,
|
|
725
|
+
getElement: function getElement() {
|
|
726
|
+
return elementRef.current;
|
|
727
|
+
},
|
|
728
|
+
getOverlay: function getOverlay() {
|
|
729
|
+
return overlayRef.current;
|
|
730
|
+
},
|
|
731
|
+
getInput: function getInput() {
|
|
732
|
+
return inputRef.current;
|
|
733
|
+
},
|
|
734
|
+
getVirtualScroller: function getVirtualScroller() {
|
|
735
|
+
return virtualScrollerRef.current;
|
|
736
|
+
}
|
|
737
|
+
}, props);
|
|
723
738
|
});
|
|
724
739
|
|
|
725
740
|
var createSimpleAutoComplete = function createSimpleAutoComplete() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import t from"primereact/api";import{Button as n}from"primereact/button";import{useOverlayListener as l,useMountEffect as o,useUpdateEffect as r,useUnmountEffect as i}from"primereact/hooks";import{InputText as a}from"primereact/inputtext";import{OverlayService as u}from"primereact/overlayservice";import{Tooltip as c}from"primereact/tooltip";import{classNames as p,ObjectUtils as s,UniqueComponentId as m,DomHandler as d,ZIndexUtils as f,IconUtils as g}from"primereact/utils";import{CSSTransition as v}from"primereact/csstransition";import{Portal as h}from"primereact/portal";import{Ripple as y}from"primereact/ripple";import{VirtualScroller as b}from"primereact/virtualscroller";function C(){return C=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},C.apply(this,arguments)}function E(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function w(e){if(Array.isArray(e))return E(e)}function x(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function S(e,t){if(e){if("string"==typeof e)return E(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)?E(e,t):void 0}}function k(){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 O(e){if(Array.isArray(e))return e}function I(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,o,r=[],i=!0,a=!1;try{for(n=n.call(e);!(i=(l=n.next()).done)&&(r.push(l.value),!t||r.length!==t);i=!0);}catch(e){a=!0,o=e}finally{try{i||null==n.return||n.return()}finally{if(a)throw o}}return r}}function D(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function N(e,t){return O(e)||I(e,t)||S(e,t)||D()}function T(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function F(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function P(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?F(Object(n),!0).forEach((function(t){T(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):F(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var j=e.memo(e.forwardRef((function(t,n){var l,o,r,i=function(e){return s.resolveFieldData(e,t.optionGroupLabel)},a=function(n,l,o){return t.getOptionGroupChildren(n).map((function(n,r){var i=l+"_"+r,a=t.selectedItem===n,u=t.itemTemplate?s.getJSXElement(t.itemTemplate,n,r):t.field?s.resolveFieldData(n,t.field):n;return e.createElement("li",{key:i,role:"option","aria-selected":a,className:"p-autocomplete-item",style:o,onClick:function(e){return t.onItemClick(e,n)},"data-group":l,"data-index":r},u,e.createElement(y,null))}))},u=function(n,l){var o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r={height:o.props?o.props.itemSize:void 0};if(t.optionGroupLabel){var u=t.optionGroupTemplate?s.getJSXElement(t.optionGroupTemplate,n,l):t.getOptionGroupLabel(n),c=a(n,l,r),p=l+"_"+i(n);return e.createElement(e.Fragment,{key:p},e.createElement("li",{className:"p-autocomplete-item-group",style:r},u),c)}var m=t.itemTemplate?s.getJSXElement(t.itemTemplate,n,l):t.field?s.resolveFieldData(n,t.field):n;return e.createElement("li",{key:l,role:"option","aria-selected":t.selectedItem===n,className:"p-autocomplete-item",style:r,onClick:function(e){return t.onItemClick(e,n)}},m,e.createElement(y,null))},c=function(){if(t.virtualScrollerOptions){var n=P(P({},t.virtualScrollerOptions),{style:P(P({},t.virtualScrollerOptions.style),{height:t.scrollHeight}),autoSize:!0,items:t.suggestions,itemTemplate:function(e,t){return e&&u(e,t.index,t)},contentTemplate:function(n){var l=p("p-autocomplete-items",n.className);return e.createElement("ul",{ref:n.contentRef,className:l,role:"listbox",id:t.listId},n.children)}});return e.createElement(b,C({ref:t.virtualScrollerRef},n))}var l=t.suggestions?t.suggestions.map(u):null;return e.createElement("ul",{className:"p-autocomplete-items",role:"listbox",id:t.listId},l)},m=(l=p("p-autocomplete-panel p-component",t.panelClassName),o=P({maxHeight:t.scrollHeight},t.panelStyle||{}),r=c(),e.createElement(v,{nodeRef:n,classNames:"p-connected-overlay",in:t.in,timeout:{enter:120,exit:100},options:t.transitionOptions,unmountOnExit:!0,onEnter:t.onEnter,onEntering:t.onEntering,onEntered:t.onEntered,onExit:t.onExit,onExited:t.onExited},e.createElement("div",{ref:n,className:l,style:o,onClick:t.onClick},r)));return e.createElement(h,{element:m,appendTo:t.appendTo})})));j.displayName="AutoCompletePanel";var R=e.memo(e.forwardRef((function(v,h){var y=N(e.useState(v.id),2),b=y[0],E=y[1],O=N(e.useState(!1),2),I=O[0],D=O[1],T=N(e.useState(!1),2),F=T[0],P=T[1],M=N(e.useState(!1),2),A=M[0],G=M[1],L=e.useRef(null),K=e.useRef(null),U=e.useRef(v.inputRef),H=e.useRef(null),_=e.useRef(null),z=e.useRef(null),B=e.useRef(null),J=N(l({target:L,overlay:K,listener:function(e,t){t.valid&&("outside"===t.type?!V(e)&&te():te())},when:A}),2),X=J[0],q=J[1],V=function(e){return v.multiple?e.target===H.current||H.current.contains(e.target):e.target===U.current},Y=function(e){z.current&&clearTimeout(z.current);var t=e.target.value;v.multiple||Q(e,t),s.isEmpty(t)?(te(),v.onClear&&v.onClear(e)):t.length>=v.minLength?z.current=setTimeout((function(){Z(e,t,"input")}),v.delay):te()},Z=function(e,t,n){null!=t&&("input"===n&&0===t.trim().length||v.completeMethod&&(D(!0),v.completeMethod({originalEvent:e,query:t})))},$=function(e,t,n){if(v.multiple){if(U.current.value="",!ge(t)){var l=v.value?[].concat(w(o=v.value)||x(o)||S(o)||k(),[t]):[t];Q(e,l)}}else ee(t),Q(e,t);var o;v.onSelect&&v.onSelect({originalEvent:e,value:t}),n||(d.focus(U.current),te())},Q=function(e,t){B&&B.current===t||(v.onChange&&v.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:v.name,id:b,value:t}}),B.current=t)},W=function(e){if(e){if(v.selectedItemTemplate&&(v.multiple?ge(e):ve(e)>-1)){var t=s.getJSXElement(v.selectedItemTemplate,e);return t||e}if(v.field){var n=s.resolveFieldData(e,v.field);return null!=n?n:e}return e}return""},ee=function(e){U.current.value=W(e)},te=function(){G(!1),D(!1)},ne=function(){d.alignOverlay(K.current,v.multiple?H.current:U.current,v.appendTo||t.appendTo)},le=function(e){v.dropdownAutoFocus&&d.focus(U.current,v.dropdownAutoFocus),"blank"===v.dropdownMode?Z(e,"","dropdown"):"current"===v.dropdownMode&&Z(e,U.current.value,"dropdown"),v.onDropdownClick&&v.onDropdownClick({originalEvent:e,query:U.current.value})},oe=function(e,t){var n=v.value[t],l=v.value.filter((function(e,n){return t!==n}));Q(e,l),v.onUnselect&&v.onUnselect({originalEvent:e,value:n})},re=function(e){if(A){var t=d.findSingle(K.current,"li.p-highlight");switch(e.which){case 40:if(t){var n=ae(t);n&&(d.addClass(n,"p-highlight"),d.removeClass(t,"p-highlight"),d.scrollInView(he(),n))}else t=d.findSingle(K.current,"li"),d.hasClass(t,"p-autocomplete-item-group")&&(t=ae(t)),t&&d.addClass(t,"p-highlight");e.preventDefault();break;case 38:if(t){var l=ue(t);l&&(d.addClass(l,"p-highlight"),d.removeClass(t,"p-highlight"),d.scrollInView(he(),l))}e.preventDefault();break;case 13:t&&(ie(e,t),te(),e.preventDefault());break;case 27:te(),e.preventDefault();break;case 9:t&&ie(e,t),te()}}if(v.multiple&&8===e.which)if(v.value&&v.value.length&&!U.current.value){var o=v.value[v.value.length-1],r=v.value.slice(0,-1);Q(e,r),v.onUnselect&&v.onUnselect({originalEvent:e,value:o})}},ie=function(e,t){v.optionGroupLabel?$(e,ye(v.suggestions[t.dataset.group])[t.dataset.index]):$(e,v.suggestions[d.index(t)])},ae=function e(t){var n=t.nextElementSibling;return n?d.hasClass(n,"p-autocomplete-item-group")?e(n):n:null},ue=function e(t){var n=t.previousElementSibling;return n?d.hasClass(n,"p-autocomplete-item-group")?e(n):n:null},ce=function(e){P(!0),v.onFocus&&v.onFocus(e)},pe=function(e){var t=e.target.value.trim(),n=(v.suggestions||[]).find((function(e){var n=v.field?s.resolveFieldData(e,v.field):e;return n&&t===n.trim()}));n?$(e,n,!0):(U.current.value="",Q(e,null),v.onClear&&v.onClear(e))},se=function(e){P(!1),v.forceSelection&&pe(e),v.onBlur&&v.onBlur(e)},me=function(e){d.focus(U.current),v.onClick&&v.onClick(e)},de=function(e){ce(e),d.addClass(H.current,"p-focus")},fe=function(e){se(e),d.removeClass(H.current,"p-focus")},ge=function(e){return!!v.value&&v.value.some((function(t){return s.equals(t,e)}))},ve=function(e){return v.suggestions?v.suggestions.findIndex((function(t){return s.equals(t,e)})):-1},he=function(){return _.current?K.current.firstChild:K.current},ye=function(e){return s.resolveFieldData(e,v.optionGroupChildren)};e.useEffect((function(){s.combinedRefs(U,v.inputRef)}),[U,v.inputRef]),o((function(){b||E(m()),v.autoFocus&&d.focus(U.current,v.autoFocus)})),r((function(){I&&(s.isNotEmpty(v.suggestions)?G(!0):te(),D(!1))}),[v.suggestions]),r((function(){U.current&&!v.multiple&&ee(v.value)})),i((function(){z.current&&clearTimeout(z.current),f.clear(K.current)})),e.useImperativeHandle(h,(function(){return{search:Z}}));var be=function(){var t=W(v.value),n=A?b+"_list":null,l=p("p-autocomplete-input",v.inputClassName,{"p-autocomplete-dd-input":v.dropdown});return e.createElement(a,{ref:U,id:v.inputId,type:v.type,name:v.name,defaultValue:t,role:"combobox","aria-autocomplete":"list","aria-controls":n,"aria-haspopup":"listbox","aria-expanded":A,"aria-labelledby":v["aria-labelledby"],"aria-label":v["aria-label"],className:l,style:v.inputStyle,autoComplete:"off",readOnly:v.readOnly,disabled:v.disabled,placeholder:v.placeholder,size:v.size,maxLength:v.maxLength,tabIndex:v.tabIndex,onBlur:se,onFocus:ce,onChange:Y,onMouseDown:v.onMouseDown,onKeyUp:v.onKeyUp,onKeyDown:re,onKeyPress:v.onKeyPress,onContextMenu:v.onContextMenu,onClick:v.onClick,onDoubleClick:v.onDblClick})},Ce=function(){var t=p("p-autocomplete-multiple-container p-component p-inputtext",{"p-disabled":v.disabled}),n=s.isNotEmpty(v.value)?v.value.map((function(t,n){return e.createElement("li",{key:n+"multi-item",className:"p-autocomplete-token p-highlight"},e.createElement("span",{className:"p-autocomplete-token-label"},W(t)),!v.disabled&&g.getJSXIcon(v.removeIcon,{className:"p-autocomplete-token-icon",onClick:function(e){return oe(e,n)}},{props:v}))})):null;return e.createElement("ul",{ref:H,className:t,onContextMenu:v.onContextMenu,onMouseDown:v.onMouseDown,onClick:me,onDoubleClick:v.onDblClick},n,e.createElement("li",{className:"p-autocomplete-input-token"},e.createElement("input",{ref:U,type:v.type,disabled:v.disabled,placeholder:v.placeholder,role:"combobox","aria-autocomplete":"list","aria-controls":A?b+"_list":null,"aria-haspopup":"listbox","aria-expanded":A,"aria-labelledby":v["aria-labelledby"],"aria-label":v["aria-label"],autoComplete:"off",tabIndex:v.tabIndex,onChange:Y,id:v.inputId,name:v.name,style:v.inputStyle,className:v.inputClassName,maxLength:v.maxLength,onKeyUp:v.onKeyUp,onKeyDown:re,onKeyPress:v.onKeyPress,onFocus:de,onBlur:fe})))},Ee=b+"_list",we=s.isNotEmpty(v.tooltip),xe=s.findDiffKeys(v,R.defaultProps),Se=p("p-autocomplete p-component p-inputwrapper",{"p-autocomplete-dd":v.dropdown,"p-autocomplete-multiple":v.multiple,"p-inputwrapper-filled":v.value,"p-inputwrapper-focus":F},v.className),ke=I?e.createElement("i",{className:"p-autocomplete-loader pi pi-spinner pi-spin"}):null,Oe=v.multiple?Ce():be(),Ie=v.dropdown?e.createElement(n,{type:"button",icon:v.dropdownIcon,className:"p-autocomplete-dropdown",disabled:v.disabled,onClick:le}):null;return e.createElement(e.Fragment,null,e.createElement("span",C({ref:L,id:b,style:v.style,className:Se},xe),Oe,ke,Ie,e.createElement(j,C({ref:K,virtualScrollerRef:_},v,{listId:Ee,onItemClick:$,selectedItem:B,onClick:function(e){u.emit("overlay-click",{originalEvent:e,target:L.current})},getOptionGroupLabel:function(e){return v.optionGroupLabel?s.resolveFieldData(e,v.optionGroupLabel):e},getOptionGroupChildren:ye,in:A,onEnter:function(){f.set("overlay",K.current,t.autoZIndex,t.zIndex.overlay),ne()},onEntering:function(){if(v.autoHighlight&&v.suggestions&&v.suggestions.length){var e=he().firstChild.firstChild;d.addClass(e,"p-highlight")}},onEntered:function(){X(),v.onShow&&v.onShow()},onExit:function(){q()},onExited:function(){f.clear(K.current),v.onHide&&v.onHide()}}))),we&&e.createElement(c,C({target:L,content:v.tooltip},v.tooltipOptions)))})));R.displayName="AutoComplete",R.defaultProps={__TYPE:"AutoComplete",id:null,inputRef:null,value:null,name:null,type:"text",suggestions:null,field:null,optionGroupLabel:null,optionGroupChildren:null,optionGroupTemplate:null,forceSelection:!1,autoHighlight:!1,virtualScrollerOptions:null,scrollHeight:"200px",dropdown:!1,dropdownMode:"blank",dropdownAutoFocus:!0,multiple:!1,minLength:1,delay:300,style:null,className:null,inputId:null,inputStyle:null,inputClassName:null,panelClassName:null,panelStyle:null,placeholder:null,readOnly:!1,disabled:!1,maxLength:null,size:null,appendTo:null,tabIndex:null,autoFocus:!1,tooltip:null,tooltipOptions:null,completeMethod:null,itemTemplate:null,selectedItemTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",removeIcon:"pi pi-times-circle","aria-label":null,"aria-labelledby":null,onChange:null,onFocus:null,onBlur:null,onSelect:null,onUnselect:null,onDropdownClick:null,onClick:null,onDblClick:null,onMouseDown:null,onKeyUp:null,onKeyPress:null,onContextMenu:null,onClear:null,onShow:null,onHide:null};export{R as AutoComplete};
|
|
1
|
+
import*as e from"react";import t from"primereact/api";import{Button as n}from"primereact/button";import{useOverlayListener as r,useMountEffect as l,useUpdateEffect as o,useUnmountEffect as i}from"primereact/hooks";import{InputText as a}from"primereact/inputtext";import{OverlayService as u}from"primereact/overlayservice";import{Tooltip as c}from"primereact/tooltip";import{classNames as p,ObjectUtils as s,UniqueComponentId as m,DomHandler as f,ZIndexUtils as d,IconUtils as g}from"primereact/utils";import{CSSTransition as v}from"primereact/csstransition";import{Portal as y}from"primereact/portal";import{Ripple as b}from"primereact/ripple";import{VirtualScroller as h}from"primereact/virtualscroller";function C(){return C=Object.assign||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},C.apply(this,arguments)}function E(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function w(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 O(e){if(Array.isArray(e))return w(e)}function S(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function x(e,t){if(e){if("string"==typeof e)return w(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)?w(e,t):void 0}}function k(){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){if(Array.isArray(e))return e}function D(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,o=[],i=!0,a=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);i=!0);}catch(e){a=!0,l=e}finally{try{i||null==n.return||n.return()}finally{if(a)throw l}}return o}}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 j(e,t){return I(e)||D(e,t)||x(e,t)||N()}function P(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 T(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?P(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var F=e.memo(e.forwardRef((function(t,n){var r,l,o,i=function(e){return s.resolveFieldData(e,t.optionGroupLabel)},a=function(n,r,l){return t.getOptionGroupChildren(n).map((function(n,o){var i=r+"_"+o,a=t.selectedItem===n,u=t.itemTemplate?s.getJSXElement(t.itemTemplate,n,o):t.field?s.resolveFieldData(n,t.field):n;return e.createElement("li",{key:i,role:"option","aria-selected":a,className:"p-autocomplete-item",style:l,onClick:function(e){return t.onItemClick(e,n)},"data-group":r,"data-index":o},u,e.createElement(b,null))}))},u=function(n,r){var l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o={height:l.props?l.props.itemSize:void 0};if(t.optionGroupLabel){var u=t.optionGroupTemplate?s.getJSXElement(t.optionGroupTemplate,n,r):t.getOptionGroupLabel(n),c=a(n,r,o),p=r+"_"+i(n);return e.createElement(e.Fragment,{key:p},e.createElement("li",{className:"p-autocomplete-item-group",style:o},u),c)}var m=t.itemTemplate?s.getJSXElement(t.itemTemplate,n,r):t.field?s.resolveFieldData(n,t.field):n;return e.createElement("li",{key:r,role:"option","aria-selected":t.selectedItem===n,className:"p-autocomplete-item",style:o,onClick:function(e){return t.onItemClick(e,n)}},m,e.createElement(b,null))},c=function(){if(t.virtualScrollerOptions){var n=T(T({},t.virtualScrollerOptions),{style:T(T({},t.virtualScrollerOptions.style),{height:t.scrollHeight}),autoSize:!0,items:t.suggestions,itemTemplate:function(e,t){return e&&u(e,t.index,t)},contentTemplate:function(n){var r=p("p-autocomplete-items",n.className);return e.createElement("ul",{ref:n.contentRef,className:r,role:"listbox",id:t.listId},n.children)}});return e.createElement(h,C({ref:t.virtualScrollerRef},n))}var r=t.suggestions?t.suggestions.map(u):null;return e.createElement("ul",{className:"p-autocomplete-items",role:"listbox",id:t.listId},r)},m=(r=p("p-autocomplete-panel p-component",t.panelClassName),l=T({maxHeight:t.scrollHeight},t.panelStyle||{}),o=c(),e.createElement(v,{nodeRef:n,classNames:"p-connected-overlay",in:t.in,timeout:{enter:120,exit:100},options:t.transitionOptions,unmountOnExit:!0,onEnter:t.onEnter,onEntering:t.onEntering,onEntered:t.onEntered,onExit:t.onExit,onExited:t.onExited},e.createElement("div",{ref:n,className:r,style:l,onClick:t.onClick},o)));return e.createElement(y,{element:m,appendTo:t.appendTo})})));function R(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function M(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?R(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):R(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}F.displayName="AutoCompletePanel";var A=e.memo(e.forwardRef((function(v,y){var b=j(e.useState(v.id),2),h=b[0],E=b[1],w=j(e.useState(!1),2),I=w[0],D=w[1],N=j(e.useState(!1),2),P=N[0],T=N[1],R=j(e.useState(!1),2),G=R[0],L=R[1],K=e.useRef(null),U=e.useRef(null),H=e.useRef(v.inputRef),_=e.useRef(null),z=e.useRef(null),B=e.useRef(null),J=e.useRef(null),X=j(r({target:K,overlay:U,listener:function(e,t){t.valid&&("outside"===t.type?!Y(e)&&ne():ne())},when:G}),2),q=X[0],V=X[1],Y=function(e){return v.multiple?e.target===_.current||_.current.contains(e.target):e.target===H.current},Z=function(e){B.current&&clearTimeout(B.current);var t=e.target.value;v.multiple||W(e,t),s.isEmpty(t)?(ne(),v.onClear&&v.onClear(e)):t.length>=v.minLength?B.current=setTimeout((function(){$(e,t,"input")}),v.delay):ne()},$=function(e,t,n){null!=t&&("input"===n&&0===t.trim().length||v.completeMethod&&(D(!0),v.completeMethod({originalEvent:e,query:t})))},Q=function(e,t,n){if(v.multiple){if(H.current.value="",!ve(t)){var r=v.value?[].concat(O(l=v.value)||S(l)||x(l)||k(),[t]):[t];W(e,r)}}else te(t),W(e,t);var l;v.onSelect&&v.onSelect({originalEvent:e,value:t}),n||(f.focus(H.current),ne())},W=function(e,t){J&&J.current===t||(v.onChange&&v.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:v.name,id:h,value:t}}),J.current=t)},ee=function(e){if(e){if(v.selectedItemTemplate&&(v.multiple?ve(e):ye(e)>-1)){var t=s.getJSXElement(v.selectedItemTemplate,e);return t||e}if(v.field){var n=s.resolveFieldData(e,v.field);return null!=n?n:e}return e}return""},te=function(e){H.current.value=ee(e)},ne=function(){L(!1),D(!1)},re=function(){f.alignOverlay(U.current,v.multiple?_.current:H.current,v.appendTo||t.appendTo)},le=function(e){v.dropdownAutoFocus&&f.focus(H.current,v.dropdownAutoFocus),"blank"===v.dropdownMode?$(e,"","dropdown"):"current"===v.dropdownMode&&$(e,H.current.value,"dropdown"),v.onDropdownClick&&v.onDropdownClick({originalEvent:e,query:H.current.value})},oe=function(e,t){var n=v.value[t],r=v.value.filter((function(e,n){return t!==n}));W(e,r),v.onUnselect&&v.onUnselect({originalEvent:e,value:n})},ie=function(e){if(G){var t=f.findSingle(U.current,"li.p-highlight");switch(e.which){case 40:if(t){var n=ue(t);n&&(f.addClass(n,"p-highlight"),f.removeClass(t,"p-highlight"),f.scrollInView(be(),n))}else t=f.findSingle(U.current,"li"),f.hasClass(t,"p-autocomplete-item-group")&&(t=ue(t)),t&&f.addClass(t,"p-highlight");e.preventDefault();break;case 38:if(t){var r=ce(t);r&&(f.addClass(r,"p-highlight"),f.removeClass(t,"p-highlight"),f.scrollInView(be(),r))}e.preventDefault();break;case 13:t&&(ae(e,t),ne(),e.preventDefault());break;case 27:ne(),e.preventDefault();break;case 9:t&&ae(e,t),ne()}}if(v.multiple&&8===e.which)if(v.value&&v.value.length&&!H.current.value){var l=v.value[v.value.length-1],o=v.value.slice(0,-1);W(e,o),v.onUnselect&&v.onUnselect({originalEvent:e,value:l})}},ae=function(e,t){v.optionGroupLabel?Q(e,he(v.suggestions[t.dataset.group])[t.dataset.index]):Q(e,v.suggestions[f.index(t)])},ue=function e(t){var n=t.nextElementSibling;return n?f.hasClass(n,"p-autocomplete-item-group")?e(n):n:null},ce=function e(t){var n=t.previousElementSibling;return n?f.hasClass(n,"p-autocomplete-item-group")?e(n):n:null},pe=function(e){T(!0),v.onFocus&&v.onFocus(e)},se=function(e){var t=e.target.value.trim(),n=(v.suggestions||[]).find((function(e){var n=v.field?s.resolveFieldData(e,v.field):e;return n&&t===n.trim()}));n?Q(e,n,!0):(H.current.value="",W(e,null),v.onClear&&v.onClear(e))},me=function(e){T(!1),v.forceSelection&&se(e),v.onBlur&&v.onBlur(e)},fe=function(e){f.focus(H.current),v.onClick&&v.onClick(e)},de=function(e){pe(e),f.addClass(_.current,"p-focus")},ge=function(e){me(e),f.removeClass(_.current,"p-focus")},ve=function(e){return!!v.value&&v.value.some((function(t){return s.equals(t,e)}))},ye=function(e){return v.suggestions?v.suggestions.findIndex((function(t){return s.equals(t,e)})):-1},be=function(){return z.current?U.current.firstChild:U.current},he=function(e){return s.resolveFieldData(e,v.optionGroupChildren)};e.useEffect((function(){s.combinedRefs(H,v.inputRef)}),[H,v.inputRef]),l((function(){h||E(m()),v.autoFocus&&f.focus(H.current,v.autoFocus)})),o((function(){I&&(s.isNotEmpty(v.suggestions)?L(!0):ne(),D(!1))}),[v.suggestions]),o((function(){H.current&&!v.multiple&&te(v.value)})),i((function(){B.current&&clearTimeout(B.current),d.clear(U.current)})),e.useImperativeHandle(y,(function(){return M({search:$,getElement:function(){return K.current},getOverlay:function(){return U.current},getInput:function(){return H.current},getVirtualScroller:function(){return z.current}},v)}));var Ce=function(){var t=ee(v.value),n=G?h+"_list":null,r=p("p-autocomplete-input",v.inputClassName,{"p-autocomplete-dd-input":v.dropdown});return e.createElement(a,{ref:H,id:v.inputId,type:v.type,name:v.name,defaultValue:t,role:"combobox","aria-autocomplete":"list","aria-controls":n,"aria-haspopup":"listbox","aria-expanded":G,"aria-labelledby":v["aria-labelledby"],"aria-label":v["aria-label"],className:r,style:v.inputStyle,autoComplete:"off",readOnly:v.readOnly,disabled:v.disabled,placeholder:v.placeholder,size:v.size,maxLength:v.maxLength,tabIndex:v.tabIndex,onBlur:me,onFocus:pe,onChange:Z,onMouseDown:v.onMouseDown,onKeyUp:v.onKeyUp,onKeyDown:ie,onKeyPress:v.onKeyPress,onContextMenu:v.onContextMenu,onClick:v.onClick,onDoubleClick:v.onDblClick})},Ee=function(){var t=p("p-autocomplete-multiple-container p-component p-inputtext",{"p-disabled":v.disabled}),n=s.isNotEmpty(v.value)?v.value.map((function(t,n){return e.createElement("li",{key:n+"multi-item",className:"p-autocomplete-token p-highlight"},e.createElement("span",{className:"p-autocomplete-token-label"},ee(t)),!v.disabled&&g.getJSXIcon(v.removeIcon,{className:"p-autocomplete-token-icon",onClick:function(e){return oe(e,n)}},{props:v}))})):null;return e.createElement("ul",{ref:_,className:t,onContextMenu:v.onContextMenu,onMouseDown:v.onMouseDown,onClick:fe,onDoubleClick:v.onDblClick},n,e.createElement("li",{className:"p-autocomplete-input-token"},e.createElement("input",{ref:H,type:v.type,disabled:v.disabled,placeholder:v.placeholder,role:"combobox","aria-autocomplete":"list","aria-controls":G?h+"_list":null,"aria-haspopup":"listbox","aria-expanded":G,"aria-labelledby":v["aria-labelledby"],"aria-label":v["aria-label"],autoComplete:"off",tabIndex:v.tabIndex,onChange:Z,id:v.inputId,name:v.name,style:v.inputStyle,className:v.inputClassName,maxLength:v.maxLength,onKeyUp:v.onKeyUp,onKeyDown:ie,onKeyPress:v.onKeyPress,onFocus:de,onBlur:ge})))},we=h+"_list",Oe=s.isNotEmpty(v.tooltip),Se=s.findDiffKeys(v,A.defaultProps),xe=p("p-autocomplete p-component p-inputwrapper",{"p-autocomplete-dd":v.dropdown,"p-autocomplete-multiple":v.multiple,"p-inputwrapper-filled":v.value,"p-inputwrapper-focus":P},v.className),ke=I?e.createElement("i",{className:"p-autocomplete-loader pi pi-spinner pi-spin"}):null,Ie=v.multiple?Ee():Ce(),De=v.dropdown?e.createElement(n,{type:"button",icon:v.dropdownIcon,className:"p-autocomplete-dropdown",disabled:v.disabled,onClick:le}):null;return e.createElement(e.Fragment,null,e.createElement("span",C({ref:K,id:h,style:v.style,className:xe},Se),Ie,ke,De,e.createElement(F,C({ref:U,virtualScrollerRef:z},v,{listId:we,onItemClick:Q,selectedItem:J,onClick:function(e){u.emit("overlay-click",{originalEvent:e,target:K.current})},getOptionGroupLabel:function(e){return v.optionGroupLabel?s.resolveFieldData(e,v.optionGroupLabel):e},getOptionGroupChildren:he,in:G,onEnter:function(){d.set("overlay",U.current,t.autoZIndex,t.zIndex.overlay),re()},onEntering:function(){if(v.autoHighlight&&v.suggestions&&v.suggestions.length){var e=be().firstChild.firstChild;f.addClass(e,"p-highlight")}},onEntered:function(){q(),v.onShow&&v.onShow()},onExit:function(){V()},onExited:function(){d.clear(U.current),v.onHide&&v.onHide()}}))),Oe&&e.createElement(c,C({target:K,content:v.tooltip},v.tooltipOptions)))})));A.displayName="AutoComplete",A.defaultProps={__TYPE:"AutoComplete",id:null,inputRef:null,value:null,name:null,type:"text",suggestions:null,field:null,optionGroupLabel:null,optionGroupChildren:null,optionGroupTemplate:null,forceSelection:!1,autoHighlight:!1,virtualScrollerOptions:null,scrollHeight:"200px",dropdown:!1,dropdownMode:"blank",dropdownAutoFocus:!0,multiple:!1,minLength:1,delay:300,style:null,className:null,inputId:null,inputStyle:null,inputClassName:null,panelClassName:null,panelStyle:null,placeholder:null,readOnly:!1,disabled:!1,maxLength:null,size:null,appendTo:null,tabIndex:null,autoFocus:!1,tooltip:null,tooltipOptions:null,completeMethod:null,itemTemplate:null,selectedItemTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",removeIcon:"pi pi-times-circle","aria-label":null,"aria-labelledby":null,onChange:null,onFocus:null,onBlur:null,onSelect:null,onUnselect:null,onDropdownClick:null,onClick:null,onDblClick:null,onMouseDown:null,onKeyUp:null,onKeyPress:null,onContextMenu:null,onClear:null,onShow:null,onHide:null};export{A as AutoComplete};
|