primereact 6.5.0 → 7.0.0-rc.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/accordion/accordion.cjs.js +2 -0
- package/accordion/accordion.cjs.min.js +1 -1
- package/accordion/accordion.esm.js +2 -0
- package/accordion/accordion.esm.min.js +1 -1
- package/accordion/accordion.js +2 -0
- package/accordion/accordion.min.js +1 -1
- package/api/api.cjs.js +308 -10
- package/api/api.cjs.min.js +1 -1
- package/api/api.d.ts +61 -1
- package/api/api.esm.js +305 -11
- package/api/api.esm.min.js +1 -1
- package/api/api.js +308 -12
- package/api/api.min.js +1 -1
- package/autocomplete/autocomplete.cjs.js +3 -1
- package/autocomplete/autocomplete.cjs.min.js +1 -1
- package/autocomplete/autocomplete.esm.js +3 -1
- package/autocomplete/autocomplete.esm.min.js +1 -1
- package/autocomplete/autocomplete.js +3 -1
- package/autocomplete/autocomplete.min.js +1 -1
- package/avatar/avatar.cjs.js +2 -0
- package/avatar/avatar.cjs.min.js +1 -1
- package/avatar/avatar.esm.js +2 -0
- package/avatar/avatar.esm.min.js +1 -1
- package/avatar/avatar.js +2 -0
- package/avatar/avatar.min.js +1 -1
- package/avatargroup/avatargroup.cjs.js +2 -0
- package/avatargroup/avatargroup.cjs.min.js +1 -1
- package/avatargroup/avatargroup.esm.js +2 -0
- package/avatargroup/avatargroup.esm.min.js +1 -1
- package/avatargroup/avatargroup.js +2 -0
- package/avatargroup/avatargroup.min.js +1 -1
- package/badge/badge.cjs.js +2 -0
- package/badge/badge.cjs.min.js +1 -1
- package/badge/badge.esm.js +2 -0
- package/badge/badge.esm.min.js +1 -1
- package/badge/badge.js +2 -0
- package/badge/badge.min.js +1 -1
- package/blockui/blockui.cjs.js +9 -15
- package/blockui/blockui.cjs.min.js +1 -1
- package/blockui/blockui.esm.js +9 -15
- package/blockui/blockui.esm.min.js +1 -1
- package/blockui/blockui.js +9 -15
- package/blockui/blockui.min.css +1 -1
- package/blockui/blockui.min.js +1 -1
- package/breadcrumb/breadcrumb.cjs.js +2 -0
- package/breadcrumb/breadcrumb.cjs.min.js +1 -1
- package/breadcrumb/breadcrumb.esm.js +2 -0
- package/breadcrumb/breadcrumb.esm.min.js +1 -1
- package/breadcrumb/breadcrumb.js +2 -0
- package/breadcrumb/breadcrumb.min.css +1 -1
- package/breadcrumb/breadcrumb.min.js +1 -1
- package/button/button.cjs.js +2 -0
- package/button/button.cjs.min.js +1 -1
- package/button/button.esm.js +2 -0
- package/button/button.esm.min.js +1 -1
- package/button/button.js +2 -0
- package/button/button.min.js +1 -1
- package/calendar/calendar.cjs.js +85 -67
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.esm.js +85 -67
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +85 -67
- package/calendar/calendar.min.js +1 -1
- package/captcha/captcha.cjs.js +2 -0
- package/captcha/captcha.cjs.min.js +1 -1
- package/captcha/captcha.esm.js +2 -0
- package/captcha/captcha.esm.min.js +1 -1
- package/captcha/captcha.js +2 -0
- package/captcha/captcha.min.js +1 -1
- package/card/card.cjs.js +2 -0
- package/card/card.cjs.min.js +1 -1
- package/card/card.esm.js +2 -0
- package/card/card.esm.min.js +1 -1
- package/card/card.js +2 -0
- package/card/card.min.js +1 -1
- package/carousel/carousel.cjs.js +2 -0
- package/carousel/carousel.cjs.min.js +1 -1
- package/carousel/carousel.esm.js +3 -1
- package/carousel/carousel.esm.min.js +1 -1
- package/carousel/carousel.js +2 -0
- package/carousel/carousel.min.js +1 -1
- package/cascadeselect/cascadeselect.cjs.js +2 -0
- package/cascadeselect/cascadeselect.cjs.min.js +1 -1
- package/cascadeselect/cascadeselect.esm.js +2 -0
- package/cascadeselect/cascadeselect.esm.min.js +1 -1
- package/cascadeselect/cascadeselect.js +2 -0
- package/cascadeselect/cascadeselect.min.js +1 -1
- package/chart/chart.cjs.js +2 -0
- package/chart/chart.cjs.min.js +1 -1
- package/chart/chart.esm.js +2 -0
- package/chart/chart.esm.min.js +1 -1
- package/chart/chart.js +2 -0
- package/chart/chart.min.js +1 -1
- package/checkbox/checkbox.cjs.js +19 -9
- package/checkbox/checkbox.cjs.min.js +1 -1
- package/checkbox/checkbox.d.ts +3 -1
- package/checkbox/checkbox.esm.js +19 -9
- package/checkbox/checkbox.esm.min.js +1 -1
- package/checkbox/checkbox.js +19 -9
- package/checkbox/checkbox.min.css +1 -1
- package/checkbox/checkbox.min.js +1 -1
- package/chip/chip.cjs.js +2 -0
- package/chip/chip.cjs.min.js +1 -1
- package/chip/chip.esm.js +2 -0
- package/chip/chip.esm.min.js +1 -1
- package/chip/chip.js +2 -0
- package/chip/chip.min.js +1 -1
- package/chips/chips.cjs.js +2 -0
- package/chips/chips.cjs.min.js +1 -1
- package/chips/chips.esm.js +2 -0
- package/chips/chips.esm.min.js +1 -1
- package/chips/chips.js +2 -0
- package/chips/chips.min.js +1 -1
- package/colorpicker/colorpicker.cjs.js +2 -0
- package/colorpicker/colorpicker.cjs.min.js +1 -1
- package/colorpicker/colorpicker.esm.js +2 -0
- package/colorpicker/colorpicker.esm.min.js +1 -1
- package/colorpicker/colorpicker.js +2 -0
- package/colorpicker/colorpicker.min.js +1 -1
- package/column/column.cjs.js +34 -9
- package/column/column.cjs.min.js +1 -1
- package/column/column.d.ts +146 -13
- package/column/column.esm.js +34 -9
- package/column/column.esm.min.js +1 -1
- package/column/column.js +34 -9
- package/column/column.min.js +1 -1
- package/columngroup/columngroup.cjs.js +2 -0
- package/columngroup/columngroup.cjs.min.js +1 -1
- package/columngroup/columngroup.esm.js +2 -0
- package/columngroup/columngroup.esm.min.js +1 -1
- package/columngroup/columngroup.js +2 -0
- package/columngroup/columngroup.min.js +1 -1
- package/common/common.min.css +1 -1
- package/confirmdialog/confirmdialog.cjs.js +2 -0
- package/confirmdialog/confirmdialog.cjs.min.js +1 -1
- package/confirmdialog/confirmdialog.esm.js +2 -0
- package/confirmdialog/confirmdialog.esm.min.js +1 -1
- package/confirmdialog/confirmdialog.js +2 -0
- package/confirmdialog/confirmdialog.min.js +1 -1
- package/confirmpopup/confirmpopup.cjs.js +2 -0
- package/confirmpopup/confirmpopup.cjs.min.js +1 -1
- package/confirmpopup/confirmpopup.esm.js +2 -0
- package/confirmpopup/confirmpopup.esm.min.js +1 -1
- package/confirmpopup/confirmpopup.js +2 -0
- package/confirmpopup/confirmpopup.min.js +1 -1
- package/contextmenu/contextmenu.cjs.js +2 -0
- package/contextmenu/contextmenu.cjs.min.js +1 -1
- package/contextmenu/contextmenu.esm.js +3 -1
- package/contextmenu/contextmenu.esm.min.js +1 -1
- package/contextmenu/contextmenu.js +2 -0
- package/contextmenu/contextmenu.min.js +1 -1
- package/core/core.cjs.js +351 -669
- package/core/core.cjs.min.js +1 -1
- package/core/core.esm.js +347 -665
- package/core/core.esm.min.js +1 -1
- package/core/core.js +352 -671
- package/core/core.min.js +1 -1
- package/csstransition/csstransition.cjs.js +2 -0
- package/csstransition/csstransition.cjs.min.js +1 -1
- package/csstransition/csstransition.esm.js +2 -0
- package/csstransition/csstransition.esm.min.js +1 -1
- package/csstransition/csstransition.js +2 -0
- package/csstransition/csstransition.min.js +1 -1
- package/datascroller/datascroller.cjs.js +8 -1
- package/datascroller/datascroller.cjs.min.js +1 -1
- package/datascroller/datascroller.esm.js +8 -1
- package/datascroller/datascroller.esm.min.js +1 -1
- package/datascroller/datascroller.js +8 -1
- package/datascroller/datascroller.min.js +1 -1
- package/datatable/datatable.cjs.js +4803 -3320
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.d.ts +97 -28
- package/datatable/datatable.esm.js +4803 -3321
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +4801 -3322
- package/datatable/datatable.min.css +1 -1
- package/datatable/datatable.min.js +1 -1
- package/dataview/dataview.cjs.js +4 -2
- package/dataview/dataview.cjs.min.js +1 -1
- package/dataview/dataview.esm.js +4 -2
- package/dataview/dataview.esm.min.js +1 -1
- package/dataview/dataview.js +4 -2
- package/dataview/dataview.min.js +1 -1
- package/deferredcontent/deferredcontent.cjs.js +2 -0
- package/deferredcontent/deferredcontent.cjs.min.js +1 -1
- package/deferredcontent/deferredcontent.esm.js +2 -0
- package/deferredcontent/deferredcontent.esm.min.js +1 -1
- package/deferredcontent/deferredcontent.js +2 -0
- package/deferredcontent/deferredcontent.min.js +1 -1
- package/dialog/dialog.cjs.js +12 -1
- package/dialog/dialog.cjs.min.js +1 -1
- package/dialog/dialog.esm.js +12 -1
- package/dialog/dialog.esm.min.js +1 -1
- package/dialog/dialog.js +12 -1
- package/dialog/dialog.min.js +1 -1
- package/divider/divider.cjs.js +2 -0
- package/divider/divider.cjs.min.js +1 -1
- package/divider/divider.esm.js +2 -0
- package/divider/divider.esm.min.js +1 -1
- package/divider/divider.js +2 -0
- package/divider/divider.min.js +1 -1
- package/dock/dock.cjs.js +5 -1
- package/dock/dock.cjs.min.js +1 -1
- package/dock/dock.esm.js +5 -1
- package/dock/dock.esm.min.js +1 -1
- package/dock/dock.js +5 -1
- package/dock/dock.min.css +1 -1
- package/dock/dock.min.js +1 -1
- package/dropdown/dropdown.cjs.js +15 -11
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.esm.js +17 -13
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +15 -11
- package/dropdown/dropdown.min.js +1 -1
- package/editor/editor.cjs.js +2 -0
- package/editor/editor.cjs.min.js +1 -1
- package/editor/editor.esm.js +2 -0
- package/editor/editor.esm.min.js +1 -1
- package/editor/editor.js +2 -0
- package/editor/editor.min.js +1 -1
- package/fieldset/fieldset.cjs.js +2 -0
- package/fieldset/fieldset.cjs.min.js +1 -1
- package/fieldset/fieldset.esm.js +2 -0
- package/fieldset/fieldset.esm.min.js +1 -1
- package/fieldset/fieldset.js +2 -0
- package/fieldset/fieldset.min.js +1 -1
- package/fileupload/fileupload.cjs.js +2 -0
- package/fileupload/fileupload.cjs.min.js +1 -1
- package/fileupload/fileupload.esm.js +2 -0
- package/fileupload/fileupload.esm.min.js +1 -1
- package/fileupload/fileupload.js +2 -0
- package/fileupload/fileupload.min.js +1 -1
- package/fullcalendar/fullcalendar.cjs.js +2 -0
- package/fullcalendar/fullcalendar.cjs.min.js +1 -1
- package/fullcalendar/fullcalendar.esm.js +2 -0
- package/fullcalendar/fullcalendar.esm.min.js +1 -1
- package/fullcalendar/fullcalendar.js +2 -0
- package/fullcalendar/fullcalendar.min.js +1 -1
- package/galleria/galleria.cjs.js +25 -5
- package/galleria/galleria.cjs.min.js +1 -1
- package/galleria/galleria.esm.js +25 -5
- package/galleria/galleria.esm.min.js +1 -1
- package/galleria/galleria.js +25 -5
- package/galleria/galleria.min.css +1 -1
- package/galleria/galleria.min.js +1 -1
- package/gmap/gmap.cjs.js +2 -0
- package/gmap/gmap.cjs.min.js +1 -1
- package/gmap/gmap.esm.js +2 -0
- package/gmap/gmap.esm.min.js +1 -1
- package/gmap/gmap.js +2 -0
- package/gmap/gmap.min.js +1 -1
- package/image/image.cjs.js +397 -0
- package/image/image.cjs.min.js +1 -0
- package/image/image.d.ts +18 -0
- package/image/image.esm.js +389 -0
- package/image/image.esm.min.js +1 -0
- package/image/image.js +400 -0
- package/image/image.min.css +1 -0
- package/image/image.min.js +1 -0
- package/image/package.json +6 -0
- package/inplace/inplace.cjs.js +2 -0
- package/inplace/inplace.cjs.min.js +1 -1
- package/inplace/inplace.esm.js +2 -0
- package/inplace/inplace.esm.min.js +1 -1
- package/inplace/inplace.js +2 -0
- package/inplace/inplace.min.js +1 -1
- package/inputmask/inputmask.cjs.js +2 -0
- package/inputmask/inputmask.cjs.min.js +1 -1
- package/inputmask/inputmask.esm.js +2 -0
- package/inputmask/inputmask.esm.min.js +1 -1
- package/inputmask/inputmask.js +2 -0
- package/inputmask/inputmask.min.js +1 -1
- package/inputnumber/inputnumber.cjs.js +177 -62
- package/inputnumber/inputnumber.cjs.min.js +1 -1
- package/inputnumber/inputnumber.d.ts +1 -0
- package/inputnumber/inputnumber.esm.js +177 -62
- package/inputnumber/inputnumber.esm.min.js +1 -1
- package/inputnumber/inputnumber.js +177 -62
- package/inputnumber/inputnumber.min.js +1 -1
- package/inputswitch/inputswitch.cjs.js +16 -6
- package/inputswitch/inputswitch.cjs.min.js +1 -1
- package/inputswitch/inputswitch.d.ts +3 -1
- package/inputswitch/inputswitch.esm.js +16 -6
- package/inputswitch/inputswitch.esm.min.js +1 -1
- package/inputswitch/inputswitch.js +16 -6
- package/inputswitch/inputswitch.min.js +1 -1
- package/inputtext/inputtext.cjs.js +2 -0
- package/inputtext/inputtext.cjs.min.js +1 -1
- package/inputtext/inputtext.esm.js +2 -0
- package/inputtext/inputtext.esm.min.js +1 -1
- package/inputtext/inputtext.js +2 -0
- package/inputtext/inputtext.min.js +1 -1
- package/inputtextarea/inputtextarea.cjs.js +2 -0
- package/inputtextarea/inputtextarea.cjs.min.js +1 -1
- package/inputtextarea/inputtextarea.esm.js +2 -0
- package/inputtextarea/inputtextarea.esm.min.js +1 -1
- package/inputtextarea/inputtextarea.js +2 -0
- package/inputtextarea/inputtextarea.min.js +1 -1
- package/knob/knob.cjs.js +2 -0
- package/knob/knob.cjs.min.js +1 -1
- package/knob/knob.esm.js +2 -0
- package/knob/knob.esm.min.js +1 -1
- package/knob/knob.js +2 -0
- package/knob/knob.min.js +1 -1
- package/listbox/listbox.cjs.js +6 -3
- package/listbox/listbox.cjs.min.js +1 -1
- package/listbox/listbox.esm.js +7 -4
- package/listbox/listbox.esm.min.js +1 -1
- package/listbox/listbox.js +7 -5
- package/listbox/listbox.min.js +1 -1
- package/megamenu/megamenu.cjs.js +2 -0
- package/megamenu/megamenu.cjs.min.js +1 -1
- package/megamenu/megamenu.esm.js +2 -0
- package/megamenu/megamenu.esm.min.js +1 -1
- package/megamenu/megamenu.js +2 -0
- package/megamenu/megamenu.min.js +1 -1
- package/mention/mention.cjs.js +2 -0
- package/mention/mention.cjs.min.js +1 -1
- package/mention/mention.esm.js +2 -0
- package/mention/mention.esm.min.js +1 -1
- package/mention/mention.js +2 -0
- package/mention/mention.min.js +1 -1
- package/menu/menu.cjs.js +2 -0
- package/menu/menu.cjs.min.js +1 -1
- package/menu/menu.d.ts +1 -1
- package/menu/menu.esm.js +2 -0
- package/menu/menu.esm.min.js +1 -1
- package/menu/menu.js +2 -0
- package/menu/menu.min.js +1 -1
- package/menubar/menubar.cjs.js +2 -0
- package/menubar/menubar.cjs.min.js +1 -1
- package/menubar/menubar.esm.js +2 -0
- package/menubar/menubar.esm.min.js +1 -1
- package/menubar/menubar.js +2 -0
- package/menubar/menubar.min.js +1 -1
- package/message/message.cjs.js +2 -0
- package/message/message.cjs.min.js +1 -1
- package/message/message.esm.js +2 -0
- package/message/message.esm.min.js +1 -1
- package/message/message.js +2 -0
- package/message/message.min.js +1 -1
- package/messages/messages.cjs.js +2 -0
- package/messages/messages.cjs.min.js +1 -1
- package/messages/messages.esm.js +2 -0
- package/messages/messages.esm.min.js +1 -1
- package/messages/messages.js +2 -0
- package/messages/messages.min.js +1 -1
- package/multiselect/multiselect.cjs.js +22 -12
- package/multiselect/multiselect.cjs.min.js +1 -1
- package/multiselect/multiselect.d.ts +3 -1
- package/multiselect/multiselect.esm.js +24 -14
- package/multiselect/multiselect.esm.min.js +1 -1
- package/multiselect/multiselect.js +22 -12
- package/multiselect/multiselect.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.cjs.js +2 -0
- package/multistatecheckbox/multistatecheckbox.cjs.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.esm.js +2 -0
- package/multistatecheckbox/multistatecheckbox.esm.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.js +2 -0
- package/multistatecheckbox/multistatecheckbox.min.js +1 -1
- package/orderlist/orderlist.cjs.js +2 -0
- package/orderlist/orderlist.cjs.min.js +1 -1
- package/orderlist/orderlist.esm.js +2 -0
- package/orderlist/orderlist.esm.min.js +1 -1
- package/orderlist/orderlist.js +2 -0
- package/orderlist/orderlist.min.js +1 -1
- package/organizationchart/organizationchart.cjs.js +2 -0
- package/organizationchart/organizationchart.cjs.min.js +1 -1
- package/organizationchart/organizationchart.esm.js +2 -0
- package/organizationchart/organizationchart.esm.min.js +1 -1
- package/organizationchart/organizationchart.js +2 -0
- package/organizationchart/organizationchart.min.js +1 -1
- package/overlaypanel/overlaypanel.cjs.js +10 -1
- package/overlaypanel/overlaypanel.cjs.min.js +1 -1
- package/overlaypanel/overlaypanel.esm.js +10 -1
- package/overlaypanel/overlaypanel.esm.min.js +1 -1
- package/overlaypanel/overlaypanel.js +10 -1
- package/overlaypanel/overlaypanel.min.js +1 -1
- package/package.json +1 -1
- package/paginator/paginator.cjs.js +120 -30
- package/paginator/paginator.cjs.min.js +1 -1
- package/paginator/paginator.d.ts +13 -0
- package/paginator/paginator.esm.js +120 -30
- package/paginator/paginator.esm.min.js +1 -1
- package/paginator/paginator.js +121 -32
- package/paginator/paginator.min.js +1 -1
- package/panel/panel.cjs.js +2 -0
- package/panel/panel.cjs.min.js +1 -1
- package/panel/panel.esm.js +2 -0
- package/panel/panel.esm.min.js +1 -1
- package/panel/panel.js +2 -0
- package/panel/panel.min.js +1 -1
- package/panelmenu/panelmenu.cjs.js +2 -0
- package/panelmenu/panelmenu.cjs.min.js +1 -1
- package/panelmenu/panelmenu.esm.js +3 -1
- package/panelmenu/panelmenu.esm.min.js +1 -1
- package/panelmenu/panelmenu.js +2 -0
- package/panelmenu/panelmenu.min.js +1 -1
- package/password/password.cjs.js +2 -0
- package/password/password.cjs.min.js +1 -1
- package/password/password.esm.js +2 -0
- package/password/password.esm.min.js +1 -1
- package/password/password.js +2 -0
- package/password/password.min.js +1 -1
- package/picklist/picklist.cjs.js +2 -0
- package/picklist/picklist.cjs.min.js +1 -1
- package/picklist/picklist.esm.js +2 -0
- package/picklist/picklist.esm.min.js +1 -1
- package/picklist/picklist.js +2 -0
- package/picklist/picklist.min.js +1 -1
- package/portal/portal.cjs.js +6 -2
- package/portal/portal.cjs.min.js +1 -1
- package/portal/portal.esm.js +6 -2
- package/portal/portal.esm.min.js +1 -1
- package/portal/portal.js +6 -2
- package/portal/portal.min.js +1 -1
- package/primereact.all.cjs.js +12344 -9903
- package/primereact.all.cjs.min.js +1 -1
- package/primereact.all.esm.js +12340 -9903
- package/primereact.all.esm.min.js +1 -1
- package/primereact.all.js +12344 -9903
- package/primereact.all.min.js +1 -1
- package/progressbar/progressbar.cjs.js +2 -0
- package/progressbar/progressbar.cjs.min.js +1 -1
- package/progressbar/progressbar.esm.js +2 -0
- package/progressbar/progressbar.esm.min.js +1 -1
- package/progressbar/progressbar.js +2 -0
- package/progressbar/progressbar.min.js +1 -1
- package/progressspinner/progressspinner.cjs.js +2 -0
- package/progressspinner/progressspinner.cjs.min.js +1 -1
- package/progressspinner/progressspinner.esm.js +2 -0
- package/progressspinner/progressspinner.esm.min.js +1 -1
- package/progressspinner/progressspinner.js +2 -0
- package/progressspinner/progressspinner.min.js +1 -1
- package/radiobutton/radiobutton.cjs.js +2 -0
- package/radiobutton/radiobutton.cjs.min.js +1 -1
- package/radiobutton/radiobutton.esm.js +2 -0
- package/radiobutton/radiobutton.esm.min.js +1 -1
- package/radiobutton/radiobutton.js +2 -0
- package/radiobutton/radiobutton.min.js +1 -1
- package/rating/rating.cjs.js +2 -0
- package/rating/rating.cjs.min.js +1 -1
- package/rating/rating.esm.js +2 -0
- package/rating/rating.esm.min.js +1 -1
- package/rating/rating.js +2 -0
- package/rating/rating.min.js +1 -1
- package/resources/primereact.css +340 -84
- package/resources/primereact.min.css +1 -1
- package/resources/themes/arya-blue/theme.css +4600 -3838
- package/resources/themes/arya-green/theme.css +4600 -3838
- package/resources/themes/arya-orange/theme.css +4600 -3838
- package/resources/themes/arya-purple/theme.css +4600 -3838
- package/resources/themes/bootstrap4-dark-blue/theme.css +4601 -3837
- package/resources/themes/bootstrap4-dark-purple/theme.css +4601 -3837
- package/resources/themes/bootstrap4-light-blue/theme.css +4579 -3815
- package/resources/themes/bootstrap4-light-purple/theme.css +4579 -3815
- package/resources/themes/fluent-light/theme.css +4690 -3897
- package/resources/themes/luna-amber/theme.css +4555 -3807
- package/resources/themes/luna-blue/theme.css +4551 -3803
- package/resources/themes/luna-green/theme.css +4551 -3803
- package/resources/themes/luna-pink/theme.css +4555 -3807
- package/resources/themes/md-dark-deeppurple/theme.css +5580 -4689
- package/resources/themes/md-dark-indigo/theme.css +5578 -4687
- package/resources/themes/md-light-deeppurple/theme.css +5569 -4678
- package/resources/themes/md-light-indigo/theme.css +5569 -4678
- package/resources/themes/mdc-dark-deeppurple/theme.css +5575 -4684
- package/resources/themes/mdc-dark-indigo/theme.css +5583 -4692
- package/resources/themes/mdc-light-deeppurple/theme.css +5579 -4688
- package/resources/themes/mdc-light-indigo/theme.css +5579 -4688
- package/resources/themes/nova/theme.css +4554 -3802
- package/resources/themes/nova-accent/theme.css +4571 -3818
- package/resources/themes/nova-alt/theme.css +4560 -3806
- package/resources/themes/rhea/theme.css +4562 -3813
- package/resources/themes/saga-blue/theme.css +4608 -3847
- package/resources/themes/saga-green/theme.css +4608 -3847
- package/resources/themes/saga-orange/theme.css +4608 -3847
- package/resources/themes/saga-purple/theme.css +4607 -3846
- package/resources/themes/tailwind-light/fonts/Inter-Bold.woff +0 -0
- package/resources/themes/tailwind-light/fonts/Inter-Bold.woff2 +0 -0
- package/resources/themes/tailwind-light/fonts/Inter-Light.woff +0 -0
- package/resources/themes/tailwind-light/fonts/Inter-Light.woff2 +0 -0
- package/resources/themes/tailwind-light/fonts/Inter-Medium.woff +0 -0
- package/resources/themes/tailwind-light/fonts/Inter-Medium.woff2 +0 -0
- package/resources/themes/tailwind-light/fonts/Inter-Regular.woff +0 -0
- package/resources/themes/tailwind-light/fonts/Inter-Regular.woff2 +0 -0
- package/resources/themes/tailwind-light/fonts/Inter-SemiBold.woff +0 -0
- package/resources/themes/tailwind-light/fonts/Inter-SemiBold.woff2 +0 -0
- package/resources/themes/tailwind-light/theme.css +5722 -0
- package/resources/themes/vela-blue/theme.css +4602 -3840
- package/resources/themes/vela-green/theme.css +4602 -3840
- package/resources/themes/vela-orange/theme.css +4602 -3840
- package/resources/themes/vela-purple/theme.css +4602 -3840
- package/ripple/ripple.cjs.js +2 -0
- package/ripple/ripple.cjs.min.js +1 -1
- package/ripple/ripple.esm.js +2 -0
- package/ripple/ripple.esm.min.js +1 -1
- package/ripple/ripple.js +2 -0
- package/ripple/ripple.min.js +1 -1
- package/row/row.cjs.js +2 -0
- package/row/row.cjs.min.js +1 -1
- package/row/row.esm.js +2 -0
- package/row/row.esm.min.js +1 -1
- package/row/row.js +2 -0
- package/row/row.min.js +1 -1
- package/scrollpanel/scrollpanel.cjs.js +2 -0
- package/scrollpanel/scrollpanel.cjs.min.js +1 -1
- package/scrollpanel/scrollpanel.esm.js +2 -0
- package/scrollpanel/scrollpanel.esm.min.js +1 -1
- package/scrollpanel/scrollpanel.js +2 -0
- package/scrollpanel/scrollpanel.min.js +1 -1
- package/scrolltop/scrolltop.cjs.js +2 -0
- package/scrolltop/scrolltop.cjs.min.js +1 -1
- package/scrolltop/scrolltop.esm.js +2 -0
- package/scrolltop/scrolltop.esm.min.js +1 -1
- package/scrolltop/scrolltop.js +2 -0
- package/scrolltop/scrolltop.min.js +1 -1
- package/selectbutton/selectbutton.cjs.js +2 -0
- package/selectbutton/selectbutton.cjs.min.js +1 -1
- package/selectbutton/selectbutton.esm.js +2 -0
- package/selectbutton/selectbutton.esm.min.js +1 -1
- package/selectbutton/selectbutton.js +2 -0
- package/selectbutton/selectbutton.min.js +1 -1
- package/sidebar/sidebar.cjs.js +23 -27
- package/sidebar/sidebar.cjs.min.js +1 -1
- package/sidebar/sidebar.esm.js +23 -27
- package/sidebar/sidebar.esm.min.js +1 -1
- package/sidebar/sidebar.js +23 -27
- package/sidebar/sidebar.min.css +1 -1
- package/sidebar/sidebar.min.js +1 -1
- package/skeleton/skeleton.cjs.js +2 -0
- package/skeleton/skeleton.cjs.min.js +1 -1
- package/skeleton/skeleton.esm.js +2 -0
- package/skeleton/skeleton.esm.min.js +1 -1
- package/skeleton/skeleton.js +2 -0
- package/skeleton/skeleton.min.js +1 -1
- package/slidemenu/slidemenu.cjs.js +2 -0
- package/slidemenu/slidemenu.cjs.min.js +1 -1
- package/slidemenu/slidemenu.esm.js +2 -0
- package/slidemenu/slidemenu.esm.min.js +1 -1
- package/slidemenu/slidemenu.js +2 -0
- package/slidemenu/slidemenu.min.js +1 -1
- package/slider/slider.cjs.js +14 -7
- package/slider/slider.cjs.min.js +1 -1
- package/slider/slider.esm.js +14 -7
- package/slider/slider.esm.min.js +1 -1
- package/slider/slider.js +14 -7
- package/slider/slider.min.js +1 -1
- package/speeddial/speeddial.cjs.js +2 -0
- package/speeddial/speeddial.cjs.min.js +1 -1
- package/speeddial/speeddial.esm.js +2 -0
- package/speeddial/speeddial.esm.min.js +1 -1
- package/speeddial/speeddial.js +2 -0
- package/speeddial/speeddial.min.css +1 -1
- package/speeddial/speeddial.min.js +1 -1
- package/splitbutton/splitbutton.cjs.js +2 -0
- package/splitbutton/splitbutton.cjs.min.js +1 -1
- package/splitbutton/splitbutton.esm.js +2 -0
- package/splitbutton/splitbutton.esm.min.js +1 -1
- package/splitbutton/splitbutton.js +2 -0
- package/splitbutton/splitbutton.min.js +1 -1
- package/splitter/splitter.cjs.js +2 -0
- package/splitter/splitter.cjs.min.js +1 -1
- package/splitter/splitter.esm.js +2 -0
- package/splitter/splitter.esm.min.js +1 -1
- package/splitter/splitter.js +2 -0
- package/splitter/splitter.min.js +1 -1
- package/steps/steps.cjs.js +2 -0
- package/steps/steps.cjs.min.js +1 -1
- package/steps/steps.esm.js +2 -0
- package/steps/steps.esm.min.js +1 -1
- package/steps/steps.js +2 -0
- package/steps/steps.min.js +1 -1
- package/styleclass/package.json +6 -0
- package/styleclass/styleclass.cjs.js +355 -0
- package/styleclass/styleclass.cjs.min.js +1 -0
- package/styleclass/styleclass.d.ts +18 -0
- package/styleclass/styleclass.esm.js +351 -0
- package/styleclass/styleclass.esm.min.js +1 -0
- package/styleclass/styleclass.js +358 -0
- package/styleclass/styleclass.min.js +1 -0
- package/tabmenu/tabmenu.cjs.js +2 -0
- package/tabmenu/tabmenu.cjs.min.js +1 -1
- package/tabmenu/tabmenu.esm.js +2 -0
- package/tabmenu/tabmenu.esm.min.js +1 -1
- package/tabmenu/tabmenu.js +2 -0
- package/tabmenu/tabmenu.min.css +1 -1
- package/tabmenu/tabmenu.min.js +1 -1
- package/tabview/tabview.cjs.js +135 -18
- package/tabview/tabview.cjs.min.js +1 -1
- package/tabview/tabview.d.ts +1 -0
- package/tabview/tabview.esm.js +135 -18
- package/tabview/tabview.esm.min.js +1 -1
- package/tabview/tabview.js +135 -18
- package/tabview/tabview.min.css +1 -1
- package/tabview/tabview.min.js +1 -1
- package/tag/tag.cjs.js +2 -0
- package/tag/tag.cjs.min.js +1 -1
- package/tag/tag.esm.js +2 -0
- package/tag/tag.esm.min.js +1 -1
- package/tag/tag.js +2 -0
- package/tag/tag.min.js +1 -1
- package/terminal/terminal.cjs.js +2 -0
- package/terminal/terminal.cjs.min.js +1 -1
- package/terminal/terminal.esm.js +2 -0
- package/terminal/terminal.esm.min.js +1 -1
- package/terminal/terminal.js +2 -0
- package/terminal/terminal.min.js +1 -1
- package/tieredmenu/tieredmenu.cjs.js +2 -0
- package/tieredmenu/tieredmenu.cjs.min.js +1 -1
- package/tieredmenu/tieredmenu.d.ts +1 -1
- package/tieredmenu/tieredmenu.esm.js +2 -0
- package/tieredmenu/tieredmenu.esm.min.js +1 -1
- package/tieredmenu/tieredmenu.js +2 -0
- package/tieredmenu/tieredmenu.min.js +1 -1
- package/timeline/timeline.cjs.js +2 -0
- package/timeline/timeline.cjs.min.js +1 -1
- package/timeline/timeline.esm.js +2 -0
- package/timeline/timeline.esm.min.js +1 -1
- package/timeline/timeline.js +2 -0
- package/timeline/timeline.min.js +1 -1
- package/toast/toast.cjs.js +9 -2
- package/toast/toast.cjs.min.js +1 -1
- package/toast/toast.d.ts +4 -0
- package/toast/toast.esm.js +9 -2
- package/toast/toast.esm.min.js +1 -1
- package/toast/toast.js +9 -2
- package/toast/toast.min.js +1 -1
- package/togglebutton/togglebutton.cjs.js +2 -0
- package/togglebutton/togglebutton.cjs.min.js +1 -1
- package/togglebutton/togglebutton.esm.js +2 -0
- package/togglebutton/togglebutton.esm.min.js +1 -1
- package/togglebutton/togglebutton.js +2 -0
- package/togglebutton/togglebutton.min.js +1 -1
- package/toolbar/toolbar.cjs.js +2 -0
- package/toolbar/toolbar.cjs.min.js +1 -1
- package/toolbar/toolbar.esm.js +2 -0
- package/toolbar/toolbar.esm.min.js +1 -1
- package/toolbar/toolbar.js +2 -0
- package/toolbar/toolbar.min.js +1 -1
- package/tooltip/tooltip.cjs.js +2 -0
- package/tooltip/tooltip.cjs.min.js +1 -1
- package/tooltip/tooltip.esm.js +2 -0
- package/tooltip/tooltip.esm.min.js +1 -1
- package/tooltip/tooltip.js +2 -0
- package/tooltip/tooltip.min.css +1 -1
- package/tooltip/tooltip.min.js +1 -1
- package/tree/tree.cjs.js +2 -0
- package/tree/tree.cjs.min.js +1 -1
- package/tree/tree.esm.js +2 -0
- package/tree/tree.esm.min.js +1 -1
- package/tree/tree.js +2 -0
- package/tree/tree.min.js +1 -1
- package/treenode/treenode.d.ts +1 -1
- package/treeselect/treeselect.cjs.js +2 -0
- package/treeselect/treeselect.cjs.min.js +1 -1
- package/treeselect/treeselect.esm.js +2 -0
- package/treeselect/treeselect.esm.min.js +1 -1
- package/treeselect/treeselect.js +2 -0
- package/treeselect/treeselect.min.js +1 -1
- package/treetable/treetable.cjs.js +22 -8
- package/treetable/treetable.cjs.min.js +1 -1
- package/treetable/treetable.esm.js +23 -9
- package/treetable/treetable.esm.min.js +1 -1
- package/treetable/treetable.js +23 -10
- package/treetable/treetable.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.cjs.js +2 -0
- package/tristatecheckbox/tristatecheckbox.cjs.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.esm.js +2 -0
- package/tristatecheckbox/tristatecheckbox.esm.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.js +2 -0
- package/tristatecheckbox/tristatecheckbox.min.js +1 -1
- package/utils/utils.cjs.js +404 -496
- package/utils/utils.cjs.min.js +1 -1
- package/utils/utils.d.ts +20 -26
- package/utils/utils.esm.js +405 -496
- package/utils/utils.esm.min.js +1 -1
- package/utils/utils.js +404 -496
- package/utils/utils.min.js +1 -1
- package/virtualscroller/virtualscroller.cjs.js +277 -160
- package/virtualscroller/virtualscroller.cjs.min.js +1 -1
- package/virtualscroller/virtualscroller.d.ts +21 -9
- package/virtualscroller/virtualscroller.esm.js +277 -160
- package/virtualscroller/virtualscroller.esm.min.js +1 -1
- package/virtualscroller/virtualscroller.js +277 -160
- package/virtualscroller/virtualscroller.min.js +1 -1
- package/web-types.json +168 -29
|
@@ -1 +1 @@
|
|
|
1
|
-
import e,{createRef as t,Component as n}from"react";import{tip as i,classNames as o,Ripple as r,ObjectUtils as l,CSSTransition as s,Portal as p,OverlayService as a,DomHandler as c,ZIndexUtils as u,ConnectedOverlayScrollHandler as h,FilterUtils as d}from"primereact/core";import{InputText as f}from"primereact/inputtext";import{VirtualScroller as y}from"primereact/virtualscroller";import v from"primereact/api";function m(){return(m=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e}).apply(this,arguments)}function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=new Array(t);n<t;n++)i[n]=e[n];return i}function O(e){if(Array.isArray(e))return b(e)}function k(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function g(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 C(e){return O(e)||k(e)||g(e)||E()}function S(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function w(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function L(e,t,n){return t&&w(e.prototype,t),n&&w(e,n),e}function x(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function D(e,t){return(D=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function R(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&D(e,t)}function I(e){return(I="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function F(e,t){return!t||"object"!==I(t)&&"function"!=typeof t?x(e):t}function P(e){return(P=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function K(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function V(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function N(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){K(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}function j(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var A=function(r){R(a,n);var l,s,p=(l=a,s=j(),function(){var e,t=P(l);if(s){var n=P(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return F(this,e)});function a(e){var n;return S(this,a),(n=p.call(this,e)).state={focused:!1},n.onClick=n.onClick.bind(x(n)),n.onFocus=n.onFocus.bind(x(n)),n.onBlur=n.onBlur.bind(x(n)),n.onKeyDown=n.onKeyDown.bind(x(n)),n.inputRef=t(n.props.inputRef),n}return L(a,[{key:"onClick",value:function(e){this.props.disabled||this.props.readOnly||!this.props.onChange||(this.props.onChange({originalEvent:e,value:this.props.value,checked:!this.props.checked,stopPropagation:function(){},preventDefault:function(){},target:{type:"checkbox",name:this.props.name,id:this.props.id,value:this.props.value,checked:!this.props.checked}}),this.inputRef.current.checked=!this.props.checked,this.inputRef.current.focus(),e.preventDefault())}},{key:"updateInputRef",value:function(){var e=this.props.inputRef;e&&("function"==typeof e?e(this.inputRef.current):e.current=this.inputRef.current)}},{key:"componentDidMount",value:function(){this.updateInputRef(),this.props.tooltip&&this.renderTooltip()}},{key:"componentWillUnmount",value:function(){this.tooltip&&(this.tooltip.destroy(),this.tooltip=null)}},{key:"componentDidUpdate",value:function(e){this.inputRef.current.checked=this.props.checked,e.tooltip===this.props.tooltip&&e.tooltipOptions===this.props.tooltipOptions||(this.tooltip?this.tooltip.update(N({content:this.props.tooltip},this.props.tooltipOptions||{})):this.renderTooltip())}},{key:"onFocus",value:function(){this.setState({focused:!0})}},{key:"onBlur",value:function(){this.setState({focused:!1})}},{key:"onKeyDown",value:function(e){"Enter"===e.key&&(this.onClick(e),e.preventDefault())}},{key:"renderTooltip",value:function(){this.tooltip=i({target:this.element,content:this.props.tooltip,options:this.props.tooltipOptions})}},{key:"render",value:function(){var t=this,n=o("p-checkbox p-component",{"p-checkbox-checked":this.props.checked,"p-checkbox-disabled":this.props.disabled,"p-checkbox-focused":this.state.focused},this.props.className),i=o("p-checkbox-box",{"p-highlight":this.props.checked,"p-disabled":this.props.disabled,"p-focus":this.state.focused}),r=o("p-checkbox-icon p-c",K({},this.props.icon,this.props.checked));return e.createElement("div",{ref:function(e){return t.element=e},id:this.props.id,className:n,style:this.props.style,onClick:this.onClick,onContextMenu:this.props.onContextMenu,onMouseDown:this.props.onMouseDown},e.createElement("div",{className:"p-hidden-accessible"},e.createElement("input",{ref:this.inputRef,type:"checkbox","aria-labelledby":this.props.ariaLabelledBy,id:this.props.inputId,name:this.props.name,tabIndex:this.props.tabIndex,defaultChecked:this.props.checked,onKeyDown:this.onKeyDown,onFocus:this.onFocus,onBlur:this.onBlur,disabled:this.props.disabled,readOnly:this.props.readOnly,required:this.props.required})),e.createElement("div",{className:i,ref:function(e){return t.box=e},role:"checkbox","aria-checked":this.props.checked},e.createElement("span",{className:r})))}}]),a}();function G(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}K(A,"defaultProps",{id:null,inputRef:null,inputId:null,value:null,name:null,checked:!1,style:null,className:null,disabled:!1,required:!1,readOnly:!1,tabIndex:null,icon:"pi pi-check",tooltip:null,tooltipOptions:null,ariaLabelledBy:null,onChange:null,onMouseDown:null,onContextMenu:null});var B=function(t){R(p,n);var i,o,s=(i=p,o=G(),function(){var e,t=P(i);if(o){var n=P(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return F(this,e)});function p(e){var t;return S(this,p),(t=s.call(this,e)).onFilter=t.onFilter.bind(x(t)),t.onSelectAll=t.onSelectAll.bind(x(t)),t}return L(p,[{key:"onFilter",value:function(e){this.props.onFilter&&this.props.onFilter({originalEvent:e,query:e.target.value})}},{key:"onSelectAll",value:function(e){this.props.onSelectAll&&this.props.onSelectAll({originalEvent:e,checked:this.props.selectAll})}},{key:"renderFilterElement",value:function(){return this.props.filter?e.createElement("div",{className:"p-multiselect-filter-container"},e.createElement(f,{type:"text",role:"textbox",value:this.props.filterValue,onChange:this.onFilter,className:"p-multiselect-filter",placeholder:this.props.filterPlaceholder}),e.createElement("span",{className:"p-multiselect-filter-icon pi pi-search"})):null}},{key:"render",value:function(){var t=this.renderFilterElement(),n=this.props.showSelectAll&&e.createElement(A,{checked:this.props.selectAll,onChange:this.onSelectAll,role:"checkbox","aria-checked":this.props.selectAll}),i=e.createElement("button",{type:"button",className:"p-multiselect-close p-link",onClick:this.props.onClose},e.createElement("span",{className:"p-multiselect-close-icon pi pi-times"}),e.createElement(r,null)),o=e.createElement("div",{className:"p-multiselect-header"},n,t,i);return this.props.template?l.getJSXElement(this.props.template,{className:"p-multiselect-header",checkboxElement:n,checked:this.props.selectAll,onChange:this.onSelectAll,filterElement:t,closeElement:i,closeElementClassName:"p-multiselect-close p-link",closeIconClassName:"p-multiselect-close-icon pi pi-times",onCloseClick:this.props.onClose,element:o,props:this.props}):o}}]),p}();function T(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var M=function(t){R(a,n);var i,s,p=(i=a,s=T(),function(){var e,t=P(i);if(s){var n=P(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return F(this,e)});function a(e){var t;return S(this,a),(t=p.call(this,e)).onClick=t.onClick.bind(x(t)),t.onKeyDown=t.onKeyDown.bind(x(t)),t}return L(a,[{key:"onClick",value:function(e){this.props.onClick&&this.props.onClick({originalEvent:e,option:this.props.option}),e.preventDefault()}},{key:"onKeyDown",value:function(e){this.props.onKeyDown&&this.props.onKeyDown({originalEvent:e,option:this.props.option})}},{key:"render",value:function(){var t=o("p-multiselect-item",{"p-highlight":this.props.selected,"p-disabled":this.props.disabled},this.props.option.className),n=o("p-checkbox-box",{"p-highlight":this.props.selected}),i=o("p-checkbox-icon p-c",{"pi pi-check":this.props.selected}),s=this.props.template?l.getJSXElement(this.props.template,this.props.option):this.props.label;return e.createElement("li",{className:t,onClick:this.onClick,tabIndex:this.props.disabled?null:this.props.tabIndex||0,onKeyDown:this.onKeyDown,role:"option","aria-selected":this.props.selected},e.createElement("div",{className:"p-checkbox p-component"},e.createElement("div",{className:n},e.createElement("span",{className:i}))),e.createElement("span",null,s),e.createElement(r,null))}}]),a}();function H(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function q(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?H(Object(n),!0).forEach((function(t){K(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):H(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function z(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}K(M,"defaultProps",{option:null,label:null,selected:!1,disabled:!1,tabIndex:null,template:null,onClick:null,onKeyDown:null});var _=function(t){R(c,n);var i,r,a=(i=c,r=z(),function(){var e,t=P(i);if(r){var n=P(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return F(this,e)});function c(e){var t;return S(this,c),(t=a.call(this,e)).onEnter=t.onEnter.bind(x(t)),t.onFilterInputChange=t.onFilterInputChange.bind(x(t)),t}return L(c,[{key:"onEnter",value:function(){var e=this;this.props.onEnter((function(){if(e.virtualScrollerRef){var t=e.props.getSelectedOptionIndex();-1!==t&&e.virtualScrollerRef.scrollToIndex(t)}}))}},{key:"onFilterInputChange",value:function(e){this.virtualScrollerRef&&this.virtualScrollerRef.scrollToIndex(0),this.props.onFilterInputChange&&this.props.onFilterInputChange(e)}},{key:"isEmptyFilter",value:function(){return!(this.props.visibleOptions&&this.props.visibleOptions.length)&&this.props.hasFilter()}},{key:"renderHeader",value:function(){return e.createElement(B,{filter:this.props.filter,filterValue:this.props.filterValue,onFilter:this.onFilterInputChange,filterPlaceholder:this.props.filterPlaceholder,onClose:this.props.onCloseClick,showSelectAll:this.props.showSelectAll,selectAll:this.props.isAllSelected(),onSelectAll:this.props.onSelectAll,template:this.props.panelHeaderTemplate})}},{key:"renderFooter",value:function(){if(this.props.panelFooterTemplate){var t=l.getJSXElement(this.props.panelFooterTemplate,this.props,this.props.onOverlayHide);return e.createElement("div",{className:"p-multiselect-footer"},t)}return null}},{key:"renderGroupChildren",value:function(t){var n=this;return this.props.getOptionGroupChildren(t).map((function(t,i){var o=n.props.getOptionLabel(t),r=i+"_"+n.props.getOptionRenderKey(t),l=n.props.isOptionDisabled(t),s=l?null:n.props.tabIndex||0;return e.createElement(M,{key:r,label:o,option:t,template:n.props.itemTemplate,selected:n.props.isSelected(t),onClick:n.props.onOptionSelect,onKeyDown:n.props.onOptionKeyDown,tabIndex:s,disabled:l})}))}},{key:"renderEmptyFilter",value:function(){var t=l.getJSXElement(this.props.emptyFilterMessage,this.props);return e.createElement("li",{className:"p-multiselect-empty-message"},t)}},{key:"renderItem",value:function(t,n){if(this.props.optionGroupLabel){var i=this.props.optionGroupTemplate?l.getJSXElement(this.props.optionGroupTemplate,t,n):this.props.getOptionGroupLabel(t),o=this.renderGroupChildren(t),r=n+"_"+this.props.getOptionGroupRenderKey(t);return e.createElement(e.Fragment,{key:r},e.createElement("li",{className:"p-multiselect-item-group"},i),o)}var s=this.props.getOptionLabel(t),p=n+"_"+this.props.getOptionRenderKey(t),a=this.props.isOptionDisabled(t),c=a?null:this.props.tabIndex||0;return e.createElement(M,{key:p,label:s,option:t,template:this.props.itemTemplate,selected:this.props.isSelected(t),onClick:this.props.onOptionSelect,onKeyDown:this.props.onOptionKeyDown,tabIndex:c,disabled:a})}},{key:"renderItems",value:function(){var e=this;return this.props.visibleOptions&&this.props.visibleOptions.length?this.props.visibleOptions.map((function(t,n){return e.renderItem(t,n)})):this.props.hasFilter()?this.renderEmptyFilter():null}},{key:"renderContent",value:function(){var t=this;if(this.props.virtualScrollerOptions){var n=q(q({},this.props.virtualScrollerOptions),{style:q(q({},this.props.virtualScrollerOptions.style),{height:this.props.scrollHeight}),className:o("p-multiselect-items-wrapper",this.props.virtualScrollerOptions.className),items:this.props.visibleOptions,onLazyLoad:function(e){return t.props.virtualScrollerOptions.onLazyLoad(q(q({},e),{filter:t.props.filterValue}))},itemTemplate:function(e,n){return e&&t.renderItem(e,n.index)},contentTemplate:function(n){var i=o("p-multiselect-items p-component",n.className),r=t.isEmptyFilter()?t.renderEmptyFilter():n.children;return e.createElement("ul",{ref:n.ref,className:i,role:"listbox","aria-multiselectable":!0},r)}});return e.createElement(y,m({ref:function(e){return t.virtualScrollerRef=e}},n))}var i=this.renderItems();return e.createElement("div",{className:"p-multiselect-items-wrapper",style:{maxHeight:this.props.scrollHeight}},e.createElement("ul",{className:"p-multiselect-items p-component",role:"listbox","aria-multiselectable":!0},i))}},{key:"renderElement",value:function(){var t=o("p-multiselect-panel p-component",{"p-multiselect-limited":!this.props.allowOptionSelect()},this.props.panelClassName),n=this.renderHeader(),i=this.renderContent(),r=this.renderFooter();return e.createElement(s,{nodeRef:this.props.forwardRef,classNames:"p-connected-overlay",in:this.props.in,timeout:{enter:120,exit:100},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.onEnter,onEntered:this.props.onEntered,onExit:this.props.onExit,onExited:this.props.onExited},e.createElement("div",{ref:this.props.forwardRef,className:t,style:this.props.panelStyle,onClick:this.props.onClick},n,i,r))}},{key:"render",value:function(){var t=this.renderElement();return e.createElement(p,{element:t,appendTo:this.props.appendTo})}}]),c}(),U=e.forwardRef((function(t,n){return e.createElement(_,m({forwardRef:n},t))}));function J(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function X(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){K(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}function W(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=$(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var i=0,o=function(){};return{s:o,n:function(){return i>=e.length?{done:!0}:{done:!1,value:e[i++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var r,l=!0,s=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return l=e.done,e},e:function(e){s=!0,r=e},f:function(){try{l||null==n.return||n.return()}finally{if(s)throw r}}}}function $(e,t){if(e){if("string"==typeof e)return Q(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)?Q(e,t):void 0}}function Q(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=new Array(t);n<t;n++)i[n]=e[n];return i}function Y(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var Z=function(r){R(y,n);var s,p,f=(s=y,p=Y(),function(){var e,t=P(s);if(p){var n=P(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return F(this,e)});function y(e){var n;return S(this,y),(n=f.call(this,e)).state={filter:"",focused:!1,overlayVisible:!1},n.onClick=n.onClick.bind(x(n)),n.onKeyDown=n.onKeyDown.bind(x(n)),n.onOptionSelect=n.onOptionSelect.bind(x(n)),n.onOptionKeyDown=n.onOptionKeyDown.bind(x(n)),n.onFocus=n.onFocus.bind(x(n)),n.onBlur=n.onBlur.bind(x(n)),n.onFilterInputChange=n.onFilterInputChange.bind(x(n)),n.onCloseClick=n.onCloseClick.bind(x(n)),n.onSelectAll=n.onSelectAll.bind(x(n)),n.onOverlayEnter=n.onOverlayEnter.bind(x(n)),n.onOverlayEntered=n.onOverlayEntered.bind(x(n)),n.onOverlayExit=n.onOverlayExit.bind(x(n)),n.onOverlayExited=n.onOverlayExited.bind(x(n)),n.onPanelClick=n.onPanelClick.bind(x(n)),n.getOptionLabel=n.getOptionLabel.bind(x(n)),n.getOptionRenderKey=n.getOptionRenderKey.bind(x(n)),n.isOptionDisabled=n.isOptionDisabled.bind(x(n)),n.getOptionGroupChildren=n.getOptionGroupChildren.bind(x(n)),n.getOptionGroupLabel=n.getOptionGroupLabel.bind(x(n)),n.getOptionGroupRenderKey=n.getOptionGroupRenderKey.bind(x(n)),n.allowOptionSelect=n.allowOptionSelect.bind(x(n)),n.isSelected=n.isSelected.bind(x(n)),n.isAllSelected=n.isAllSelected.bind(x(n)),n.hasFilter=n.hasFilter.bind(x(n)),n.getSelectedOptionIndex=n.getSelectedOptionIndex.bind(x(n)),n.hide=n.hide.bind(x(n)),n.onOptionKeyDown=n.onOptionKeyDown.bind(x(n)),n.overlayRef=t(),n.inputRef=t(n.props.inputRef),n}return L(y,[{key:"onPanelClick",value:function(e){a.emit("overlay-click",{originalEvent:e,target:this.container})}},{key:"allowOptionSelect",value:function(){return!this.props.selectionLimit||!this.props.value||this.props.value&&this.props.value.length<this.props.selectionLimit}},{key:"onOptionSelect",value:function(e){var t=this,n=e.originalEvent,i=e.option;if(!this.props.disabled&&!this.isOptionDisabled(i)){var o=this.getOptionValue(i),r=this.isOptionValueUsed(i),s=this.isSelected(i),p=this.allowOptionSelect();s?this.updateModel(n,this.props.value.filter((function(e){return!l.equals(r?e:t.getOptionValue(e),o,t.equalityKey())}))):p&&this.updateModel(n,[].concat(C(this.props.value||[]),[o]))}}},{key:"onOptionKeyDown",value:function(e){var t=e.originalEvent,n=t.currentTarget;switch(t.which){case 40:var i=this.findNextItem(n);i&&i.focus(),t.preventDefault();break;case 38:var o=this.findPrevItem(n);o&&o.focus(),t.preventDefault();break;case 13:case 32:this.onOptionSelect(e),t.preventDefault();break;case 27:this.hide(),this.inputRef.current.focus()}}},{key:"findNextItem",value:function(e){var t=e.nextElementSibling;return t?c.hasClass(t,"p-disabled")||c.hasClass(t,"p-multiselect-item-group")?this.findNextItem(t):t:null}},{key:"findPrevItem",value:function(e){var t=e.previousElementSibling;return t?c.hasClass(t,"p-disabled")||c.hasClass(t,"p-multiselect-item-group")?this.findPrevItem(t):t:null}},{key:"onClick",value:function(e){this.props.disabled||this.isPanelClicked(e)||c.hasClass(e.target,"p-multiselect-token-icon")||this.isClearClicked(e)||(this.state.overlayVisible?this.hide():this.show(),this.inputRef.current.focus())}},{key:"onKeyDown",value:function(e){switch(e.which){case 40:!this.state.overlayVisible&&e.altKey&&(this.show(),e.preventDefault());break;case 32:this.state.overlayVisible?this.hide():this.show(),e.preventDefault();break;case 27:this.hide();break;case 9:if(this.state.overlayVisible){var t=c.getFirstFocusableElement(this.overlayRef.current);t&&(t.focus(),e.preventDefault())}}}},{key:"onSelectAll",value:function(e){var t=this;if(this.props.onSelectAll)this.props.onSelectAll(e);else{var n=null,i=this.getVisibleOptions();if(e.checked){if(n=[],i){var o=i.filter((function(e){return t.isOptionDisabled(e)&&t.isSelected(e)}));n=o.map((function(e){return t.getOptionValue(e)}))}}else i&&(i=i.filter((function(e){return!t.isOptionDisabled(e)})),this.props.optionGroupLabel?(n=[],i.forEach((function(e){return n=[].concat(C(n),C(t.getOptionGroupChildren(e).filter((function(e){return!t.isOptionDisabled(e)})).map((function(e){return t.getOptionValue(e)}))))}))):n=i.map((function(e){return t.getOptionValue(e)})),n=C(new Set([].concat(C(n),C(this.props.value||[])))));this.updateModel(e.originalEvent,n)}}},{key:"updateModel",value:function(e,t){this.props.onChange&&this.props.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:this.props.name,id:this.props.id,value:t}})}},{key:"onFilterInputChange",value:function(e){var t=this,n=e.query;this.setState({filter:n},(function(){t.props.onFilter&&t.props.onFilter({originalEvent:e,filter:n})}))}},{key:"resetFilter",value:function(){var e=this;this.setState({filter:""},(function(){e.props.onFilter&&e.props.onFilter({filter:""})}))}},{key:"show",value:function(){this.setState({overlayVisible:!0})}},{key:"hide",value:function(){this.setState({overlayVisible:!1})}},{key:"onOverlayEnter",value:function(e){u.set("overlay",this.overlayRef.current),this.alignOverlay(),this.scrollInView(),e&&e()}},{key:"onOverlayEntered",value:function(e){this.bindDocumentClickListener(),this.bindScrollListener(),this.bindResizeListener(),e&&e(),this.props.onShow&&this.props.onShow()}},{key:"onOverlayExit",value:function(){this.unbindDocumentClickListener(),this.unbindScrollListener(),this.unbindResizeListener()}},{key:"onOverlayExited",value:function(){this.props.filter&&this.props.resetFilterOnHide&&this.resetFilter(),u.clear(this.overlayRef.current),this.props.onHide&&this.props.onHide()}},{key:"alignOverlay",value:function(){c.alignOverlay(this.overlayRef.current,this.label.parentElement,this.props.appendTo||v.appendTo)}},{key:"scrollInView",value:function(){var e=c.findSingle(this.overlayRef.current,"li.p-highlight");e&&e.scrollIntoView({block:"nearest",inline:"start"})}},{key:"onCloseClick",value:function(e){this.hide(),this.inputRef.current.focus(),e.preventDefault(),e.stopPropagation()}},{key:"getSelectedOptionIndex",value:function(){if(null!=this.props.value&&this.props.options){if(!this.props.optionGroupLabel)return this.findOptionIndexInList(this.props.value,this.props.options);for(var e=0;e<this.props.options.length;e++){var t=this.findOptionIndexInList(this.props.value,this.getOptionGroupChildren(this.props.options[e]));if(-1!==t)return{group:e,option:t}}}return-1}},{key:"findOptionIndexInList",value:function(e,t){var n=this,i=this.equalityKey();return t.findIndex((function(t){return e.some((function(e){return l.equals(e,n.getOptionValue(t),i)}))}))}},{key:"isSelected",value:function(e){var t=this,n=!1;if(this.props.value){var i=this.getOptionValue(e),o=this.isOptionValueUsed(e),r=this.equalityKey();n=this.props.value.some((function(e){return l.equals(o?e:t.getOptionValue(e),i,r)}))}return n}},{key:"getLabelByValue",value:function(e){var t;if(this.props.options)if(this.props.optionGroupLabel){var n,i=W(this.props.options);try{for(i.s();!(n=i.n()).done;){if(t=this.findOptionByValue(e,this.getOptionGroupChildren(n.value)))break}}catch(e){i.e(e)}finally{i.f()}}else t=this.findOptionByValue(e,this.props.options);return t?this.getOptionLabel(t):null}},{key:"findOptionByValue",value:function(e,t){var n,i=this.equalityKey(),o=W(t);try{for(o.s();!(n=o.n()).done;){var r=n.value,s=this.getOptionValue(r);if(l.equals(s,e,i))return r}}catch(e){o.e(e)}finally{o.f()}return null}},{key:"onFocus",value:function(e){var t=this;e.persist(),this.setState({focused:!0},(function(){t.props.onFocus&&t.props.onFocus(e)}))}},{key:"onBlur",value:function(e){var t=this;e.persist(),this.setState({focused:!1},(function(){t.props.onBlur&&t.props.onBlur(e)}))}},{key:"bindDocumentClickListener",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){e.state.overlayVisible&&e.isOutsideClicked(t)&&e.hide()},document.addEventListener("click",this.documentClickListener))}},{key:"bindScrollListener",value:function(){var e=this;this.scrollHandler||(this.scrollHandler=new h(this.container,(function(){e.state.overlayVisible&&e.hide()}))),this.scrollHandler.bindScrollListener()}},{key:"unbindScrollListener",value:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}},{key:"bindResizeListener",value:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.state.overlayVisible&&!c.isAndroid()&&e.hide()},window.addEventListener("resize",this.resizeListener))}},{key:"unbindResizeListener",value:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)}},{key:"isOutsideClicked",value:function(e){return this.container&&!(this.container.isSameNode(e.target)||this.isClearClicked(e)||this.container.contains(e.target)||this.isPanelClicked(e))}},{key:"isClearClicked",value:function(e){return c.hasClass(e.target,"p-multiselect-clear-icon")}},{key:"isPanelClicked",value:function(e){return this.overlayRef&&this.overlayRef.current&&this.overlayRef.current.contains(e.target)}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"updateInputRef",value:function(){var e=this.props.inputRef;e&&("function"==typeof e?e(this.inputRef.current):e.current=this.inputRef.current)}},{key:"componentDidMount",value:function(){this.updateInputRef(),this.props.tooltip&&this.renderTooltip()}},{key:"componentDidUpdate",value:function(e){e.tooltip===this.props.tooltip&&e.tooltipOptions===this.props.tooltipOptions||(this.tooltip?this.tooltip.update(X({content:this.props.tooltip},this.props.tooltipOptions||{})):this.renderTooltip()),this.state.overlayVisible&&this.hasFilter()&&this.alignOverlay()}},{key:"componentWillUnmount",value:function(){this.unbindDocumentClickListener(),this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.tooltip&&(this.tooltip.destroy(),this.tooltip=null),u.clear(this.overlayRef.current)}},{key:"hasFilter",value:function(){return this.state.filter&&this.state.filter.trim().length>0}},{key:"isAllSelected",value:function(){var e=this;if(this.props.onSelectAll)return this.props.selectAll;var t=this.getVisibleOptions();if(0===t.length)return!1;if(t=t.filter((function(t){return!e.isOptionDisabled(t)})),this.props.optionGroupLabel){var n,i=W(t);try{for(i.s();!(n=i.n()).done;){var o,r=W(this.getOptionGroupChildren(n.value).filter((function(t){return!e.isOptionDisabled(t)})));try{for(r.s();!(o=r.n()).done;){if(!this.isSelected(o.value))return!1}}catch(e){r.e(e)}finally{r.f()}}}catch(e){i.e(e)}finally{i.f()}}else{var l,s=W(t);try{for(s.s();!(l=s.n()).done;){if(!this.isSelected(l.value))return!1}}catch(e){s.e(e)}finally{s.f()}}return!0}},{key:"getOptionLabel",value:function(e){return this.props.optionLabel?l.resolveFieldData(e,this.props.optionLabel):e&&void 0!==e.label?e.label:e}},{key:"getOptionValue",value:function(e){if(this.props.optionValue){var t=l.resolveFieldData(e,this.props.optionValue);return null!==t?t:e}return e&&void 0!==e.value?e.value:e}},{key:"getOptionRenderKey",value:function(e){return this.props.dataKey?l.resolveFieldData(e,this.props.dataKey):this.getOptionLabel(e)}},{key:"getOptionGroupRenderKey",value:function(e){return l.resolveFieldData(e,this.props.optionGroupLabel)}},{key:"getOptionGroupLabel",value:function(e){return l.resolveFieldData(e,this.props.optionGroupLabel)}},{key:"getOptionGroupChildren",value:function(e){return l.resolveFieldData(e,this.props.optionGroupChildren)}},{key:"isOptionDisabled",value:function(e){return this.props.optionDisabled?l.isFunction(this.props.optionDisabled)?this.props.optionDisabled(e):l.resolveFieldData(e,this.props.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled}},{key:"isOptionValueUsed",value:function(e){return this.props.optionValue||e&&void 0!==e.value}},{key:"getVisibleOptions",value:function(){if(this.hasFilter()){var e=this.state.filter.trim().toLocaleLowerCase(this.props.filterLocale),t=this.props.filterBy?this.props.filterBy.split(","):[this.props.optionLabel||"label"];if(this.props.optionGroupLabel){var n,i=[],o=W(this.props.options);try{for(o.s();!(n=o.n()).done;){var r=n.value,l=d.filter(this.getOptionGroupChildren(r),t,e,this.props.filterMatchMode,this.props.filterLocale);l&&l.length&&i.push(X(X({},r),{items:l}))}}catch(e){o.e(e)}finally{o.f()}return i}return d.filter(this.props.options,t,e,this.props.filterMatchMode,this.props.filterLocale)}return this.props.options}},{key:"isEmpty",value:function(){return!this.props.value||0===this.props.value.length}},{key:"equalityKey",value:function(){return this.props.optionValue?null:this.props.dataKey}},{key:"checkValidity",value:function(){return this.inputRef.current.checkValidity()}},{key:"removeChip",value:function(e,t){var n=this.equalityKey(),i=this.props.value.filter((function(e){return!l.equals(e,t,n)}));this.updateModel(e,i)}},{key:"getSelectedItemsLabel",value:function(){var e=/{(.*?)}/;return e.test(this.props.selectedItemsLabel)?this.props.selectedItemsLabel.replace(this.props.selectedItemsLabel.match(e)[0],this.props.value.length+""):this.props.selectedItemsLabel}},{key:"getLabel",value:function(){var e;if(!this.isEmpty()&&!this.props.fixedPlaceholder){if(this.props.value.length<=this.props.maxSelectedLabels){e="";for(var t=0;t<this.props.value.length;t++)0!==t&&(e+=","),e+=this.getLabelByValue(this.props.value[t]);return e}return this.getSelectedItemsLabel()}return e}},{key:"getLabelContent",value:function(){var t=this;return this.props.selectedItemTemplate?this.isEmpty()?l.getJSXElement(this.props.selectedItemTemplate):this.props.value.length<=this.props.maxSelectedLabels?this.props.value.map((function(n,i){var o=l.getJSXElement(t.props.selectedItemTemplate,n);return e.createElement(e.Fragment,{key:i},o)})):this.getSelectedItemsLabel():"chip"!==this.props.display||this.isEmpty()?this.getLabel():this.props.value.map((function(n){var i=t.getLabelByValue(n);return e.createElement("div",{className:"p-multiselect-token",key:i},e.createElement("span",{className:"p-multiselect-token-label"},i),!t.props.disabled&&e.createElement("span",{className:"p-multiselect-token-icon pi pi-times-circle",onClick:function(e){return t.removeChip(e,n)}}))}))}},{key:"renderTooltip",value:function(){this.tooltip=i({target:this.container,content:this.props.tooltip,options:this.props.tooltipOptions})}},{key:"renderClearIcon",value:function(){var t=this;return this.isEmpty()||!this.props.showClear||this.props.disabled?null:e.createElement("i",{className:"p-multiselect-clear-icon pi pi-times",onClick:function(e){return t.updateModel(e,null)}})}},{key:"renderLabel",value:function(){var t=this,n=this.isEmpty(),i=this.getLabelContent(),r=o("p-multiselect-label",{"p-placeholder":n&&this.props.placeholder,"p-multiselect-label-empty":n&&!this.props.placeholder&&!this.props.selectedItemTemplate,"p-multiselect-items-label":!n&&this.props.value.length>this.props.maxSelectedLabels});return e.createElement("div",{ref:function(e){return t.label=e},className:"p-multiselect-label-container"},e.createElement("div",{className:r},i||this.props.placeholder||"empty"))}},{key:"render",value:function(){var t=this,n=o("p-multiselect p-component p-inputwrapper",{"p-multiselect-chip":"chip"===this.props.display,"p-disabled":this.props.disabled,"p-multiselect-clearable":this.props.showClear&&!this.props.disabled,"p-focus":this.state.focused,"p-inputwrapper-filled":this.props.value&&this.props.value.length>0,"p-inputwrapper-focus":this.state.focused||this.state.overlayVisible},this.props.className),i=o("p-multiselect-trigger-icon p-c",this.props.dropdownIcon),r=this.getVisibleOptions(),l=this.renderLabel(),s=this.renderClearIcon();return e.createElement("div",{id:this.props.id,className:n,onClick:this.onClick,ref:function(e){return t.container=e},style:this.props.style},e.createElement("div",{className:"p-hidden-accessible"},e.createElement("input",{ref:this.inputRef,id:this.props.inputId,name:this.props.name,readOnly:!0,type:"text",onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.onKeyDown,role:"listbox","aria-haspopup":"listbox","aria-labelledby":this.props.ariaLabelledBy,"aria-expanded":this.state.overlayVisible,disabled:this.props.disabled,tabIndex:this.props.tabIndex})),l,s,e.createElement("div",{className:"p-multiselect-trigger"},e.createElement("span",{className:i})),e.createElement(U,m({ref:this.overlayRef,visibleOptions:r},this.props,{onClick:this.onPanelClick,onOverlayHide:this.hide,filterValue:this.state.filter,hasFilter:this.hasFilter,onFilterInputChange:this.onFilterInputChange,onCloseClick:this.onCloseClick,onSelectAll:this.onSelectAll,getOptionLabel:this.getOptionLabel,getOptionRenderKey:this.getOptionRenderKey,isOptionDisabled:this.isOptionDisabled,getOptionGroupChildren:this.getOptionGroupChildren,getOptionGroupLabel:this.getOptionGroupLabel,getOptionGroupRenderKey:this.getOptionGroupRenderKey,isSelected:this.isSelected,getSelectedOptionIndex:this.getSelectedOptionIndex,isAllSelected:this.isAllSelected,onOptionSelect:this.onOptionSelect,allowOptionSelect:this.allowOptionSelect,onOptionKeyDown:this.onOptionKeyDown,in:this.state.overlayVisible,onEnter:this.onOverlayEnter,onEntered:this.onOverlayEntered,onExit:this.onOverlayExit,onExited:this.onOverlayExited})))}}]),y}();K(Z,"defaultProps",{id:null,inputRef:null,name:null,value:null,options:null,optionLabel:null,optionValue:null,optionDisabled:null,optionGroupLabel:null,optionGroupChildren:null,optionGroupTemplate:null,display:"comma",style:null,className:null,panelClassName:null,panelStyle:null,virtualScrollerOptions:null,scrollHeight:"200px",placeholder:null,fixedPlaceholder:!1,disabled:!1,showClear:!1,filter:!1,filterBy:null,filterMatchMode:"contains",filterPlaceholder:null,filterLocale:void 0,emptyFilterMessage:"No results found",resetFilterOnHide:!1,tabIndex:0,dataKey:null,inputId:null,appendTo:null,tooltip:null,tooltipOptions:null,maxSelectedLabels:3,selectionLimit:null,selectedItemsLabel:"{0} items selected",ariaLabelledBy:null,itemTemplate:null,selectedItemTemplate:null,panelHeaderTemplate:null,panelFooterTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",showSelectAll:!0,selectAll:!1,onChange:null,onFocus:null,onBlur:null,onShow:null,onHide:null,onFilter:null,onSelectAll:null});export{Z as MultiSelect};
|
|
1
|
+
import e,{createRef as t,Component as n}from"react";import{tip as i,classNames as r,Ripple as o,ObjectUtils as l,CSSTransition as s,Portal as p,OverlayService as a,DomHandler as u,ZIndexUtils as c,ConnectedOverlayScrollHandler as h}from"primereact/core";import{InputText as d}from"primereact/inputtext";import{VirtualScroller as f}from"primereact/virtualscroller";import y,{FilterService as v}from"primereact/api";function m(){return(m=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e}).apply(this,arguments)}function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=new Array(t);n<t;n++)i[n]=e[n];return i}function O(e){if(Array.isArray(e))return b(e)}function k(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function g(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 C(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function E(e){return O(e)||k(e)||g(e)||C()}function S(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function w(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function L(e,t,n){return t&&w(e.prototype,t),n&&w(e,n),e}function x(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function D(e,t){return(D=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function R(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&D(e,t)}function I(e){return(I="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function F(e,t){if(t&&("object"===I(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return x(e)}function P(e){return(P=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}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 K(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function j(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?K(Object(n),!0).forEach((function(t){V(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):K(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function N(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var A=function(o){R(a,n);var l,s,p=(l=a,s=N(),function(){var e,t=P(l);if(s){var n=P(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return F(this,e)});function a(e){var n;return S(this,a),(n=p.call(this,e)).state={focused:!1},n.onClick=n.onClick.bind(x(n)),n.onFocus=n.onFocus.bind(x(n)),n.onBlur=n.onBlur.bind(x(n)),n.onKeyDown=n.onKeyDown.bind(x(n)),n.inputRef=t(n.props.inputRef),n}return L(a,[{key:"onClick",value:function(e){if(!this.props.disabled&&!this.props.readOnly&&this.props.onChange){var t=this.isChecked()?this.props.falseValue:this.props.trueValue;this.props.onChange({originalEvent:e,value:this.props.value,checked:t,stopPropagation:function(){},preventDefault:function(){},target:{type:"checkbox",name:this.props.name,id:this.props.id,value:this.props.value,checked:t}}),this.inputRef.current.checked=!this.isChecked(),this.inputRef.current.focus(),e.preventDefault()}}},{key:"updateInputRef",value:function(){var e=this.props.inputRef;e&&("function"==typeof e?e(this.inputRef.current):e.current=this.inputRef.current)}},{key:"componentDidMount",value:function(){this.updateInputRef(),this.props.tooltip&&this.renderTooltip()}},{key:"componentWillUnmount",value:function(){this.tooltip&&(this.tooltip.destroy(),this.tooltip=null)}},{key:"componentDidUpdate",value:function(e){this.inputRef.current.checked=this.isChecked(),e.tooltip===this.props.tooltip&&e.tooltipOptions===this.props.tooltipOptions||(this.tooltip?this.tooltip.update(j({content:this.props.tooltip},this.props.tooltipOptions||{})):this.renderTooltip())}},{key:"onFocus",value:function(){this.setState({focused:!0})}},{key:"onBlur",value:function(){this.setState({focused:!1})}},{key:"onKeyDown",value:function(e){"Enter"===e.key&&(this.onClick(e),e.preventDefault())}},{key:"renderTooltip",value:function(){this.tooltip=i({target:this.element,content:this.props.tooltip,options:this.props.tooltipOptions})}},{key:"isChecked",value:function(){return this.props.checked===this.props.trueValue}},{key:"render",value:function(){var t=this,n=r("p-checkbox p-component",{"p-checkbox-checked":this.isChecked(),"p-checkbox-disabled":this.props.disabled,"p-checkbox-focused":this.state.focused},this.props.className),i=r("p-checkbox-box",{"p-highlight":this.isChecked(),"p-disabled":this.props.disabled,"p-focus":this.state.focused}),o=r("p-checkbox-icon p-c",V({},this.props.icon,this.isChecked()));return e.createElement("div",{ref:function(e){return t.element=e},id:this.props.id,className:n,style:this.props.style,onClick:this.onClick,onContextMenu:this.props.onContextMenu,onMouseDown:this.props.onMouseDown},e.createElement("div",{className:"p-hidden-accessible"},e.createElement("input",{ref:this.inputRef,type:"checkbox","aria-labelledby":this.props.ariaLabelledBy,id:this.props.inputId,name:this.props.name,tabIndex:this.props.tabIndex,defaultChecked:this.isChecked(),onKeyDown:this.onKeyDown,onFocus:this.onFocus,onBlur:this.onBlur,disabled:this.props.disabled,readOnly:this.props.readOnly,required:this.props.required})),e.createElement("div",{className:i,ref:function(e){return t.box=e},role:"checkbox","aria-checked":this.isChecked()},e.createElement("span",{className:o})))}}]),a}();function G(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}V(A,"defaultProps",{id:null,inputRef:null,inputId:null,value:null,name:null,checked:!1,trueValue:!0,falseValue:!1,style:null,className:null,disabled:!1,required:!1,readOnly:!1,tabIndex:null,icon:"pi pi-check",tooltip:null,tooltipOptions:null,ariaLabelledBy:null,onChange:null,onMouseDown:null,onContextMenu:null});var T=function(t){R(p,n);var i,r,s=(i=p,r=G(),function(){var e,t=P(i);if(r){var n=P(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return F(this,e)});function p(e){var t;return S(this,p),(t=s.call(this,e)).onFilter=t.onFilter.bind(x(t)),t.onSelectAll=t.onSelectAll.bind(x(t)),t}return L(p,[{key:"onFilter",value:function(e){this.props.onFilter&&this.props.onFilter({originalEvent:e,query:e.target.value})}},{key:"onSelectAll",value:function(e){this.props.onSelectAll&&this.props.onSelectAll({originalEvent:e,checked:this.props.selectAll})}},{key:"renderFilterElement",value:function(){return this.props.filter?e.createElement("div",{className:"p-multiselect-filter-container"},e.createElement(d,{type:"text",role:"textbox",value:this.props.filterValue,onChange:this.onFilter,className:"p-multiselect-filter",placeholder:this.props.filterPlaceholder}),e.createElement("span",{className:"p-multiselect-filter-icon pi pi-search"})):null}},{key:"render",value:function(){var t=this.renderFilterElement(),n=this.props.showSelectAll&&e.createElement(A,{checked:this.props.selectAll,onChange:this.onSelectAll,role:"checkbox","aria-checked":this.props.selectAll}),i=e.createElement("button",{type:"button",className:"p-multiselect-close p-link",onClick:this.props.onClose},e.createElement("span",{className:"p-multiselect-close-icon pi pi-times"}),e.createElement(o,null)),r=e.createElement("div",{className:"p-multiselect-header"},n,t,i);return this.props.template?l.getJSXElement(this.props.template,{className:"p-multiselect-header",checkboxElement:n,checked:this.props.selectAll,onChange:this.onSelectAll,filterElement:t,closeElement:i,closeElementClassName:"p-multiselect-close p-link",closeIconClassName:"p-multiselect-close-icon pi pi-times",onCloseClick:this.props.onClose,element:r,props:this.props}):r}}]),p}();function B(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var M=function(t){R(a,n);var i,s,p=(i=a,s=B(),function(){var e,t=P(i);if(s){var n=P(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return F(this,e)});function a(e){var t;return S(this,a),(t=p.call(this,e)).onClick=t.onClick.bind(x(t)),t.onKeyDown=t.onKeyDown.bind(x(t)),t}return L(a,[{key:"onClick",value:function(e){this.props.onClick&&this.props.onClick({originalEvent:e,option:this.props.option}),e.preventDefault()}},{key:"onKeyDown",value:function(e){this.props.onKeyDown&&this.props.onKeyDown({originalEvent:e,option:this.props.option})}},{key:"render",value:function(){var t=r("p-multiselect-item",{"p-highlight":this.props.selected,"p-disabled":this.props.disabled},this.props.option.className),n=r("p-checkbox-box",{"p-highlight":this.props.selected}),i=r("p-checkbox-icon p-c",{"pi pi-check":this.props.selected}),s=this.props.template?l.getJSXElement(this.props.template,this.props.option):this.props.label;return e.createElement("li",{className:t,onClick:this.onClick,tabIndex:this.props.disabled?null:this.props.tabIndex||0,onKeyDown:this.onKeyDown,role:"option","aria-selected":this.props.selected},e.createElement("div",{className:"p-checkbox p-component"},e.createElement("div",{className:n},e.createElement("span",{className:i}))),e.createElement("span",null,s),e.createElement(o,null))}}]),a}();function H(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function q(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?H(Object(n),!0).forEach((function(t){V(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):H(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function z(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}V(M,"defaultProps",{option:null,label:null,selected:!1,disabled:!1,tabIndex:null,template:null,onClick:null,onKeyDown:null});var _=function(t){R(u,n);var i,o,a=(i=u,o=z(),function(){var e,t=P(i);if(o){var n=P(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return F(this,e)});function u(e){var t;return S(this,u),(t=a.call(this,e)).onEnter=t.onEnter.bind(x(t)),t.onFilterInputChange=t.onFilterInputChange.bind(x(t)),t}return L(u,[{key:"onEnter",value:function(){var e=this;this.props.onEnter((function(){if(e.virtualScrollerRef){var t=e.props.getSelectedOptionIndex();-1!==t&&e.virtualScrollerRef.scrollToIndex(t)}}))}},{key:"onFilterInputChange",value:function(e){this.virtualScrollerRef&&this.virtualScrollerRef.scrollToIndex(0),this.props.onFilterInputChange&&this.props.onFilterInputChange(e)}},{key:"isEmptyFilter",value:function(){return!(this.props.visibleOptions&&this.props.visibleOptions.length)&&this.props.hasFilter()}},{key:"renderHeader",value:function(){return e.createElement(T,{filter:this.props.filter,filterValue:this.props.filterValue,onFilter:this.onFilterInputChange,filterPlaceholder:this.props.filterPlaceholder,onClose:this.props.onCloseClick,showSelectAll:this.props.showSelectAll,selectAll:this.props.isAllSelected(),onSelectAll:this.props.onSelectAll,template:this.props.panelHeaderTemplate})}},{key:"renderFooter",value:function(){if(this.props.panelFooterTemplate){var t=l.getJSXElement(this.props.panelFooterTemplate,this.props,this.props.onOverlayHide);return e.createElement("div",{className:"p-multiselect-footer"},t)}return null}},{key:"renderGroupChildren",value:function(t){var n=this;return this.props.getOptionGroupChildren(t).map((function(t,i){var r=n.props.getOptionLabel(t),o=i+"_"+n.props.getOptionRenderKey(t),l=n.props.isOptionDisabled(t),s=l?null:n.props.tabIndex||0;return e.createElement(M,{key:o,label:r,option:t,template:n.props.itemTemplate,selected:n.props.isSelected(t),onClick:n.props.onOptionSelect,onKeyDown:n.props.onOptionKeyDown,tabIndex:s,disabled:l})}))}},{key:"renderEmptyFilter",value:function(){var t=l.getJSXElement(this.props.emptyFilterMessage,this.props);return e.createElement("li",{className:"p-multiselect-empty-message"},t)}},{key:"renderItem",value:function(t,n){if(this.props.optionGroupLabel){var i=this.props.optionGroupTemplate?l.getJSXElement(this.props.optionGroupTemplate,t,n):this.props.getOptionGroupLabel(t),r=this.renderGroupChildren(t),o=n+"_"+this.props.getOptionGroupRenderKey(t);return e.createElement(e.Fragment,{key:o},e.createElement("li",{className:"p-multiselect-item-group"},i),r)}var s=this.props.getOptionLabel(t),p=n+"_"+this.props.getOptionRenderKey(t),a=this.props.isOptionDisabled(t),u=a?null:this.props.tabIndex||0;return e.createElement(M,{key:p,label:s,option:t,template:this.props.itemTemplate,selected:this.props.isSelected(t),onClick:this.props.onOptionSelect,onKeyDown:this.props.onOptionKeyDown,tabIndex:u,disabled:a})}},{key:"renderItems",value:function(){var e=this;return this.props.visibleOptions&&this.props.visibleOptions.length?this.props.visibleOptions.map((function(t,n){return e.renderItem(t,n)})):this.props.hasFilter()?this.renderEmptyFilter():null}},{key:"renderContent",value:function(){var t=this;if(this.props.virtualScrollerOptions){var n=q(q({},this.props.virtualScrollerOptions),{style:q(q({},this.props.virtualScrollerOptions.style),{height:this.props.scrollHeight}),className:r("p-multiselect-items-wrapper",this.props.virtualScrollerOptions.className),items:this.props.visibleOptions,onLazyLoad:function(e){return t.props.virtualScrollerOptions.onLazyLoad(q(q({},e),{filter:t.props.filterValue}))},itemTemplate:function(e,n){return e&&t.renderItem(e,n.index)},contentTemplate:function(n){var i=r("p-multiselect-items p-component",n.className),o=t.isEmptyFilter()?t.renderEmptyFilter():n.children;return e.createElement("ul",{ref:n.contentRef,className:i,role:"listbox","aria-multiselectable":!0},o)}});return e.createElement(f,m({ref:function(e){return t.virtualScrollerRef=e}},n))}var i=this.renderItems();return e.createElement("div",{className:"p-multiselect-items-wrapper",style:{maxHeight:this.props.scrollHeight}},e.createElement("ul",{className:"p-multiselect-items p-component",role:"listbox","aria-multiselectable":!0},i))}},{key:"renderElement",value:function(){var t=r("p-multiselect-panel p-component",{"p-multiselect-limited":!this.props.allowOptionSelect()},this.props.panelClassName),n=this.renderHeader(),i=this.renderContent(),o=this.renderFooter();return e.createElement(s,{nodeRef:this.props.forwardRef,classNames:"p-connected-overlay",in:this.props.in,timeout:{enter:120,exit:100},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.onEnter,onEntered:this.props.onEntered,onExit:this.props.onExit,onExited:this.props.onExited},e.createElement("div",{ref:this.props.forwardRef,className:t,style:this.props.panelStyle,onClick:this.props.onClick},n,i,o))}},{key:"render",value:function(){var t=this.renderElement();return e.createElement(p,{element:t,appendTo:this.props.appendTo})}}]),u}(),U=e.forwardRef((function(t,n){return e.createElement(_,m({forwardRef:n},t))}));function J(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function X(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){V(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}function W(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=$(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var i=0,r=function(){};return{s:r,n:function(){return i>=e.length?{done:!0}:{done:!1,value:e[i++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,l=!0,s=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return l=e.done,e},e:function(e){s=!0,o=e},f:function(){try{l||null==n.return||n.return()}finally{if(s)throw o}}}}function $(e,t){if(e){if("string"==typeof e)return Q(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)?Q(e,t):void 0}}function Q(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=new Array(t);n<t;n++)i[n]=e[n];return i}function Y(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var Z=function(o){R(f,n);var s,p,d=(s=f,p=Y(),function(){var e,t=P(s);if(p){var n=P(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return F(this,e)});function f(e){var n;return S(this,f),(n=d.call(this,e)).state={filter:"",focused:!1,overlayVisible:!1},n.onClick=n.onClick.bind(x(n)),n.onKeyDown=n.onKeyDown.bind(x(n)),n.onOptionSelect=n.onOptionSelect.bind(x(n)),n.onOptionKeyDown=n.onOptionKeyDown.bind(x(n)),n.onFocus=n.onFocus.bind(x(n)),n.onBlur=n.onBlur.bind(x(n)),n.onFilterInputChange=n.onFilterInputChange.bind(x(n)),n.onCloseClick=n.onCloseClick.bind(x(n)),n.onSelectAll=n.onSelectAll.bind(x(n)),n.onOverlayEnter=n.onOverlayEnter.bind(x(n)),n.onOverlayEntered=n.onOverlayEntered.bind(x(n)),n.onOverlayExit=n.onOverlayExit.bind(x(n)),n.onOverlayExited=n.onOverlayExited.bind(x(n)),n.onPanelClick=n.onPanelClick.bind(x(n)),n.getOptionLabel=n.getOptionLabel.bind(x(n)),n.getOptionRenderKey=n.getOptionRenderKey.bind(x(n)),n.isOptionDisabled=n.isOptionDisabled.bind(x(n)),n.getOptionGroupChildren=n.getOptionGroupChildren.bind(x(n)),n.getOptionGroupLabel=n.getOptionGroupLabel.bind(x(n)),n.getOptionGroupRenderKey=n.getOptionGroupRenderKey.bind(x(n)),n.allowOptionSelect=n.allowOptionSelect.bind(x(n)),n.isSelected=n.isSelected.bind(x(n)),n.isAllSelected=n.isAllSelected.bind(x(n)),n.hasFilter=n.hasFilter.bind(x(n)),n.getSelectedOptionIndex=n.getSelectedOptionIndex.bind(x(n)),n.hide=n.hide.bind(x(n)),n.onOptionKeyDown=n.onOptionKeyDown.bind(x(n)),n.overlayRef=t(),n.inputRef=t(n.props.inputRef),n}return L(f,[{key:"onPanelClick",value:function(e){a.emit("overlay-click",{originalEvent:e,target:this.container})}},{key:"allowOptionSelect",value:function(){return!this.props.selectionLimit||!this.props.value||this.props.value&&this.props.value.length<this.props.selectionLimit}},{key:"onOptionSelect",value:function(e){var t=this,n=e.originalEvent,i=e.option;if(!this.props.disabled&&!this.isOptionDisabled(i)){var r=this.getOptionValue(i),o=this.isOptionValueUsed(i),s=this.isSelected(i),p=this.allowOptionSelect();s?this.updateModel(n,this.props.value.filter((function(e){return!l.equals(o?e:t.getOptionValue(e),r,t.equalityKey())}))):p&&this.updateModel(n,[].concat(E(this.props.value||[]),[r]))}}},{key:"onOptionKeyDown",value:function(e){var t=e.originalEvent,n=t.currentTarget;switch(t.which){case 40:var i=this.findNextItem(n);i&&i.focus(),t.preventDefault();break;case 38:var r=this.findPrevItem(n);r&&r.focus(),t.preventDefault();break;case 13:case 32:this.onOptionSelect(e),t.preventDefault();break;case 27:this.hide(),this.inputRef.current.focus()}}},{key:"findNextItem",value:function(e){var t=e.nextElementSibling;return t?u.hasClass(t,"p-disabled")||u.hasClass(t,"p-multiselect-item-group")?this.findNextItem(t):t:null}},{key:"findPrevItem",value:function(e){var t=e.previousElementSibling;return t?u.hasClass(t,"p-disabled")||u.hasClass(t,"p-multiselect-item-group")?this.findPrevItem(t):t:null}},{key:"onClick",value:function(e){this.props.disabled||this.isPanelClicked(e)||u.hasClass(e.target,"p-multiselect-token-icon")||this.isClearClicked(e)||(this.state.overlayVisible?this.hide():this.show(),this.inputRef.current.focus())}},{key:"onKeyDown",value:function(e){switch(e.which){case 40:!this.state.overlayVisible&&e.altKey&&(this.show(),e.preventDefault());break;case 32:this.state.overlayVisible?this.hide():this.show(),e.preventDefault();break;case 27:this.hide();break;case 9:if(this.state.overlayVisible){var t=u.getFirstFocusableElement(this.overlayRef.current);t&&(t.focus(),e.preventDefault())}}}},{key:"onSelectAll",value:function(e){var t=this;if(this.props.onSelectAll)this.props.onSelectAll(e);else{var n=null,i=this.getVisibleOptions();if(e.checked){if(n=[],i){var r=i.filter((function(e){return t.isOptionDisabled(e)&&t.isSelected(e)}));n=r.map((function(e){return t.getOptionValue(e)}))}}else i&&(i=i.filter((function(e){return!t.isOptionDisabled(e)})),this.props.optionGroupLabel?(n=[],i.forEach((function(e){return n=[].concat(E(n),E(t.getOptionGroupChildren(e).filter((function(e){return!t.isOptionDisabled(e)})).map((function(e){return t.getOptionValue(e)}))))}))):n=i.map((function(e){return t.getOptionValue(e)})),n=E(new Set([].concat(E(n),E(this.props.value||[])))));this.updateModel(e.originalEvent,n)}}},{key:"updateModel",value:function(e,t){this.props.onChange&&this.props.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:this.props.name,id:this.props.id,value:t}})}},{key:"onFilterInputChange",value:function(e){var t=this,n=e.query;this.setState({filter:n},(function(){t.props.onFilter&&t.props.onFilter({originalEvent:e,filter:n})}))}},{key:"resetFilter",value:function(){var e=this;this.setState({filter:""},(function(){e.props.onFilter&&e.props.onFilter({filter:""})}))}},{key:"show",value:function(){this.setState({overlayVisible:!0})}},{key:"hide",value:function(){this.setState({overlayVisible:!1})}},{key:"onOverlayEnter",value:function(e){c.set("overlay",this.overlayRef.current),this.alignOverlay(),this.scrollInView(),e&&e()}},{key:"onOverlayEntered",value:function(e){this.bindDocumentClickListener(),this.bindScrollListener(),this.bindResizeListener(),e&&e(),this.props.onShow&&this.props.onShow()}},{key:"onOverlayExit",value:function(){this.unbindDocumentClickListener(),this.unbindScrollListener(),this.unbindResizeListener()}},{key:"onOverlayExited",value:function(){this.props.filter&&this.props.resetFilterOnHide&&this.resetFilter(),c.clear(this.overlayRef.current),this.props.onHide&&this.props.onHide()}},{key:"alignOverlay",value:function(){u.alignOverlay(this.overlayRef.current,this.label.parentElement,this.props.appendTo||y.appendTo)}},{key:"scrollInView",value:function(){var e=u.findSingle(this.overlayRef.current,"li.p-highlight");e&&e.scrollIntoView({block:"nearest",inline:"start"})}},{key:"onCloseClick",value:function(e){this.hide(),this.inputRef.current.focus(),e.preventDefault(),e.stopPropagation()}},{key:"getSelectedOptionIndex",value:function(){if(null!=this.props.value&&this.props.options){if(!this.props.optionGroupLabel)return this.findOptionIndexInList(this.props.value,this.props.options);for(var e=0;e<this.props.options.length;e++){var t=this.findOptionIndexInList(this.props.value,this.getOptionGroupChildren(this.props.options[e]));if(-1!==t)return{group:e,option:t}}}return-1}},{key:"findOptionIndexInList",value:function(e,t){var n=this,i=this.equalityKey();return t.findIndex((function(t){return e.some((function(e){return l.equals(e,n.getOptionValue(t),i)}))}))}},{key:"isSelected",value:function(e){var t=this,n=!1;if(this.props.value){var i=this.getOptionValue(e),r=this.isOptionValueUsed(e),o=this.equalityKey();n=this.props.value.some((function(e){return l.equals(r?e:t.getOptionValue(e),i,o)}))}return n}},{key:"getLabelByValue",value:function(e){var t;if(this.props.options)if(this.props.optionGroupLabel){var n,i=W(this.props.options);try{for(i.s();!(n=i.n()).done;){if(t=this.findOptionByValue(e,this.getOptionGroupChildren(n.value)))break}}catch(e){i.e(e)}finally{i.f()}}else t=this.findOptionByValue(e,this.props.options);return t?this.getOptionLabel(t):null}},{key:"findOptionByValue",value:function(e,t){var n,i=this.equalityKey(),r=W(t);try{for(r.s();!(n=r.n()).done;){var o=n.value,s=this.getOptionValue(o);if(l.equals(s,e,i))return o}}catch(e){r.e(e)}finally{r.f()}return null}},{key:"onFocus",value:function(e){var t=this;e.persist(),this.setState({focused:!0},(function(){t.props.onFocus&&t.props.onFocus(e)}))}},{key:"onBlur",value:function(e){var t=this;e.persist(),this.setState({focused:!1},(function(){t.props.onBlur&&t.props.onBlur(e)}))}},{key:"bindDocumentClickListener",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){e.state.overlayVisible&&e.isOutsideClicked(t)&&e.hide()},document.addEventListener("click",this.documentClickListener))}},{key:"bindScrollListener",value:function(){var e=this;this.scrollHandler||(this.scrollHandler=new h(this.container,(function(){e.state.overlayVisible&&e.hide()}))),this.scrollHandler.bindScrollListener()}},{key:"unbindScrollListener",value:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}},{key:"bindResizeListener",value:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.state.overlayVisible&&!u.isAndroid()&&e.hide()},window.addEventListener("resize",this.resizeListener))}},{key:"unbindResizeListener",value:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)}},{key:"isOutsideClicked",value:function(e){return this.container&&!(this.container.isSameNode(e.target)||this.isClearClicked(e)||this.container.contains(e.target)||this.isPanelClicked(e))}},{key:"isClearClicked",value:function(e){return u.hasClass(e.target,"p-multiselect-clear-icon")}},{key:"isPanelClicked",value:function(e){return this.overlayRef&&this.overlayRef.current&&this.overlayRef.current.contains(e.target)}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"updateInputRef",value:function(){var e=this.props.inputRef;e&&("function"==typeof e?e(this.inputRef.current):e.current=this.inputRef.current)}},{key:"componentDidMount",value:function(){this.updateInputRef(),this.props.tooltip&&this.renderTooltip()}},{key:"componentDidUpdate",value:function(e){e.tooltip===this.props.tooltip&&e.tooltipOptions===this.props.tooltipOptions||(this.tooltip?this.tooltip.update(X({content:this.props.tooltip},this.props.tooltipOptions||{})):this.renderTooltip()),this.state.overlayVisible&&this.hasFilter()&&this.alignOverlay()}},{key:"componentWillUnmount",value:function(){this.unbindDocumentClickListener(),this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.tooltip&&(this.tooltip.destroy(),this.tooltip=null),c.clear(this.overlayRef.current)}},{key:"hasFilter",value:function(){return this.state.filter&&this.state.filter.trim().length>0}},{key:"isAllSelected",value:function(){var e=this;if(this.props.onSelectAll)return this.props.selectAll;var t=this.getVisibleOptions();if(0===t.length)return!1;if(t=t.filter((function(t){return!e.isOptionDisabled(t)})),this.props.optionGroupLabel){var n,i=W(t);try{for(i.s();!(n=i.n()).done;){var r,o=W(this.getOptionGroupChildren(n.value).filter((function(t){return!e.isOptionDisabled(t)})));try{for(o.s();!(r=o.n()).done;){if(!this.isSelected(r.value))return!1}}catch(e){o.e(e)}finally{o.f()}}}catch(e){i.e(e)}finally{i.f()}}else{var l,s=W(t);try{for(s.s();!(l=s.n()).done;){if(!this.isSelected(l.value))return!1}}catch(e){s.e(e)}finally{s.f()}}return!0}},{key:"getOptionLabel",value:function(e){return this.props.optionLabel?l.resolveFieldData(e,this.props.optionLabel):e&&void 0!==e.label?e.label:e}},{key:"getOptionValue",value:function(e){if(this.props.optionValue){var t=l.resolveFieldData(e,this.props.optionValue);return null!==t?t:e}return e&&void 0!==e.value?e.value:e}},{key:"getOptionRenderKey",value:function(e){return this.props.dataKey?l.resolveFieldData(e,this.props.dataKey):this.getOptionLabel(e)}},{key:"getOptionGroupRenderKey",value:function(e){return l.resolveFieldData(e,this.props.optionGroupLabel)}},{key:"getOptionGroupLabel",value:function(e){return l.resolveFieldData(e,this.props.optionGroupLabel)}},{key:"getOptionGroupChildren",value:function(e){return l.resolveFieldData(e,this.props.optionGroupChildren)}},{key:"isOptionDisabled",value:function(e){return this.props.optionDisabled?l.isFunction(this.props.optionDisabled)?this.props.optionDisabled(e):l.resolveFieldData(e,this.props.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled}},{key:"isOptionValueUsed",value:function(e){return this.props.optionValue||e&&void 0!==e.value}},{key:"getVisibleOptions",value:function(){if(this.hasFilter()){var e=this.state.filter.trim().toLocaleLowerCase(this.props.filterLocale),t=this.props.filterBy?this.props.filterBy.split(","):[this.props.optionLabel||"label"];if(this.props.optionGroupLabel){var n,i=[],r=W(this.props.options);try{for(r.s();!(n=r.n()).done;){var o=n.value,l=v.filter(this.getOptionGroupChildren(o),t,e,this.props.filterMatchMode,this.props.filterLocale);l&&l.length&&i.push(X(X({},o),{items:l}))}}catch(e){r.e(e)}finally{r.f()}return i}return v.filter(this.props.options,t,e,this.props.filterMatchMode,this.props.filterLocale)}return this.props.options}},{key:"isEmpty",value:function(){return!this.props.value||0===this.props.value.length}},{key:"equalityKey",value:function(){return this.props.optionValue?null:this.props.dataKey}},{key:"checkValidity",value:function(){return this.inputRef.current.checkValidity()}},{key:"removeChip",value:function(e,t){var n=this.equalityKey(),i=this.props.value.filter((function(e){return!l.equals(e,t,n)}));this.updateModel(e,i)}},{key:"getSelectedItemsLabel",value:function(){var e=/{(.*?)}/;return e.test(this.props.selectedItemsLabel)?this.props.selectedItemsLabel.replace(this.props.selectedItemsLabel.match(e)[0],this.props.value.length+""):this.props.selectedItemsLabel}},{key:"getLabel",value:function(){var e;if(!this.isEmpty()&&!this.props.fixedPlaceholder){if(this.props.value.length<=this.props.maxSelectedLabels){e="";for(var t=0;t<this.props.value.length;t++)0!==t&&(e+=","),e+=this.getLabelByValue(this.props.value[t]);return e}return this.getSelectedItemsLabel()}return e}},{key:"getLabelContent",value:function(){var t=this;return this.props.selectedItemTemplate?this.isEmpty()?l.getJSXElement(this.props.selectedItemTemplate):this.props.value.length<=this.props.maxSelectedLabels?this.props.value.map((function(n,i){var r=l.getJSXElement(t.props.selectedItemTemplate,n);return e.createElement(e.Fragment,{key:i},r)})):this.getSelectedItemsLabel():"chip"!==this.props.display||this.isEmpty()?this.getLabel():this.props.value.map((function(n){var i=t.getLabelByValue(n);return e.createElement("div",{className:"p-multiselect-token",key:i},e.createElement("span",{className:"p-multiselect-token-label"},i),!t.props.disabled&&e.createElement("span",{className:"p-multiselect-token-icon pi pi-times-circle",onClick:function(e){return t.removeChip(e,n)}}))}))}},{key:"renderTooltip",value:function(){this.tooltip=i({target:this.container,content:this.props.tooltip,options:this.props.tooltipOptions})}},{key:"renderClearIcon",value:function(){var t=this;return this.isEmpty()||!this.props.showClear||this.props.disabled?null:e.createElement("i",{className:"p-multiselect-clear-icon pi pi-times",onClick:function(e){return t.updateModel(e,null)}})}},{key:"renderLabel",value:function(){var t=this,n=this.isEmpty(),i=this.getLabelContent(),o=r("p-multiselect-label",{"p-placeholder":n&&this.props.placeholder,"p-multiselect-label-empty":n&&!this.props.placeholder&&!this.props.selectedItemTemplate,"p-multiselect-items-label":!n&&this.props.value.length>this.props.maxSelectedLabels});return e.createElement("div",{ref:function(e){return t.label=e},className:"p-multiselect-label-container"},e.createElement("div",{className:o},i||this.props.placeholder||"empty"))}},{key:"render",value:function(){var t=this,n=r("p-multiselect p-component p-inputwrapper",{"p-multiselect-chip":"chip"===this.props.display,"p-disabled":this.props.disabled,"p-multiselect-clearable":this.props.showClear&&!this.props.disabled,"p-focus":this.state.focused,"p-inputwrapper-filled":this.props.value&&this.props.value.length>0,"p-inputwrapper-focus":this.state.focused||this.state.overlayVisible},this.props.className),i=r("p-multiselect-trigger-icon p-c",this.props.dropdownIcon),o=this.getVisibleOptions(),l=this.renderLabel(),s=this.renderClearIcon();return e.createElement("div",{id:this.props.id,className:n,onClick:this.onClick,ref:function(e){return t.container=e},style:this.props.style},e.createElement("div",{className:"p-hidden-accessible"},e.createElement("input",{ref:this.inputRef,id:this.props.inputId,name:this.props.name,readOnly:!0,type:"text",onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.onKeyDown,role:"listbox","aria-haspopup":"listbox","aria-labelledby":this.props.ariaLabelledBy,"aria-expanded":this.state.overlayVisible,disabled:this.props.disabled,tabIndex:this.props.tabIndex})),l,s,e.createElement("div",{className:"p-multiselect-trigger"},e.createElement("span",{className:i})),e.createElement(U,m({ref:this.overlayRef,visibleOptions:o},this.props,{onClick:this.onPanelClick,onOverlayHide:this.hide,filterValue:this.state.filter,hasFilter:this.hasFilter,onFilterInputChange:this.onFilterInputChange,onCloseClick:this.onCloseClick,onSelectAll:this.onSelectAll,getOptionLabel:this.getOptionLabel,getOptionRenderKey:this.getOptionRenderKey,isOptionDisabled:this.isOptionDisabled,getOptionGroupChildren:this.getOptionGroupChildren,getOptionGroupLabel:this.getOptionGroupLabel,getOptionGroupRenderKey:this.getOptionGroupRenderKey,isSelected:this.isSelected,getSelectedOptionIndex:this.getSelectedOptionIndex,isAllSelected:this.isAllSelected,onOptionSelect:this.onOptionSelect,allowOptionSelect:this.allowOptionSelect,onOptionKeyDown:this.onOptionKeyDown,in:this.state.overlayVisible,onEnter:this.onOverlayEnter,onEntered:this.onOverlayEntered,onExit:this.onOverlayExit,onExited:this.onOverlayExited})))}}]),f}();V(Z,"defaultProps",{id:null,inputRef:null,name:null,value:null,options:null,optionLabel:null,optionValue:null,optionDisabled:null,optionGroupLabel:null,optionGroupChildren:null,optionGroupTemplate:null,display:"comma",style:null,className:null,panelClassName:null,panelStyle:null,virtualScrollerOptions:null,scrollHeight:"200px",placeholder:null,fixedPlaceholder:!1,disabled:!1,showClear:!1,filter:!1,filterBy:null,filterMatchMode:"contains",filterPlaceholder:null,filterLocale:void 0,emptyFilterMessage:"No results found",resetFilterOnHide:!1,tabIndex:0,dataKey:null,inputId:null,appendTo:null,tooltip:null,tooltipOptions:null,maxSelectedLabels:3,selectionLimit:null,selectedItemsLabel:"{0} items selected",ariaLabelledBy:null,itemTemplate:null,selectedItemTemplate:null,panelHeaderTemplate:null,panelFooterTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",showSelectAll:!0,selectAll:!1,onChange:null,onFocus:null,onBlur:null,onShow:null,onHide:null,onFilter:null,onSelectAll:null});export{Z as MultiSelect};
|
|
@@ -133,6 +133,8 @@ this.primereact.multiselect = (function (exports, React, core, inputtext, virtua
|
|
|
133
133
|
function _possibleConstructorReturn(self, call) {
|
|
134
134
|
if (call && (_typeof(call) === "object" || typeof call === "function")) {
|
|
135
135
|
return call;
|
|
136
|
+
} else if (call !== void 0) {
|
|
137
|
+
throw new TypeError("Derived constructors may only return object or undefined");
|
|
136
138
|
}
|
|
137
139
|
|
|
138
140
|
return _assertThisInitialized(self);
|
|
@@ -193,10 +195,11 @@ this.primereact.multiselect = (function (exports, React, core, inputtext, virtua
|
|
|
193
195
|
key: "onClick",
|
|
194
196
|
value: function onClick(e) {
|
|
195
197
|
if (!this.props.disabled && !this.props.readOnly && this.props.onChange) {
|
|
198
|
+
var value = this.isChecked() ? this.props.falseValue : this.props.trueValue;
|
|
196
199
|
this.props.onChange({
|
|
197
200
|
originalEvent: e,
|
|
198
201
|
value: this.props.value,
|
|
199
|
-
checked:
|
|
202
|
+
checked: value,
|
|
200
203
|
stopPropagation: function stopPropagation() {},
|
|
201
204
|
preventDefault: function preventDefault() {},
|
|
202
205
|
target: {
|
|
@@ -204,10 +207,10 @@ this.primereact.multiselect = (function (exports, React, core, inputtext, virtua
|
|
|
204
207
|
name: this.props.name,
|
|
205
208
|
id: this.props.id,
|
|
206
209
|
value: this.props.value,
|
|
207
|
-
checked:
|
|
210
|
+
checked: value
|
|
208
211
|
}
|
|
209
212
|
});
|
|
210
|
-
this.inputRef.current.checked = !this.
|
|
213
|
+
this.inputRef.current.checked = !this.isChecked();
|
|
211
214
|
this.inputRef.current.focus();
|
|
212
215
|
e.preventDefault();
|
|
213
216
|
}
|
|
@@ -245,7 +248,7 @@ this.primereact.multiselect = (function (exports, React, core, inputtext, virtua
|
|
|
245
248
|
}, {
|
|
246
249
|
key: "componentDidUpdate",
|
|
247
250
|
value: function componentDidUpdate(prevProps) {
|
|
248
|
-
this.inputRef.current.checked = this.
|
|
251
|
+
this.inputRef.current.checked = this.isChecked();
|
|
249
252
|
|
|
250
253
|
if (prevProps.tooltip !== this.props.tooltip || prevProps.tooltipOptions !== this.props.tooltipOptions) {
|
|
251
254
|
if (this.tooltip) this.tooltip.update(_objectSpread$2({
|
|
@@ -284,22 +287,27 @@ this.primereact.multiselect = (function (exports, React, core, inputtext, virtua
|
|
|
284
287
|
options: this.props.tooltipOptions
|
|
285
288
|
});
|
|
286
289
|
}
|
|
290
|
+
}, {
|
|
291
|
+
key: "isChecked",
|
|
292
|
+
value: function isChecked() {
|
|
293
|
+
return this.props.checked === this.props.trueValue;
|
|
294
|
+
}
|
|
287
295
|
}, {
|
|
288
296
|
key: "render",
|
|
289
297
|
value: function render() {
|
|
290
298
|
var _this2 = this;
|
|
291
299
|
|
|
292
300
|
var containerClass = core.classNames('p-checkbox p-component', {
|
|
293
|
-
'p-checkbox-checked': this.
|
|
301
|
+
'p-checkbox-checked': this.isChecked(),
|
|
294
302
|
'p-checkbox-disabled': this.props.disabled,
|
|
295
303
|
'p-checkbox-focused': this.state.focused
|
|
296
304
|
}, this.props.className);
|
|
297
305
|
var boxClass = core.classNames('p-checkbox-box', {
|
|
298
|
-
'p-highlight': this.
|
|
306
|
+
'p-highlight': this.isChecked(),
|
|
299
307
|
'p-disabled': this.props.disabled,
|
|
300
308
|
'p-focus': this.state.focused
|
|
301
309
|
});
|
|
302
|
-
var iconClass = core.classNames('p-checkbox-icon p-c', _defineProperty({}, this.props.icon, this.
|
|
310
|
+
var iconClass = core.classNames('p-checkbox-icon p-c', _defineProperty({}, this.props.icon, this.isChecked()));
|
|
303
311
|
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
304
312
|
ref: function ref(el) {
|
|
305
313
|
return _this2.element = el;
|
|
@@ -319,7 +327,7 @@ this.primereact.multiselect = (function (exports, React, core, inputtext, virtua
|
|
|
319
327
|
id: this.props.inputId,
|
|
320
328
|
name: this.props.name,
|
|
321
329
|
tabIndex: this.props.tabIndex,
|
|
322
|
-
defaultChecked: this.
|
|
330
|
+
defaultChecked: this.isChecked(),
|
|
323
331
|
onKeyDown: this.onKeyDown,
|
|
324
332
|
onFocus: this.onFocus,
|
|
325
333
|
onBlur: this.onBlur,
|
|
@@ -332,7 +340,7 @@ this.primereact.multiselect = (function (exports, React, core, inputtext, virtua
|
|
|
332
340
|
return _this2.box = el;
|
|
333
341
|
},
|
|
334
342
|
role: "checkbox",
|
|
335
|
-
"aria-checked": this.
|
|
343
|
+
"aria-checked": this.isChecked()
|
|
336
344
|
}, /*#__PURE__*/React__default['default'].createElement("span", {
|
|
337
345
|
className: iconClass
|
|
338
346
|
})));
|
|
@@ -349,6 +357,8 @@ this.primereact.multiselect = (function (exports, React, core, inputtext, virtua
|
|
|
349
357
|
value: null,
|
|
350
358
|
name: null,
|
|
351
359
|
checked: false,
|
|
360
|
+
trueValue: true,
|
|
361
|
+
falseValue: false,
|
|
352
362
|
style: null,
|
|
353
363
|
className: null,
|
|
354
364
|
disabled: false,
|
|
@@ -739,7 +749,7 @@ this.primereact.multiselect = (function (exports, React, core, inputtext, virtua
|
|
|
739
749
|
var className = core.classNames('p-multiselect-items p-component', options.className);
|
|
740
750
|
var content = _this5.isEmptyFilter() ? _this5.renderEmptyFilter() : options.children;
|
|
741
751
|
return /*#__PURE__*/React__default['default'].createElement("ul", {
|
|
742
|
-
ref: options.
|
|
752
|
+
ref: options.contentRef,
|
|
743
753
|
className: className,
|
|
744
754
|
role: "listbox",
|
|
745
755
|
"aria-multiselectable": true
|
|
@@ -1600,7 +1610,7 @@ this.primereact.multiselect = (function (exports, React, core, inputtext, virtua
|
|
|
1600
1610
|
try {
|
|
1601
1611
|
for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
|
|
1602
1612
|
var optgroup = _step6.value;
|
|
1603
|
-
var filteredSubOptions =
|
|
1613
|
+
var filteredSubOptions = PrimeReact.FilterService.filter(this.getOptionGroupChildren(optgroup), searchFields, filterValue, this.props.filterMatchMode, this.props.filterLocale);
|
|
1604
1614
|
|
|
1605
1615
|
if (filteredSubOptions && filteredSubOptions.length) {
|
|
1606
1616
|
filteredGroups.push(_objectSpread(_objectSpread({}, optgroup), {
|
|
@@ -1616,7 +1626,7 @@ this.primereact.multiselect = (function (exports, React, core, inputtext, virtua
|
|
|
1616
1626
|
|
|
1617
1627
|
return filteredGroups;
|
|
1618
1628
|
} else {
|
|
1619
|
-
return
|
|
1629
|
+
return PrimeReact.FilterService.filter(this.props.options, searchFields, filterValue, this.props.filterMatchMode, this.props.filterLocale);
|
|
1620
1630
|
}
|
|
1621
1631
|
} else {
|
|
1622
1632
|
return this.props.options;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.multiselect=function(e,t,n,i,l,r){"use strict";function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=o(t),p=o(r);function a(){return(a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e}).apply(this,arguments)}function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=new Array(t);n<t;n++)i[n]=e[n];return i}function c(e){if(Array.isArray(e))return u(e)}function h(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 u(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)?u(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 y(e){return c(e)||h(e)||d(e)||f()}function v(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function m(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function b(e,t,n){return t&&m(e.prototype,t),n&&m(e,n),e}function O(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function k(e,t){return(k=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function g(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&k(e,t)}function C(e){return(C="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function E(e,t){return!t||"object"!==C(t)&&"function"!=typeof t?O(e):t}function S(e){return(S=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function w(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function L(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function D(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?L(Object(n),!0).forEach((function(t){w(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):L(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function R(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var x=function(e){g(o,e);var i,l,r=(i=o,l=R(),function(){var e,t=S(i);if(l){var n=S(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return E(this,e)});function o(e){var n;return v(this,o),(n=r.call(this,e)).state={focused:!1},n.onClick=n.onClick.bind(O(n)),n.onFocus=n.onFocus.bind(O(n)),n.onBlur=n.onBlur.bind(O(n)),n.onKeyDown=n.onKeyDown.bind(O(n)),n.inputRef=t.createRef(n.props.inputRef),n}return b(o,[{key:"onClick",value:function(e){this.props.disabled||this.props.readOnly||!this.props.onChange||(this.props.onChange({originalEvent:e,value:this.props.value,checked:!this.props.checked,stopPropagation:function(){},preventDefault:function(){},target:{type:"checkbox",name:this.props.name,id:this.props.id,value:this.props.value,checked:!this.props.checked}}),this.inputRef.current.checked=!this.props.checked,this.inputRef.current.focus(),e.preventDefault())}},{key:"updateInputRef",value:function(){var e=this.props.inputRef;e&&("function"==typeof e?e(this.inputRef.current):e.current=this.inputRef.current)}},{key:"componentDidMount",value:function(){this.updateInputRef(),this.props.tooltip&&this.renderTooltip()}},{key:"componentWillUnmount",value:function(){this.tooltip&&(this.tooltip.destroy(),this.tooltip=null)}},{key:"componentDidUpdate",value:function(e){this.inputRef.current.checked=this.props.checked,e.tooltip===this.props.tooltip&&e.tooltipOptions===this.props.tooltipOptions||(this.tooltip?this.tooltip.update(D({content:this.props.tooltip},this.props.tooltipOptions||{})):this.renderTooltip())}},{key:"onFocus",value:function(){this.setState({focused:!0})}},{key:"onBlur",value:function(){this.setState({focused:!1})}},{key:"onKeyDown",value:function(e){"Enter"===e.key&&(this.onClick(e),e.preventDefault())}},{key:"renderTooltip",value:function(){this.tooltip=n.tip({target:this.element,content:this.props.tooltip,options:this.props.tooltipOptions})}},{key:"render",value:function(){var e=this,t=n.classNames("p-checkbox p-component",{"p-checkbox-checked":this.props.checked,"p-checkbox-disabled":this.props.disabled,"p-checkbox-focused":this.state.focused},this.props.className),i=n.classNames("p-checkbox-box",{"p-highlight":this.props.checked,"p-disabled":this.props.disabled,"p-focus":this.state.focused}),l=n.classNames("p-checkbox-icon p-c",w({},this.props.icon,this.props.checked));return s.default.createElement("div",{ref:function(t){return e.element=t},id:this.props.id,className:t,style:this.props.style,onClick:this.onClick,onContextMenu:this.props.onContextMenu,onMouseDown:this.props.onMouseDown},s.default.createElement("div",{className:"p-hidden-accessible"},s.default.createElement("input",{ref:this.inputRef,type:"checkbox","aria-labelledby":this.props.ariaLabelledBy,id:this.props.inputId,name:this.props.name,tabIndex:this.props.tabIndex,defaultChecked:this.props.checked,onKeyDown:this.onKeyDown,onFocus:this.onFocus,onBlur:this.onBlur,disabled:this.props.disabled,readOnly:this.props.readOnly,required:this.props.required})),s.default.createElement("div",{className:i,ref:function(t){return e.box=t},role:"checkbox","aria-checked":this.props.checked},s.default.createElement("span",{className:l})))}}]),o}(t.Component);function I(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}w(x,"defaultProps",{id:null,inputRef:null,inputId:null,value:null,name:null,checked:!1,style:null,className:null,disabled:!1,required:!1,readOnly:!1,tabIndex:null,icon:"pi pi-check",tooltip:null,tooltipOptions:null,ariaLabelledBy:null,onChange:null,onMouseDown:null,onContextMenu:null});var F=function(e){g(o,e);var t,l,r=(t=o,l=I(),function(){var e,n=S(t);if(l){var i=S(this).constructor;e=Reflect.construct(n,arguments,i)}else e=n.apply(this,arguments);return E(this,e)});function o(e){var t;return v(this,o),(t=r.call(this,e)).onFilter=t.onFilter.bind(O(t)),t.onSelectAll=t.onSelectAll.bind(O(t)),t}return b(o,[{key:"onFilter",value:function(e){this.props.onFilter&&this.props.onFilter({originalEvent:e,query:e.target.value})}},{key:"onSelectAll",value:function(e){this.props.onSelectAll&&this.props.onSelectAll({originalEvent:e,checked:this.props.selectAll})}},{key:"renderFilterElement",value:function(){return this.props.filter?s.default.createElement("div",{className:"p-multiselect-filter-container"},s.default.createElement(i.InputText,{type:"text",role:"textbox",value:this.props.filterValue,onChange:this.onFilter,className:"p-multiselect-filter",placeholder:this.props.filterPlaceholder}),s.default.createElement("span",{className:"p-multiselect-filter-icon pi pi-search"})):null}},{key:"render",value:function(){var e=this.renderFilterElement(),t=this.props.showSelectAll&&s.default.createElement(x,{checked:this.props.selectAll,onChange:this.onSelectAll,role:"checkbox","aria-checked":this.props.selectAll}),i=s.default.createElement("button",{type:"button",className:"p-multiselect-close p-link",onClick:this.props.onClose},s.default.createElement("span",{className:"p-multiselect-close-icon pi pi-times"}),s.default.createElement(n.Ripple,null)),l=s.default.createElement("div",{className:"p-multiselect-header"},t,e,i);return this.props.template?n.ObjectUtils.getJSXElement(this.props.template,{className:"p-multiselect-header",checkboxElement:t,checked:this.props.selectAll,onChange:this.onSelectAll,filterElement:e,closeElement:i,closeElementClassName:"p-multiselect-close p-link",closeIconClassName:"p-multiselect-close-icon pi pi-times",onCloseClick:this.props.onClose,element:l,props:this.props}):l}}]),o}(t.Component);function j(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var N=function(e){g(r,e);var t,i,l=(t=r,i=j(),function(){var e,n=S(t);if(i){var l=S(this).constructor;e=Reflect.construct(n,arguments,l)}else e=n.apply(this,arguments);return E(this,e)});function r(e){var t;return v(this,r),(t=l.call(this,e)).onClick=t.onClick.bind(O(t)),t.onKeyDown=t.onKeyDown.bind(O(t)),t}return b(r,[{key:"onClick",value:function(e){this.props.onClick&&this.props.onClick({originalEvent:e,option:this.props.option}),e.preventDefault()}},{key:"onKeyDown",value:function(e){this.props.onKeyDown&&this.props.onKeyDown({originalEvent:e,option:this.props.option})}},{key:"render",value:function(){var e=n.classNames("p-multiselect-item",{"p-highlight":this.props.selected,"p-disabled":this.props.disabled},this.props.option.className),t=n.classNames("p-checkbox-box",{"p-highlight":this.props.selected}),i=n.classNames("p-checkbox-icon p-c",{"pi pi-check":this.props.selected}),l=this.props.template?n.ObjectUtils.getJSXElement(this.props.template,this.props.option):this.props.label;return s.default.createElement("li",{className:e,onClick:this.onClick,tabIndex:this.props.disabled?null:this.props.tabIndex||0,onKeyDown:this.onKeyDown,role:"option","aria-selected":this.props.selected},s.default.createElement("div",{className:"p-checkbox p-component"},s.default.createElement("div",{className:t},s.default.createElement("span",{className:i}))),s.default.createElement("span",null,l),s.default.createElement(n.Ripple,null))}}]),r}(t.Component);function P(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function K(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){w(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}function V(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}w(N,"defaultProps",{option:null,label:null,selected:!1,disabled:!1,tabIndex:null,template:null,onClick:null,onKeyDown:null});var A=function(e){g(o,e);var t,i,r=(t=o,i=V(),function(){var e,n=S(t);if(i){var l=S(this).constructor;e=Reflect.construct(n,arguments,l)}else e=n.apply(this,arguments);return E(this,e)});function o(e){var t;return v(this,o),(t=r.call(this,e)).onEnter=t.onEnter.bind(O(t)),t.onFilterInputChange=t.onFilterInputChange.bind(O(t)),t}return b(o,[{key:"onEnter",value:function(){var e=this;this.props.onEnter((function(){if(e.virtualScrollerRef){var t=e.props.getSelectedOptionIndex();-1!==t&&e.virtualScrollerRef.scrollToIndex(t)}}))}},{key:"onFilterInputChange",value:function(e){this.virtualScrollerRef&&this.virtualScrollerRef.scrollToIndex(0),this.props.onFilterInputChange&&this.props.onFilterInputChange(e)}},{key:"isEmptyFilter",value:function(){return!(this.props.visibleOptions&&this.props.visibleOptions.length)&&this.props.hasFilter()}},{key:"renderHeader",value:function(){return s.default.createElement(F,{filter:this.props.filter,filterValue:this.props.filterValue,onFilter:this.onFilterInputChange,filterPlaceholder:this.props.filterPlaceholder,onClose:this.props.onCloseClick,showSelectAll:this.props.showSelectAll,selectAll:this.props.isAllSelected(),onSelectAll:this.props.onSelectAll,template:this.props.panelHeaderTemplate})}},{key:"renderFooter",value:function(){if(this.props.panelFooterTemplate){var e=n.ObjectUtils.getJSXElement(this.props.panelFooterTemplate,this.props,this.props.onOverlayHide);return s.default.createElement("div",{className:"p-multiselect-footer"},e)}return null}},{key:"renderGroupChildren",value:function(e){var t=this;return this.props.getOptionGroupChildren(e).map((function(e,n){var i=t.props.getOptionLabel(e),l=n+"_"+t.props.getOptionRenderKey(e),r=t.props.isOptionDisabled(e),o=r?null:t.props.tabIndex||0;return s.default.createElement(N,{key:l,label:i,option:e,template:t.props.itemTemplate,selected:t.props.isSelected(e),onClick:t.props.onOptionSelect,onKeyDown:t.props.onOptionKeyDown,tabIndex:o,disabled:r})}))}},{key:"renderEmptyFilter",value:function(){var e=n.ObjectUtils.getJSXElement(this.props.emptyFilterMessage,this.props);return s.default.createElement("li",{className:"p-multiselect-empty-message"},e)}},{key:"renderItem",value:function(e,t){if(this.props.optionGroupLabel){var i=this.props.optionGroupTemplate?n.ObjectUtils.getJSXElement(this.props.optionGroupTemplate,e,t):this.props.getOptionGroupLabel(e),l=this.renderGroupChildren(e),r=t+"_"+this.props.getOptionGroupRenderKey(e);return s.default.createElement(s.default.Fragment,{key:r},s.default.createElement("li",{className:"p-multiselect-item-group"},i),l)}var o=this.props.getOptionLabel(e),p=t+"_"+this.props.getOptionRenderKey(e),a=this.props.isOptionDisabled(e),u=a?null:this.props.tabIndex||0;return s.default.createElement(N,{key:p,label:o,option:e,template:this.props.itemTemplate,selected:this.props.isSelected(e),onClick:this.props.onOptionSelect,onKeyDown:this.props.onOptionKeyDown,tabIndex:u,disabled:a})}},{key:"renderItems",value:function(){var e=this;return this.props.visibleOptions&&this.props.visibleOptions.length?this.props.visibleOptions.map((function(t,n){return e.renderItem(t,n)})):this.props.hasFilter()?this.renderEmptyFilter():null}},{key:"renderContent",value:function(){var e=this;if(this.props.virtualScrollerOptions){var t=K(K({},this.props.virtualScrollerOptions),{style:K(K({},this.props.virtualScrollerOptions.style),{height:this.props.scrollHeight}),className:n.classNames("p-multiselect-items-wrapper",this.props.virtualScrollerOptions.className),items:this.props.visibleOptions,onLazyLoad:function(t){return e.props.virtualScrollerOptions.onLazyLoad(K(K({},t),{filter:e.props.filterValue}))},itemTemplate:function(t,n){return t&&e.renderItem(t,n.index)},contentTemplate:function(t){var i=n.classNames("p-multiselect-items p-component",t.className),l=e.isEmptyFilter()?e.renderEmptyFilter():t.children;return s.default.createElement("ul",{ref:t.ref,className:i,role:"listbox","aria-multiselectable":!0},l)}});return s.default.createElement(l.VirtualScroller,a({ref:function(t){return e.virtualScrollerRef=t}},t))}var i=this.renderItems();return s.default.createElement("div",{className:"p-multiselect-items-wrapper",style:{maxHeight:this.props.scrollHeight}},s.default.createElement("ul",{className:"p-multiselect-items p-component",role:"listbox","aria-multiselectable":!0},i))}},{key:"renderElement",value:function(){var e=n.classNames("p-multiselect-panel p-component",{"p-multiselect-limited":!this.props.allowOptionSelect()},this.props.panelClassName),t=this.renderHeader(),i=this.renderContent(),l=this.renderFooter();return s.default.createElement(n.CSSTransition,{nodeRef:this.props.forwardRef,classNames:"p-connected-overlay",in:this.props.in,timeout:{enter:120,exit:100},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.onEnter,onEntered:this.props.onEntered,onExit:this.props.onExit,onExited:this.props.onExited},s.default.createElement("div",{ref:this.props.forwardRef,className:e,style:this.props.panelStyle,onClick:this.props.onClick},t,i,l))}},{key:"render",value:function(){var e=this.renderElement();return s.default.createElement(n.Portal,{element:e,appendTo:this.props.appendTo})}}]),o}(t.Component),G=s.default.forwardRef((function(e,t){return s.default.createElement(A,a({forwardRef:t},e))}));function T(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function B(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?T(Object(n),!0).forEach((function(t){w(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function H(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=U(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var i=0,l=function(){};return{s:l,n:function(){return i>=e.length?{done:!0}:{done:!1,value:e[i++]}},e:function(e){throw e},f:l}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var r,o=!0,s=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){s=!0,r=e},f:function(){try{o||null==n.return||n.return()}finally{if(s)throw r}}}}function U(e,t){if(e){if("string"==typeof e)return M(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)?M(e,t):void 0}}function M(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=new Array(t);n<t;n++)i[n]=e[n];return i}function q(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var z=function(e){g(o,e);var i,l,r=(i=o,l=q(),function(){var e,t=S(i);if(l){var n=S(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return E(this,e)});function o(e){var n;return v(this,o),(n=r.call(this,e)).state={filter:"",focused:!1,overlayVisible:!1},n.onClick=n.onClick.bind(O(n)),n.onKeyDown=n.onKeyDown.bind(O(n)),n.onOptionSelect=n.onOptionSelect.bind(O(n)),n.onOptionKeyDown=n.onOptionKeyDown.bind(O(n)),n.onFocus=n.onFocus.bind(O(n)),n.onBlur=n.onBlur.bind(O(n)),n.onFilterInputChange=n.onFilterInputChange.bind(O(n)),n.onCloseClick=n.onCloseClick.bind(O(n)),n.onSelectAll=n.onSelectAll.bind(O(n)),n.onOverlayEnter=n.onOverlayEnter.bind(O(n)),n.onOverlayEntered=n.onOverlayEntered.bind(O(n)),n.onOverlayExit=n.onOverlayExit.bind(O(n)),n.onOverlayExited=n.onOverlayExited.bind(O(n)),n.onPanelClick=n.onPanelClick.bind(O(n)),n.getOptionLabel=n.getOptionLabel.bind(O(n)),n.getOptionRenderKey=n.getOptionRenderKey.bind(O(n)),n.isOptionDisabled=n.isOptionDisabled.bind(O(n)),n.getOptionGroupChildren=n.getOptionGroupChildren.bind(O(n)),n.getOptionGroupLabel=n.getOptionGroupLabel.bind(O(n)),n.getOptionGroupRenderKey=n.getOptionGroupRenderKey.bind(O(n)),n.allowOptionSelect=n.allowOptionSelect.bind(O(n)),n.isSelected=n.isSelected.bind(O(n)),n.isAllSelected=n.isAllSelected.bind(O(n)),n.hasFilter=n.hasFilter.bind(O(n)),n.getSelectedOptionIndex=n.getSelectedOptionIndex.bind(O(n)),n.hide=n.hide.bind(O(n)),n.onOptionKeyDown=n.onOptionKeyDown.bind(O(n)),n.overlayRef=t.createRef(),n.inputRef=t.createRef(n.props.inputRef),n}return b(o,[{key:"onPanelClick",value:function(e){n.OverlayService.emit("overlay-click",{originalEvent:e,target:this.container})}},{key:"allowOptionSelect",value:function(){return!this.props.selectionLimit||!this.props.value||this.props.value&&this.props.value.length<this.props.selectionLimit}},{key:"onOptionSelect",value:function(e){var t=this,i=e.originalEvent,l=e.option;if(!this.props.disabled&&!this.isOptionDisabled(l)){var r=this.getOptionValue(l),o=this.isOptionValueUsed(l),s=this.isSelected(l),p=this.allowOptionSelect();s?this.updateModel(i,this.props.value.filter((function(e){return!n.ObjectUtils.equals(o?e:t.getOptionValue(e),r,t.equalityKey())}))):p&&this.updateModel(i,[].concat(y(this.props.value||[]),[r]))}}},{key:"onOptionKeyDown",value:function(e){var t=e.originalEvent,n=t.currentTarget;switch(t.which){case 40:var i=this.findNextItem(n);i&&i.focus(),t.preventDefault();break;case 38:var l=this.findPrevItem(n);l&&l.focus(),t.preventDefault();break;case 13:case 32:this.onOptionSelect(e),t.preventDefault();break;case 27:this.hide(),this.inputRef.current.focus()}}},{key:"findNextItem",value:function(e){var t=e.nextElementSibling;return t?n.DomHandler.hasClass(t,"p-disabled")||n.DomHandler.hasClass(t,"p-multiselect-item-group")?this.findNextItem(t):t:null}},{key:"findPrevItem",value:function(e){var t=e.previousElementSibling;return t?n.DomHandler.hasClass(t,"p-disabled")||n.DomHandler.hasClass(t,"p-multiselect-item-group")?this.findPrevItem(t):t:null}},{key:"onClick",value:function(e){this.props.disabled||this.isPanelClicked(e)||n.DomHandler.hasClass(e.target,"p-multiselect-token-icon")||this.isClearClicked(e)||(this.state.overlayVisible?this.hide():this.show(),this.inputRef.current.focus())}},{key:"onKeyDown",value:function(e){switch(e.which){case 40:!this.state.overlayVisible&&e.altKey&&(this.show(),e.preventDefault());break;case 32:this.state.overlayVisible?this.hide():this.show(),e.preventDefault();break;case 27:this.hide();break;case 9:if(this.state.overlayVisible){var t=n.DomHandler.getFirstFocusableElement(this.overlayRef.current);t&&(t.focus(),e.preventDefault())}}}},{key:"onSelectAll",value:function(e){var t=this;if(this.props.onSelectAll)this.props.onSelectAll(e);else{var n=null,i=this.getVisibleOptions();if(e.checked){if(n=[],i){var l=i.filter((function(e){return t.isOptionDisabled(e)&&t.isSelected(e)}));n=l.map((function(e){return t.getOptionValue(e)}))}}else i&&(i=i.filter((function(e){return!t.isOptionDisabled(e)})),this.props.optionGroupLabel?(n=[],i.forEach((function(e){return n=[].concat(y(n),y(t.getOptionGroupChildren(e).filter((function(e){return!t.isOptionDisabled(e)})).map((function(e){return t.getOptionValue(e)}))))}))):n=i.map((function(e){return t.getOptionValue(e)})),n=y(new Set([].concat(y(n),y(this.props.value||[])))));this.updateModel(e.originalEvent,n)}}},{key:"updateModel",value:function(e,t){this.props.onChange&&this.props.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:this.props.name,id:this.props.id,value:t}})}},{key:"onFilterInputChange",value:function(e){var t=this,n=e.query;this.setState({filter:n},(function(){t.props.onFilter&&t.props.onFilter({originalEvent:e,filter:n})}))}},{key:"resetFilter",value:function(){var e=this;this.setState({filter:""},(function(){e.props.onFilter&&e.props.onFilter({filter:""})}))}},{key:"show",value:function(){this.setState({overlayVisible:!0})}},{key:"hide",value:function(){this.setState({overlayVisible:!1})}},{key:"onOverlayEnter",value:function(e){n.ZIndexUtils.set("overlay",this.overlayRef.current),this.alignOverlay(),this.scrollInView(),e&&e()}},{key:"onOverlayEntered",value:function(e){this.bindDocumentClickListener(),this.bindScrollListener(),this.bindResizeListener(),e&&e(),this.props.onShow&&this.props.onShow()}},{key:"onOverlayExit",value:function(){this.unbindDocumentClickListener(),this.unbindScrollListener(),this.unbindResizeListener()}},{key:"onOverlayExited",value:function(){this.props.filter&&this.props.resetFilterOnHide&&this.resetFilter(),n.ZIndexUtils.clear(this.overlayRef.current),this.props.onHide&&this.props.onHide()}},{key:"alignOverlay",value:function(){n.DomHandler.alignOverlay(this.overlayRef.current,this.label.parentElement,this.props.appendTo||p.default.appendTo)}},{key:"scrollInView",value:function(){var e=n.DomHandler.findSingle(this.overlayRef.current,"li.p-highlight");e&&e.scrollIntoView({block:"nearest",inline:"start"})}},{key:"onCloseClick",value:function(e){this.hide(),this.inputRef.current.focus(),e.preventDefault(),e.stopPropagation()}},{key:"getSelectedOptionIndex",value:function(){if(null!=this.props.value&&this.props.options){if(!this.props.optionGroupLabel)return this.findOptionIndexInList(this.props.value,this.props.options);for(var e=0;e<this.props.options.length;e++){var t=this.findOptionIndexInList(this.props.value,this.getOptionGroupChildren(this.props.options[e]));if(-1!==t)return{group:e,option:t}}}return-1}},{key:"findOptionIndexInList",value:function(e,t){var i=this,l=this.equalityKey();return t.findIndex((function(t){return e.some((function(e){return n.ObjectUtils.equals(e,i.getOptionValue(t),l)}))}))}},{key:"isSelected",value:function(e){var t=this,i=!1;if(this.props.value){var l=this.getOptionValue(e),r=this.isOptionValueUsed(e),o=this.equalityKey();i=this.props.value.some((function(e){return n.ObjectUtils.equals(r?e:t.getOptionValue(e),l,o)}))}return i}},{key:"getLabelByValue",value:function(e){var t;if(this.props.options)if(this.props.optionGroupLabel){var n,i=H(this.props.options);try{for(i.s();!(n=i.n()).done;){if(t=this.findOptionByValue(e,this.getOptionGroupChildren(n.value)))break}}catch(e){i.e(e)}finally{i.f()}}else t=this.findOptionByValue(e,this.props.options);return t?this.getOptionLabel(t):null}},{key:"findOptionByValue",value:function(e,t){var i,l=this.equalityKey(),r=H(t);try{for(r.s();!(i=r.n()).done;){var o=i.value,s=this.getOptionValue(o);if(n.ObjectUtils.equals(s,e,l))return o}}catch(e){r.e(e)}finally{r.f()}return null}},{key:"onFocus",value:function(e){var t=this;e.persist(),this.setState({focused:!0},(function(){t.props.onFocus&&t.props.onFocus(e)}))}},{key:"onBlur",value:function(e){var t=this;e.persist(),this.setState({focused:!1},(function(){t.props.onBlur&&t.props.onBlur(e)}))}},{key:"bindDocumentClickListener",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){e.state.overlayVisible&&e.isOutsideClicked(t)&&e.hide()},document.addEventListener("click",this.documentClickListener))}},{key:"bindScrollListener",value:function(){var e=this;this.scrollHandler||(this.scrollHandler=new n.ConnectedOverlayScrollHandler(this.container,(function(){e.state.overlayVisible&&e.hide()}))),this.scrollHandler.bindScrollListener()}},{key:"unbindScrollListener",value:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}},{key:"bindResizeListener",value:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.state.overlayVisible&&!n.DomHandler.isAndroid()&&e.hide()},window.addEventListener("resize",this.resizeListener))}},{key:"unbindResizeListener",value:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)}},{key:"isOutsideClicked",value:function(e){return this.container&&!(this.container.isSameNode(e.target)||this.isClearClicked(e)||this.container.contains(e.target)||this.isPanelClicked(e))}},{key:"isClearClicked",value:function(e){return n.DomHandler.hasClass(e.target,"p-multiselect-clear-icon")}},{key:"isPanelClicked",value:function(e){return this.overlayRef&&this.overlayRef.current&&this.overlayRef.current.contains(e.target)}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"updateInputRef",value:function(){var e=this.props.inputRef;e&&("function"==typeof e?e(this.inputRef.current):e.current=this.inputRef.current)}},{key:"componentDidMount",value:function(){this.updateInputRef(),this.props.tooltip&&this.renderTooltip()}},{key:"componentDidUpdate",value:function(e){e.tooltip===this.props.tooltip&&e.tooltipOptions===this.props.tooltipOptions||(this.tooltip?this.tooltip.update(B({content:this.props.tooltip},this.props.tooltipOptions||{})):this.renderTooltip()),this.state.overlayVisible&&this.hasFilter()&&this.alignOverlay()}},{key:"componentWillUnmount",value:function(){this.unbindDocumentClickListener(),this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.tooltip&&(this.tooltip.destroy(),this.tooltip=null),n.ZIndexUtils.clear(this.overlayRef.current)}},{key:"hasFilter",value:function(){return this.state.filter&&this.state.filter.trim().length>0}},{key:"isAllSelected",value:function(){var e=this;if(this.props.onSelectAll)return this.props.selectAll;var t=this.getVisibleOptions();if(0===t.length)return!1;if(t=t.filter((function(t){return!e.isOptionDisabled(t)})),this.props.optionGroupLabel){var n,i=H(t);try{for(i.s();!(n=i.n()).done;){var l,r=H(this.getOptionGroupChildren(n.value).filter((function(t){return!e.isOptionDisabled(t)})));try{for(r.s();!(l=r.n()).done;){if(!this.isSelected(l.value))return!1}}catch(e){r.e(e)}finally{r.f()}}}catch(e){i.e(e)}finally{i.f()}}else{var o,s=H(t);try{for(s.s();!(o=s.n()).done;){if(!this.isSelected(o.value))return!1}}catch(e){s.e(e)}finally{s.f()}}return!0}},{key:"getOptionLabel",value:function(e){return this.props.optionLabel?n.ObjectUtils.resolveFieldData(e,this.props.optionLabel):e&&void 0!==e.label?e.label:e}},{key:"getOptionValue",value:function(e){if(this.props.optionValue){var t=n.ObjectUtils.resolveFieldData(e,this.props.optionValue);return null!==t?t:e}return e&&void 0!==e.value?e.value:e}},{key:"getOptionRenderKey",value:function(e){return this.props.dataKey?n.ObjectUtils.resolveFieldData(e,this.props.dataKey):this.getOptionLabel(e)}},{key:"getOptionGroupRenderKey",value:function(e){return n.ObjectUtils.resolveFieldData(e,this.props.optionGroupLabel)}},{key:"getOptionGroupLabel",value:function(e){return n.ObjectUtils.resolveFieldData(e,this.props.optionGroupLabel)}},{key:"getOptionGroupChildren",value:function(e){return n.ObjectUtils.resolveFieldData(e,this.props.optionGroupChildren)}},{key:"isOptionDisabled",value:function(e){return this.props.optionDisabled?n.ObjectUtils.isFunction(this.props.optionDisabled)?this.props.optionDisabled(e):n.ObjectUtils.resolveFieldData(e,this.props.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled}},{key:"isOptionValueUsed",value:function(e){return this.props.optionValue||e&&void 0!==e.value}},{key:"getVisibleOptions",value:function(){if(this.hasFilter()){var e=this.state.filter.trim().toLocaleLowerCase(this.props.filterLocale),t=this.props.filterBy?this.props.filterBy.split(","):[this.props.optionLabel||"label"];if(this.props.optionGroupLabel){var i,l=[],r=H(this.props.options);try{for(r.s();!(i=r.n()).done;){var o=i.value,s=n.FilterUtils.filter(this.getOptionGroupChildren(o),t,e,this.props.filterMatchMode,this.props.filterLocale);s&&s.length&&l.push(B(B({},o),{items:s}))}}catch(e){r.e(e)}finally{r.f()}return l}return n.FilterUtils.filter(this.props.options,t,e,this.props.filterMatchMode,this.props.filterLocale)}return this.props.options}},{key:"isEmpty",value:function(){return!this.props.value||0===this.props.value.length}},{key:"equalityKey",value:function(){return this.props.optionValue?null:this.props.dataKey}},{key:"checkValidity",value:function(){return this.inputRef.current.checkValidity()}},{key:"removeChip",value:function(e,t){var i=this.equalityKey(),l=this.props.value.filter((function(e){return!n.ObjectUtils.equals(e,t,i)}));this.updateModel(e,l)}},{key:"getSelectedItemsLabel",value:function(){var e=/{(.*?)}/;return e.test(this.props.selectedItemsLabel)?this.props.selectedItemsLabel.replace(this.props.selectedItemsLabel.match(e)[0],this.props.value.length+""):this.props.selectedItemsLabel}},{key:"getLabel",value:function(){var e;if(!this.isEmpty()&&!this.props.fixedPlaceholder){if(this.props.value.length<=this.props.maxSelectedLabels){e="";for(var t=0;t<this.props.value.length;t++)0!==t&&(e+=","),e+=this.getLabelByValue(this.props.value[t]);return e}return this.getSelectedItemsLabel()}return e}},{key:"getLabelContent",value:function(){var e=this;return this.props.selectedItemTemplate?this.isEmpty()?n.ObjectUtils.getJSXElement(this.props.selectedItemTemplate):this.props.value.length<=this.props.maxSelectedLabels?this.props.value.map((function(t,i){var l=n.ObjectUtils.getJSXElement(e.props.selectedItemTemplate,t);return s.default.createElement(s.default.Fragment,{key:i},l)})):this.getSelectedItemsLabel():"chip"!==this.props.display||this.isEmpty()?this.getLabel():this.props.value.map((function(t){var n=e.getLabelByValue(t);return s.default.createElement("div",{className:"p-multiselect-token",key:n},s.default.createElement("span",{className:"p-multiselect-token-label"},n),!e.props.disabled&&s.default.createElement("span",{className:"p-multiselect-token-icon pi pi-times-circle",onClick:function(n){return e.removeChip(n,t)}}))}))}},{key:"renderTooltip",value:function(){this.tooltip=n.tip({target:this.container,content:this.props.tooltip,options:this.props.tooltipOptions})}},{key:"renderClearIcon",value:function(){var e=this;return this.isEmpty()||!this.props.showClear||this.props.disabled?null:s.default.createElement("i",{className:"p-multiselect-clear-icon pi pi-times",onClick:function(t){return e.updateModel(t,null)}})}},{key:"renderLabel",value:function(){var e=this,t=this.isEmpty(),i=this.getLabelContent(),l=n.classNames("p-multiselect-label",{"p-placeholder":t&&this.props.placeholder,"p-multiselect-label-empty":t&&!this.props.placeholder&&!this.props.selectedItemTemplate,"p-multiselect-items-label":!t&&this.props.value.length>this.props.maxSelectedLabels});return s.default.createElement("div",{ref:function(t){return e.label=t},className:"p-multiselect-label-container"},s.default.createElement("div",{className:l},i||this.props.placeholder||"empty"))}},{key:"render",value:function(){var e=this,t=n.classNames("p-multiselect p-component p-inputwrapper",{"p-multiselect-chip":"chip"===this.props.display,"p-disabled":this.props.disabled,"p-multiselect-clearable":this.props.showClear&&!this.props.disabled,"p-focus":this.state.focused,"p-inputwrapper-filled":this.props.value&&this.props.value.length>0,"p-inputwrapper-focus":this.state.focused||this.state.overlayVisible},this.props.className),i=n.classNames("p-multiselect-trigger-icon p-c",this.props.dropdownIcon),l=this.getVisibleOptions(),r=this.renderLabel(),o=this.renderClearIcon();return s.default.createElement("div",{id:this.props.id,className:t,onClick:this.onClick,ref:function(t){return e.container=t},style:this.props.style},s.default.createElement("div",{className:"p-hidden-accessible"},s.default.createElement("input",{ref:this.inputRef,id:this.props.inputId,name:this.props.name,readOnly:!0,type:"text",onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.onKeyDown,role:"listbox","aria-haspopup":"listbox","aria-labelledby":this.props.ariaLabelledBy,"aria-expanded":this.state.overlayVisible,disabled:this.props.disabled,tabIndex:this.props.tabIndex})),r,o,s.default.createElement("div",{className:"p-multiselect-trigger"},s.default.createElement("span",{className:i})),s.default.createElement(G,a({ref:this.overlayRef,visibleOptions:l},this.props,{onClick:this.onPanelClick,onOverlayHide:this.hide,filterValue:this.state.filter,hasFilter:this.hasFilter,onFilterInputChange:this.onFilterInputChange,onCloseClick:this.onCloseClick,onSelectAll:this.onSelectAll,getOptionLabel:this.getOptionLabel,getOptionRenderKey:this.getOptionRenderKey,isOptionDisabled:this.isOptionDisabled,getOptionGroupChildren:this.getOptionGroupChildren,getOptionGroupLabel:this.getOptionGroupLabel,getOptionGroupRenderKey:this.getOptionGroupRenderKey,isSelected:this.isSelected,getSelectedOptionIndex:this.getSelectedOptionIndex,isAllSelected:this.isAllSelected,onOptionSelect:this.onOptionSelect,allowOptionSelect:this.allowOptionSelect,onOptionKeyDown:this.onOptionKeyDown,in:this.state.overlayVisible,onEnter:this.onOverlayEnter,onEntered:this.onOverlayEntered,onExit:this.onOverlayExit,onExited:this.onOverlayExited})))}}]),o}(t.Component);return w(z,"defaultProps",{id:null,inputRef:null,name:null,value:null,options:null,optionLabel:null,optionValue:null,optionDisabled:null,optionGroupLabel:null,optionGroupChildren:null,optionGroupTemplate:null,display:"comma",style:null,className:null,panelClassName:null,panelStyle:null,virtualScrollerOptions:null,scrollHeight:"200px",placeholder:null,fixedPlaceholder:!1,disabled:!1,showClear:!1,filter:!1,filterBy:null,filterMatchMode:"contains",filterPlaceholder:null,filterLocale:void 0,emptyFilterMessage:"No results found",resetFilterOnHide:!1,tabIndex:0,dataKey:null,inputId:null,appendTo:null,tooltip:null,tooltipOptions:null,maxSelectedLabels:3,selectionLimit:null,selectedItemsLabel:"{0} items selected",ariaLabelledBy:null,itemTemplate:null,selectedItemTemplate:null,panelHeaderTemplate:null,panelFooterTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",showSelectAll:!0,selectAll:!1,onChange:null,onFocus:null,onBlur:null,onShow:null,onHide:null,onFilter:null,onSelectAll:null}),e.MultiSelect=z,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.core,primereact.inputtext,primereact.virtualscroller,primereact.api);
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.multiselect=function(e,t,n,i,r,l){"use strict";function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=o(t),a=o(l);function p(){return(p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e}).apply(this,arguments)}function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=new Array(t);n<t;n++)i[n]=e[n];return i}function c(e){if(Array.isArray(e))return u(e)}function h(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 u(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)?u(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 y(e){return c(e)||h(e)||d(e)||f()}function v(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function m(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function b(e,t,n){return t&&m(e.prototype,t),n&&m(e,n),e}function O(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function k(e,t){return(k=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function g(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&k(e,t)}function C(e){return(C="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function E(e,t){if(t&&("object"===C(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return O(e)}function S(e){return(S=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function w(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function D(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function L(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?D(Object(n),!0).forEach((function(t){w(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):D(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function R(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var x=function(e){g(o,e);var i,r,l=(i=o,r=R(),function(){var e,t=S(i);if(r){var n=S(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return E(this,e)});function o(e){var n;return v(this,o),(n=l.call(this,e)).state={focused:!1},n.onClick=n.onClick.bind(O(n)),n.onFocus=n.onFocus.bind(O(n)),n.onBlur=n.onBlur.bind(O(n)),n.onKeyDown=n.onKeyDown.bind(O(n)),n.inputRef=t.createRef(n.props.inputRef),n}return b(o,[{key:"onClick",value:function(e){if(!this.props.disabled&&!this.props.readOnly&&this.props.onChange){var t=this.isChecked()?this.props.falseValue:this.props.trueValue;this.props.onChange({originalEvent:e,value:this.props.value,checked:t,stopPropagation:function(){},preventDefault:function(){},target:{type:"checkbox",name:this.props.name,id:this.props.id,value:this.props.value,checked:t}}),this.inputRef.current.checked=!this.isChecked(),this.inputRef.current.focus(),e.preventDefault()}}},{key:"updateInputRef",value:function(){var e=this.props.inputRef;e&&("function"==typeof e?e(this.inputRef.current):e.current=this.inputRef.current)}},{key:"componentDidMount",value:function(){this.updateInputRef(),this.props.tooltip&&this.renderTooltip()}},{key:"componentWillUnmount",value:function(){this.tooltip&&(this.tooltip.destroy(),this.tooltip=null)}},{key:"componentDidUpdate",value:function(e){this.inputRef.current.checked=this.isChecked(),e.tooltip===this.props.tooltip&&e.tooltipOptions===this.props.tooltipOptions||(this.tooltip?this.tooltip.update(L({content:this.props.tooltip},this.props.tooltipOptions||{})):this.renderTooltip())}},{key:"onFocus",value:function(){this.setState({focused:!0})}},{key:"onBlur",value:function(){this.setState({focused:!1})}},{key:"onKeyDown",value:function(e){"Enter"===e.key&&(this.onClick(e),e.preventDefault())}},{key:"renderTooltip",value:function(){this.tooltip=n.tip({target:this.element,content:this.props.tooltip,options:this.props.tooltipOptions})}},{key:"isChecked",value:function(){return this.props.checked===this.props.trueValue}},{key:"render",value:function(){var e=this,t=n.classNames("p-checkbox p-component",{"p-checkbox-checked":this.isChecked(),"p-checkbox-disabled":this.props.disabled,"p-checkbox-focused":this.state.focused},this.props.className),i=n.classNames("p-checkbox-box",{"p-highlight":this.isChecked(),"p-disabled":this.props.disabled,"p-focus":this.state.focused}),r=n.classNames("p-checkbox-icon p-c",w({},this.props.icon,this.isChecked()));return s.default.createElement("div",{ref:function(t){return e.element=t},id:this.props.id,className:t,style:this.props.style,onClick:this.onClick,onContextMenu:this.props.onContextMenu,onMouseDown:this.props.onMouseDown},s.default.createElement("div",{className:"p-hidden-accessible"},s.default.createElement("input",{ref:this.inputRef,type:"checkbox","aria-labelledby":this.props.ariaLabelledBy,id:this.props.inputId,name:this.props.name,tabIndex:this.props.tabIndex,defaultChecked:this.isChecked(),onKeyDown:this.onKeyDown,onFocus:this.onFocus,onBlur:this.onBlur,disabled:this.props.disabled,readOnly:this.props.readOnly,required:this.props.required})),s.default.createElement("div",{className:i,ref:function(t){return e.box=t},role:"checkbox","aria-checked":this.isChecked()},s.default.createElement("span",{className:r})))}}]),o}(t.Component);function I(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}w(x,"defaultProps",{id:null,inputRef:null,inputId:null,value:null,name:null,checked:!1,trueValue:!0,falseValue:!1,style:null,className:null,disabled:!1,required:!1,readOnly:!1,tabIndex:null,icon:"pi pi-check",tooltip:null,tooltipOptions:null,ariaLabelledBy:null,onChange:null,onMouseDown:null,onContextMenu:null});var F=function(e){g(o,e);var t,r,l=(t=o,r=I(),function(){var e,n=S(t);if(r){var i=S(this).constructor;e=Reflect.construct(n,arguments,i)}else e=n.apply(this,arguments);return E(this,e)});function o(e){var t;return v(this,o),(t=l.call(this,e)).onFilter=t.onFilter.bind(O(t)),t.onSelectAll=t.onSelectAll.bind(O(t)),t}return b(o,[{key:"onFilter",value:function(e){this.props.onFilter&&this.props.onFilter({originalEvent:e,query:e.target.value})}},{key:"onSelectAll",value:function(e){this.props.onSelectAll&&this.props.onSelectAll({originalEvent:e,checked:this.props.selectAll})}},{key:"renderFilterElement",value:function(){return this.props.filter?s.default.createElement("div",{className:"p-multiselect-filter-container"},s.default.createElement(i.InputText,{type:"text",role:"textbox",value:this.props.filterValue,onChange:this.onFilter,className:"p-multiselect-filter",placeholder:this.props.filterPlaceholder}),s.default.createElement("span",{className:"p-multiselect-filter-icon pi pi-search"})):null}},{key:"render",value:function(){var e=this.renderFilterElement(),t=this.props.showSelectAll&&s.default.createElement(x,{checked:this.props.selectAll,onChange:this.onSelectAll,role:"checkbox","aria-checked":this.props.selectAll}),i=s.default.createElement("button",{type:"button",className:"p-multiselect-close p-link",onClick:this.props.onClose},s.default.createElement("span",{className:"p-multiselect-close-icon pi pi-times"}),s.default.createElement(n.Ripple,null)),r=s.default.createElement("div",{className:"p-multiselect-header"},t,e,i);return this.props.template?n.ObjectUtils.getJSXElement(this.props.template,{className:"p-multiselect-header",checkboxElement:t,checked:this.props.selectAll,onChange:this.onSelectAll,filterElement:e,closeElement:i,closeElementClassName:"p-multiselect-close p-link",closeIconClassName:"p-multiselect-close-icon pi pi-times",onCloseClick:this.props.onClose,element:r,props:this.props}):r}}]),o}(t.Component);function j(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var N=function(e){g(l,e);var t,i,r=(t=l,i=j(),function(){var e,n=S(t);if(i){var r=S(this).constructor;e=Reflect.construct(n,arguments,r)}else e=n.apply(this,arguments);return E(this,e)});function l(e){var t;return v(this,l),(t=r.call(this,e)).onClick=t.onClick.bind(O(t)),t.onKeyDown=t.onKeyDown.bind(O(t)),t}return b(l,[{key:"onClick",value:function(e){this.props.onClick&&this.props.onClick({originalEvent:e,option:this.props.option}),e.preventDefault()}},{key:"onKeyDown",value:function(e){this.props.onKeyDown&&this.props.onKeyDown({originalEvent:e,option:this.props.option})}},{key:"render",value:function(){var e=n.classNames("p-multiselect-item",{"p-highlight":this.props.selected,"p-disabled":this.props.disabled},this.props.option.className),t=n.classNames("p-checkbox-box",{"p-highlight":this.props.selected}),i=n.classNames("p-checkbox-icon p-c",{"pi pi-check":this.props.selected}),r=this.props.template?n.ObjectUtils.getJSXElement(this.props.template,this.props.option):this.props.label;return s.default.createElement("li",{className:e,onClick:this.onClick,tabIndex:this.props.disabled?null:this.props.tabIndex||0,onKeyDown:this.onKeyDown,role:"option","aria-selected":this.props.selected},s.default.createElement("div",{className:"p-checkbox p-component"},s.default.createElement("div",{className:t},s.default.createElement("span",{className:i}))),s.default.createElement("span",null,r),s.default.createElement(n.Ripple,null))}}]),l}(t.Component);function P(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function V(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){w(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}function K(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}w(N,"defaultProps",{option:null,label:null,selected:!1,disabled:!1,tabIndex:null,template:null,onClick:null,onKeyDown:null});var A=function(e){g(o,e);var t,i,l=(t=o,i=K(),function(){var e,n=S(t);if(i){var r=S(this).constructor;e=Reflect.construct(n,arguments,r)}else e=n.apply(this,arguments);return E(this,e)});function o(e){var t;return v(this,o),(t=l.call(this,e)).onEnter=t.onEnter.bind(O(t)),t.onFilterInputChange=t.onFilterInputChange.bind(O(t)),t}return b(o,[{key:"onEnter",value:function(){var e=this;this.props.onEnter((function(){if(e.virtualScrollerRef){var t=e.props.getSelectedOptionIndex();-1!==t&&e.virtualScrollerRef.scrollToIndex(t)}}))}},{key:"onFilterInputChange",value:function(e){this.virtualScrollerRef&&this.virtualScrollerRef.scrollToIndex(0),this.props.onFilterInputChange&&this.props.onFilterInputChange(e)}},{key:"isEmptyFilter",value:function(){return!(this.props.visibleOptions&&this.props.visibleOptions.length)&&this.props.hasFilter()}},{key:"renderHeader",value:function(){return s.default.createElement(F,{filter:this.props.filter,filterValue:this.props.filterValue,onFilter:this.onFilterInputChange,filterPlaceholder:this.props.filterPlaceholder,onClose:this.props.onCloseClick,showSelectAll:this.props.showSelectAll,selectAll:this.props.isAllSelected(),onSelectAll:this.props.onSelectAll,template:this.props.panelHeaderTemplate})}},{key:"renderFooter",value:function(){if(this.props.panelFooterTemplate){var e=n.ObjectUtils.getJSXElement(this.props.panelFooterTemplate,this.props,this.props.onOverlayHide);return s.default.createElement("div",{className:"p-multiselect-footer"},e)}return null}},{key:"renderGroupChildren",value:function(e){var t=this;return this.props.getOptionGroupChildren(e).map((function(e,n){var i=t.props.getOptionLabel(e),r=n+"_"+t.props.getOptionRenderKey(e),l=t.props.isOptionDisabled(e),o=l?null:t.props.tabIndex||0;return s.default.createElement(N,{key:r,label:i,option:e,template:t.props.itemTemplate,selected:t.props.isSelected(e),onClick:t.props.onOptionSelect,onKeyDown:t.props.onOptionKeyDown,tabIndex:o,disabled:l})}))}},{key:"renderEmptyFilter",value:function(){var e=n.ObjectUtils.getJSXElement(this.props.emptyFilterMessage,this.props);return s.default.createElement("li",{className:"p-multiselect-empty-message"},e)}},{key:"renderItem",value:function(e,t){if(this.props.optionGroupLabel){var i=this.props.optionGroupTemplate?n.ObjectUtils.getJSXElement(this.props.optionGroupTemplate,e,t):this.props.getOptionGroupLabel(e),r=this.renderGroupChildren(e),l=t+"_"+this.props.getOptionGroupRenderKey(e);return s.default.createElement(s.default.Fragment,{key:l},s.default.createElement("li",{className:"p-multiselect-item-group"},i),r)}var o=this.props.getOptionLabel(e),a=t+"_"+this.props.getOptionRenderKey(e),p=this.props.isOptionDisabled(e),u=p?null:this.props.tabIndex||0;return s.default.createElement(N,{key:a,label:o,option:e,template:this.props.itemTemplate,selected:this.props.isSelected(e),onClick:this.props.onOptionSelect,onKeyDown:this.props.onOptionKeyDown,tabIndex:u,disabled:p})}},{key:"renderItems",value:function(){var e=this;return this.props.visibleOptions&&this.props.visibleOptions.length?this.props.visibleOptions.map((function(t,n){return e.renderItem(t,n)})):this.props.hasFilter()?this.renderEmptyFilter():null}},{key:"renderContent",value:function(){var e=this;if(this.props.virtualScrollerOptions){var t=V(V({},this.props.virtualScrollerOptions),{style:V(V({},this.props.virtualScrollerOptions.style),{height:this.props.scrollHeight}),className:n.classNames("p-multiselect-items-wrapper",this.props.virtualScrollerOptions.className),items:this.props.visibleOptions,onLazyLoad:function(t){return e.props.virtualScrollerOptions.onLazyLoad(V(V({},t),{filter:e.props.filterValue}))},itemTemplate:function(t,n){return t&&e.renderItem(t,n.index)},contentTemplate:function(t){var i=n.classNames("p-multiselect-items p-component",t.className),r=e.isEmptyFilter()?e.renderEmptyFilter():t.children;return s.default.createElement("ul",{ref:t.contentRef,className:i,role:"listbox","aria-multiselectable":!0},r)}});return s.default.createElement(r.VirtualScroller,p({ref:function(t){return e.virtualScrollerRef=t}},t))}var i=this.renderItems();return s.default.createElement("div",{className:"p-multiselect-items-wrapper",style:{maxHeight:this.props.scrollHeight}},s.default.createElement("ul",{className:"p-multiselect-items p-component",role:"listbox","aria-multiselectable":!0},i))}},{key:"renderElement",value:function(){var e=n.classNames("p-multiselect-panel p-component",{"p-multiselect-limited":!this.props.allowOptionSelect()},this.props.panelClassName),t=this.renderHeader(),i=this.renderContent(),r=this.renderFooter();return s.default.createElement(n.CSSTransition,{nodeRef:this.props.forwardRef,classNames:"p-connected-overlay",in:this.props.in,timeout:{enter:120,exit:100},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.onEnter,onEntered:this.props.onEntered,onExit:this.props.onExit,onExited:this.props.onExited},s.default.createElement("div",{ref:this.props.forwardRef,className:e,style:this.props.panelStyle,onClick:this.props.onClick},t,i,r))}},{key:"render",value:function(){var e=this.renderElement();return s.default.createElement(n.Portal,{element:e,appendTo:this.props.appendTo})}}]),o}(t.Component),G=s.default.forwardRef((function(e,t){return s.default.createElement(A,p({forwardRef:t},e))}));function T(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function B(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?T(Object(n),!0).forEach((function(t){w(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function H(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=U(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var i=0,r=function(){};return{s:r,n:function(){return i>=e.length?{done:!0}:{done:!1,value:e[i++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,o=!0,s=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){s=!0,l=e},f:function(){try{o||null==n.return||n.return()}finally{if(s)throw l}}}}function U(e,t){if(e){if("string"==typeof e)return M(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)?M(e,t):void 0}}function M(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=new Array(t);n<t;n++)i[n]=e[n];return i}function q(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var z=function(e){g(u,e);var i,r,o=(i=u,r=q(),function(){var e,t=S(i);if(r){var n=S(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return E(this,e)});function u(e){var n;return v(this,u),(n=o.call(this,e)).state={filter:"",focused:!1,overlayVisible:!1},n.onClick=n.onClick.bind(O(n)),n.onKeyDown=n.onKeyDown.bind(O(n)),n.onOptionSelect=n.onOptionSelect.bind(O(n)),n.onOptionKeyDown=n.onOptionKeyDown.bind(O(n)),n.onFocus=n.onFocus.bind(O(n)),n.onBlur=n.onBlur.bind(O(n)),n.onFilterInputChange=n.onFilterInputChange.bind(O(n)),n.onCloseClick=n.onCloseClick.bind(O(n)),n.onSelectAll=n.onSelectAll.bind(O(n)),n.onOverlayEnter=n.onOverlayEnter.bind(O(n)),n.onOverlayEntered=n.onOverlayEntered.bind(O(n)),n.onOverlayExit=n.onOverlayExit.bind(O(n)),n.onOverlayExited=n.onOverlayExited.bind(O(n)),n.onPanelClick=n.onPanelClick.bind(O(n)),n.getOptionLabel=n.getOptionLabel.bind(O(n)),n.getOptionRenderKey=n.getOptionRenderKey.bind(O(n)),n.isOptionDisabled=n.isOptionDisabled.bind(O(n)),n.getOptionGroupChildren=n.getOptionGroupChildren.bind(O(n)),n.getOptionGroupLabel=n.getOptionGroupLabel.bind(O(n)),n.getOptionGroupRenderKey=n.getOptionGroupRenderKey.bind(O(n)),n.allowOptionSelect=n.allowOptionSelect.bind(O(n)),n.isSelected=n.isSelected.bind(O(n)),n.isAllSelected=n.isAllSelected.bind(O(n)),n.hasFilter=n.hasFilter.bind(O(n)),n.getSelectedOptionIndex=n.getSelectedOptionIndex.bind(O(n)),n.hide=n.hide.bind(O(n)),n.onOptionKeyDown=n.onOptionKeyDown.bind(O(n)),n.overlayRef=t.createRef(),n.inputRef=t.createRef(n.props.inputRef),n}return b(u,[{key:"onPanelClick",value:function(e){n.OverlayService.emit("overlay-click",{originalEvent:e,target:this.container})}},{key:"allowOptionSelect",value:function(){return!this.props.selectionLimit||!this.props.value||this.props.value&&this.props.value.length<this.props.selectionLimit}},{key:"onOptionSelect",value:function(e){var t=this,i=e.originalEvent,r=e.option;if(!this.props.disabled&&!this.isOptionDisabled(r)){var l=this.getOptionValue(r),o=this.isOptionValueUsed(r),s=this.isSelected(r),a=this.allowOptionSelect();s?this.updateModel(i,this.props.value.filter((function(e){return!n.ObjectUtils.equals(o?e:t.getOptionValue(e),l,t.equalityKey())}))):a&&this.updateModel(i,[].concat(y(this.props.value||[]),[l]))}}},{key:"onOptionKeyDown",value:function(e){var t=e.originalEvent,n=t.currentTarget;switch(t.which){case 40:var i=this.findNextItem(n);i&&i.focus(),t.preventDefault();break;case 38:var r=this.findPrevItem(n);r&&r.focus(),t.preventDefault();break;case 13:case 32:this.onOptionSelect(e),t.preventDefault();break;case 27:this.hide(),this.inputRef.current.focus()}}},{key:"findNextItem",value:function(e){var t=e.nextElementSibling;return t?n.DomHandler.hasClass(t,"p-disabled")||n.DomHandler.hasClass(t,"p-multiselect-item-group")?this.findNextItem(t):t:null}},{key:"findPrevItem",value:function(e){var t=e.previousElementSibling;return t?n.DomHandler.hasClass(t,"p-disabled")||n.DomHandler.hasClass(t,"p-multiselect-item-group")?this.findPrevItem(t):t:null}},{key:"onClick",value:function(e){this.props.disabled||this.isPanelClicked(e)||n.DomHandler.hasClass(e.target,"p-multiselect-token-icon")||this.isClearClicked(e)||(this.state.overlayVisible?this.hide():this.show(),this.inputRef.current.focus())}},{key:"onKeyDown",value:function(e){switch(e.which){case 40:!this.state.overlayVisible&&e.altKey&&(this.show(),e.preventDefault());break;case 32:this.state.overlayVisible?this.hide():this.show(),e.preventDefault();break;case 27:this.hide();break;case 9:if(this.state.overlayVisible){var t=n.DomHandler.getFirstFocusableElement(this.overlayRef.current);t&&(t.focus(),e.preventDefault())}}}},{key:"onSelectAll",value:function(e){var t=this;if(this.props.onSelectAll)this.props.onSelectAll(e);else{var n=null,i=this.getVisibleOptions();if(e.checked){if(n=[],i){var r=i.filter((function(e){return t.isOptionDisabled(e)&&t.isSelected(e)}));n=r.map((function(e){return t.getOptionValue(e)}))}}else i&&(i=i.filter((function(e){return!t.isOptionDisabled(e)})),this.props.optionGroupLabel?(n=[],i.forEach((function(e){return n=[].concat(y(n),y(t.getOptionGroupChildren(e).filter((function(e){return!t.isOptionDisabled(e)})).map((function(e){return t.getOptionValue(e)}))))}))):n=i.map((function(e){return t.getOptionValue(e)})),n=y(new Set([].concat(y(n),y(this.props.value||[])))));this.updateModel(e.originalEvent,n)}}},{key:"updateModel",value:function(e,t){this.props.onChange&&this.props.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:this.props.name,id:this.props.id,value:t}})}},{key:"onFilterInputChange",value:function(e){var t=this,n=e.query;this.setState({filter:n},(function(){t.props.onFilter&&t.props.onFilter({originalEvent:e,filter:n})}))}},{key:"resetFilter",value:function(){var e=this;this.setState({filter:""},(function(){e.props.onFilter&&e.props.onFilter({filter:""})}))}},{key:"show",value:function(){this.setState({overlayVisible:!0})}},{key:"hide",value:function(){this.setState({overlayVisible:!1})}},{key:"onOverlayEnter",value:function(e){n.ZIndexUtils.set("overlay",this.overlayRef.current),this.alignOverlay(),this.scrollInView(),e&&e()}},{key:"onOverlayEntered",value:function(e){this.bindDocumentClickListener(),this.bindScrollListener(),this.bindResizeListener(),e&&e(),this.props.onShow&&this.props.onShow()}},{key:"onOverlayExit",value:function(){this.unbindDocumentClickListener(),this.unbindScrollListener(),this.unbindResizeListener()}},{key:"onOverlayExited",value:function(){this.props.filter&&this.props.resetFilterOnHide&&this.resetFilter(),n.ZIndexUtils.clear(this.overlayRef.current),this.props.onHide&&this.props.onHide()}},{key:"alignOverlay",value:function(){n.DomHandler.alignOverlay(this.overlayRef.current,this.label.parentElement,this.props.appendTo||a.default.appendTo)}},{key:"scrollInView",value:function(){var e=n.DomHandler.findSingle(this.overlayRef.current,"li.p-highlight");e&&e.scrollIntoView({block:"nearest",inline:"start"})}},{key:"onCloseClick",value:function(e){this.hide(),this.inputRef.current.focus(),e.preventDefault(),e.stopPropagation()}},{key:"getSelectedOptionIndex",value:function(){if(null!=this.props.value&&this.props.options){if(!this.props.optionGroupLabel)return this.findOptionIndexInList(this.props.value,this.props.options);for(var e=0;e<this.props.options.length;e++){var t=this.findOptionIndexInList(this.props.value,this.getOptionGroupChildren(this.props.options[e]));if(-1!==t)return{group:e,option:t}}}return-1}},{key:"findOptionIndexInList",value:function(e,t){var i=this,r=this.equalityKey();return t.findIndex((function(t){return e.some((function(e){return n.ObjectUtils.equals(e,i.getOptionValue(t),r)}))}))}},{key:"isSelected",value:function(e){var t=this,i=!1;if(this.props.value){var r=this.getOptionValue(e),l=this.isOptionValueUsed(e),o=this.equalityKey();i=this.props.value.some((function(e){return n.ObjectUtils.equals(l?e:t.getOptionValue(e),r,o)}))}return i}},{key:"getLabelByValue",value:function(e){var t;if(this.props.options)if(this.props.optionGroupLabel){var n,i=H(this.props.options);try{for(i.s();!(n=i.n()).done;){if(t=this.findOptionByValue(e,this.getOptionGroupChildren(n.value)))break}}catch(e){i.e(e)}finally{i.f()}}else t=this.findOptionByValue(e,this.props.options);return t?this.getOptionLabel(t):null}},{key:"findOptionByValue",value:function(e,t){var i,r=this.equalityKey(),l=H(t);try{for(l.s();!(i=l.n()).done;){var o=i.value,s=this.getOptionValue(o);if(n.ObjectUtils.equals(s,e,r))return o}}catch(e){l.e(e)}finally{l.f()}return null}},{key:"onFocus",value:function(e){var t=this;e.persist(),this.setState({focused:!0},(function(){t.props.onFocus&&t.props.onFocus(e)}))}},{key:"onBlur",value:function(e){var t=this;e.persist(),this.setState({focused:!1},(function(){t.props.onBlur&&t.props.onBlur(e)}))}},{key:"bindDocumentClickListener",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){e.state.overlayVisible&&e.isOutsideClicked(t)&&e.hide()},document.addEventListener("click",this.documentClickListener))}},{key:"bindScrollListener",value:function(){var e=this;this.scrollHandler||(this.scrollHandler=new n.ConnectedOverlayScrollHandler(this.container,(function(){e.state.overlayVisible&&e.hide()}))),this.scrollHandler.bindScrollListener()}},{key:"unbindScrollListener",value:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}},{key:"bindResizeListener",value:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.state.overlayVisible&&!n.DomHandler.isAndroid()&&e.hide()},window.addEventListener("resize",this.resizeListener))}},{key:"unbindResizeListener",value:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)}},{key:"isOutsideClicked",value:function(e){return this.container&&!(this.container.isSameNode(e.target)||this.isClearClicked(e)||this.container.contains(e.target)||this.isPanelClicked(e))}},{key:"isClearClicked",value:function(e){return n.DomHandler.hasClass(e.target,"p-multiselect-clear-icon")}},{key:"isPanelClicked",value:function(e){return this.overlayRef&&this.overlayRef.current&&this.overlayRef.current.contains(e.target)}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"updateInputRef",value:function(){var e=this.props.inputRef;e&&("function"==typeof e?e(this.inputRef.current):e.current=this.inputRef.current)}},{key:"componentDidMount",value:function(){this.updateInputRef(),this.props.tooltip&&this.renderTooltip()}},{key:"componentDidUpdate",value:function(e){e.tooltip===this.props.tooltip&&e.tooltipOptions===this.props.tooltipOptions||(this.tooltip?this.tooltip.update(B({content:this.props.tooltip},this.props.tooltipOptions||{})):this.renderTooltip()),this.state.overlayVisible&&this.hasFilter()&&this.alignOverlay()}},{key:"componentWillUnmount",value:function(){this.unbindDocumentClickListener(),this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.tooltip&&(this.tooltip.destroy(),this.tooltip=null),n.ZIndexUtils.clear(this.overlayRef.current)}},{key:"hasFilter",value:function(){return this.state.filter&&this.state.filter.trim().length>0}},{key:"isAllSelected",value:function(){var e=this;if(this.props.onSelectAll)return this.props.selectAll;var t=this.getVisibleOptions();if(0===t.length)return!1;if(t=t.filter((function(t){return!e.isOptionDisabled(t)})),this.props.optionGroupLabel){var n,i=H(t);try{for(i.s();!(n=i.n()).done;){var r,l=H(this.getOptionGroupChildren(n.value).filter((function(t){return!e.isOptionDisabled(t)})));try{for(l.s();!(r=l.n()).done;){if(!this.isSelected(r.value))return!1}}catch(e){l.e(e)}finally{l.f()}}}catch(e){i.e(e)}finally{i.f()}}else{var o,s=H(t);try{for(s.s();!(o=s.n()).done;){if(!this.isSelected(o.value))return!1}}catch(e){s.e(e)}finally{s.f()}}return!0}},{key:"getOptionLabel",value:function(e){return this.props.optionLabel?n.ObjectUtils.resolveFieldData(e,this.props.optionLabel):e&&void 0!==e.label?e.label:e}},{key:"getOptionValue",value:function(e){if(this.props.optionValue){var t=n.ObjectUtils.resolveFieldData(e,this.props.optionValue);return null!==t?t:e}return e&&void 0!==e.value?e.value:e}},{key:"getOptionRenderKey",value:function(e){return this.props.dataKey?n.ObjectUtils.resolveFieldData(e,this.props.dataKey):this.getOptionLabel(e)}},{key:"getOptionGroupRenderKey",value:function(e){return n.ObjectUtils.resolveFieldData(e,this.props.optionGroupLabel)}},{key:"getOptionGroupLabel",value:function(e){return n.ObjectUtils.resolveFieldData(e,this.props.optionGroupLabel)}},{key:"getOptionGroupChildren",value:function(e){return n.ObjectUtils.resolveFieldData(e,this.props.optionGroupChildren)}},{key:"isOptionDisabled",value:function(e){return this.props.optionDisabled?n.ObjectUtils.isFunction(this.props.optionDisabled)?this.props.optionDisabled(e):n.ObjectUtils.resolveFieldData(e,this.props.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled}},{key:"isOptionValueUsed",value:function(e){return this.props.optionValue||e&&void 0!==e.value}},{key:"getVisibleOptions",value:function(){if(this.hasFilter()){var e=this.state.filter.trim().toLocaleLowerCase(this.props.filterLocale),t=this.props.filterBy?this.props.filterBy.split(","):[this.props.optionLabel||"label"];if(this.props.optionGroupLabel){var n,i=[],r=H(this.props.options);try{for(r.s();!(n=r.n()).done;){var o=n.value,s=l.FilterService.filter(this.getOptionGroupChildren(o),t,e,this.props.filterMatchMode,this.props.filterLocale);s&&s.length&&i.push(B(B({},o),{items:s}))}}catch(e){r.e(e)}finally{r.f()}return i}return l.FilterService.filter(this.props.options,t,e,this.props.filterMatchMode,this.props.filterLocale)}return this.props.options}},{key:"isEmpty",value:function(){return!this.props.value||0===this.props.value.length}},{key:"equalityKey",value:function(){return this.props.optionValue?null:this.props.dataKey}},{key:"checkValidity",value:function(){return this.inputRef.current.checkValidity()}},{key:"removeChip",value:function(e,t){var i=this.equalityKey(),r=this.props.value.filter((function(e){return!n.ObjectUtils.equals(e,t,i)}));this.updateModel(e,r)}},{key:"getSelectedItemsLabel",value:function(){var e=/{(.*?)}/;return e.test(this.props.selectedItemsLabel)?this.props.selectedItemsLabel.replace(this.props.selectedItemsLabel.match(e)[0],this.props.value.length+""):this.props.selectedItemsLabel}},{key:"getLabel",value:function(){var e;if(!this.isEmpty()&&!this.props.fixedPlaceholder){if(this.props.value.length<=this.props.maxSelectedLabels){e="";for(var t=0;t<this.props.value.length;t++)0!==t&&(e+=","),e+=this.getLabelByValue(this.props.value[t]);return e}return this.getSelectedItemsLabel()}return e}},{key:"getLabelContent",value:function(){var e=this;return this.props.selectedItemTemplate?this.isEmpty()?n.ObjectUtils.getJSXElement(this.props.selectedItemTemplate):this.props.value.length<=this.props.maxSelectedLabels?this.props.value.map((function(t,i){var r=n.ObjectUtils.getJSXElement(e.props.selectedItemTemplate,t);return s.default.createElement(s.default.Fragment,{key:i},r)})):this.getSelectedItemsLabel():"chip"!==this.props.display||this.isEmpty()?this.getLabel():this.props.value.map((function(t){var n=e.getLabelByValue(t);return s.default.createElement("div",{className:"p-multiselect-token",key:n},s.default.createElement("span",{className:"p-multiselect-token-label"},n),!e.props.disabled&&s.default.createElement("span",{className:"p-multiselect-token-icon pi pi-times-circle",onClick:function(n){return e.removeChip(n,t)}}))}))}},{key:"renderTooltip",value:function(){this.tooltip=n.tip({target:this.container,content:this.props.tooltip,options:this.props.tooltipOptions})}},{key:"renderClearIcon",value:function(){var e=this;return this.isEmpty()||!this.props.showClear||this.props.disabled?null:s.default.createElement("i",{className:"p-multiselect-clear-icon pi pi-times",onClick:function(t){return e.updateModel(t,null)}})}},{key:"renderLabel",value:function(){var e=this,t=this.isEmpty(),i=this.getLabelContent(),r=n.classNames("p-multiselect-label",{"p-placeholder":t&&this.props.placeholder,"p-multiselect-label-empty":t&&!this.props.placeholder&&!this.props.selectedItemTemplate,"p-multiselect-items-label":!t&&this.props.value.length>this.props.maxSelectedLabels});return s.default.createElement("div",{ref:function(t){return e.label=t},className:"p-multiselect-label-container"},s.default.createElement("div",{className:r},i||this.props.placeholder||"empty"))}},{key:"render",value:function(){var e=this,t=n.classNames("p-multiselect p-component p-inputwrapper",{"p-multiselect-chip":"chip"===this.props.display,"p-disabled":this.props.disabled,"p-multiselect-clearable":this.props.showClear&&!this.props.disabled,"p-focus":this.state.focused,"p-inputwrapper-filled":this.props.value&&this.props.value.length>0,"p-inputwrapper-focus":this.state.focused||this.state.overlayVisible},this.props.className),i=n.classNames("p-multiselect-trigger-icon p-c",this.props.dropdownIcon),r=this.getVisibleOptions(),l=this.renderLabel(),o=this.renderClearIcon();return s.default.createElement("div",{id:this.props.id,className:t,onClick:this.onClick,ref:function(t){return e.container=t},style:this.props.style},s.default.createElement("div",{className:"p-hidden-accessible"},s.default.createElement("input",{ref:this.inputRef,id:this.props.inputId,name:this.props.name,readOnly:!0,type:"text",onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.onKeyDown,role:"listbox","aria-haspopup":"listbox","aria-labelledby":this.props.ariaLabelledBy,"aria-expanded":this.state.overlayVisible,disabled:this.props.disabled,tabIndex:this.props.tabIndex})),l,o,s.default.createElement("div",{className:"p-multiselect-trigger"},s.default.createElement("span",{className:i})),s.default.createElement(G,p({ref:this.overlayRef,visibleOptions:r},this.props,{onClick:this.onPanelClick,onOverlayHide:this.hide,filterValue:this.state.filter,hasFilter:this.hasFilter,onFilterInputChange:this.onFilterInputChange,onCloseClick:this.onCloseClick,onSelectAll:this.onSelectAll,getOptionLabel:this.getOptionLabel,getOptionRenderKey:this.getOptionRenderKey,isOptionDisabled:this.isOptionDisabled,getOptionGroupChildren:this.getOptionGroupChildren,getOptionGroupLabel:this.getOptionGroupLabel,getOptionGroupRenderKey:this.getOptionGroupRenderKey,isSelected:this.isSelected,getSelectedOptionIndex:this.getSelectedOptionIndex,isAllSelected:this.isAllSelected,onOptionSelect:this.onOptionSelect,allowOptionSelect:this.allowOptionSelect,onOptionKeyDown:this.onOptionKeyDown,in:this.state.overlayVisible,onEnter:this.onOverlayEnter,onEntered:this.onOverlayEntered,onExit:this.onOverlayExit,onExited:this.onOverlayExited})))}}]),u}(t.Component);return w(z,"defaultProps",{id:null,inputRef:null,name:null,value:null,options:null,optionLabel:null,optionValue:null,optionDisabled:null,optionGroupLabel:null,optionGroupChildren:null,optionGroupTemplate:null,display:"comma",style:null,className:null,panelClassName:null,panelStyle:null,virtualScrollerOptions:null,scrollHeight:"200px",placeholder:null,fixedPlaceholder:!1,disabled:!1,showClear:!1,filter:!1,filterBy:null,filterMatchMode:"contains",filterPlaceholder:null,filterLocale:void 0,emptyFilterMessage:"No results found",resetFilterOnHide:!1,tabIndex:0,dataKey:null,inputId:null,appendTo:null,tooltip:null,tooltipOptions:null,maxSelectedLabels:3,selectionLimit:null,selectedItemsLabel:"{0} items selected",ariaLabelledBy:null,itemTemplate:null,selectedItemTemplate:null,panelHeaderTemplate:null,panelFooterTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",showSelectAll:!0,selectAll:!1,onChange:null,onFocus:null,onBlur:null,onShow:null,onHide:null,onFilter:null,onSelectAll:null}),e.MultiSelect=z,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.core,primereact.inputtext,primereact.virtualscroller,primereact.api);
|
|
@@ -82,6 +82,8 @@ function _typeof(obj) {
|
|
|
82
82
|
function _possibleConstructorReturn(self, call) {
|
|
83
83
|
if (call && (_typeof(call) === "object" || typeof call === "function")) {
|
|
84
84
|
return call;
|
|
85
|
+
} else if (call !== void 0) {
|
|
86
|
+
throw new TypeError("Derived constructors may only return object or undefined");
|
|
85
87
|
}
|
|
86
88
|
|
|
87
89
|
return _assertThisInitialized(self);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),e=require("primereact/core");function o(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var n=o(t);function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function r(t,e){for(var o=0;o<e.length;o++){var n=e[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}function p(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function s(t,e){return(s=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function l(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&s(t,e)}function u(t){return(u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function c(t,e){
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),e=require("primereact/core");function o(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var n=o(t);function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function r(t,e){for(var o=0;o<e.length;o++){var n=e[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}function p(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function s(t,e){return(s=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function l(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&s(t,e)}function u(t){return(u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function c(t,e){if(e&&("object"===u(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return p(t)}function a(t){return(a=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function f(t,e,o){return e in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t}function h(t,e){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),o.push.apply(o,n)}return o}function d(t){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?h(Object(o),!0).forEach((function(e){f(t,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):h(Object(o)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}return t}function y(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}var b=function(o){l(O,t.Component);var s,u,h,b,m,v=(s=O,u=y(),function(){var t,e=a(s);if(u){var o=a(this).constructor;t=Reflect.construct(e,arguments,o)}else t=e.apply(this,arguments);return c(this,t)});function O(e){var o;return i(this,O),(o=v.call(this,e)).state={focused:!1},o.onClick=o.onClick.bind(p(o)),o.onFocus=o.onFocus.bind(p(o)),o.onBlur=o.onBlur.bind(p(o)),o.inputRef=t.createRef(o.props.inputRef),o}return h=O,(b=[{key:"onClick",value:function(t){this.props.disabled||this.props.readOnly||(this.toggle(t),this.inputRef.current.focus())}},{key:"getOptionValue",value:function(t){return this.props.optionValue?e.ObjectUtils.resolveFieldData(t,this.props.optionValue):t}},{key:"equalityKey",value:function(){return this.props.optionValue?null:this.props.dataKey}},{key:"findSelectedOptionMap",value:function(){var t,o,n=this;if(this.props.options){var i=this.equalityKey();o=this.props.options.findIndex((function(t){return e.ObjectUtils.equals(n.props.value,n.getOptionValue(t),i)})),t=this.props.options[o]}return{option:t,index:o}}},{key:"findNextOption",value:function(){if(this.props.options){var t=this.findSelectedOptionMap().index;return t===this.props.options.length-1?this.props.empty?null:this.props.options[0]:this.props.options[t+1]}return null}},{key:"toggle",value:function(t){var e=this.getOptionValue(this.findNextOption());this.props.onChange&&this.props.onChange({originalEvent:t,value:e,stopPropagation:function(){},preventDefault:function(){},target:{name:this.props.name,id:this.props.id,value:e}})}},{key:"onFocus",value:function(){this.setState({focused:!0})}},{key:"onBlur",value:function(){this.setState({focused:!1})}},{key:"updateInputRef",value:function(){var t=this.props.inputRef;t&&("function"==typeof t?t(this.inputRef.current):t.current=this.inputRef.current)}},{key:"componentDidMount",value:function(){this.updateInputRef(),this.props.tooltip&&!this.props.disabled&&this.renderTooltip(),this.props.empty||null!==this.props.value||this.toggle()}},{key:"componentDidUpdate",value:function(t){t.tooltip===this.props.tooltip&&t.tooltipOptions===this.props.tooltipOptions||(this.tooltip?this.tooltip.update(d({content:this.props.tooltip},this.props.tooltipOptions||{})):this.renderTooltip())}},{key:"componentWillUnmount",value:function(){this.tooltip&&(this.tooltip.destroy(),this.tooltip=null)}},{key:"renderTooltip",value:function(){this.tooltip=e.tip({target:this.element,content:this.props.tooltip,options:this.props.tooltipOptions})}},{key:"renderIcon",value:function(t){var o=e.classNames("p-checkbox-icon p-c",f({},"".concat(t&&t.icon||""),!0)),i=n.default.createElement("span",{className:o});return this.props.iconTemplate?e.ObjectUtils.getJSXElement(this.props.iconTemplate,{option:t,className:o,element:i,props:this.props}):i}},{key:"render",value:function(){var t=this,o=this.findSelectedOptionMap().option,i=e.classNames("p-multistatecheckbox p-checkbox p-component",this.props.className),r=e.classNames("p-checkbox-box",{"p-highlight":!!o,"p-disabled":this.props.disabled,"p-focus":this.state.focused},o&&o.className),p=this.renderIcon(o);return n.default.createElement("div",{ref:function(e){return t.element=e},id:this.props.id,className:i,style:this.props.style,onClick:this.onClick},n.default.createElement("div",{className:"p-hidden-accessible"},n.default.createElement("input",{ref:this.inputRef,type:"checkbox","aria-labelledby":this.props.ariaLabelledBy,id:this.props.inputId,name:this.props.name,onFocus:this.onFocus,onBlur:this.onBlur,disabled:this.props.disabled,readOnly:this.props.readOnly,defaultChecked:!!o})),n.default.createElement("div",{className:r,ref:function(e){return t.box=e},role:"checkbox","aria-checked":!!o,style:o&&o.style},p))}}])&&r(h.prototype,b),m&&r(h,m),O}();f(b,"defaultProps",{id:null,inputRef:null,inputId:null,value:null,options:null,optionValue:null,iconTemplate:null,dataKey:null,name:null,style:null,className:null,disabled:!1,readOnly:!1,empty:!0,tooltip:null,tooltipOptions:null,ariaLabelledBy:null,onChange:null}),exports.MultiStateCheckbox=b;
|
|
@@ -74,6 +74,8 @@ function _typeof(obj) {
|
|
|
74
74
|
function _possibleConstructorReturn(self, call) {
|
|
75
75
|
if (call && (_typeof(call) === "object" || typeof call === "function")) {
|
|
76
76
|
return call;
|
|
77
|
+
} else if (call !== void 0) {
|
|
78
|
+
throw new TypeError("Derived constructors may only return object or undefined");
|
|
77
79
|
}
|
|
78
80
|
|
|
79
81
|
return _assertThisInitialized(self);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import t,{createRef as e,Component as o}from"react";import{ObjectUtils as n,tip as i,classNames as r}from"primereact/core";function p(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function s(t,e){for(var o=0;o<e.length;o++){var n=e[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}function l(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function u(t,e){return(u=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function c(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&u(t,e)}function a(t){return(a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function f(t,e){
|
|
1
|
+
import t,{createRef as e,Component as o}from"react";import{ObjectUtils as n,tip as i,classNames as r}from"primereact/core";function p(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function s(t,e){for(var o=0;o<e.length;o++){var n=e[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}function l(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function u(t,e){return(u=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function c(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&u(t,e)}function a(t){return(a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function f(t,e){if(e&&("object"===a(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return l(t)}function h(t){return(h=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function d(t,e,o){return e in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t}function y(t,e){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),o.push.apply(o,n)}return o}function b(t){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?y(Object(o),!0).forEach((function(e){d(t,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):y(Object(o)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}return t}function m(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}var v=function(u){c(j,o);var a,y,v,O,g,k=(a=j,y=m(),function(){var t,e=h(a);if(y){var o=h(this).constructor;t=Reflect.construct(e,arguments,o)}else t=e.apply(this,arguments);return f(this,t)});function j(t){var o;return p(this,j),(o=k.call(this,t)).state={focused:!1},o.onClick=o.onClick.bind(l(o)),o.onFocus=o.onFocus.bind(l(o)),o.onBlur=o.onBlur.bind(l(o)),o.inputRef=e(o.props.inputRef),o}return v=j,(O=[{key:"onClick",value:function(t){this.props.disabled||this.props.readOnly||(this.toggle(t),this.inputRef.current.focus())}},{key:"getOptionValue",value:function(t){return this.props.optionValue?n.resolveFieldData(t,this.props.optionValue):t}},{key:"equalityKey",value:function(){return this.props.optionValue?null:this.props.dataKey}},{key:"findSelectedOptionMap",value:function(){var t,e,o=this;if(this.props.options){var i=this.equalityKey();e=this.props.options.findIndex((function(t){return n.equals(o.props.value,o.getOptionValue(t),i)})),t=this.props.options[e]}return{option:t,index:e}}},{key:"findNextOption",value:function(){if(this.props.options){var t=this.findSelectedOptionMap().index;return t===this.props.options.length-1?this.props.empty?null:this.props.options[0]:this.props.options[t+1]}return null}},{key:"toggle",value:function(t){var e=this.getOptionValue(this.findNextOption());this.props.onChange&&this.props.onChange({originalEvent:t,value:e,stopPropagation:function(){},preventDefault:function(){},target:{name:this.props.name,id:this.props.id,value:e}})}},{key:"onFocus",value:function(){this.setState({focused:!0})}},{key:"onBlur",value:function(){this.setState({focused:!1})}},{key:"updateInputRef",value:function(){var t=this.props.inputRef;t&&("function"==typeof t?t(this.inputRef.current):t.current=this.inputRef.current)}},{key:"componentDidMount",value:function(){this.updateInputRef(),this.props.tooltip&&!this.props.disabled&&this.renderTooltip(),this.props.empty||null!==this.props.value||this.toggle()}},{key:"componentDidUpdate",value:function(t){t.tooltip===this.props.tooltip&&t.tooltipOptions===this.props.tooltipOptions||(this.tooltip?this.tooltip.update(b({content:this.props.tooltip},this.props.tooltipOptions||{})):this.renderTooltip())}},{key:"componentWillUnmount",value:function(){this.tooltip&&(this.tooltip.destroy(),this.tooltip=null)}},{key:"renderTooltip",value:function(){this.tooltip=i({target:this.element,content:this.props.tooltip,options:this.props.tooltipOptions})}},{key:"renderIcon",value:function(e){var o=r("p-checkbox-icon p-c",d({},"".concat(e&&e.icon||""),!0)),i=t.createElement("span",{className:o});return this.props.iconTemplate?n.getJSXElement(this.props.iconTemplate,{option:e,className:o,element:i,props:this.props}):i}},{key:"render",value:function(){var e=this,o=this.findSelectedOptionMap().option,n=r("p-multistatecheckbox p-checkbox p-component",this.props.className),i=r("p-checkbox-box",{"p-highlight":!!o,"p-disabled":this.props.disabled,"p-focus":this.state.focused},o&&o.className),p=this.renderIcon(o);return t.createElement("div",{ref:function(t){return e.element=t},id:this.props.id,className:n,style:this.props.style,onClick:this.onClick},t.createElement("div",{className:"p-hidden-accessible"},t.createElement("input",{ref:this.inputRef,type:"checkbox","aria-labelledby":this.props.ariaLabelledBy,id:this.props.inputId,name:this.props.name,onFocus:this.onFocus,onBlur:this.onBlur,disabled:this.props.disabled,readOnly:this.props.readOnly,defaultChecked:!!o})),t.createElement("div",{className:i,ref:function(t){return e.box=t},role:"checkbox","aria-checked":!!o,style:o&&o.style},p))}}])&&s(v.prototype,O),g&&s(v,g),j}();d(v,"defaultProps",{id:null,inputRef:null,inputId:null,value:null,options:null,optionValue:null,iconTemplate:null,dataKey:null,name:null,style:null,className:null,disabled:!1,readOnly:!1,empty:!0,tooltip:null,tooltipOptions:null,ariaLabelledBy:null,onChange:null});export{v as MultiStateCheckbox};
|