primereact 10.3.1 → 10.3.3
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 +14 -13
- package/accordion/accordion.cjs.min.js +1 -1
- package/accordion/accordion.esm.js +7 -6
- package/accordion/accordion.esm.min.js +1 -1
- package/accordion/accordion.js +14 -13
- package/accordion/accordion.min.js +1 -1
- package/api/api.cjs.js +20 -0
- package/api/api.cjs.min.js +1 -1
- package/api/api.d.ts +6 -2
- package/api/api.esm.js +20 -0
- package/api/api.esm.min.js +1 -1
- package/api/api.js +20 -0
- package/api/api.min.js +1 -1
- package/autocomplete/autocomplete.cjs.js +21 -19
- package/autocomplete/autocomplete.cjs.min.js +1 -1
- package/autocomplete/autocomplete.esm.js +4 -2
- package/autocomplete/autocomplete.esm.min.js +1 -1
- package/autocomplete/autocomplete.js +21 -19
- package/autocomplete/autocomplete.min.js +1 -1
- package/avatar/avatar.cjs.js +6 -4
- package/avatar/avatar.cjs.min.js +1 -1
- package/avatar/avatar.esm.js +3 -1
- package/avatar/avatar.esm.min.js +1 -1
- package/avatar/avatar.js +7 -6
- package/avatar/avatar.min.js +1 -1
- package/avatargroup/avatargroup.cjs.js +3 -1
- package/avatargroup/avatargroup.cjs.min.js +1 -1
- package/avatargroup/avatargroup.esm.js +3 -1
- package/avatargroup/avatargroup.esm.min.js +1 -1
- package/avatargroup/avatargroup.js +4 -3
- package/avatargroup/avatargroup.min.js +1 -1
- package/badge/badge.cjs.js +3 -1
- package/badge/badge.cjs.min.js +1 -1
- package/badge/badge.esm.js +3 -1
- package/badge/badge.esm.min.js +1 -1
- package/badge/badge.js +4 -3
- package/badge/badge.min.js +1 -1
- package/blockui/blockui.cjs.js +3 -2
- package/blockui/blockui.cjs.min.js +1 -1
- package/blockui/blockui.esm.js +3 -2
- package/blockui/blockui.esm.min.js +1 -1
- package/blockui/blockui.js +3 -2
- package/blockui/blockui.min.js +1 -1
- package/breadcrumb/breadcrumb.cjs.js +12 -11
- package/breadcrumb/breadcrumb.cjs.min.js +1 -1
- package/breadcrumb/breadcrumb.esm.js +3 -2
- package/breadcrumb/breadcrumb.esm.min.js +1 -1
- package/breadcrumb/breadcrumb.js +12 -11
- package/breadcrumb/breadcrumb.min.js +1 -1
- package/button/button.cjs.js +9 -6
- package/button/button.cjs.min.js +1 -1
- package/button/button.esm.js +4 -1
- package/button/button.esm.min.js +1 -1
- package/button/button.js +10 -8
- package/button/button.min.js +1 -1
- package/calendar/calendar.cjs.js +571 -211
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.d.ts +4 -0
- package/calendar/calendar.esm.js +506 -146
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +571 -211
- package/calendar/calendar.min.js +1 -1
- package/card/card.cjs.js +11 -9
- package/card/card.cjs.min.js +1 -1
- package/card/card.esm.js +4 -2
- package/card/card.esm.min.js +1 -1
- package/card/card.js +10 -9
- package/card/card.min.js +1 -1
- package/cascadeselect/cascadeselect.cjs.js +19 -17
- package/cascadeselect/cascadeselect.cjs.min.js +1 -1
- package/cascadeselect/cascadeselect.esm.js +5 -3
- package/cascadeselect/cascadeselect.esm.min.js +1 -1
- package/cascadeselect/cascadeselect.js +19 -17
- package/cascadeselect/cascadeselect.min.js +1 -1
- package/chart/chart.cjs.js +4 -3
- package/chart/chart.cjs.min.js +1 -1
- package/chart/chart.esm.js +3 -2
- package/chart/chart.esm.min.js +1 -1
- package/chart/chart.js +5 -4
- package/chart/chart.min.js +1 -1
- package/checkbox/checkbox.cjs.js +6 -5
- package/checkbox/checkbox.cjs.min.js +1 -1
- package/checkbox/checkbox.esm.js +3 -2
- package/checkbox/checkbox.esm.min.js +1 -1
- package/checkbox/checkbox.js +6 -5
- package/checkbox/checkbox.min.js +1 -1
- package/chip/chip.cjs.js +8 -6
- package/chip/chip.cjs.min.js +1 -1
- package/chip/chip.esm.js +4 -2
- package/chip/chip.esm.min.js +1 -1
- package/chip/chip.js +9 -8
- package/chip/chip.min.js +1 -1
- package/chips/chips.cjs.js +8 -7
- package/chips/chips.cjs.min.js +1 -1
- package/chips/chips.esm.js +3 -2
- package/chips/chips.esm.min.js +1 -1
- package/chips/chips.js +8 -7
- package/chips/chips.min.js +1 -1
- package/colorpicker/colorpicker.cjs.js +9 -8
- package/colorpicker/colorpicker.cjs.min.js +1 -1
- package/colorpicker/colorpicker.esm.js +2 -1
- package/colorpicker/colorpicker.esm.min.js +1 -1
- package/colorpicker/colorpicker.js +9 -8
- package/colorpicker/colorpicker.min.js +1 -1
- package/column/column.d.ts +1 -1
- package/componentbase/componentbase.cjs.js +13 -42
- package/componentbase/componentbase.cjs.min.js +1 -1
- package/componentbase/componentbase.esm.js +14 -43
- package/componentbase/componentbase.esm.min.js +1 -1
- package/componentbase/componentbase.js +13 -42
- package/componentbase/componentbase.min.js +1 -1
- package/confirmdialog/confirmdialog.cjs.js +13 -6
- package/confirmdialog/confirmdialog.cjs.min.js +1 -1
- package/confirmdialog/confirmdialog.esm.js +11 -4
- package/confirmdialog/confirmdialog.esm.min.js +1 -1
- package/confirmdialog/confirmdialog.js +13 -6
- package/confirmdialog/confirmdialog.min.js +1 -1
- package/confirmpopup/confirmpopup.cjs.js +10 -9
- package/confirmpopup/confirmpopup.cjs.min.js +1 -1
- package/confirmpopup/confirmpopup.esm.js +4 -3
- package/confirmpopup/confirmpopup.esm.min.js +1 -1
- package/confirmpopup/confirmpopup.js +10 -9
- package/confirmpopup/confirmpopup.min.js +1 -1
- package/contextmenu/contextmenu.cjs.js +17 -15
- package/contextmenu/contextmenu.cjs.min.js +1 -1
- package/contextmenu/contextmenu.esm.js +8 -6
- package/contextmenu/contextmenu.esm.min.js +1 -1
- package/contextmenu/contextmenu.js +17 -15
- package/contextmenu/contextmenu.min.js +1 -1
- package/core/core.js +568 -212
- package/core/core.min.js +16 -16
- package/datascroller/datascroller.cjs.js +8 -7
- package/datascroller/datascroller.cjs.min.js +1 -1
- package/datascroller/datascroller.esm.js +3 -2
- package/datascroller/datascroller.esm.min.js +1 -1
- package/datascroller/datascroller.js +8 -7
- package/datascroller/datascroller.min.js +1 -1
- package/datatable/datatable.cjs.js +138 -122
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.esm.js +44 -28
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +138 -122
- package/datatable/datatable.min.js +1 -1
- package/dataview/dataview.cjs.js +27 -25
- package/dataview/dataview.cjs.min.js +1 -1
- package/dataview/dataview.d.ts +6 -0
- package/dataview/dataview.esm.js +27 -25
- package/dataview/dataview.esm.min.js +1 -1
- package/dataview/dataview.js +27 -25
- package/dataview/dataview.min.js +1 -1
- package/deferredcontent/deferredcontent.cjs.js +3 -3
- package/deferredcontent/deferredcontent.cjs.min.js +1 -1
- package/deferredcontent/deferredcontent.esm.js +3 -3
- package/deferredcontent/deferredcontent.esm.min.js +1 -1
- package/deferredcontent/deferredcontent.js +4 -3
- package/deferredcontent/deferredcontent.min.js +1 -1
- package/dialog/dialog.cjs.js +14 -13
- package/dialog/dialog.cjs.min.js +1 -1
- package/dialog/dialog.esm.js +4 -3
- package/dialog/dialog.esm.min.js +1 -1
- package/dialog/dialog.js +14 -13
- package/dialog/dialog.min.js +1 -1
- package/divider/divider.cjs.js +6 -4
- package/divider/divider.cjs.min.js +1 -1
- package/divider/divider.esm.js +4 -2
- package/divider/divider.esm.min.js +1 -1
- package/divider/divider.js +5 -4
- package/divider/divider.min.js +1 -1
- package/dock/dock.cjs.js +10 -9
- package/dock/dock.cjs.min.js +1 -1
- package/dock/dock.esm.js +3 -2
- package/dock/dock.esm.min.js +1 -1
- package/dock/dock.js +10 -9
- package/dock/dock.min.js +1 -1
- package/dropdown/dropdown.cjs.js +41 -33
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.esm.js +16 -8
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +41 -33
- package/dropdown/dropdown.min.js +1 -1
- package/editor/editor.cjs.js +8 -7
- package/editor/editor.cjs.min.js +1 -1
- package/editor/editor.esm.js +4 -3
- package/editor/editor.esm.min.js +1 -1
- package/editor/editor.js +8 -7
- package/editor/editor.min.js +1 -1
- package/fieldset/fieldset.cjs.js +9 -8
- package/fieldset/fieldset.cjs.min.js +1 -1
- package/fieldset/fieldset.esm.js +3 -2
- package/fieldset/fieldset.esm.min.js +1 -1
- package/fieldset/fieldset.js +9 -8
- package/fieldset/fieldset.min.js +1 -1
- package/fileupload/fileupload.cjs.js +25 -24
- package/fileupload/fileupload.cjs.min.js +1 -1
- package/fileupload/fileupload.esm.js +5 -4
- package/fileupload/fileupload.esm.min.js +1 -1
- package/fileupload/fileupload.js +26 -26
- package/fileupload/fileupload.min.js +1 -1
- package/galleria/galleria.cjs.js +12 -11
- package/galleria/galleria.cjs.min.js +1 -1
- package/galleria/galleria.esm.js +3 -2
- package/galleria/galleria.esm.min.js +1 -1
- package/galleria/galleria.js +13 -12
- package/galleria/galleria.min.js +1 -1
- package/hooks/hooks.cjs.js +43 -22
- package/hooks/hooks.cjs.min.js +1 -1
- package/hooks/hooks.d.ts +4 -0
- package/hooks/hooks.esm.js +45 -25
- package/hooks/hooks.esm.min.js +1 -1
- package/hooks/hooks.js +43 -22
- package/hooks/hooks.min.js +1 -1
- package/image/image.cjs.js +27 -44
- package/image/image.cjs.min.js +1 -1
- package/image/image.esm.js +8 -25
- package/image/image.esm.min.js +1 -1
- package/image/image.js +27 -44
- package/image/image.min.js +1 -1
- package/inplace/inplace.cjs.js +5 -4
- package/inplace/inplace.cjs.min.js +1 -1
- package/inplace/inplace.esm.js +3 -2
- package/inplace/inplace.esm.min.js +1 -1
- package/inplace/inplace.js +5 -4
- package/inplace/inplace.min.js +1 -1
- package/inputmask/inputmask.cjs.js +15 -6
- package/inputmask/inputmask.cjs.min.js +1 -1
- package/inputmask/inputmask.esm.js +15 -6
- package/inputmask/inputmask.esm.min.js +1 -1
- package/inputmask/inputmask.js +15 -6
- package/inputmask/inputmask.min.js +1 -1
- package/inputnumber/inputnumber.cjs.js +21 -7
- package/inputnumber/inputnumber.cjs.min.js +1 -1
- package/inputnumber/inputnumber.esm.js +17 -3
- package/inputnumber/inputnumber.esm.min.js +1 -1
- package/inputnumber/inputnumber.js +21 -7
- package/inputnumber/inputnumber.min.js +1 -1
- package/inputswitch/inputswitch.cjs.js +5 -4
- package/inputswitch/inputswitch.cjs.min.js +1 -1
- package/inputswitch/inputswitch.esm.js +3 -2
- package/inputswitch/inputswitch.esm.min.js +1 -1
- package/inputswitch/inputswitch.js +5 -4
- package/inputswitch/inputswitch.min.js +1 -1
- package/inputtext/inputtext.cjs.js +3 -1
- package/inputtext/inputtext.cjs.min.js +1 -1
- package/inputtext/inputtext.esm.js +3 -1
- package/inputtext/inputtext.esm.min.js +1 -1
- package/inputtext/inputtext.js +4 -3
- package/inputtext/inputtext.min.js +1 -1
- package/inputtextarea/inputtextarea.cjs.js +3 -1
- package/inputtextarea/inputtextarea.cjs.min.js +1 -1
- package/inputtextarea/inputtextarea.esm.js +3 -1
- package/inputtextarea/inputtextarea.esm.min.js +1 -1
- package/inputtextarea/inputtextarea.js +4 -3
- package/inputtextarea/inputtextarea.min.js +1 -1
- package/knob/knob.cjs.js +7 -6
- package/knob/knob.cjs.min.js +1 -1
- package/knob/knob.esm.js +3 -2
- package/knob/knob.esm.min.js +1 -1
- package/knob/knob.js +8 -7
- package/knob/knob.min.js +1 -1
- package/listbox/listbox.cjs.js +17 -13
- package/listbox/listbox.cjs.min.js +1 -1
- package/listbox/listbox.esm.js +9 -5
- package/listbox/listbox.esm.min.js +1 -1
- package/listbox/listbox.js +17 -13
- package/listbox/listbox.min.js +1 -1
- package/megamenu/megamenu.cjs.js +27 -26
- package/megamenu/megamenu.cjs.min.js +1 -1
- package/megamenu/megamenu.esm.js +6 -5
- package/megamenu/megamenu.esm.min.js +1 -1
- package/megamenu/megamenu.js +27 -26
- package/megamenu/megamenu.min.js +1 -1
- package/mention/mention.cjs.js +133 -54
- package/mention/mention.cjs.min.js +1 -1
- package/mention/mention.d.ts +4 -0
- package/mention/mention.esm.js +128 -49
- package/mention/mention.esm.min.js +1 -1
- package/mention/mention.js +133 -54
- package/mention/mention.min.js +1 -1
- package/menu/menu.cjs.js +16 -16
- package/menu/menu.cjs.min.js +1 -1
- package/menu/menu.esm.js +8 -8
- package/menu/menu.esm.min.js +1 -1
- package/menu/menu.js +16 -16
- package/menu/menu.min.js +1 -1
- package/menubar/menubar.cjs.js +19 -17
- package/menubar/menubar.cjs.min.js +1 -1
- package/menubar/menubar.esm.js +8 -6
- package/menubar/menubar.esm.min.js +1 -1
- package/menubar/menubar.js +19 -17
- package/menubar/menubar.min.js +1 -1
- package/message/message.cjs.js +5 -3
- package/message/message.cjs.min.js +1 -1
- package/message/message.esm.js +3 -1
- package/message/message.esm.min.js +1 -1
- package/message/message.js +6 -5
- package/message/message.min.js +1 -1
- package/messages/messages.cjs.js +4 -3
- package/messages/messages.cjs.min.js +1 -1
- package/messages/messages.esm.js +2 -1
- package/messages/messages.esm.min.js +1 -1
- package/messages/messages.js +5 -4
- package/messages/messages.min.js +1 -1
- package/multiselect/multiselect.cjs.js +43 -38
- package/multiselect/multiselect.cjs.min.js +1 -1
- package/multiselect/multiselect.esm.js +9 -4
- package/multiselect/multiselect.esm.min.js +1 -1
- package/multiselect/multiselect.js +44 -39
- package/multiselect/multiselect.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.cjs.js +5 -4
- package/multistatecheckbox/multistatecheckbox.cjs.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.esm.js +3 -2
- package/multistatecheckbox/multistatecheckbox.esm.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.js +5 -4
- package/multistatecheckbox/multistatecheckbox.min.js +1 -1
- package/orderlist/orderlist.cjs.js +20 -17
- package/orderlist/orderlist.cjs.min.js +1 -1
- package/orderlist/orderlist.d.ts +1 -1
- package/orderlist/orderlist.esm.js +5 -2
- package/orderlist/orderlist.esm.min.js +1 -1
- package/orderlist/orderlist.js +20 -17
- package/orderlist/orderlist.min.js +1 -1
- package/organizationchart/organizationchart.cjs.js +22 -19
- package/organizationchart/organizationchart.cjs.min.js +1 -1
- package/organizationchart/organizationchart.esm.js +5 -2
- package/organizationchart/organizationchart.esm.min.js +1 -1
- package/organizationchart/organizationchart.js +21 -19
- package/organizationchart/organizationchart.min.js +1 -1
- package/overlaypanel/overlaypanel.cjs.js +7 -6
- package/overlaypanel/overlaypanel.cjs.min.js +1 -1
- package/overlaypanel/overlaypanel.esm.js +4 -3
- package/overlaypanel/overlaypanel.esm.min.js +1 -1
- package/overlaypanel/overlaypanel.js +7 -6
- package/overlaypanel/overlaypanel.min.js +1 -1
- package/package.json +1 -1
- package/paginator/paginator.cjs.js +291 -21
- package/paginator/paginator.cjs.min.js +1 -1
- package/paginator/paginator.esm.js +285 -15
- package/paginator/paginator.esm.min.js +1 -1
- package/paginator/paginator.js +291 -21
- package/paginator/paginator.min.js +1 -1
- package/panel/panel.cjs.js +11 -10
- package/panel/panel.cjs.min.js +1 -1
- package/panel/panel.esm.js +3 -2
- package/panel/panel.esm.min.js +1 -1
- package/panel/panel.js +11 -10
- package/panel/panel.min.js +1 -1
- package/panelmenu/panelmenu.cjs.js +38 -33
- package/panelmenu/panelmenu.cjs.min.js +1 -1
- package/panelmenu/panelmenu.esm.js +19 -14
- package/panelmenu/panelmenu.esm.min.js +1 -1
- package/panelmenu/panelmenu.js +38 -33
- package/panelmenu/panelmenu.min.js +1 -1
- package/passthrough/index.cjs.js +5 -3
- package/passthrough/index.cjs.min.js +1 -1
- package/passthrough/index.d.ts +1 -0
- package/passthrough/index.esm.js +5 -3
- package/passthrough/index.esm.min.js +1 -1
- package/passthrough/index.js +5 -3
- package/passthrough/index.min.js +1 -1
- package/passthrough/tailwind/index.cjs.js +245 -238
- package/passthrough/tailwind/index.cjs.min.js +1 -1
- package/passthrough/tailwind/index.esm.js +245 -238
- package/passthrough/tailwind/index.esm.min.js +1 -1
- package/passthrough/tailwind/index.js +245 -238
- package/passthrough/tailwind/index.min.js +1 -1
- package/password/password.cjs.js +11 -10
- package/password/password.cjs.min.js +1 -1
- package/password/password.esm.js +4 -3
- package/password/password.esm.min.js +1 -1
- package/password/password.js +11 -10
- package/password/password.min.js +1 -1
- package/picklist/picklist.cjs.js +36 -11
- package/picklist/picklist.cjs.min.js +1 -1
- package/picklist/picklist.d.ts +1 -1
- package/picklist/picklist.esm.js +27 -2
- package/picklist/picklist.esm.min.js +1 -1
- package/picklist/picklist.js +36 -11
- package/picklist/picklist.min.js +1 -1
- package/primereact.all.cjs.js +1281 -461
- package/primereact.all.cjs.min.js +1 -1
- package/primereact.all.esm.js +1280 -462
- package/primereact.all.esm.min.js +1 -1
- package/primereact.all.js +1281 -461
- package/primereact.all.min.js +1 -1
- package/progressbar/progressbar.cjs.js +8 -6
- package/progressbar/progressbar.cjs.min.js +1 -1
- package/progressbar/progressbar.esm.js +3 -1
- package/progressbar/progressbar.esm.min.js +1 -1
- package/progressbar/progressbar.js +9 -8
- package/progressbar/progressbar.min.js +1 -1
- package/progressspinner/progressspinner.cjs.js +5 -3
- package/progressspinner/progressspinner.cjs.min.js +1 -1
- package/progressspinner/progressspinner.esm.js +3 -1
- package/progressspinner/progressspinner.esm.min.js +1 -1
- package/progressspinner/progressspinner.js +6 -5
- package/progressspinner/progressspinner.min.js +1 -1
- package/radiobutton/radiobutton.cjs.js +6 -5
- package/radiobutton/radiobutton.cjs.min.js +1 -1
- package/radiobutton/radiobutton.esm.js +3 -2
- package/radiobutton/radiobutton.esm.min.js +1 -1
- package/radiobutton/radiobutton.js +6 -5
- package/radiobutton/radiobutton.min.js +1 -1
- package/rating/rating.cjs.js +9 -7
- package/rating/rating.cjs.min.js +1 -1
- package/rating/rating.esm.js +4 -2
- package/rating/rating.esm.min.js +1 -1
- package/rating/rating.js +9 -8
- package/rating/rating.min.js +1 -1
- package/ripple/ripple.cjs.js +2 -1
- package/ripple/ripple.cjs.min.js +1 -1
- package/ripple/ripple.esm.js +3 -2
- package/ripple/ripple.esm.min.js +1 -1
- package/ripple/ripple.js +2 -1
- package/ripple/ripple.min.js +1 -1
- package/row/row.cjs.js +4 -2
- package/row/row.cjs.min.js +1 -1
- package/row/row.esm.js +4 -2
- package/row/row.esm.min.js +1 -1
- package/row/row.js +4 -3
- package/row/row.min.js +1 -1
- package/scrollpanel/scrollpanel.cjs.js +7 -6
- package/scrollpanel/scrollpanel.cjs.min.js +1 -1
- package/scrollpanel/scrollpanel.esm.js +3 -2
- package/scrollpanel/scrollpanel.esm.min.js +1 -1
- package/scrollpanel/scrollpanel.js +8 -7
- package/scrollpanel/scrollpanel.min.js +1 -1
- package/scrolltop/scrolltop.cjs.js +4 -3
- package/scrolltop/scrolltop.cjs.min.js +1 -1
- package/scrolltop/scrolltop.esm.js +3 -2
- package/scrolltop/scrolltop.esm.min.js +1 -1
- package/scrolltop/scrolltop.js +4 -3
- package/scrolltop/scrolltop.min.js +1 -1
- package/selectbutton/selectbutton.cjs.js +6 -3
- package/selectbutton/selectbutton.cjs.min.js +1 -1
- package/selectbutton/selectbutton.esm.js +4 -1
- package/selectbutton/selectbutton.esm.min.js +1 -1
- package/selectbutton/selectbutton.js +7 -5
- package/selectbutton/selectbutton.min.js +1 -1
- package/sidebar/sidebar.cjs.js +10 -9
- package/sidebar/sidebar.cjs.min.js +1 -1
- package/sidebar/sidebar.esm.js +4 -3
- package/sidebar/sidebar.esm.min.js +1 -1
- package/sidebar/sidebar.js +10 -9
- package/sidebar/sidebar.min.js +1 -1
- package/skeleton/skeleton.cjs.js +3 -1
- package/skeleton/skeleton.cjs.min.js +1 -1
- package/skeleton/skeleton.esm.js +3 -1
- package/skeleton/skeleton.esm.min.js +1 -1
- package/skeleton/skeleton.js +4 -3
- package/skeleton/skeleton.min.js +1 -1
- package/slidemenu/slidemenu.cjs.js +17 -15
- package/slidemenu/slidemenu.cjs.min.js +1 -1
- package/slidemenu/slidemenu.esm.js +5 -3
- package/slidemenu/slidemenu.esm.min.js +1 -1
- package/slidemenu/slidemenu.js +17 -15
- package/slidemenu/slidemenu.min.js +1 -1
- package/slider/slider.cjs.js +5 -4
- package/slider/slider.cjs.min.js +1 -1
- package/slider/slider.esm.js +3 -2
- package/slider/slider.esm.min.js +1 -1
- package/slider/slider.js +5 -4
- package/slider/slider.min.js +1 -1
- package/speeddial/speeddial.cjs.js +9 -8
- package/speeddial/speeddial.cjs.min.js +1 -1
- package/speeddial/speeddial.esm.js +4 -3
- package/speeddial/speeddial.esm.min.js +1 -1
- package/speeddial/speeddial.js +9 -8
- package/speeddial/speeddial.min.js +1 -1
- package/splitbutton/splitbutton.cjs.js +21 -18
- package/splitbutton/splitbutton.cjs.min.js +1 -1
- package/splitbutton/splitbutton.esm.js +11 -8
- package/splitbutton/splitbutton.esm.min.js +1 -1
- package/splitbutton/splitbutton.js +21 -18
- package/splitbutton/splitbutton.min.js +1 -1
- package/splitter/splitter.cjs.js +5 -4
- package/splitter/splitter.cjs.min.js +1 -1
- package/splitter/splitter.esm.js +3 -2
- package/splitter/splitter.esm.min.js +1 -1
- package/splitter/splitter.js +5 -4
- package/splitter/splitter.min.js +1 -1
- package/steps/steps.cjs.js +8 -7
- package/steps/steps.cjs.min.js +1 -1
- package/steps/steps.esm.js +3 -2
- package/steps/steps.esm.min.js +1 -1
- package/steps/steps.js +8 -7
- package/steps/steps.min.js +1 -1
- package/tabmenu/tabmenu.cjs.js +8 -7
- package/tabmenu/tabmenu.cjs.min.js +1 -1
- package/tabmenu/tabmenu.esm.js +3 -2
- package/tabmenu/tabmenu.esm.min.js +1 -1
- package/tabmenu/tabmenu.js +8 -7
- package/tabmenu/tabmenu.min.js +1 -1
- package/tabview/tabview.cjs.js +17 -15
- package/tabview/tabview.cjs.min.js +1 -1
- package/tabview/tabview.esm.js +4 -2
- package/tabview/tabview.esm.min.js +1 -1
- package/tabview/tabview.js +17 -15
- package/tabview/tabview.min.js +1 -1
- package/tag/tag.cjs.js +5 -3
- package/tag/tag.cjs.min.js +1 -1
- package/tag/tag.esm.js +3 -1
- package/tag/tag.esm.min.js +1 -1
- package/tag/tag.js +6 -5
- package/tag/tag.min.js +1 -1
- package/terminal/terminal.cjs.js +11 -9
- package/terminal/terminal.cjs.min.js +1 -1
- package/terminal/terminal.esm.js +3 -1
- package/terminal/terminal.esm.min.js +1 -1
- package/terminal/terminal.js +12 -11
- package/terminal/terminal.min.js +1 -1
- package/tieredmenu/tieredmenu.cjs.js +17 -15
- package/tieredmenu/tieredmenu.cjs.min.js +1 -1
- package/tieredmenu/tieredmenu.esm.js +9 -7
- package/tieredmenu/tieredmenu.esm.min.js +1 -1
- package/tieredmenu/tieredmenu.js +17 -15
- package/tieredmenu/tieredmenu.min.js +1 -1
- package/timeline/timeline.cjs.js +10 -8
- package/timeline/timeline.cjs.min.js +1 -1
- package/timeline/timeline.esm.js +3 -1
- package/timeline/timeline.esm.min.js +1 -1
- package/timeline/timeline.js +10 -9
- package/timeline/timeline.min.js +1 -1
- package/toast/toast.cjs.js +32 -10
- package/toast/toast.cjs.min.js +1 -1
- package/toast/toast.esm.js +24 -2
- package/toast/toast.esm.min.js +1 -1
- package/toast/toast.js +32 -10
- package/toast/toast.min.js +1 -1
- package/togglebutton/togglebutton.cjs.js +4 -3
- package/togglebutton/togglebutton.cjs.min.js +1 -1
- package/togglebutton/togglebutton.esm.js +3 -2
- package/togglebutton/togglebutton.esm.min.js +1 -1
- package/togglebutton/togglebutton.js +4 -3
- package/togglebutton/togglebutton.min.js +1 -1
- package/toolbar/toolbar.cjs.js +7 -5
- package/toolbar/toolbar.cjs.min.js +1 -1
- package/toolbar/toolbar.esm.js +3 -1
- package/toolbar/toolbar.esm.min.js +1 -1
- package/toolbar/toolbar.js +7 -6
- package/toolbar/toolbar.min.js +1 -1
- package/tooltip/tooltip.cjs.js +4 -3
- package/tooltip/tooltip.cjs.min.js +1 -1
- package/tooltip/tooltip.esm.js +3 -2
- package/tooltip/tooltip.esm.min.js +1 -1
- package/tooltip/tooltip.js +4 -3
- package/tooltip/tooltip.min.js +1 -1
- package/tree/tree.cjs.js +39 -35
- package/tree/tree.cjs.min.js +1 -1
- package/tree/tree.esm.js +20 -16
- package/tree/tree.esm.min.js +1 -1
- package/tree/tree.js +40 -37
- package/tree/tree.min.js +1 -1
- package/treeselect/treeselect.cjs.js +26 -24
- package/treeselect/treeselect.cjs.min.js +1 -1
- package/treeselect/treeselect.esm.js +6 -4
- package/treeselect/treeselect.esm.min.js +1 -1
- package/treeselect/treeselect.js +26 -24
- package/treeselect/treeselect.min.js +1 -1
- package/treetable/treetable.cjs.js +277 -131
- package/treetable/treetable.cjs.min.js +1 -1
- package/treetable/treetable.esm.js +224 -78
- package/treetable/treetable.esm.min.js +1 -1
- package/treetable/treetable.js +277 -131
- package/treetable/treetable.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.cjs.js +6 -5
- package/tristatecheckbox/tristatecheckbox.cjs.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.esm.js +3 -2
- package/tristatecheckbox/tristatecheckbox.esm.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.js +6 -5
- package/tristatecheckbox/tristatecheckbox.min.js +1 -1
- package/utils/utils.cjs.js +45 -5
- package/utils/utils.cjs.min.js +1 -1
- package/utils/utils.d.ts +2 -1
- package/utils/utils.esm.js +45 -6
- package/utils/utils.esm.min.js +1 -1
- package/utils/utils.js +45 -5
- package/utils/utils.min.js +1 -1
- package/web-types.json +17 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),l=require("primereact/hooks"),r=require("primereact/icons/chevrondown"),o=require("primereact/icons/times"),i=require("primereact/icons/timescircle"),a=require("primereact/overlayservice"),c=require("primereact/tooltip"),s=require("primereact/utils"),u=require("primereact/csstransition"),p=require("primereact/portal"),m=require("primereact/virtualscroller"),f=require("primereact/icons/check"),d=require("primereact/icons/search"),b=require("primereact/inputtext"),v=require("primereact/ripple"),g=require("primereact/icons/spinner");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function y(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var O=y(e),x=h(t);function I(){return I=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},I.apply(this,arguments)}function S(e){return S="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},S(e)}function k(e,t){if("object"!==S(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var l=n.call(e,t||"default");if("object"!==S(l))return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function E(e){var t=k(e,"string");return"symbol"===S(t)?t:String(t)}function P(e,t,n){return(t=E(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function j(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function w(e){if(Array.isArray(e))return j(e)}function C(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function N(e,t){if(e){if("string"==typeof e)return j(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)?j(e,t):void 0}}function D(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function A(e){return w(e)||C(e)||N(e)||D()}function U(e){if(Array.isArray(e))return e}function F(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,o,i,a=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(l=o.call(n)).done)&&(a.push(l.value),a.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw r}}return a}}function L(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function T(e,t){return U(e)||F(e,t)||N(e,t)||L()}var M=n.ComponentBase.extend({defaultProps:{__TYPE:"MultiSelect",appendTo:null,ariaLabelledBy:null,checkboxIcon:null,className:null,clearIcon:null,closeIcon:null,dataKey:null,disabled:!1,display:"comma",dropdownIcon:null,emptyFilterMessage:null,emptyMessage:null,filter:!1,filterBy:null,filterInputAutoFocus:!0,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,fixedPlaceholder:!1,flex:!1,id:null,inline:!1,inputId:null,inputRef:null,itemCheckboxIcon:null,itemClassName:null,itemTemplate:null,maxSelectedLabels:null,name:null,onBlur:null,onChange:null,onClick:null,onFilter:null,onFocus:null,onHide:null,onRemove:null,onSelectAll:null,onShow:null,optionDisabled:null,optionGroupChildren:null,optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,overlayVisible:!1,panelClassName:null,panelFooterTemplate:null,panelHeaderTemplate:null,panelStyle:null,placeholder:null,removeIcon:null,resetFilterOnHide:!1,scrollHeight:"200px",selectAll:!1,selectAllLabel:null,selectedItemTemplate:null,selectedItemsLabel:"{0} items selected",selectionLimit:null,showClear:!1,showSelectAll:!0,style:null,tabIndex:0,tooltip:null,tooltipOptions:null,transitionOptions:null,useOptionAsValue:!1,value:null,virtualScrollerOptions:null,children:void 0},css:{classes:{root:function(e){var t=e.props,n=e.focusedState,l=e.overlayVisibleState;return s.classNames("p-multiselect p-component p-inputwrapper",{"p-multiselect-chip":"chip"===t.display,"p-disabled":t.disabled,"p-multiselect-clearable":t.showClear&&!t.disabled,"p-focus":n,"p-inputwrapper-filled":s.ObjectUtils.isNotEmpty(t.value),"p-inputwrapper-focus":n||l})},label:function(e){var t=e.props,n=e.empty;return s.classNames("p-multiselect-label",{"p-placeholder":n&&t.placeholder,"p-multiselect-label-empty":n&&!t.placeholder&&!t.selectedItemTemplate,"p-multiselect-items-label":!n&&"chip"!==t.display&&t.value.length>t.maxSelectedLabels})},panel:function(e){var t=e.panelProps,n=e.context;return s.classNames("p-multiselect-panel p-component",{"p-multiselect-inline":t.inline,"p-multiselect-flex":t.flex,"p-multiselect-limited":!e.allowOptionSelect,"p-input-filled":n&&"filled"===n.inputStyle||"filled"===x.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===x.default.ripple})},list:function(e){return"p-multiselect-items p-component"},labelContainer:"p-multiselect-label-container",triggerIcon:"p-multiselect-trigger-icon p-c",trigger:"p-multiselect-trigger",clearIcon:"p-multiselect-clear-icon",tokenLabel:"p-multiselect-token-label",token:"p-multiselect-token",removeTokenIcon:"p-multiselect-token-icon",wrapper:"p-multiselect-items-wrapper",emptyMessage:"p-multiselect-empty-message",itemGroup:"p-multiselect-item-group",closeButton:"p-multiselect-close p-link",header:"p-multiselect-header",closeIcon:"p-multiselect-close-icon",headerCheckboxContainer:"p-multiselect-select-all",headerCheckboxIcon:"p-multiselect-select-all p-checkbox-icon p-c",headerSelectAllLabel:"p-multiselect-select-all-label",filterContainer:"p-multiselect-filter-container",filterIcon:"p-multiselect-filter-icon",item:function(e){var t=e.itemProps;return s.classNames("p-multiselect-item",{"p-highlight":t.selected,"p-disabled":t.disabled})},checkboxContainer:"p-checkbox p-component",checkboxIcon:"p-checkbox-icon p-c",checkbox:function(e){return s.classNames("p-checkbox-box",{"p-highlight":e.itemProps.selected})},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-multiselect {\n display: inline-flex;\n user-select: none;\n cursor: pointer;\n }\n \n .p-multiselect-trigger {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n cursor: pointer;\n }\n \n .p-multiselect-label-container {\n overflow: hidden;\n flex: 1 1 auto;\n cursor: pointer;\n }\n \n .p-multiselect-label {\n display: block;\n white-space: nowrap;\n cursor: pointer;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n \n .p-multiselect-label-empty {\n overflow: hidden;\n visibility: hidden;\n }\n \n .p-multiselect-token {\n cursor: default;\n display: inline-flex;\n align-items: center;\n flex: 0 0 auto;\n }\n \n .p-multiselect-token-icon {\n cursor: pointer;\n }\n \n .p-multiselect .p-multiselect-panel {\n min-width: 100%;\n }\n \n .p-multiselect-inline.p-multiselect-panel {\n border: none;\n position: initial;\n background: none;\n box-shadow: none;\n }\n \n .p-multiselect-inline.p-multiselect-panel .p-multiselect-items {\n padding: 0;\n }\n \n .p-multiselect-flex.p-multiselect-panel .p-multiselect-items {\n display: flex;\n flex-wrap: wrap;\n }\n \n .p-multiselect-items-wrapper {\n overflow: auto;\n }\n \n .p-multiselect-items {\n margin: 0;\n padding: 0;\n list-style-type: none;\n }\n \n .p-multiselect-item {\n cursor: pointer;\n display: flex;\n align-items: center;\n font-weight: normal;\n white-space: nowrap;\n position: relative;\n overflow: hidden;\n }\n \n .p-multiselect-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n \n .p-multiselect-select-all-label {\n margin-left: 0.5rem;\n }\n \n .p-multiselect-filter-container {\n position: relative;\n flex: 1 1 auto;\n }\n \n .p-multiselect-filter-icon {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n }\n \n .p-multiselect-filter-container .p-inputtext {\n width: 100%;\n }\n \n .p-multiselect-close {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n overflow: hidden;\n position: relative;\n margin-left: auto;\n }\n \n .p-multiselect-clear-icon {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n }\n \n .p-fluid .p-multiselect {\n display: flex;\n }\n}\n",inlineStyles:{root:function(e){var t=e.props;return t.showClear&&!t.disabled&&{position:"relative"}},itemGroup:function(e){var t=e.scrollerOptions;return{height:t.props?t.props.itemSize:void 0}}}}}),R=n.ComponentBase.extend({defaultProps:{__TYPE:"Checkbox",autoFocus:!1,checked:!1,className:null,disabled:!1,falseValue:!1,icon:null,id:null,inputId:null,inputRef:null,name:null,onChange:null,onClick:null,onContextMenu:null,onMouseDown:null,readOnly:!1,required:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,trueValue:!0,value:null,children:void 0},css:{classes:{icon:"p-checkbox-icon p-c",input:function(e){return s.classNames("p-checkbox-box",{"p-highlight":e.checked,"p-disabled":e.props.disabled,"p-focus":e.focusedState})},root:function(e){return s.classNames("p-checkbox p-component",{"p-checkbox-checked":e.checked,"p-checkbox-disabled":e.props.disabled,"p-checkbox-focused":e.focusedState})}},styles:"\n.p-checkbox {\n display: inline-flex;\n cursor: pointer;\n user-select: none;\n vertical-align: bottom;\n position: relative;\n}\n\n.p-checkbox.p-checkbox-disabled {\n cursor: auto;\n}\n\n.p-checkbox-box {\n display: flex;\n justify-content: center;\n align-items: center;\n} \n"}});function H(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function 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){P(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}var V=O.memo(O.forwardRef((function(e,r){var o=O.useContext(t.PrimeReactContext),i=R.getProps(e,o),a=T(O.useState(!1),2),u=a[0],p=a[1],m=R.setMetaData({props:i,state:{focused:u},context:{checked:i.checked===i.trueValue,disabled:i.disabled}}),d=m.ptm,b=m.cx;n.useHandleStyle(R.css.styles,m.isUnstyled,{name:"checkbox",styled:!0});var v=O.useRef(null),g=O.useRef(i.inputRef),h=function(e){if(!i.disabled&&!i.readOnly&&(i.onChange||i.onClick)){var t=y(),n=e.target instanceof HTMLDivElement||e.target instanceof HTMLSpanElement||e.target instanceof Object,l=e.target===g.current,r=n&&e.target.checked!==t,o=t?i.falseValue:i.trueValue,a={originalEvent:e,value:i.value,checked:o,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{type:"checkbox",name:i.name,id:i.id,value:i.value,checked:o}};if(i.onClick&&i.onClick(a),e.defaultPrevented)return;(l||r)&&i.onChange&&i.onChange(a),s.DomHandler.focus(g.current),e.preventDefault()}},y=function(){return i.checked===i.trueValue};O.useImperativeHandle(r,(function(){return{props:i,focus:function(){return s.DomHandler.focus(g.current)},getElement:function(){return v.current},getInput:function(){return g.current}}})),O.useEffect((function(){s.ObjectUtils.combinedRefs(g,i.inputRef)}),[g,i.inputRef]),l.useUpdateEffect((function(){g.current.checked=y()}),[i.checked,i.trueValue]),l.useMountEffect((function(){i.autoFocus&&s.DomHandler.focus(g.current,i.autoFocus)}));var x=y(),S=s.ObjectUtils.isNotEmpty(i.tooltip),k=R.getOtherProps(i),E=s.ObjectUtils.reduceKeys(k,s.DomHandler.ARIA_PROPS),P=s.mergeProps({className:b("icon")},d("icon")),j=s.IconUtils.getJSXIcon(x?i.icon||O.createElement(f.CheckIcon,P):null,q({},P),{props:i,checked:x}),w=s.mergeProps({id:i.id,className:s.classNames(i.className,b("root",{checked:x,focusedState:u})),style:i.style,onClick:function(e){return h(e)},onContextMenu:i.onContextMenu,onMouseDown:i.onMouseDown},k,d("root")),C=s.mergeProps({className:"p-hidden-accessible"},d("hiddenInputWrapper")),N=s.mergeProps(q({id:i.inputId,type:"checkbox",name:i.name,tabIndex:i.tabIndex,defaultChecked:x,onFocus:function(e){p(!0)},onBlur:function(e){p(!1)},onKeyDown:function(e){var t;"Space"!==(t=e).code&&" "!==t.key||h(t)},disabled:i.disabled,readOnly:i.readOnly,required:i.required},E),d("hiddenInput")),D=s.mergeProps({className:b("input",{checked:x,focusedState:u}),"data-p-highlight":x,"data-p-disabled":i.disabled,"data-p-focus":u},d("input"));return O.createElement(O.Fragment,null,O.createElement("div",I({ref:v},w),O.createElement("div",C,O.createElement("input",I({ref:g},N))),O.createElement("div",D,j)),S&&O.createElement(c.Tooltip,I({target:v,content:i.tooltip},i.tooltipOptions,{pt:d("tooltip")})))})));function G(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function K(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?G(Object(n),!0).forEach((function(t){P(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):G(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}V.displayName="Checkbox";var J=O.memo((function(e){var n=e.ptm,l=e.cx,r=e.isUnstyled,i={filter:function(e){return c(e)},reset:function(){return e.resetFilter()}},a=function(t,l){return n(t,K({hostName:e.hostName},l))},c=function(t){e.onFilter&&e.onFilter({originalEvent:t,query:t.target.value})},u=function(t){e.onSelectAll&&e.onSelectAll({originalEvent:t,checked:e.selectAll}),t.preventDefault(),t.stopPropagation()},p=function(){var t=s.mergeProps({className:l("filterIcon")},a("filterIcon")),r=s.IconUtils.getJSXIcon(e.filterIcon||O.createElement(d.SearchIcon,t),K({},t),{props:e});if(e.filter){var o=s.mergeProps({className:l("filterContainer")},a("filterContainer")),u=O.createElement("div",o,O.createElement(b.InputText,{ref:e.filterRef,type:"text",role:"textbox",value:e.filterValue,onChange:c,className:"p-multiselect-filter",placeholder:e.filterPlaceholder,pt:n("filterInput"),__parentMetadata:{parent:e.metaData}}),r);if(e.filterTemplate)u=s.ObjectUtils.getJSXElement(e.filterTemplate,{className:o.className,element:u,filterOptions:i,onFilter:c,filterIconClassName:e.filterIconClassName,props:e});return O.createElement(O.Fragment,null,u)}return null}(),m=e.id?e.id+"_selectall":s.UniqueComponentId(),g=s.mergeProps({htmlFor:m,className:l("headerSelectAllLabel")},a("headerSelectAllLabel")),h=s.mergeProps({className:l("headerCheckboxIcon")},a("headerCheckboxIcon")),y=s.mergeProps({className:l("headerCheckboxContainer")},a("headerCheckboxContainer")),x=s.IconUtils.getJSXIcon(e.itemCheckboxIcon||O.createElement(f.CheckIcon,h),K({},h),{selected:e.selected}),I=e.showSelectAll&&O.createElement("div",y,O.createElement(V,{id:m,checked:e.selectAll,onChange:u,role:"checkbox","aria-checked":e.selectAll,icon:x,pt:n("headerCheckbox"),unstyled:r()}),!e.filter&&O.createElement("label",g,e.selectAllLabel)),S=s.mergeProps({className:l("closeIcon"),"aria-hidden":!0},a("closeIcon")),k=s.IconUtils.getJSXIcon(e.closeIcon||O.createElement(o.TimesIcon,S),K({},S),{props:e}),E=s.mergeProps({className:l("header")},a("header")),P=s.mergeProps({type:"button",className:l("closeButton"),"aria-label":t.localeOption("close"),onClick:e.onClose},a("closeButton")),j=O.createElement("button",P,k,O.createElement(v.Ripple,null)),w=O.createElement("div",E,I,p,j);return e.template?s.ObjectUtils.getJSXElement(e.template,{className:"p-multiselect-header",checkboxElement:I,checked:e.selectAll,onChange:u,filterElement:p,closeElement:j,closeElementClassName:"p-multiselect-close p-link",closeIconClassName:"p-multiselect-close-icon",onCloseClick:e.onClose,element:w,itemCheckboxIcon:x,props:e}):w}));function X(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function _(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?X(Object(n),!0).forEach((function(t){P(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):X(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}J.displayName="MultiSelectHeader";var B=O.memo((function(e){var t=T(O.useState(!1),2),n=t[0],l=t[1],r=e.ptm,o=e.cx,i=function(t){return r(t,{hostName:e.hostName,context:{selected:e.selected,disabled:e.disabled,focused:n}})},a=s.mergeProps({className:o("checkboxIcon")},i("checkboxIcon")),c=e.selected?s.IconUtils.getJSXIcon(e.checkboxIcon||O.createElement(f.CheckIcon,a),_({},a),{selected:e.selected}):null,u=e.template?s.ObjectUtils.getJSXElement(e.template,e.option):e.label,p=e.disabled?null:e.tabIndex||0,m=s.mergeProps({className:o("checkboxContainer")},i("checkboxContainer")),d=s.mergeProps({className:o("checkbox",{itemProps:e}),"data-p-highlight":e.selected},i("checkbox")),b=s.mergeProps({className:s.classNames(e.className,e.option.className,o("item",{itemProps:e})),style:e.style,onClick:function(t){e.onClick&&e.onClick({originalEvent:t,option:e.option}),t.preventDefault(),t.stopPropagation()},onKeyDown:function(t){e.onKeyDown&&e.onKeyDown({originalEvent:t,option:e.option})},onFocus:function(e){l(!0)},onBlur:function(e){l(!1)},tabIndex:p,role:"option","aria-selected":e.selected,"data-p-highlight":e.selected,"data-p-disabled":e.disabled},i("item"));return O.createElement("li",b,O.createElement("div",m,O.createElement("div",d,c)),O.createElement("span",null,u),O.createElement(v.Ripple,null))}));function z(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function Z(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?z(Object(n),!0).forEach((function(t){P(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):z(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}B.displayName="MultiSelectItem";var W=O.memo(O.forwardRef((function(e,n){var l=O.useRef(null),r=O.useRef(null),o=O.useContext(t.PrimeReactContext),i=e.ptm,a=e.cx,c=e.sx,f=e.isUnstyled,d=function(t,n){return i(t,Z({hostName:e.hostName},n))},b=function(){e.onEnter((function(){if(l.current){var t=e.getSelectedOptionIndex();-1!==t&&setTimeout((function(){return l.current.scrollToIndex(t)}),0)}}))},v=function(){e.onEntered((function(){e.filter&&e.filterInputAutoFocus&&r.current&&s.DomHandler.focus(r.current,!1)}))},g=function(t){l.current&&l.current.scrollToIndex(0),e.onFilterInputChange&&e.onFilterInputChange(t)},h=function(){if(e.panelFooterTemplate){var t=s.ObjectUtils.getJSXElement(e.panelFooterTemplate,e,e.onOverlayHide);return O.createElement("div",{className:"p-multiselect-footer"},t)}return null},y=function(t,n){return e.getOptionGroupChildren(t).map((function(t,l){var r=e.getOptionLabel(t),o=l+"_"+e.getOptionRenderKey(t),c=e.isOptionDisabled(t),s=c?null:e.tabIndex||0,u=e.isSelected(t);return O.createElement(B,{hostName:e.hostName,key:o,label:r,option:t,style:n,template:e.itemTemplate,selected:u,onClick:e.onOptionSelect,onKeyDown:e.onOptionKeyDown,tabIndex:s,disabled:c,className:e.itemClassName,checkboxIcon:e.checkboxIcon,ptm:i,cx:a})}))},x=function(){var n=s.ObjectUtils.getJSXElement(e.emptyFilterMessage,e)||t.localeOption("emptyFilterMessage"),l=s.mergeProps({className:a("emptyMessage")},d("emptyMessage"));return O.createElement("li",l,n)},S=function(t,n){var l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r={height:l.props?l.props.itemSize:void 0};if(e.optionGroupLabel){var o=e.optionGroupTemplate?s.ObjectUtils.getJSXElement(e.optionGroupTemplate,t,n):e.getOptionGroupLabel(t),u=y(t,r),p=n+"_"+e.getOptionGroupRenderKey(t),m=s.mergeProps({className:a("itemGroup"),style:c("itemGroup",{scrollerOptions:l})},d("itemGroup"));return O.createElement(O.Fragment,{key:p},O.createElement("li",m,o),u)}var f=e.getOptionLabel(t),b=n+"_"+e.getOptionRenderKey(t),v=e.isOptionDisabled(t),g=v?null:e.tabIndex||0,h=e.isSelected(t);return O.createElement(B,{hostName:e.hostName,key:b,label:f,option:t,style:r,template:e.itemTemplate,selected:h,onClick:e.onOptionSelect,onKeyDown:e.onOptionKeyDown,tabIndex:g,disabled:v,className:e.itemClassName,checkboxIcon:e.checkboxIcon,ptm:i,cx:a})},k=function(){if(e.virtualScrollerOptions){var n=Z(Z({},e.virtualScrollerOptions),{style:Z(Z({},e.virtualScrollerOptions.style),{height:e.scrollHeight}),className:s.classNames("p-multiselect-items-wrapper",e.virtualScrollerOptions.className),items:e.visibleOptions,autoSize:!0,onLazyLoad:function(t){return e.virtualScrollerOptions.onLazyLoad(Z(Z({},t),{filter:e.filterValue}))},itemTemplate:function(e,t){return e&&S(e,t.index,t)},contentTemplate:function(t){var n=e.visibleOptions&&e.visibleOptions.length||!e.hasFilter?t.children:x(),l=s.mergeProps({ref:t.contentRef,style:t.style,className:s.classNames(t.className,a("list",{virtualScrollerProps:e.virtualScrollerOptions})),role:"listbox","aria-multiselectable":!0},d("list"));return O.createElement("ul",l,n)}});return O.createElement(m.VirtualScroller,I({ref:l},n,{pt:i("virtualScroller"),__parentMetadata:{parent:e.metaData}}))}var r,o,c=s.ObjectUtils.isNotEmpty(e.visibleOptions)?e.visibleOptions.map(S):e.hasFilter?x():(r=s.ObjectUtils.getJSXElement(e.emptyMessage,e)||t.localeOption("emptyMessage"),o=s.mergeProps({className:a("emptyMessage")},d("emptyMessage")),O.createElement("li",o,r)),u=s.mergeProps({className:a("wrapper"),style:{maxHeight:e.scrollHeight}},d("wrapper")),p=s.mergeProps({className:a("list"),role:"listbox","aria-multiselectable":!0},d("list"));return O.createElement("div",u,O.createElement("ul",p,c))},E=function(){var t=e.allowOptionSelect(),l=O.createElement(J,{hostName:e.hostName,id:e.id,filter:e.filter,filterRef:r,filterValue:e.filterValue,filterTemplate:e.filterTemplate,onFilter:g,filterPlaceholder:e.filterPlaceholder,onClose:e.onCloseClick,showSelectAll:e.showSelectAll,selectAll:e.isAllSelected(),selectAllLabel:e.selectAllLabel,onSelectAll:e.onSelectAll,template:e.panelHeaderTemplate,resetFilter:e.resetFilter,closeIcon:e.closeIcon,filterIcon:e.filterIcon,itemCheckboxIcon:e.itemCheckboxIcon,ptm:i,cx:a,isUnstyled:f,metaData:e.metaData}),c=k(),p=h(),m=s.mergeProps({className:s.classNames(e.panelClassName,a("panel",{panelProps:e,context:o,allowOptionSelect:t})),style:e.panelStyle,onClick:e.onClick},d("panel"));if(e.inline)return O.createElement("div",I({ref:n},m),c,p);var y=s.mergeProps({classNames:a("transition"),in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:b,onEntered:v,onExit:e.onExit,onExited:e.onExited},d("transition"));return O.createElement(u.CSSTransition,I({nodeRef:n},y),O.createElement("div",I({ref:n},m),l,c,p))}();return e.inline?E:O.createElement(p.Portal,{element:E,appendTo:e.appendTo})})));function Y(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function $(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Y(Object(n),!0).forEach((function(t){P(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Y(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Q(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=ee(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var l=0,r=function(){};return{s:r,n:function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}},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,i=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){a=!0,o=e},f:function(){try{i||null==n.return||n.return()}finally{if(a)throw o}}}}function ee(e,t){if(e){if("string"==typeof e)return te(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)?te(e,t):void 0}}function te(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}W.displayName="MultiSelectPanel";var ne=O.memo(O.forwardRef((function(e,u){var p=O.useContext(t.PrimeReactContext),m=M.getProps(e,p),f=T(O.useState(""),2),d=f[0],b=f[1],v=T(O.useState(!1),2),h=v[0],y=v[1],S=T(O.useState(m.inline),2),k=S[0],E=S[1],j=O.useRef(null),w=O.useRef(m.inputRef),C=O.useRef(null),N=O.useRef(null),D=d&&d.trim().length>0,U=s.ObjectUtils.isEmpty(m.value),F=m.optionValue?null:m.dataKey,L={props:m,state:{filterState:d,focused:h,overlayVisible:k}},R=M.setMetaData(L),H=R.ptm,q=R.cx,V=R.sx,G=R.isUnstyled;n.useHandleStyle(M.css.styles,G,{name:"multiselect"});var K=T(l.useOverlayListener({target:j,overlay:N,listener:function(e,t){t.valid&&("outside"===t.type?!re(e)&&!oe(e)&&ne():ne())},when:k}),2),J=K[0],X=K[1],_=function(){return!m.selectionLimit||!m.value||m.value&&m.value.length<m.selectionLimit},B=function(e){var t=e.originalEvent,n=e.option;if(!m.disabled&&!de(n)){var l=me(n),r=be(n),o=ce(n),i=_();o?Y(t,m.value.filter((function(e){return!s.ObjectUtils.equals(r?e:me(e),l,F)})),n):i&&Y(t,[].concat(A(m.value||[]),[l]),n)}},z=function e(t){var n=t.nextElementSibling;return n?!0===s.DomHandler.getAttribute(n,"data-p-disabled")||"itemgroup"===s.DomHandler.getAttribute(n,"data-pc-section")?e(n):n:null},Z=function e(t){var n=t.previousElementSibling;return n?!0===s.DomHandler.getAttribute(n,"data-p-disabled")||"itemgroup"===s.DomHandler.getAttribute(n,"data-pc-section")?e(n):n:null},Y=function(e,t,n){m.onChange&&m.onChange({originalEvent:e,value:t,selectedOption:n,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:m.name,id:m.id,value:t}})},ee=function(){b(""),m.onFilter&&m.onFilter({filter:""})},te=function(){E(!0)},ne=function(){E(!1)},le=function(){s.DomHandler.alignOverlay(N.current,C.current.parentElement,m.appendTo||p&&p.appendTo||x.default.appendTo)},re=function(e){return"clearicon"===s.DomHandler.getAttribute(e.target,"data-pc-section")},oe=function(e){return"headercheckboxcontainer"===s.DomHandler.getAttribute(e.target,"data-pc-section")},ie=function(e){return N.current&&N.current.contains(e.target)},ae=function(e,t){return t.findIndex((function(t){return e.some((function(e){return s.ObjectUtils.equals(e,me(t),F)}))}))},ce=function(e){if(m.value){var t=me(e),n=be(e);return m.value.some((function(e){return s.ObjectUtils.equals(n?e:me(e),t,F)}))}return!1},se=function(e){var t;if(m.options)if(m.optionGroupLabel){var n,l=Q(m.options);try{for(l.s();!(n=l.n()).done;){if(t=ue(e,fe(n.value)))break}}catch(e){l.e(e)}finally{l.f()}}else t=ue(e,m.options),s.ObjectUtils.isEmpty(t)&&(t=ue(e,m.value));return t?pe(t):null},ue=function(e,t){return t.find((function(t){return s.ObjectUtils.equals(me(t),e,F)}))},pe=function(e){return m.optionLabel?s.ObjectUtils.resolveFieldData(e,m.optionLabel):e&&void 0!==e.label?e.label:e},me=function(e){if(m.useOptionAsValue)return e;if(m.optionValue){var t=s.ObjectUtils.resolveFieldData(e,m.optionValue);return null!==t?t:e}return e&&void 0!==e.value?e.value:e},fe=function(e){return s.ObjectUtils.resolveFieldData(e,m.optionGroupChildren)},de=function(e){return m.optionDisabled?s.ObjectUtils.isFunction(m.optionDisabled)?m.optionDisabled(e):s.ObjectUtils.resolveFieldData(e,m.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},be=function(e){return!m.useOptionAsValue&&m.optionValue||e&&void 0!==e.value},ve=function(e,t){var n=m.value.filter((function(e){return!s.ObjectUtils.equals(e,t,F)}));m.onRemove&&m.onRemove({originalEvent:e,value:n}),Y(e,n,t)},ge=function(){var e=/{(.*?)}/;return e.test(m.selectedItemsLabel)?m.selectedItemsLabel.replace(m.selectedItemsLabel.match(e)[0],m.value.length+""):m.selectedItemsLabel},he=function(){if(!U&&!m.fixedPlaceholder)return s.ObjectUtils.isNotEmpty(m.maxSelectedLabels)&&m.value.length>m.maxSelectedLabels?ge():s.ObjectUtils.isArray(m.value)?m.value.reduce((function(e,t,n){return e+(0!==n?", ":"")+se(t)}),""):""};O.useImperativeHandle(u,(function(){return{props:m,show:te,hide:ne,focus:function(){return s.DomHandler.focus(w.current)},getElement:function(){return j.current},getOverlay:function(){return N.current},getInput:function(){return w.current}}})),l.useMountEffect((function(){le()})),O.useEffect((function(){s.ObjectUtils.combinedRefs(w,m.inputRef)}),[w,m.inputRef]),O.useEffect((function(){setTimeout((function(){m.overlayVisible?te():ne()}),100)}),[m.overlayVisible]),l.useUpdateEffect((function(){k&&d&&D&&le()}),[k,d,D]),l.useUnmountEffect((function(){s.ZIndexUtils.clear(N.current)}));var ye,Oe,xe,Ie=function(){if(D){var e=d.trim().toLocaleLowerCase(m.filterLocale),n=m.filterBy?m.filterBy.split(","):[m.optionLabel||"label"];if(m.optionGroupLabel){var l,r=[],o=Q(m.options);try{for(o.s();!(l=o.n()).done;){var i=l.value,a=t.FilterService.filter(fe(i),n,e,m.filterMatchMode,m.filterLocale);a&&a.length&&r.push($($({},i),P({},m.optionGroupChildren,a)))}}catch(e){o.e(e)}finally{o.f()}return r}return t.FilterService.filter(m.options,n,e,m.filterMatchMode,m.filterLocale)}return m.options}(),Se=s.ObjectUtils.isNotEmpty(m.tooltip),ke=M.getOtherProps(m),Ee=s.ObjectUtils.reduceKeys(ke,s.DomHandler.ARIA_PROPS),Pe=s.mergeProps({className:q("triggerIcon")},H("triggerIcon")),je=s.mergeProps({className:q("trigger")},H("trigger")),we=m.loadingIcon?s.IconUtils.getJSXIcon(m.loadingIcon,$({},Pe),{props:m}):O.createElement(g.SpinnerIcon,I({spin:!0},Pe)),Ce=m.dropdownIcon?s.IconUtils.getJSXIcon(m.dropdownIcon,$({},Pe),{props:m}):O.createElement(r.ChevronDownIcon,Pe),Ne=O.createElement("div",je,m.loading?we:Ce),De=!m.inline&&(ye=m.selectedItemTemplate?U?s.ObjectUtils.getJSXElement(m.selectedItemTemplate):s.ObjectUtils.isNotEmpty(m.maxSelectedLabels)&&m.value.length>m.maxSelectedLabels?ge():m.value.map((function(e,t){var n=s.ObjectUtils.getJSXElement(m.selectedItemTemplate,e);return O.createElement(O.Fragment,{key:t},n)})):"chip"!==m.display||U?he():m.value.slice(0,m.maxSelectedLabels||m.value.length).map((function(e,t){var n=se(e),l=s.mergeProps({key:t,className:q("removeTokenIcon"),onClick:function(t){return ve(t,e)}},H("removeTokenIcon")),r=!m.disabled&&(m.removeIcon?s.IconUtils.getJSXIcon(m.removeIcon,$({},l),{props:m}):O.createElement(i.TimesCircleIcon,l)),o=s.mergeProps({className:q("token")},H("token")),a=s.mergeProps({key:n+t,className:q("tokenLabel")},H("tokenLabel"));return O.createElement("div",I({},o,{key:n}),O.createElement("span",a,n),r)})),Oe=s.mergeProps({ref:C,className:q("labelContainer")},H("labelContainer")),xe=s.mergeProps({className:q("label",{empty:U})},H("label")),O.createElement("div",Oe,O.createElement("div",xe,ye||m.placeholder||"empty"))),Ae=!m.inline&&function(){var e=s.mergeProps({className:q("clearIcon"),onClick:function(e){return Y(e,[],[])}},H("clearIcon")),t=s.IconUtils.getJSXIcon(m.clearIcon||O.createElement(o.TimesIcon,e),$({},e),{props:m});return U||!m.showClear||m.disabled?null:t}(),Ue=s.mergeProps($($({ref:j,id:m.id,style:$($({},m.style),V("root")),className:s.classNames(m.className,q("root",{focusedState:h,overlayVisibleState:k}))},ke),{},{onClick:function(e){m.inline||m.disabled||m.loading||ie(e)||"removetokenicon"===s.DomHandler.getAttribute(e.target,"data-pc-section")||re(e)||(k?ne():te(),s.DomHandler.focus(w.current),e.preventDefault())}}),M.getOtherProps(m),H("root")),Fe=s.mergeProps({className:"p-hidden-accessible"},H("hiddenInputWrapper")),Le=s.mergeProps($({ref:w,id:m.inputId,name:m.name,type:"text",onFocus:function(e){y(!0),m.onFocus&&m.onFocus(e)},onBlur:function(e){y(!1),m.onBlur&&m.onBlur(e)},onKeyDown:function(e){switch(e.which){case 40:if(m.inline)break;!k&&e.altKey&&(te(),e.preventDefault());break;case 32:if(m.inline)break;k?ne():te(),e.preventDefault();break;case 27:if(m.inline)break;ne();break;case 9:if(k){var t=s.DomHandler.getFirstFocusableElement(N.current);t&&(t.focus(),e.preventDefault())}}},role:"listbox","aria-expanded":k,disabled:m.disabled,tabIndex:m.tabIndex},Ee),H("input"));return O.createElement(O.Fragment,null,O.createElement("div",Ue,O.createElement("div",Fe,O.createElement("input",I({},Le,{readOnly:!0}))),!m.inline&&O.createElement(O.Fragment,null,De,Ae,Ne),O.createElement(W,I({hostName:"MultiSelect",ref:N,visibleOptions:Ie},m,{onClick:function(e){a.OverlayService.emit("overlay-click",{originalEvent:e,target:j.current})},onOverlayHide:ne,filterValue:d,hasFilter:D,onFilterInputChange:function(e){var t=e.query;b(t),m.onFilter&&m.onFilter({originalEvent:e,filter:t})},resetFilter:ee,onCloseClick:function(e){ne(),s.DomHandler.focus(w.current),e.preventDefault(),e.stopPropagation()},onSelectAll:function(e){if(m.onSelectAll)m.onSelectAll(e);else{var t=null;if(e.checked){if(t=[],Ie){var n=Ie.filter((function(e){return de(e)&&ce(e)}));t=n.map((function(e){return me(e)}))}}else if(Ie){var l=Ie.filter((function(e){return!de(e)||ce(e)}));m.optionGroupLabel?(t=[],l.forEach((function(e){return t=[].concat(A(t),A(fe(e).filter((function(e){return!de(e)})).map((function(e){return me(e)}))))}))):t=l.map((function(e){return me(e)}))}Y(e.originalEvent,t,t)}},getOptionLabel:pe,getOptionRenderKey:function(e){return m.dataKey?s.ObjectUtils.resolveFieldData(e,m.dataKey):pe(e)},isOptionDisabled:de,getOptionGroupChildren:fe,getOptionGroupLabel:function(e){return s.ObjectUtils.resolveFieldData(e,m.optionGroupLabel)},getOptionGroupRenderKey:function(e){return s.ObjectUtils.resolveFieldData(e,m.optionGroupLabel)},isSelected:ce,getSelectedOptionIndex:function(){if(null!=m.value&&m.options){if(m.optionGroupLabel){var e=0,t=m.options.findIndex((function(t,n){return(e=n)&&-1!==ae(m.value,fe(t))}));return-1!==t?{group:e,option:t}:-1}return ae(m.value,m.options)}return-1},isAllSelected:function(){if(m.onSelectAll)return m.selectAll;if(s.ObjectUtils.isEmpty(Ie))return!1;var e=Ie.filter((function(e){return!de(e)}));if(m.optionGroupLabel){var t,n=!0,l=Q(e);try{for(l.s();!(t=l.n()).done;){!0===fe(t.value).filter((function(e){return!de(e)})).some((function(e){return!ce(e)}))&&(n=!1)}}catch(e){l.e(e)}finally{l.f()}return n}return!e.some((function(e){return!ce(e)}))},onOptionSelect:B,allowOptionSelect:_,onOptionKeyDown:function(e){var t=e.originalEvent,n=t.currentTarget;switch(t.which){case 40:var l=z(n);l&&l.focus(),t.preventDefault();break;case 38:var r=Z(n);r&&r.focus(),t.preventDefault();break;case 13:case 32:B(e),t.preventDefault();break;case 27:ne(),s.DomHandler.focus(w.current)}},in:k,onEnter:function(e){var t;s.ZIndexUtils.set("overlay",N.current,p&&p.autoZIndex||x.default.autoZIndex,p&&p.zIndex.overlay||x.default.zIndex.overlay),s.DomHandler.addStyles(N.current,{position:"absolute",top:"0",left:"0"}),le(),(t=s.DomHandler.findSingle(N.current,"li.p-highlight"))&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"nearest"}),e&&e()},onEntered:function(e){e&&e(),J(),m.onShow&&m.onShow()},onExit:function(){X()},onExited:function(){m.filter&&m.resetFilterOnHide&&ee(),s.ZIndexUtils.clear(N.current),m.onHide&&m.onHide()},ptm:H,cx:q,sx:V,isUnstyled:G,metaData:L}))),Se&&O.createElement(c.Tooltip,I({target:j,content:m.tooltip},m.tooltipOptions,{pt:H("tooltip")})))})));ne.displayName="MultiSelect",exports.MultiSelect=ne;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),l=require("primereact/hooks"),r=require("primereact/icons/chevrondown"),o=require("primereact/icons/spinner"),i=require("primereact/icons/times"),a=require("primereact/icons/timescircle"),c=require("primereact/overlayservice"),s=require("primereact/tooltip"),u=require("primereact/utils"),p=require("primereact/csstransition"),m=require("primereact/portal"),f=require("primereact/virtualscroller"),d=require("primereact/icons/check"),b=require("primereact/icons/search"),v=require("primereact/inputtext"),h=require("primereact/ripple");function y(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function g(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var O=g(e),x=y(t);function I(){return I=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},I.apply(this,arguments)}function S(e){return S="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},S(e)}function k(e,t){if("object"!==S(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var l=n.call(e,t||"default");if("object"!==S(l))return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function E(e){var t=k(e,"string");return"symbol"===S(t)?t:String(t)}function j(e,t,n){return(t=E(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function w(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function C(e){if(Array.isArray(e))return w(e)}function N(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 w(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?w(e,t):void 0}}function P(){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 A(e){return C(e)||N(e)||D(e)||P()}function U(e){if(Array.isArray(e))return e}function F(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,o,i,a=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(l=o.call(n)).done)&&(a.push(l.value),a.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw r}}return a}}function L(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function T(e,t){return U(e)||F(e,t)||D(e,t)||L()}var M=n.ComponentBase.extend({defaultProps:{__TYPE:"MultiSelect",appendTo:null,ariaLabelledBy:null,checkboxIcon:null,className:null,clearIcon:null,closeIcon:null,dataKey:null,disabled:!1,display:"comma",dropdownIcon:null,emptyFilterMessage:null,emptyMessage:null,filter:!1,filterBy:null,filterInputAutoFocus:!0,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,fixedPlaceholder:!1,flex:!1,id:null,inline:!1,inputId:null,inputRef:null,itemCheckboxIcon:null,itemClassName:null,itemTemplate:null,maxSelectedLabels:null,name:null,onBlur:null,onChange:null,onClick:null,onFilter:null,onFocus:null,onHide:null,onRemove:null,onSelectAll:null,onShow:null,optionDisabled:null,optionGroupChildren:null,optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,overlayVisible:!1,panelClassName:null,panelFooterTemplate:null,panelHeaderTemplate:null,panelStyle:null,placeholder:null,removeIcon:null,resetFilterOnHide:!1,scrollHeight:"200px",selectAll:!1,selectAllLabel:null,selectedItemTemplate:null,selectedItemsLabel:"{0} items selected",selectionLimit:null,showClear:!1,showSelectAll:!0,style:null,tabIndex:0,tooltip:null,tooltipOptions:null,transitionOptions:null,useOptionAsValue:!1,value:null,virtualScrollerOptions:null,children:void 0},css:{classes:{root:function(e){var t=e.props,n=e.focusedState,l=e.overlayVisibleState;return u.classNames("p-multiselect p-component p-inputwrapper",{"p-multiselect-chip":"chip"===t.display,"p-disabled":t.disabled,"p-multiselect-clearable":t.showClear&&!t.disabled,"p-focus":n,"p-inputwrapper-filled":u.ObjectUtils.isNotEmpty(t.value),"p-inputwrapper-focus":n||l})},label:function(e){var t=e.props,n=e.empty;return u.classNames("p-multiselect-label",{"p-placeholder":n&&t.placeholder,"p-multiselect-label-empty":n&&!t.placeholder&&!t.selectedItemTemplate,"p-multiselect-items-label":!n&&"chip"!==t.display&&t.value.length>t.maxSelectedLabels})},panel:function(e){var t=e.panelProps,n=e.context;return u.classNames("p-multiselect-panel p-component",{"p-multiselect-inline":t.inline,"p-multiselect-flex":t.flex,"p-multiselect-limited":!e.allowOptionSelect,"p-input-filled":n&&"filled"===n.inputStyle||"filled"===x.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===x.default.ripple})},list:function(e){return"p-multiselect-items p-component"},labelContainer:"p-multiselect-label-container",triggerIcon:"p-multiselect-trigger-icon p-c",trigger:"p-multiselect-trigger",clearIcon:"p-multiselect-clear-icon",tokenLabel:"p-multiselect-token-label",token:"p-multiselect-token",removeTokenIcon:"p-multiselect-token-icon",wrapper:"p-multiselect-items-wrapper",emptyMessage:"p-multiselect-empty-message",itemGroup:"p-multiselect-item-group",closeButton:"p-multiselect-close p-link",header:"p-multiselect-header",closeIcon:"p-multiselect-close-icon",headerCheckboxContainer:"p-multiselect-select-all",headerCheckboxIcon:"p-multiselect-select-all p-checkbox-icon p-c",headerSelectAllLabel:"p-multiselect-select-all-label",filterContainer:"p-multiselect-filter-container",filterIcon:"p-multiselect-filter-icon",item:function(e){var t=e.itemProps;return u.classNames("p-multiselect-item",{"p-highlight":t.selected,"p-disabled":t.disabled})},checkboxContainer:"p-checkbox p-component",checkboxIcon:"p-checkbox-icon p-c",checkbox:function(e){return u.classNames("p-checkbox-box",{"p-highlight":e.itemProps.selected})},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-multiselect {\n display: inline-flex;\n user-select: none;\n cursor: pointer;\n }\n \n .p-multiselect-trigger {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n cursor: pointer;\n }\n \n .p-multiselect-label-container {\n overflow: hidden;\n flex: 1 1 auto;\n cursor: pointer;\n }\n \n .p-multiselect-label {\n display: block;\n white-space: nowrap;\n cursor: pointer;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n \n .p-multiselect-label-empty {\n overflow: hidden;\n visibility: hidden;\n }\n \n .p-multiselect-token {\n cursor: default;\n display: inline-flex;\n align-items: center;\n flex: 0 0 auto;\n }\n \n .p-multiselect-token-icon {\n cursor: pointer;\n }\n \n .p-multiselect .p-multiselect-panel {\n min-width: 100%;\n }\n \n .p-multiselect-inline.p-multiselect-panel {\n border: none;\n position: initial;\n background: none;\n box-shadow: none;\n }\n \n .p-multiselect-inline.p-multiselect-panel .p-multiselect-items {\n padding: 0;\n }\n \n .p-multiselect-flex.p-multiselect-panel .p-multiselect-items {\n display: flex;\n flex-wrap: wrap;\n }\n \n .p-multiselect-items-wrapper {\n overflow: auto;\n }\n \n .p-multiselect-items {\n margin: 0;\n padding: 0;\n list-style-type: none;\n }\n \n .p-multiselect-item {\n cursor: pointer;\n display: flex;\n align-items: center;\n font-weight: normal;\n white-space: nowrap;\n position: relative;\n overflow: hidden;\n }\n \n .p-multiselect-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n \n .p-multiselect-select-all-label {\n margin-left: 0.5rem;\n }\n \n .p-multiselect-filter-container {\n position: relative;\n flex: 1 1 auto;\n }\n \n .p-multiselect-filter-icon {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n }\n \n .p-multiselect-filter-container .p-inputtext {\n width: 100%;\n }\n \n .p-multiselect-close {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n overflow: hidden;\n position: relative;\n margin-left: auto;\n }\n \n .p-multiselect-clear-icon {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n }\n \n .p-fluid .p-multiselect {\n display: flex;\n }\n}\n",inlineStyles:{root:function(e){var t=e.props;return t.showClear&&!t.disabled&&{position:"relative"}},itemGroup:function(e){var t=e.scrollerOptions;return{height:t.props?t.props.itemSize:void 0}}}}}),R=n.ComponentBase.extend({defaultProps:{__TYPE:"Checkbox",autoFocus:!1,checked:!1,className:null,disabled:!1,falseValue:!1,icon:null,id:null,inputId:null,inputRef:null,name:null,onChange:null,onClick:null,onContextMenu:null,onMouseDown:null,readOnly:!1,required:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,trueValue:!0,value:null,children:void 0},css:{classes:{icon:"p-checkbox-icon p-c",input:function(e){return u.classNames("p-checkbox-box",{"p-highlight":e.checked,"p-disabled":e.props.disabled,"p-focus":e.focusedState})},root:function(e){return u.classNames("p-checkbox p-component",{"p-checkbox-checked":e.checked,"p-checkbox-disabled":e.props.disabled,"p-checkbox-focused":e.focusedState})}},styles:"\n.p-checkbox {\n display: inline-flex;\n cursor: pointer;\n user-select: none;\n vertical-align: bottom;\n position: relative;\n}\n\n.p-checkbox.p-checkbox-disabled {\n cursor: auto;\n}\n\n.p-checkbox-box {\n display: flex;\n justify-content: center;\n align-items: center;\n} \n"}});function H(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function 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){j(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}var V=O.memo(O.forwardRef((function(e,r){var o=l.useMergeProps(),i=O.useContext(t.PrimeReactContext),a=R.getProps(e,i),c=T(O.useState(!1),2),p=c[0],m=c[1],f=R.setMetaData({props:a,state:{focused:p},context:{checked:a.checked===a.trueValue,disabled:a.disabled}}),b=f.ptm,v=f.cx;n.useHandleStyle(R.css.styles,f.isUnstyled,{name:"checkbox",styled:!0});var h=O.useRef(null),y=O.useRef(a.inputRef),g=function(e){if(!a.disabled&&!a.readOnly&&(a.onChange||a.onClick)){var t=x(),n=e.target instanceof HTMLDivElement||e.target instanceof HTMLSpanElement||e.target instanceof Object,l=e.target===y.current,r=n&&e.target.checked!==t,o=t?a.falseValue:a.trueValue,i={originalEvent:e,value:a.value,checked:o,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{type:"checkbox",name:a.name,id:a.id,value:a.value,checked:o}};if(a.onClick&&a.onClick(i),e.defaultPrevented)return;(l||r)&&a.onChange&&a.onChange(i),u.DomHandler.focus(y.current),e.preventDefault()}},x=function(){return a.checked===a.trueValue};O.useImperativeHandle(r,(function(){return{props:a,focus:function(){return u.DomHandler.focus(y.current)},getElement:function(){return h.current},getInput:function(){return y.current}}})),O.useEffect((function(){u.ObjectUtils.combinedRefs(y,a.inputRef)}),[y,a.inputRef]),l.useUpdateEffect((function(){y.current.checked=x()}),[a.checked,a.trueValue]),l.useMountEffect((function(){a.autoFocus&&u.DomHandler.focus(y.current,a.autoFocus)}));var S=x(),k=u.ObjectUtils.isNotEmpty(a.tooltip),E=R.getOtherProps(a),j=u.ObjectUtils.reduceKeys(E,u.DomHandler.ARIA_PROPS),w=o({className:v("icon")},b("icon")),C=u.IconUtils.getJSXIcon(S?a.icon||O.createElement(d.CheckIcon,w):null,q({},w),{props:a,checked:S}),N=o({id:a.id,className:u.classNames(a.className,v("root",{checked:S,focusedState:p})),style:a.style,onClick:function(e){return g(e)},onContextMenu:a.onContextMenu,onMouseDown:a.onMouseDown},E,b("root")),D=o({className:"p-hidden-accessible"},b("hiddenInputWrapper")),P=o(q({id:a.inputId,type:"checkbox",name:a.name,tabIndex:a.tabIndex,defaultChecked:S,onFocus:function(e){m(!0)},onBlur:function(e){m(!1)},onKeyDown:function(e){var t;"Space"!==(t=e).code&&" "!==t.key||g(t)},disabled:a.disabled,readOnly:a.readOnly,required:a.required},j),b("hiddenInput")),A=o({className:v("input",{checked:S,focusedState:p}),"data-p-highlight":S,"data-p-disabled":a.disabled,"data-p-focus":p},b("input"));return O.createElement(O.Fragment,null,O.createElement("div",I({ref:h},N),O.createElement("div",D,O.createElement("input",I({ref:y},P))),O.createElement("div",A,C)),k&&O.createElement(s.Tooltip,I({target:h,content:a.tooltip},a.tooltipOptions,{pt:b("tooltip")})))})));function G(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function K(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?G(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):G(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}V.displayName="Checkbox";var J=O.memo((function(e){var n=l.useMergeProps(),r=e.ptm,o=e.cx,a=e.isUnstyled,c={filter:function(e){return p(e)},reset:function(){return e.resetFilter()}},s=function(t,n){return r(t,K({hostName:e.hostName},n))},p=function(t){e.onFilter&&e.onFilter({originalEvent:t,query:t.target.value})},m=function(t){e.onSelectAll&&e.onSelectAll({originalEvent:t,checked:e.selectAll}),t.preventDefault(),t.stopPropagation()},f=function(){var t=n({className:o("filterIcon")},s("filterIcon")),l=u.IconUtils.getJSXIcon(e.filterIcon||O.createElement(b.SearchIcon,t),K({},t),{props:e});if(e.filter){var i=n({className:o("filterContainer")},s("filterContainer")),a=O.createElement("div",i,O.createElement(v.InputText,{ref:e.filterRef,type:"text",role:"textbox",value:e.filterValue,onChange:p,className:"p-multiselect-filter",placeholder:e.filterPlaceholder,pt:r("filterInput"),__parentMetadata:{parent:e.metaData}}),l);if(e.filterTemplate)a=u.ObjectUtils.getJSXElement(e.filterTemplate,{className:i.className,element:a,filterOptions:c,onFilter:p,filterIconClassName:e.filterIconClassName,props:e});return O.createElement(O.Fragment,null,a)}return null}(),y=e.id?e.id+"_selectall":u.UniqueComponentId(),g=n({htmlFor:y,className:o("headerSelectAllLabel")},s("headerSelectAllLabel")),x=n({className:o("headerCheckboxIcon")},s("headerCheckboxIcon")),I=n({className:o("headerCheckboxContainer")},s("headerCheckboxContainer")),S=u.IconUtils.getJSXIcon(e.itemCheckboxIcon||O.createElement(d.CheckIcon,x),K({},x),{selected:e.selected}),k=e.showSelectAll&&O.createElement("div",I,O.createElement(V,{id:y,checked:e.selectAll,onChange:m,role:"checkbox","aria-checked":e.selectAll,icon:S,pt:r("headerCheckbox"),unstyled:a()}),!e.filter&&O.createElement("label",g,e.selectAllLabel)),E=n({className:o("closeIcon"),"aria-hidden":!0},s("closeIcon")),j=u.IconUtils.getJSXIcon(e.closeIcon||O.createElement(i.TimesIcon,E),K({},E),{props:e}),w=n({className:o("header")},s("header")),C=n({type:"button",className:o("closeButton"),"aria-label":t.localeOption("close"),onClick:e.onClose},s("closeButton")),N=O.createElement("button",C,j,O.createElement(h.Ripple,null)),D=O.createElement("div",w,k,f,N);return e.template?u.ObjectUtils.getJSXElement(e.template,{className:"p-multiselect-header",checkboxElement:k,checked:e.selectAll,onChange:m,filterElement:f,closeElement:N,closeElementClassName:"p-multiselect-close p-link",closeIconClassName:"p-multiselect-close-icon",onCloseClick:e.onClose,element:D,itemCheckboxIcon:S,props:e}):D}));function X(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function _(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?X(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):X(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}J.displayName="MultiSelectHeader";var B=O.memo((function(e){var t=T(O.useState(!1),2),n=t[0],r=t[1],o=l.useMergeProps(),i=e.ptm,a=e.cx,c=function(t){return i(t,{hostName:e.hostName,context:{selected:e.selected,disabled:e.disabled,focused:n}})},s=o({className:a("checkboxIcon")},c("checkboxIcon")),p=e.selected?u.IconUtils.getJSXIcon(e.checkboxIcon||O.createElement(d.CheckIcon,s),_({},s),{selected:e.selected}):null,m=e.template?u.ObjectUtils.getJSXElement(e.template,e.option):e.label,f=e.disabled?null:e.tabIndex||0,b=o({className:a("checkboxContainer")},c("checkboxContainer")),v=o({className:a("checkbox",{itemProps:e}),"data-p-highlight":e.selected},c("checkbox")),y=o({className:u.classNames(e.className,e.option.className,a("item",{itemProps:e})),style:e.style,onClick:function(t){e.onClick&&e.onClick({originalEvent:t,option:e.option}),t.preventDefault(),t.stopPropagation()},onKeyDown:function(t){e.onKeyDown&&e.onKeyDown({originalEvent:t,option:e.option})},onFocus:function(e){r(!0)},onBlur:function(e){r(!1)},tabIndex:f,role:"option","aria-selected":e.selected,"data-p-highlight":e.selected,"data-p-disabled":e.disabled},c("item"));return O.createElement("li",y,O.createElement("div",b,O.createElement("div",v,p)),O.createElement("span",null,m),O.createElement(h.Ripple,null))}));function z(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function Z(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?z(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):z(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}B.displayName="MultiSelectItem";var W=O.memo(O.forwardRef((function(e,n){var r=O.useRef(null),o=O.useRef(null),i=l.useMergeProps(),a=O.useContext(t.PrimeReactContext),c=e.ptm,s=e.cx,d=e.sx,b=e.isUnstyled,v=function(t,n){return c(t,Z({hostName:e.hostName},n))},h=function(){e.onEnter((function(){if(r.current){var t=e.getSelectedOptionIndex();-1!==t&&setTimeout((function(){return r.current.scrollToIndex(t)}),0)}}))},y=function(){e.onEntered((function(){e.filter&&e.filterInputAutoFocus&&o.current&&u.DomHandler.focus(o.current,!1)}))},g=function(t){r.current&&r.current.scrollToIndex(0),e.onFilterInputChange&&e.onFilterInputChange(t)},x=function(){if(e.panelFooterTemplate){var t=u.ObjectUtils.getJSXElement(e.panelFooterTemplate,e,e.onOverlayHide);return O.createElement("div",{className:"p-multiselect-footer"},t)}return null},S=function(t,n){return e.getOptionGroupChildren(t).map((function(t,l){var r=e.getOptionLabel(t),o=l+"_"+e.getOptionRenderKey(t),i=e.isOptionDisabled(t),a=i?null:e.tabIndex||0,u=e.isSelected(t);return O.createElement(B,{hostName:e.hostName,key:o,label:r,option:t,style:n,template:e.itemTemplate,selected:u,onClick:e.onOptionSelect,onKeyDown:e.onOptionKeyDown,tabIndex:a,disabled:i,className:e.itemClassName,checkboxIcon:e.checkboxIcon,ptm:c,cx:s})}))},k=function(){var n=u.ObjectUtils.getJSXElement(e.emptyFilterMessage,e)||t.localeOption("emptyFilterMessage"),l=i({className:s("emptyMessage")},v("emptyMessage"));return O.createElement("li",l,n)},E=function(t,n){var l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r={height:l.props?l.props.itemSize:void 0};if(e.optionGroupLabel){var o=e.optionGroupTemplate?u.ObjectUtils.getJSXElement(e.optionGroupTemplate,t,n):e.getOptionGroupLabel(t),a=S(t,r),p=n+"_"+e.getOptionGroupRenderKey(t),m=i({className:s("itemGroup"),style:d("itemGroup",{scrollerOptions:l})},v("itemGroup"));return O.createElement(O.Fragment,{key:p},O.createElement("li",m,o),a)}var f=e.getOptionLabel(t),b=n+"_"+e.getOptionRenderKey(t),h=e.isOptionDisabled(t),y=h?null:e.tabIndex||0,g=e.isSelected(t);return O.createElement(B,{hostName:e.hostName,key:b,label:f,option:t,style:r,template:e.itemTemplate,selected:g,onClick:e.onOptionSelect,onKeyDown:e.onOptionKeyDown,tabIndex:y,disabled:h,className:e.itemClassName,checkboxIcon:e.checkboxIcon,ptm:c,cx:s})},j=function(){if(e.virtualScrollerOptions){var n=Z(Z({},e.virtualScrollerOptions),{style:Z(Z({},e.virtualScrollerOptions.style),{height:e.scrollHeight}),className:u.classNames("p-multiselect-items-wrapper",e.virtualScrollerOptions.className),items:e.visibleOptions,autoSize:!0,onLazyLoad:function(t){return e.virtualScrollerOptions.onLazyLoad(Z(Z({},t),{filter:e.filterValue}))},itemTemplate:function(e,t){return e&&E(e,t.index,t)},contentTemplate:function(t){var n=e.visibleOptions&&e.visibleOptions.length||!e.hasFilter?t.children:k(),l=i({ref:t.contentRef,style:t.style,className:u.classNames(t.className,s("list",{virtualScrollerProps:e.virtualScrollerOptions})),role:"listbox","aria-multiselectable":!0},v("list"));return O.createElement("ul",l,n)}});return O.createElement(f.VirtualScroller,I({ref:r},n,{pt:c("virtualScroller"),__parentMetadata:{parent:e.metaData}}))}var l,o,a=u.ObjectUtils.isNotEmpty(e.visibleOptions)?e.visibleOptions.map(E):e.hasFilter?k():(l=u.ObjectUtils.getJSXElement(e.emptyMessage,e)||t.localeOption("emptyMessage"),o=i({className:s("emptyMessage")},v("emptyMessage")),O.createElement("li",o,l)),p=i({className:s("wrapper"),style:{maxHeight:e.scrollHeight}},v("wrapper")),m=i({className:s("list"),role:"listbox","aria-multiselectable":!0},v("list"));return O.createElement("div",p,O.createElement("ul",m,a))},w=function(){var t=e.allowOptionSelect(),l=O.createElement(J,{hostName:e.hostName,id:e.id,filter:e.filter,filterRef:o,filterValue:e.filterValue,filterTemplate:e.filterTemplate,onFilter:g,filterPlaceholder:e.filterPlaceholder,onClose:e.onCloseClick,showSelectAll:e.showSelectAll,selectAll:e.isAllSelected(),selectAllLabel:e.selectAllLabel,onSelectAll:e.onSelectAll,template:e.panelHeaderTemplate,resetFilter:e.resetFilter,closeIcon:e.closeIcon,filterIcon:e.filterIcon,itemCheckboxIcon:e.itemCheckboxIcon,ptm:c,cx:s,isUnstyled:b,metaData:e.metaData}),r=j(),m=x(),f=i({className:u.classNames(e.panelClassName,s("panel",{panelProps:e,context:a,allowOptionSelect:t})),style:e.panelStyle,onClick:e.onClick},v("panel"));if(e.inline)return O.createElement("div",I({ref:n},f),r,m);var d=i({classNames:s("transition"),in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:h,onEntered:y,onExit:e.onExit,onExited:e.onExited},v("transition"));return O.createElement(p.CSSTransition,I({nodeRef:n},d),O.createElement("div",I({ref:n},f),l,r,m))}();return e.inline?w:O.createElement(m.Portal,{element:w,appendTo:e.appendTo})})));function Y(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function $(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Y(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Y(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Q(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=ee(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var l=0,r=function(){};return{s:r,n:function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}},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,i=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){a=!0,o=e},f:function(){try{i||null==n.return||n.return()}finally{if(a)throw o}}}}function ee(e,t){if(e){if("string"==typeof e)return te(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)?te(e,t):void 0}}function te(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}W.displayName="MultiSelectPanel";var ne=O.memo(O.forwardRef((function(e,p){var m=l.useMergeProps(),f=O.useContext(t.PrimeReactContext),d=M.getProps(e,f),b=T(O.useState(""),2),v=b[0],h=b[1],y=T(O.useState(!1),2),g=y[0],S=y[1],k=T(O.useState(d.inline),2),E=k[0],w=k[1],C=O.useRef(null),N=O.useRef(d.inputRef),D=O.useRef(null),P=O.useRef(null),U=v&&v.trim().length>0,F=u.ObjectUtils.isEmpty(d.value),L=d.optionValue?null:d.dataKey,R={props:d,state:{filterState:v,focused:g,overlayVisible:E}},H=M.setMetaData(R),q=H.ptm,V=H.cx,G=H.sx,K=H.isUnstyled;n.useHandleStyle(M.css.styles,K,{name:"multiselect"});var J=T(l.useOverlayListener({target:C,overlay:P,listener:function(e,t){t.valid&&("outside"===t.type?!oe(e)&&!ie(e)&&le():le())},when:E}),2),X=J[0],_=J[1],B=function(){return!d.selectionLimit||!d.value||d.value&&d.value.length<d.selectionLimit},z=function(e){var t=e.originalEvent,n=e.option;if(!d.disabled&&!be(n)){var l=fe(n),r=ve(n),o=se(n),i=B();o?ee(t,d.value.filter((function(e){return!u.ObjectUtils.equals(r?e:fe(e),l,L)})),n):i&&ee(t,[].concat(A(d.value||[]),[l]),n)}},Z=function e(t){var n=t.nextElementSibling;return n?!0===u.DomHandler.getAttribute(n,"data-p-disabled")||"itemgroup"===u.DomHandler.getAttribute(n,"data-pc-section")?e(n):n:null},Y=function e(t){var n=t.previousElementSibling;return n?!0===u.DomHandler.getAttribute(n,"data-p-disabled")||"itemgroup"===u.DomHandler.getAttribute(n,"data-pc-section")?e(n):n:null},ee=function(e,t,n){d.onChange&&d.onChange({originalEvent:e,value:t,selectedOption:n,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:d.name,id:d.id,value:t}})},te=function(){h(""),d.onFilter&&d.onFilter({filter:""})},ne=function(){w(!0)},le=function(){w(!1)},re=function(){u.DomHandler.alignOverlay(P.current,D.current.parentElement,d.appendTo||f&&f.appendTo||x.default.appendTo)},oe=function(e){return"clearicon"===u.DomHandler.getAttribute(e.target,"data-pc-section")},ie=function(e){return"headercheckboxcontainer"===u.DomHandler.getAttribute(e.target,"data-pc-section")},ae=function(e){return P.current&&P.current.contains(e.target)},ce=function(e,t){return t.findIndex((function(t){return e.some((function(e){return u.ObjectUtils.equals(e,fe(t),L)}))}))},se=function(e){if(d.value){var t=fe(e),n=ve(e);return d.value.some((function(e){return u.ObjectUtils.equals(n?e:fe(e),t,L)}))}return!1},ue=function(e){var t;if(d.options)if(d.optionGroupLabel){var n,l=Q(d.options);try{for(l.s();!(n=l.n()).done;){if(t=pe(e,de(n.value)))break}}catch(e){l.e(e)}finally{l.f()}}else t=pe(e,d.options),u.ObjectUtils.isEmpty(t)&&(t=pe(e,d.value));return t?me(t):null},pe=function(e,t){return t.find((function(t){return u.ObjectUtils.equals(fe(t),e,L)}))},me=function(e){return d.optionLabel?u.ObjectUtils.resolveFieldData(e,d.optionLabel):e&&void 0!==e.label?e.label:e},fe=function(e){if(d.useOptionAsValue)return e;if(d.optionValue){var t=u.ObjectUtils.resolveFieldData(e,d.optionValue);return null!==t?t:e}return e&&void 0!==e.value?e.value:e},de=function(e){return u.ObjectUtils.resolveFieldData(e,d.optionGroupChildren)},be=function(e){return d.optionDisabled?u.ObjectUtils.isFunction(d.optionDisabled)?d.optionDisabled(e):u.ObjectUtils.resolveFieldData(e,d.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},ve=function(e){return!d.useOptionAsValue&&d.optionValue||e&&void 0!==e.value},he=function(e,t){var n=d.value.filter((function(e){return!u.ObjectUtils.equals(e,t,L)}));d.onRemove&&d.onRemove({originalEvent:e,value:n}),ee(e,n,t)},ye=function(){var e=/{(.*?)}/;return e.test(d.selectedItemsLabel)?d.selectedItemsLabel.replace(d.selectedItemsLabel.match(e)[0],d.value.length+""):d.selectedItemsLabel},ge=function(){if(!F&&!d.fixedPlaceholder)return u.ObjectUtils.isNotEmpty(d.maxSelectedLabels)&&d.value.length>d.maxSelectedLabels?ye():u.ObjectUtils.isArray(d.value)?d.value.reduce((function(e,t,n){return e+(0!==n?", ":"")+ue(t)}),""):""};O.useImperativeHandle(p,(function(){return{props:d,show:ne,hide:le,focus:function(){return u.DomHandler.focus(N.current)},getElement:function(){return C.current},getOverlay:function(){return P.current},getInput:function(){return N.current}}})),l.useMountEffect((function(){re()})),O.useEffect((function(){u.ObjectUtils.combinedRefs(N,d.inputRef)}),[N,d.inputRef]),O.useEffect((function(){setTimeout((function(){d.overlayVisible?ne():le()}),100)}),[d.overlayVisible]),l.useUpdateEffect((function(){E&&v&&U&&re()}),[E,v,U]),l.useUnmountEffect((function(){u.ZIndexUtils.clear(P.current)}));var Oe,xe,Ie,Se=function(){if(U){var e=v.trim().toLocaleLowerCase(d.filterLocale),n=d.filterBy?d.filterBy.split(","):[d.optionLabel||"label"];if(d.optionGroupLabel){var l,r=[],o=Q(d.options);try{for(o.s();!(l=o.n()).done;){var i=l.value,a=t.FilterService.filter(de(i),n,e,d.filterMatchMode,d.filterLocale);a&&a.length&&r.push($($({},i),j({},d.optionGroupChildren,a)))}}catch(e){o.e(e)}finally{o.f()}return r}return t.FilterService.filter(d.options,n,e,d.filterMatchMode,d.filterLocale)}return d.options}(),ke=u.ObjectUtils.isNotEmpty(d.tooltip),Ee=M.getOtherProps(d),je=u.ObjectUtils.reduceKeys(Ee,u.DomHandler.ARIA_PROPS),we=m({className:V("triggerIcon")},q("triggerIcon")),Ce=m({className:V("trigger")},q("trigger")),Ne=d.loadingIcon?u.IconUtils.getJSXIcon(d.loadingIcon,$({},we),{props:d}):O.createElement(o.SpinnerIcon,I({spin:!0},we)),De=d.dropdownIcon?u.IconUtils.getJSXIcon(d.dropdownIcon,$({},we),{props:d}):O.createElement(r.ChevronDownIcon,we),Pe=O.createElement("div",Ce,d.loading?Ne:De),Ae=!d.inline&&(Oe=d.selectedItemTemplate?F?u.ObjectUtils.getJSXElement(d.selectedItemTemplate):u.ObjectUtils.isNotEmpty(d.maxSelectedLabels)&&d.value.length>d.maxSelectedLabels?ye():d.value.map((function(e,t){var n=u.ObjectUtils.getJSXElement(d.selectedItemTemplate,e);return O.createElement(O.Fragment,{key:t},n)})):"chip"!==d.display||F?ge():d.value.slice(0,d.maxSelectedLabels||d.value.length).map((function(e,t){var n=ue(e),l=m({key:t,className:V("removeTokenIcon"),onClick:function(t){return he(t,e)}},q("removeTokenIcon")),r=!d.disabled&&(d.removeIcon?u.IconUtils.getJSXIcon(d.removeIcon,$({},l),{props:d}):O.createElement(a.TimesCircleIcon,l)),o=m({className:V("token")},q("token")),i=m({key:n+t,className:V("tokenLabel")},q("tokenLabel"));return O.createElement("div",I({},o,{key:n}),O.createElement("span",i,n),r)})),xe=m({ref:D,className:V("labelContainer")},q("labelContainer")),Ie=m({className:V("label",{empty:F})},q("label")),O.createElement("div",xe,O.createElement("div",Ie,Oe||d.placeholder||"empty"))),Ue=!d.inline&&function(){var e=m({className:V("clearIcon"),onClick:function(e){return ee(e,[],[])}},q("clearIcon")),t=u.IconUtils.getJSXIcon(d.clearIcon||O.createElement(i.TimesIcon,e),$({},e),{props:d});return F||!d.showClear||d.disabled?null:t}(),Fe=m($($({ref:C,id:d.id,style:$($({},d.style),G("root")),className:u.classNames(d.className,V("root",{focusedState:g,overlayVisibleState:E}))},Ee),{},{onClick:function(e){d.inline||d.disabled||d.loading||ae(e)||"removetokenicon"===u.DomHandler.getAttribute(e.target,"data-pc-section")||oe(e)||(E?le():ne(),u.DomHandler.focus(N.current),e.preventDefault())}}),M.getOtherProps(d),q("root")),Le=m({className:"p-hidden-accessible"},q("hiddenInputWrapper")),Te=m($({ref:N,id:d.inputId,name:d.name,type:"text",onFocus:function(e){S(!0),d.onFocus&&d.onFocus(e)},onBlur:function(e){S(!1),d.onBlur&&d.onBlur(e)},onKeyDown:function(e){switch(e.which){case 40:if(d.inline)break;!E&&e.altKey&&(ne(),e.preventDefault());break;case 32:if(d.inline)break;E?le():ne(),e.preventDefault();break;case 27:if(d.inline)break;le();break;case 9:if(E){var t=u.DomHandler.getFirstFocusableElement(P.current);t&&(t.focus(),e.preventDefault())}}},role:"listbox","aria-expanded":E,disabled:d.disabled,tabIndex:d.tabIndex},je),q("input"));return O.createElement(O.Fragment,null,O.createElement("div",Fe,O.createElement("div",Le,O.createElement("input",I({},Te,{readOnly:!0}))),!d.inline&&O.createElement(O.Fragment,null,Ae,Ue,Pe),O.createElement(W,I({hostName:"MultiSelect",ref:P,visibleOptions:Se},d,{onClick:function(e){c.OverlayService.emit("overlay-click",{originalEvent:e,target:C.current})},onOverlayHide:le,filterValue:v,hasFilter:U,onFilterInputChange:function(e){var t=e.query;h(t),d.onFilter&&d.onFilter({originalEvent:e,filter:t})},resetFilter:te,onCloseClick:function(e){le(),u.DomHandler.focus(N.current),e.preventDefault(),e.stopPropagation()},onSelectAll:function(e){if(d.onSelectAll)d.onSelectAll(e);else{var t=null;if(e.checked){if(t=[],Se){var n=Se.filter((function(e){return be(e)&&se(e)}));t=n.map((function(e){return fe(e)}))}}else if(Se){var l=Se.filter((function(e){return!be(e)||se(e)}));d.optionGroupLabel?(t=[],l.forEach((function(e){return t=[].concat(A(t),A(de(e).filter((function(e){return!be(e)})).map((function(e){return fe(e)}))))}))):t=l.map((function(e){return fe(e)}))}ee(e.originalEvent,t,t)}},getOptionLabel:me,getOptionRenderKey:function(e){return d.dataKey?u.ObjectUtils.resolveFieldData(e,d.dataKey):me(e)},isOptionDisabled:be,getOptionGroupChildren:de,getOptionGroupLabel:function(e){return u.ObjectUtils.resolveFieldData(e,d.optionGroupLabel)},getOptionGroupRenderKey:function(e){return u.ObjectUtils.resolveFieldData(e,d.optionGroupLabel)},isSelected:se,getSelectedOptionIndex:function(){if(null!=d.value&&d.options){if(d.optionGroupLabel){var e=0,t=d.options.findIndex((function(t,n){return(e=n)&&-1!==ce(d.value,de(t))}));return-1!==t?{group:e,option:t}:-1}return ce(d.value,d.options)}return-1},isAllSelected:function(){if(d.onSelectAll)return d.selectAll;if(u.ObjectUtils.isEmpty(Se))return!1;var e=Se.filter((function(e){return!be(e)}));if(d.optionGroupLabel){var t,n=!0,l=Q(e);try{for(l.s();!(t=l.n()).done;){!0===de(t.value).filter((function(e){return!be(e)})).some((function(e){return!se(e)}))&&(n=!1)}}catch(e){l.e(e)}finally{l.f()}return n}return!e.some((function(e){return!se(e)}))},onOptionSelect:z,allowOptionSelect:B,onOptionKeyDown:function(e){var t=e.originalEvent,n=t.currentTarget;switch(t.which){case 40:var l=Z(n);l&&l.focus(),t.preventDefault();break;case 38:var r=Y(n);r&&r.focus(),t.preventDefault();break;case 13:case 32:z(e),t.preventDefault();break;case 27:le(),u.DomHandler.focus(N.current)}},in:E,onEnter:function(e){var t;u.ZIndexUtils.set("overlay",P.current,f&&f.autoZIndex||x.default.autoZIndex,f&&f.zIndex.overlay||x.default.zIndex.overlay),u.DomHandler.addStyles(P.current,{position:"absolute",top:"0",left:"0"}),re(),(t=u.DomHandler.findSingle(P.current,'li[data-p-highlight="true"]'))&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"nearest"}),e&&e()},onEntered:function(e){e&&e(),X(),d.onShow&&d.onShow()},onExit:function(){_()},onExited:function(){d.filter&&d.resetFilterOnHide&&te(),u.ZIndexUtils.clear(P.current),d.onHide&&d.onHide()},ptm:q,cx:V,sx:G,isUnstyled:K,metaData:R}))),ke&&O.createElement(s.Tooltip,I({target:C,content:d.tooltip},d.tooltipOptions,{pt:q("tooltip")})))})));ne.displayName="MultiSelect",exports.MultiSelect=ne;
|
|
@@ -2,13 +2,14 @@
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import PrimeReact, { PrimeReactContext, localeOption, FilterService } from 'primereact/api';
|
|
4
4
|
import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
|
|
5
|
-
import { useUpdateEffect, useMountEffect, useOverlayListener, useUnmountEffect } from 'primereact/hooks';
|
|
5
|
+
import { useMergeProps, useUpdateEffect, useMountEffect, useOverlayListener, useUnmountEffect } from 'primereact/hooks';
|
|
6
6
|
import { ChevronDownIcon } from 'primereact/icons/chevrondown';
|
|
7
|
+
import { SpinnerIcon } from 'primereact/icons/spinner';
|
|
7
8
|
import { TimesIcon } from 'primereact/icons/times';
|
|
8
9
|
import { TimesCircleIcon } from 'primereact/icons/timescircle';
|
|
9
10
|
import { OverlayService } from 'primereact/overlayservice';
|
|
10
11
|
import { Tooltip } from 'primereact/tooltip';
|
|
11
|
-
import { classNames, ObjectUtils, DomHandler,
|
|
12
|
+
import { classNames, ObjectUtils, DomHandler, IconUtils, UniqueComponentId, ZIndexUtils } from 'primereact/utils';
|
|
12
13
|
import { CSSTransition } from 'primereact/csstransition';
|
|
13
14
|
import { Portal } from 'primereact/portal';
|
|
14
15
|
import { VirtualScroller } from 'primereact/virtualscroller';
|
|
@@ -16,7 +17,6 @@ import { CheckIcon } from 'primereact/icons/check';
|
|
|
16
17
|
import { SearchIcon } from 'primereact/icons/search';
|
|
17
18
|
import { InputText } from 'primereact/inputtext';
|
|
18
19
|
import { Ripple } from 'primereact/ripple';
|
|
19
|
-
import { SpinnerIcon } from 'primereact/icons/spinner';
|
|
20
20
|
|
|
21
21
|
function _extends() {
|
|
22
22
|
_extends = Object.assign ? Object.assign.bind() : function (target) {
|
|
@@ -376,6 +376,7 @@ var CheckboxBase = ComponentBase.extend({
|
|
|
376
376
|
function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
377
377
|
function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
378
378
|
var Checkbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
|
|
379
|
+
var mergeProps = useMergeProps();
|
|
379
380
|
var context = React.useContext(PrimeReactContext);
|
|
380
381
|
var props = CheckboxBase.getProps(inProps, context);
|
|
381
382
|
var _React$useState = React.useState(false),
|
|
@@ -554,6 +555,7 @@ Checkbox.displayName = 'Checkbox';
|
|
|
554
555
|
function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
555
556
|
function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
556
557
|
var MultiSelectHeader = /*#__PURE__*/React.memo(function (props) {
|
|
558
|
+
var mergeProps = useMergeProps();
|
|
557
559
|
var ptm = props.ptm,
|
|
558
560
|
cx = props.cx,
|
|
559
561
|
isUnstyled = props.isUnstyled;
|
|
@@ -701,6 +703,7 @@ var MultiSelectItem = /*#__PURE__*/React.memo(function (props) {
|
|
|
701
703
|
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
702
704
|
focusedState = _React$useState2[0],
|
|
703
705
|
setFocusedState = _React$useState2[1];
|
|
706
|
+
var mergeProps = useMergeProps();
|
|
704
707
|
var ptm = props.ptm,
|
|
705
708
|
cx = props.cx;
|
|
706
709
|
var getPTOptions = function getPTOptions(key) {
|
|
@@ -779,6 +782,7 @@ function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t
|
|
|
779
782
|
var MultiSelectPanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
780
783
|
var virtualScrollerRef = React.useRef(null);
|
|
781
784
|
var filterInputRef = React.useRef(null);
|
|
785
|
+
var mergeProps = useMergeProps();
|
|
782
786
|
var context = React.useContext(PrimeReactContext);
|
|
783
787
|
var ptm = props.ptm,
|
|
784
788
|
cx = props.cx,
|
|
@@ -1052,6 +1056,7 @@ function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol
|
|
|
1052
1056
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
1053
1057
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
1054
1058
|
var MultiSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
|
|
1059
|
+
var mergeProps = useMergeProps();
|
|
1055
1060
|
var context = React.useContext(PrimeReactContext);
|
|
1056
1061
|
var props = MultiSelectBase.getProps(inProps, context);
|
|
1057
1062
|
var _React$useState = React.useState(''),
|
|
@@ -1292,7 +1297,7 @@ var MultiSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
|
|
|
1292
1297
|
});
|
|
1293
1298
|
};
|
|
1294
1299
|
var scrollInView = function scrollInView() {
|
|
1295
|
-
var highlightItem = DomHandler.findSingle(overlayRef.current, 'li
|
|
1300
|
+
var highlightItem = DomHandler.findSingle(overlayRef.current, 'li[data-p-highlight="true"]');
|
|
1296
1301
|
if (highlightItem && highlightItem.scrollIntoView) {
|
|
1297
1302
|
highlightItem.scrollIntoView({
|
|
1298
1303
|
block: 'nearest',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import t,{PrimeReactContext as n,localeOption as l,FilterService as r}from"primereact/api";import{ComponentBase as o,useHandleStyle as i}from"primereact/componentbase";import{useUpdateEffect as a,useMountEffect as c,useOverlayListener as u,useUnmountEffect as s}from"primereact/hooks";import{ChevronDownIcon as p}from"primereact/icons/chevrondown";import{TimesIcon as m}from"primereact/icons/times";import{TimesCircleIcon as f}from"primereact/icons/timescircle";import{OverlayService as d}from"primereact/overlayservice";import{Tooltip as b}from"primereact/tooltip";import{classNames as v,ObjectUtils as h,DomHandler as y,mergeProps as g,IconUtils as O,UniqueComponentId as x,ZIndexUtils as k}from"primereact/utils";import{CSSTransition as S}from"primereact/csstransition";import{Portal as E}from"primereact/portal";import{VirtualScroller as I}from"primereact/virtualscroller";import{CheckIcon as w}from"primereact/icons/check";import{SearchIcon as C}from"primereact/icons/search";import{InputText as N}from"primereact/inputtext";import{Ripple as P}from"primereact/ripple";import{SpinnerIcon as j}from"primereact/icons/spinner";function D(){return D=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},D.apply(this,arguments)}function A(e){return A="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},A(e)}function L(e,t){if("object"!==A(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var l=n.call(e,t||"default");if("object"!==A(l))return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function F(e){var t=L(e,"string");return"symbol"===A(t)?t:String(t)}function T(e,t,n){return(t=F(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function M(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function R(e){if(Array.isArray(e))return M(e)}function V(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 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 K(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function H(e){return R(e)||V(e)||G(e)||K()}function J(e){if(Array.isArray(e))return e}function X(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,o,i,a=[],c=!0,u=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(l=o.call(n)).done)&&(a.push(l.value),a.length!==t);c=!0);}catch(e){u=!0,r=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw r}}return a}}function _(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function B(e,t){return J(e)||X(e,t)||G(e,t)||_()}var q=o.extend({defaultProps:{__TYPE:"MultiSelect",appendTo:null,ariaLabelledBy:null,checkboxIcon:null,className:null,clearIcon:null,closeIcon:null,dataKey:null,disabled:!1,display:"comma",dropdownIcon:null,emptyFilterMessage:null,emptyMessage:null,filter:!1,filterBy:null,filterInputAutoFocus:!0,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,fixedPlaceholder:!1,flex:!1,id:null,inline:!1,inputId:null,inputRef:null,itemCheckboxIcon:null,itemClassName:null,itemTemplate:null,maxSelectedLabels:null,name:null,onBlur:null,onChange:null,onClick:null,onFilter:null,onFocus:null,onHide:null,onRemove:null,onSelectAll:null,onShow:null,optionDisabled:null,optionGroupChildren:null,optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,overlayVisible:!1,panelClassName:null,panelFooterTemplate:null,panelHeaderTemplate:null,panelStyle:null,placeholder:null,removeIcon:null,resetFilterOnHide:!1,scrollHeight:"200px",selectAll:!1,selectAllLabel:null,selectedItemTemplate:null,selectedItemsLabel:"{0} items selected",selectionLimit:null,showClear:!1,showSelectAll:!0,style:null,tabIndex:0,tooltip:null,tooltipOptions:null,transitionOptions:null,useOptionAsValue:!1,value:null,virtualScrollerOptions:null,children:void 0},css:{classes:{root:function(e){var t=e.props,n=e.focusedState,l=e.overlayVisibleState;return v("p-multiselect p-component p-inputwrapper",{"p-multiselect-chip":"chip"===t.display,"p-disabled":t.disabled,"p-multiselect-clearable":t.showClear&&!t.disabled,"p-focus":n,"p-inputwrapper-filled":h.isNotEmpty(t.value),"p-inputwrapper-focus":n||l})},label:function(e){var t=e.props,n=e.empty;return v("p-multiselect-label",{"p-placeholder":n&&t.placeholder,"p-multiselect-label-empty":n&&!t.placeholder&&!t.selectedItemTemplate,"p-multiselect-items-label":!n&&"chip"!==t.display&&t.value.length>t.maxSelectedLabels})},panel:function(e){var n=e.panelProps,l=e.context;return v("p-multiselect-panel p-component",{"p-multiselect-inline":n.inline,"p-multiselect-flex":n.flex,"p-multiselect-limited":!e.allowOptionSelect,"p-input-filled":l&&"filled"===l.inputStyle||"filled"===t.inputStyle,"p-ripple-disabled":l&&!1===l.ripple||!1===t.ripple})},list:function(e){return"p-multiselect-items p-component"},labelContainer:"p-multiselect-label-container",triggerIcon:"p-multiselect-trigger-icon p-c",trigger:"p-multiselect-trigger",clearIcon:"p-multiselect-clear-icon",tokenLabel:"p-multiselect-token-label",token:"p-multiselect-token",removeTokenIcon:"p-multiselect-token-icon",wrapper:"p-multiselect-items-wrapper",emptyMessage:"p-multiselect-empty-message",itemGroup:"p-multiselect-item-group",closeButton:"p-multiselect-close p-link",header:"p-multiselect-header",closeIcon:"p-multiselect-close-icon",headerCheckboxContainer:"p-multiselect-select-all",headerCheckboxIcon:"p-multiselect-select-all p-checkbox-icon p-c",headerSelectAllLabel:"p-multiselect-select-all-label",filterContainer:"p-multiselect-filter-container",filterIcon:"p-multiselect-filter-icon",item:function(e){var t=e.itemProps;return v("p-multiselect-item",{"p-highlight":t.selected,"p-disabled":t.disabled})},checkboxContainer:"p-checkbox p-component",checkboxIcon:"p-checkbox-icon p-c",checkbox:function(e){return v("p-checkbox-box",{"p-highlight":e.itemProps.selected})},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-multiselect {\n display: inline-flex;\n user-select: none;\n cursor: pointer;\n }\n \n .p-multiselect-trigger {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n cursor: pointer;\n }\n \n .p-multiselect-label-container {\n overflow: hidden;\n flex: 1 1 auto;\n cursor: pointer;\n }\n \n .p-multiselect-label {\n display: block;\n white-space: nowrap;\n cursor: pointer;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n \n .p-multiselect-label-empty {\n overflow: hidden;\n visibility: hidden;\n }\n \n .p-multiselect-token {\n cursor: default;\n display: inline-flex;\n align-items: center;\n flex: 0 0 auto;\n }\n \n .p-multiselect-token-icon {\n cursor: pointer;\n }\n \n .p-multiselect .p-multiselect-panel {\n min-width: 100%;\n }\n \n .p-multiselect-inline.p-multiselect-panel {\n border: none;\n position: initial;\n background: none;\n box-shadow: none;\n }\n \n .p-multiselect-inline.p-multiselect-panel .p-multiselect-items {\n padding: 0;\n }\n \n .p-multiselect-flex.p-multiselect-panel .p-multiselect-items {\n display: flex;\n flex-wrap: wrap;\n }\n \n .p-multiselect-items-wrapper {\n overflow: auto;\n }\n \n .p-multiselect-items {\n margin: 0;\n padding: 0;\n list-style-type: none;\n }\n \n .p-multiselect-item {\n cursor: pointer;\n display: flex;\n align-items: center;\n font-weight: normal;\n white-space: nowrap;\n position: relative;\n overflow: hidden;\n }\n \n .p-multiselect-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n \n .p-multiselect-select-all-label {\n margin-left: 0.5rem;\n }\n \n .p-multiselect-filter-container {\n position: relative;\n flex: 1 1 auto;\n }\n \n .p-multiselect-filter-icon {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n }\n \n .p-multiselect-filter-container .p-inputtext {\n width: 100%;\n }\n \n .p-multiselect-close {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n overflow: hidden;\n position: relative;\n margin-left: auto;\n }\n \n .p-multiselect-clear-icon {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n }\n \n .p-fluid .p-multiselect {\n display: flex;\n }\n}\n",inlineStyles:{root:function(e){var t=e.props;return t.showClear&&!t.disabled&&{position:"relative"}},itemGroup:function(e){var t=e.scrollerOptions;return{height:t.props?t.props.itemSize:void 0}}}}}),U=o.extend({defaultProps:{__TYPE:"Checkbox",autoFocus:!1,checked:!1,className:null,disabled:!1,falseValue:!1,icon:null,id:null,inputId:null,inputRef:null,name:null,onChange:null,onClick:null,onContextMenu:null,onMouseDown:null,readOnly:!1,required:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,trueValue:!0,value:null,children:void 0},css:{classes:{icon:"p-checkbox-icon p-c",input:function(e){return v("p-checkbox-box",{"p-highlight":e.checked,"p-disabled":e.props.disabled,"p-focus":e.focusedState})},root:function(e){return v("p-checkbox p-component",{"p-checkbox-checked":e.checked,"p-checkbox-disabled":e.props.disabled,"p-checkbox-focused":e.focusedState})}},styles:"\n.p-checkbox {\n display: inline-flex;\n cursor: pointer;\n user-select: none;\n vertical-align: bottom;\n position: relative;\n}\n\n.p-checkbox.p-checkbox-disabled {\n cursor: auto;\n}\n\n.p-checkbox-box {\n display: flex;\n justify-content: center;\n align-items: center;\n} \n"}});function z(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function W(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?z(Object(n),!0).forEach((function(t){T(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):z(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Y=e.memo(e.forwardRef((function(t,l){var r=e.useContext(n),o=U.getProps(t,r),u=B(e.useState(!1),2),s=u[0],p=u[1],m=U.setMetaData({props:o,state:{focused:s},context:{checked:o.checked===o.trueValue,disabled:o.disabled}}),f=m.ptm,d=m.cx;i(U.css.styles,m.isUnstyled,{name:"checkbox",styled:!0});var x=e.useRef(null),k=e.useRef(o.inputRef),S=function(e){if(!o.disabled&&!o.readOnly&&(o.onChange||o.onClick)){var t=E(),n=e.target instanceof HTMLDivElement||e.target instanceof HTMLSpanElement||e.target instanceof Object,l=e.target===k.current,r=n&&e.target.checked!==t,i=t?o.falseValue:o.trueValue,a={originalEvent:e,value:o.value,checked:i,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{type:"checkbox",name:o.name,id:o.id,value:o.value,checked:i}};if(o.onClick&&o.onClick(a),e.defaultPrevented)return;(l||r)&&o.onChange&&o.onChange(a),y.focus(k.current),e.preventDefault()}},E=function(){return o.checked===o.trueValue};e.useImperativeHandle(l,(function(){return{props:o,focus:function(){return y.focus(k.current)},getElement:function(){return x.current},getInput:function(){return k.current}}})),e.useEffect((function(){h.combinedRefs(k,o.inputRef)}),[k,o.inputRef]),a((function(){k.current.checked=E()}),[o.checked,o.trueValue]),c((function(){o.autoFocus&&y.focus(k.current,o.autoFocus)}));var I=E(),C=h.isNotEmpty(o.tooltip),N=U.getOtherProps(o),P=h.reduceKeys(N,y.ARIA_PROPS),j=g({className:d("icon")},f("icon")),A=O.getJSXIcon(I?o.icon||e.createElement(w,j):null,W({},j),{props:o,checked:I}),L=g({id:o.id,className:v(o.className,d("root",{checked:I,focusedState:s})),style:o.style,onClick:function(e){return S(e)},onContextMenu:o.onContextMenu,onMouseDown:o.onMouseDown},N,f("root")),F=g({className:"p-hidden-accessible"},f("hiddenInputWrapper")),T=g(W({id:o.inputId,type:"checkbox",name:o.name,tabIndex:o.tabIndex,defaultChecked:I,onFocus:function(e){p(!0)},onBlur:function(e){p(!1)},onKeyDown:function(e){var t;"Space"!==(t=e).code&&" "!==t.key||S(t)},disabled:o.disabled,readOnly:o.readOnly,required:o.required},P),f("hiddenInput")),M=g({className:d("input",{checked:I,focusedState:s}),"data-p-highlight":I,"data-p-disabled":o.disabled,"data-p-focus":s},f("input"));return e.createElement(e.Fragment,null,e.createElement("div",D({ref:x},L),e.createElement("div",F,e.createElement("input",D({ref:k},T))),e.createElement("div",M,A)),C&&e.createElement(b,D({target:x,content:o.tooltip},o.tooltipOptions,{pt:f("tooltip")})))})));function Z(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function $(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Z(Object(n),!0).forEach((function(t){T(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Z(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}Y.displayName="Checkbox";var Q=e.memo((function(t){var n=t.ptm,r=t.cx,o=t.isUnstyled,i={filter:function(e){return c(e)},reset:function(){return t.resetFilter()}},a=function(e,l){return n(e,$({hostName:t.hostName},l))},c=function(e){t.onFilter&&t.onFilter({originalEvent:e,query:e.target.value})},u=function(e){t.onSelectAll&&t.onSelectAll({originalEvent:e,checked:t.selectAll}),e.preventDefault(),e.stopPropagation()},s=function(){var l=g({className:r("filterIcon")},a("filterIcon")),o=O.getJSXIcon(t.filterIcon||e.createElement(C,l),$({},l),{props:t});if(t.filter){var u=g({className:r("filterContainer")},a("filterContainer")),s=e.createElement("div",u,e.createElement(N,{ref:t.filterRef,type:"text",role:"textbox",value:t.filterValue,onChange:c,className:"p-multiselect-filter",placeholder:t.filterPlaceholder,pt:n("filterInput"),__parentMetadata:{parent:t.metaData}}),o);if(t.filterTemplate)s=h.getJSXElement(t.filterTemplate,{className:u.className,element:s,filterOptions:i,onFilter:c,filterIconClassName:t.filterIconClassName,props:t});return e.createElement(e.Fragment,null,s)}return null}(),p=t.id?t.id+"_selectall":x(),f=g({htmlFor:p,className:r("headerSelectAllLabel")},a("headerSelectAllLabel")),d=g({className:r("headerCheckboxIcon")},a("headerCheckboxIcon")),b=g({className:r("headerCheckboxContainer")},a("headerCheckboxContainer")),v=O.getJSXIcon(t.itemCheckboxIcon||e.createElement(w,d),$({},d),{selected:t.selected}),y=t.showSelectAll&&e.createElement("div",b,e.createElement(Y,{id:p,checked:t.selectAll,onChange:u,role:"checkbox","aria-checked":t.selectAll,icon:v,pt:n("headerCheckbox"),unstyled:o()}),!t.filter&&e.createElement("label",f,t.selectAllLabel)),k=g({className:r("closeIcon"),"aria-hidden":!0},a("closeIcon")),S=O.getJSXIcon(t.closeIcon||e.createElement(m,k),$({},k),{props:t}),E=g({className:r("header")},a("header")),I=g({type:"button",className:r("closeButton"),"aria-label":l("close"),onClick:t.onClose},a("closeButton")),j=e.createElement("button",I,S,e.createElement(P,null)),D=e.createElement("div",E,y,s,j);return t.template?h.getJSXElement(t.template,{className:"p-multiselect-header",checkboxElement:y,checked:t.selectAll,onChange:u,filterElement:s,closeElement:j,closeElementClassName:"p-multiselect-close p-link",closeIconClassName:"p-multiselect-close-icon",onCloseClick:t.onClose,element:D,itemCheckboxIcon:v,props:t}):D}));function ee(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function te(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ee(Object(n),!0).forEach((function(t){T(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ee(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}Q.displayName="MultiSelectHeader";var ne=e.memo((function(t){var n=B(e.useState(!1),2),l=n[0],r=n[1],o=t.ptm,i=t.cx,a=function(e){return o(e,{hostName:t.hostName,context:{selected:t.selected,disabled:t.disabled,focused:l}})},c=g({className:i("checkboxIcon")},a("checkboxIcon")),u=t.selected?O.getJSXIcon(t.checkboxIcon||e.createElement(w,c),te({},c),{selected:t.selected}):null,s=t.template?h.getJSXElement(t.template,t.option):t.label,p=t.disabled?null:t.tabIndex||0,m=g({className:i("checkboxContainer")},a("checkboxContainer")),f=g({className:i("checkbox",{itemProps:t}),"data-p-highlight":t.selected},a("checkbox")),d=g({className:v(t.className,t.option.className,i("item",{itemProps:t})),style:t.style,onClick:function(e){t.onClick&&t.onClick({originalEvent:e,option:t.option}),e.preventDefault(),e.stopPropagation()},onKeyDown:function(e){t.onKeyDown&&t.onKeyDown({originalEvent:e,option:t.option})},onFocus:function(e){r(!0)},onBlur:function(e){r(!1)},tabIndex:p,role:"option","aria-selected":t.selected,"data-p-highlight":t.selected,"data-p-disabled":t.disabled},a("item"));return e.createElement("li",d,e.createElement("div",m,e.createElement("div",f,u)),e.createElement("span",null,s),e.createElement(P,null))}));function le(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function re(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?le(Object(n),!0).forEach((function(t){T(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):le(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}ne.displayName="MultiSelectItem";var oe=e.memo(e.forwardRef((function(t,r){var o=e.useRef(null),i=e.useRef(null),a=e.useContext(n),c=t.ptm,u=t.cx,s=t.sx,p=t.isUnstyled,m=function(e,n){return c(e,re({hostName:t.hostName},n))},f=function(){t.onEnter((function(){if(o.current){var e=t.getSelectedOptionIndex();-1!==e&&setTimeout((function(){return o.current.scrollToIndex(e)}),0)}}))},d=function(){t.onEntered((function(){t.filter&&t.filterInputAutoFocus&&i.current&&y.focus(i.current,!1)}))},b=function(e){o.current&&o.current.scrollToIndex(0),t.onFilterInputChange&&t.onFilterInputChange(e)},O=function(){if(t.panelFooterTemplate){var n=h.getJSXElement(t.panelFooterTemplate,t,t.onOverlayHide);return e.createElement("div",{className:"p-multiselect-footer"},n)}return null},x=function(n,l){return t.getOptionGroupChildren(n).map((function(n,r){var o=t.getOptionLabel(n),i=r+"_"+t.getOptionRenderKey(n),a=t.isOptionDisabled(n),s=a?null:t.tabIndex||0,p=t.isSelected(n);return e.createElement(ne,{hostName:t.hostName,key:i,label:o,option:n,style:l,template:t.itemTemplate,selected:p,onClick:t.onOptionSelect,onKeyDown:t.onOptionKeyDown,tabIndex:s,disabled:a,className:t.itemClassName,checkboxIcon:t.checkboxIcon,ptm:c,cx:u})}))},k=function(){var n=h.getJSXElement(t.emptyFilterMessage,t)||l("emptyFilterMessage"),r=g({className:u("emptyMessage")},m("emptyMessage"));return e.createElement("li",r,n)},w=function(n,l){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o={height:r.props?r.props.itemSize:void 0};if(t.optionGroupLabel){var i=t.optionGroupTemplate?h.getJSXElement(t.optionGroupTemplate,n,l):t.getOptionGroupLabel(n),a=x(n,o),p=l+"_"+t.getOptionGroupRenderKey(n),f=g({className:u("itemGroup"),style:s("itemGroup",{scrollerOptions:r})},m("itemGroup"));return e.createElement(e.Fragment,{key:p},e.createElement("li",f,i),a)}var d=t.getOptionLabel(n),b=l+"_"+t.getOptionRenderKey(n),v=t.isOptionDisabled(n),y=v?null:t.tabIndex||0,O=t.isSelected(n);return e.createElement(ne,{hostName:t.hostName,key:b,label:d,option:n,style:o,template:t.itemTemplate,selected:O,onClick:t.onOptionSelect,onKeyDown:t.onOptionKeyDown,tabIndex:y,disabled:v,className:t.itemClassName,checkboxIcon:t.checkboxIcon,ptm:c,cx:u})},C=function(){if(t.virtualScrollerOptions){var n=re(re({},t.virtualScrollerOptions),{style:re(re({},t.virtualScrollerOptions.style),{height:t.scrollHeight}),className:v("p-multiselect-items-wrapper",t.virtualScrollerOptions.className),items:t.visibleOptions,autoSize:!0,onLazyLoad:function(e){return t.virtualScrollerOptions.onLazyLoad(re(re({},e),{filter:t.filterValue}))},itemTemplate:function(e,t){return e&&w(e,t.index,t)},contentTemplate:function(n){var l=t.visibleOptions&&t.visibleOptions.length||!t.hasFilter?n.children:k(),r=g({ref:n.contentRef,style:n.style,className:v(n.className,u("list",{virtualScrollerProps:t.virtualScrollerOptions})),role:"listbox","aria-multiselectable":!0},m("list"));return e.createElement("ul",r,l)}});return e.createElement(I,D({ref:o},n,{pt:c("virtualScroller"),__parentMetadata:{parent:t.metaData}}))}var r,i,a=h.isNotEmpty(t.visibleOptions)?t.visibleOptions.map(w):t.hasFilter?k():(r=h.getJSXElement(t.emptyMessage,t)||l("emptyMessage"),i=g({className:u("emptyMessage")},m("emptyMessage")),e.createElement("li",i,r)),s=g({className:u("wrapper"),style:{maxHeight:t.scrollHeight}},m("wrapper")),p=g({className:u("list"),role:"listbox","aria-multiselectable":!0},m("list"));return e.createElement("div",s,e.createElement("ul",p,a))},N=function(){var n=t.allowOptionSelect(),l=e.createElement(Q,{hostName:t.hostName,id:t.id,filter:t.filter,filterRef:i,filterValue:t.filterValue,filterTemplate:t.filterTemplate,onFilter:b,filterPlaceholder:t.filterPlaceholder,onClose:t.onCloseClick,showSelectAll:t.showSelectAll,selectAll:t.isAllSelected(),selectAllLabel:t.selectAllLabel,onSelectAll:t.onSelectAll,template:t.panelHeaderTemplate,resetFilter:t.resetFilter,closeIcon:t.closeIcon,filterIcon:t.filterIcon,itemCheckboxIcon:t.itemCheckboxIcon,ptm:c,cx:u,isUnstyled:p,metaData:t.metaData}),o=C(),s=O(),h=g({className:v(t.panelClassName,u("panel",{panelProps:t,context:a,allowOptionSelect:n})),style:t.panelStyle,onClick:t.onClick},m("panel"));if(t.inline)return e.createElement("div",D({ref:r},h),o,s);var y=g({classNames:u("transition"),in:t.in,timeout:{enter:120,exit:100},options:t.transitionOptions,unmountOnExit:!0,onEnter:f,onEntered:d,onExit:t.onExit,onExited:t.onExited},m("transition"));return e.createElement(S,D({nodeRef:r},y),e.createElement("div",D({ref:r},h),l,o,s))}();return t.inline?N:e.createElement(E,{element:N,appendTo:t.appendTo})})));function ie(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function ae(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ie(Object(n),!0).forEach((function(t){T(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ie(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ce(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=ue(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var l=0,r=function(){};return{s:r,n:function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}},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,i=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){a=!0,o=e},f:function(){try{i||null==n.return||n.return()}finally{if(a)throw o}}}}function ue(e,t){if(e){if("string"==typeof e)return se(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)?se(e,t):void 0}}function se(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}oe.displayName="MultiSelectPanel";var pe=e.memo(e.forwardRef((function(l,o){var x=e.useContext(n),S=q.getProps(l,x),E=B(e.useState(""),2),I=E[0],w=E[1],C=B(e.useState(!1),2),N=C[0],P=C[1],A=B(e.useState(S.inline),2),L=A[0],F=A[1],M=e.useRef(null),R=e.useRef(S.inputRef),V=e.useRef(null),G=e.useRef(null),K=I&&I.trim().length>0,J=h.isEmpty(S.value),X=S.optionValue?null:S.dataKey,_={props:S,state:{filterState:I,focused:N,overlayVisible:L}},U=q.setMetaData(_),z=U.ptm,W=U.cx,Y=U.sx,Z=U.isUnstyled;i(q.css.styles,Z,{name:"multiselect"});var $=B(u({target:M,overlay:G,listener:function(e,t){t.valid&&("outside"===t.type?!fe(e)&&!de(e)&&pe():pe())},when:L}),2),Q=$[0],ee=$[1],te=function(){return!S.selectionLimit||!S.value||S.value&&S.value.length<S.selectionLimit},ne=function(e){var t=e.originalEvent,n=e.option;if(!S.disabled&&!Se(n)){var l=xe(n),r=Ee(n),o=he(n),i=te();o?ie(t,S.value.filter((function(e){return!h.equals(r?e:xe(e),l,X)})),n):i&&ie(t,[].concat(H(S.value||[]),[l]),n)}},le=function e(t){var n=t.nextElementSibling;return n?!0===y.getAttribute(n,"data-p-disabled")||"itemgroup"===y.getAttribute(n,"data-pc-section")?e(n):n:null},re=function e(t){var n=t.previousElementSibling;return n?!0===y.getAttribute(n,"data-p-disabled")||"itemgroup"===y.getAttribute(n,"data-pc-section")?e(n):n:null},ie=function(e,t,n){S.onChange&&S.onChange({originalEvent:e,value:t,selectedOption:n,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:S.name,id:S.id,value:t}})},ue=function(){w(""),S.onFilter&&S.onFilter({filter:""})},se=function(){F(!0)},pe=function(){F(!1)},me=function(){y.alignOverlay(G.current,V.current.parentElement,S.appendTo||x&&x.appendTo||t.appendTo)},fe=function(e){return"clearicon"===y.getAttribute(e.target,"data-pc-section")},de=function(e){return"headercheckboxcontainer"===y.getAttribute(e.target,"data-pc-section")},be=function(e){return G.current&&G.current.contains(e.target)},ve=function(e,t){return t.findIndex((function(t){return e.some((function(e){return h.equals(e,xe(t),X)}))}))},he=function(e){if(S.value){var t=xe(e),n=Ee(e);return S.value.some((function(e){return h.equals(n?e:xe(e),t,X)}))}return!1},ye=function(e){var t;if(S.options)if(S.optionGroupLabel){var n,l=ce(S.options);try{for(l.s();!(n=l.n()).done;){if(t=ge(e,ke(n.value)))break}}catch(e){l.e(e)}finally{l.f()}}else t=ge(e,S.options),h.isEmpty(t)&&(t=ge(e,S.value));return t?Oe(t):null},ge=function(e,t){return t.find((function(t){return h.equals(xe(t),e,X)}))},Oe=function(e){return S.optionLabel?h.resolveFieldData(e,S.optionLabel):e&&void 0!==e.label?e.label:e},xe=function(e){if(S.useOptionAsValue)return e;if(S.optionValue){var t=h.resolveFieldData(e,S.optionValue);return null!==t?t:e}return e&&void 0!==e.value?e.value:e},ke=function(e){return h.resolveFieldData(e,S.optionGroupChildren)},Se=function(e){return S.optionDisabled?h.isFunction(S.optionDisabled)?S.optionDisabled(e):h.resolveFieldData(e,S.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},Ee=function(e){return!S.useOptionAsValue&&S.optionValue||e&&void 0!==e.value},Ie=function(e,t){var n=S.value.filter((function(e){return!h.equals(e,t,X)}));S.onRemove&&S.onRemove({originalEvent:e,value:n}),ie(e,n,t)},we=function(){var e=/{(.*?)}/;return e.test(S.selectedItemsLabel)?S.selectedItemsLabel.replace(S.selectedItemsLabel.match(e)[0],S.value.length+""):S.selectedItemsLabel},Ce=function(){if(!J&&!S.fixedPlaceholder)return h.isNotEmpty(S.maxSelectedLabels)&&S.value.length>S.maxSelectedLabels?we():h.isArray(S.value)?S.value.reduce((function(e,t,n){return e+(0!==n?", ":"")+ye(t)}),""):""};e.useImperativeHandle(o,(function(){return{props:S,show:se,hide:pe,focus:function(){return y.focus(R.current)},getElement:function(){return M.current},getOverlay:function(){return G.current},getInput:function(){return R.current}}})),c((function(){me()})),e.useEffect((function(){h.combinedRefs(R,S.inputRef)}),[R,S.inputRef]),e.useEffect((function(){setTimeout((function(){S.overlayVisible?se():pe()}),100)}),[S.overlayVisible]),a((function(){L&&I&&K&&me()}),[L,I,K]),s((function(){k.clear(G.current)}));var Ne,Pe,je,De=function(){if(K){var e=I.trim().toLocaleLowerCase(S.filterLocale),t=S.filterBy?S.filterBy.split(","):[S.optionLabel||"label"];if(S.optionGroupLabel){var n,l=[],o=ce(S.options);try{for(o.s();!(n=o.n()).done;){var i=n.value,a=r.filter(ke(i),t,e,S.filterMatchMode,S.filterLocale);a&&a.length&&l.push(ae(ae({},i),T({},S.optionGroupChildren,a)))}}catch(e){o.e(e)}finally{o.f()}return l}return r.filter(S.options,t,e,S.filterMatchMode,S.filterLocale)}return S.options}(),Ae=h.isNotEmpty(S.tooltip),Le=q.getOtherProps(S),Fe=h.reduceKeys(Le,y.ARIA_PROPS),Te=g({className:W("triggerIcon")},z("triggerIcon")),Me=g({className:W("trigger")},z("trigger")),Re=S.loadingIcon?O.getJSXIcon(S.loadingIcon,ae({},Te),{props:S}):e.createElement(j,D({spin:!0},Te)),Ve=S.dropdownIcon?O.getJSXIcon(S.dropdownIcon,ae({},Te),{props:S}):e.createElement(p,Te),Ge=e.createElement("div",Me,S.loading?Re:Ve),Ke=!S.inline&&(Ne=S.selectedItemTemplate?J?h.getJSXElement(S.selectedItemTemplate):h.isNotEmpty(S.maxSelectedLabels)&&S.value.length>S.maxSelectedLabels?we():S.value.map((function(t,n){var l=h.getJSXElement(S.selectedItemTemplate,t);return e.createElement(e.Fragment,{key:n},l)})):"chip"!==S.display||J?Ce():S.value.slice(0,S.maxSelectedLabels||S.value.length).map((function(t,n){var l=ye(t),r=g({key:n,className:W("removeTokenIcon"),onClick:function(e){return Ie(e,t)}},z("removeTokenIcon")),o=!S.disabled&&(S.removeIcon?O.getJSXIcon(S.removeIcon,ae({},r),{props:S}):e.createElement(f,r)),i=g({className:W("token")},z("token")),a=g({key:l+n,className:W("tokenLabel")},z("tokenLabel"));return e.createElement("div",D({},i,{key:l}),e.createElement("span",a,l),o)})),Pe=g({ref:V,className:W("labelContainer")},z("labelContainer")),je=g({className:W("label",{empty:J})},z("label")),e.createElement("div",Pe,e.createElement("div",je,Ne||S.placeholder||"empty"))),He=!S.inline&&function(){var t=g({className:W("clearIcon"),onClick:function(e){return ie(e,[],[])}},z("clearIcon")),n=O.getJSXIcon(S.clearIcon||e.createElement(m,t),ae({},t),{props:S});return J||!S.showClear||S.disabled?null:n}(),Je=g(ae(ae({ref:M,id:S.id,style:ae(ae({},S.style),Y("root")),className:v(S.className,W("root",{focusedState:N,overlayVisibleState:L}))},Le),{},{onClick:function(e){S.inline||S.disabled||S.loading||be(e)||"removetokenicon"===y.getAttribute(e.target,"data-pc-section")||fe(e)||(L?pe():se(),y.focus(R.current),e.preventDefault())}}),q.getOtherProps(S),z("root")),Xe=g({className:"p-hidden-accessible"},z("hiddenInputWrapper")),_e=g(ae({ref:R,id:S.inputId,name:S.name,type:"text",onFocus:function(e){P(!0),S.onFocus&&S.onFocus(e)},onBlur:function(e){P(!1),S.onBlur&&S.onBlur(e)},onKeyDown:function(e){switch(e.which){case 40:if(S.inline)break;!L&&e.altKey&&(se(),e.preventDefault());break;case 32:if(S.inline)break;L?pe():se(),e.preventDefault();break;case 27:if(S.inline)break;pe();break;case 9:if(L){var t=y.getFirstFocusableElement(G.current);t&&(t.focus(),e.preventDefault())}}},role:"listbox","aria-expanded":L,disabled:S.disabled,tabIndex:S.tabIndex},Fe),z("input"));return e.createElement(e.Fragment,null,e.createElement("div",Je,e.createElement("div",Xe,e.createElement("input",D({},_e,{readOnly:!0}))),!S.inline&&e.createElement(e.Fragment,null,Ke,He,Ge),e.createElement(oe,D({hostName:"MultiSelect",ref:G,visibleOptions:De},S,{onClick:function(e){d.emit("overlay-click",{originalEvent:e,target:M.current})},onOverlayHide:pe,filterValue:I,hasFilter:K,onFilterInputChange:function(e){var t=e.query;w(t),S.onFilter&&S.onFilter({originalEvent:e,filter:t})},resetFilter:ue,onCloseClick:function(e){pe(),y.focus(R.current),e.preventDefault(),e.stopPropagation()},onSelectAll:function(e){if(S.onSelectAll)S.onSelectAll(e);else{var t=null;if(e.checked){if(t=[],De){var n=De.filter((function(e){return Se(e)&&he(e)}));t=n.map((function(e){return xe(e)}))}}else if(De){var l=De.filter((function(e){return!Se(e)||he(e)}));S.optionGroupLabel?(t=[],l.forEach((function(e){return t=[].concat(H(t),H(ke(e).filter((function(e){return!Se(e)})).map((function(e){return xe(e)}))))}))):t=l.map((function(e){return xe(e)}))}ie(e.originalEvent,t,t)}},getOptionLabel:Oe,getOptionRenderKey:function(e){return S.dataKey?h.resolveFieldData(e,S.dataKey):Oe(e)},isOptionDisabled:Se,getOptionGroupChildren:ke,getOptionGroupLabel:function(e){return h.resolveFieldData(e,S.optionGroupLabel)},getOptionGroupRenderKey:function(e){return h.resolveFieldData(e,S.optionGroupLabel)},isSelected:he,getSelectedOptionIndex:function(){if(null!=S.value&&S.options){if(S.optionGroupLabel){var e=0,t=S.options.findIndex((function(t,n){return(e=n)&&-1!==ve(S.value,ke(t))}));return-1!==t?{group:e,option:t}:-1}return ve(S.value,S.options)}return-1},isAllSelected:function(){if(S.onSelectAll)return S.selectAll;if(h.isEmpty(De))return!1;var e=De.filter((function(e){return!Se(e)}));if(S.optionGroupLabel){var t,n=!0,l=ce(e);try{for(l.s();!(t=l.n()).done;){!0===ke(t.value).filter((function(e){return!Se(e)})).some((function(e){return!he(e)}))&&(n=!1)}}catch(e){l.e(e)}finally{l.f()}return n}return!e.some((function(e){return!he(e)}))},onOptionSelect:ne,allowOptionSelect:te,onOptionKeyDown:function(e){var t=e.originalEvent,n=t.currentTarget;switch(t.which){case 40:var l=le(n);l&&l.focus(),t.preventDefault();break;case 38:var r=re(n);r&&r.focus(),t.preventDefault();break;case 13:case 32:ne(e),t.preventDefault();break;case 27:pe(),y.focus(R.current)}},in:L,onEnter:function(e){var n;k.set("overlay",G.current,x&&x.autoZIndex||t.autoZIndex,x&&x.zIndex.overlay||t.zIndex.overlay),y.addStyles(G.current,{position:"absolute",top:"0",left:"0"}),me(),(n=y.findSingle(G.current,"li.p-highlight"))&&n.scrollIntoView&&n.scrollIntoView({block:"nearest",inline:"nearest"}),e&&e()},onEntered:function(e){e&&e(),Q(),S.onShow&&S.onShow()},onExit:function(){ee()},onExited:function(){S.filter&&S.resetFilterOnHide&&ue(),k.clear(G.current),S.onHide&&S.onHide()},ptm:z,cx:W,sx:Y,isUnstyled:Z,metaData:_}))),Ae&&e.createElement(b,D({target:M,content:S.tooltip},S.tooltipOptions,{pt:z("tooltip")})))})));pe.displayName="MultiSelect";export{pe as MultiSelect};
|
|
1
|
+
import*as e from"react";import t,{PrimeReactContext as n,localeOption as l,FilterService as r}from"primereact/api";import{ComponentBase as o,useHandleStyle as i}from"primereact/componentbase";import{useMergeProps as a,useUpdateEffect as c,useMountEffect as u,useOverlayListener as s,useUnmountEffect as p}from"primereact/hooks";import{ChevronDownIcon as m}from"primereact/icons/chevrondown";import{SpinnerIcon as f}from"primereact/icons/spinner";import{TimesIcon as d}from"primereact/icons/times";import{TimesCircleIcon as b}from"primereact/icons/timescircle";import{OverlayService as v}from"primereact/overlayservice";import{Tooltip as h}from"primereact/tooltip";import{classNames as y,ObjectUtils as g,DomHandler as O,IconUtils as x,UniqueComponentId as k,ZIndexUtils as S}from"primereact/utils";import{CSSTransition as E}from"primereact/csstransition";import{Portal as I}from"primereact/portal";import{VirtualScroller as w}from"primereact/virtualscroller";import{CheckIcon as C}from"primereact/icons/check";import{SearchIcon as N}from"primereact/icons/search";import{InputText as P}from"primereact/inputtext";import{Ripple as j}from"primereact/ripple";function D(){return D=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},D.apply(this,arguments)}function A(e){return A="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},A(e)}function L(e,t){if("object"!==A(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var l=n.call(e,t||"default");if("object"!==A(l))return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function F(e){var t=L(e,"string");return"symbol"===A(t)?t:String(t)}function T(e,t,n){return(t=F(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function M(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function R(e){if(Array.isArray(e))return M(e)}function V(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 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 K(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function H(e){return R(e)||V(e)||G(e)||K()}function J(e){if(Array.isArray(e))return e}function X(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,o,i,a=[],c=!0,u=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(l=o.call(n)).done)&&(a.push(l.value),a.length!==t);c=!0);}catch(e){u=!0,r=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw r}}return a}}function _(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function B(e,t){return J(e)||X(e,t)||G(e,t)||_()}var q=o.extend({defaultProps:{__TYPE:"MultiSelect",appendTo:null,ariaLabelledBy:null,checkboxIcon:null,className:null,clearIcon:null,closeIcon:null,dataKey:null,disabled:!1,display:"comma",dropdownIcon:null,emptyFilterMessage:null,emptyMessage:null,filter:!1,filterBy:null,filterInputAutoFocus:!0,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,fixedPlaceholder:!1,flex:!1,id:null,inline:!1,inputId:null,inputRef:null,itemCheckboxIcon:null,itemClassName:null,itemTemplate:null,maxSelectedLabels:null,name:null,onBlur:null,onChange:null,onClick:null,onFilter:null,onFocus:null,onHide:null,onRemove:null,onSelectAll:null,onShow:null,optionDisabled:null,optionGroupChildren:null,optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,overlayVisible:!1,panelClassName:null,panelFooterTemplate:null,panelHeaderTemplate:null,panelStyle:null,placeholder:null,removeIcon:null,resetFilterOnHide:!1,scrollHeight:"200px",selectAll:!1,selectAllLabel:null,selectedItemTemplate:null,selectedItemsLabel:"{0} items selected",selectionLimit:null,showClear:!1,showSelectAll:!0,style:null,tabIndex:0,tooltip:null,tooltipOptions:null,transitionOptions:null,useOptionAsValue:!1,value:null,virtualScrollerOptions:null,children:void 0},css:{classes:{root:function(e){var t=e.props,n=e.focusedState,l=e.overlayVisibleState;return y("p-multiselect p-component p-inputwrapper",{"p-multiselect-chip":"chip"===t.display,"p-disabled":t.disabled,"p-multiselect-clearable":t.showClear&&!t.disabled,"p-focus":n,"p-inputwrapper-filled":g.isNotEmpty(t.value),"p-inputwrapper-focus":n||l})},label:function(e){var t=e.props,n=e.empty;return y("p-multiselect-label",{"p-placeholder":n&&t.placeholder,"p-multiselect-label-empty":n&&!t.placeholder&&!t.selectedItemTemplate,"p-multiselect-items-label":!n&&"chip"!==t.display&&t.value.length>t.maxSelectedLabels})},panel:function(e){var n=e.panelProps,l=e.context;return y("p-multiselect-panel p-component",{"p-multiselect-inline":n.inline,"p-multiselect-flex":n.flex,"p-multiselect-limited":!e.allowOptionSelect,"p-input-filled":l&&"filled"===l.inputStyle||"filled"===t.inputStyle,"p-ripple-disabled":l&&!1===l.ripple||!1===t.ripple})},list:function(e){return"p-multiselect-items p-component"},labelContainer:"p-multiselect-label-container",triggerIcon:"p-multiselect-trigger-icon p-c",trigger:"p-multiselect-trigger",clearIcon:"p-multiselect-clear-icon",tokenLabel:"p-multiselect-token-label",token:"p-multiselect-token",removeTokenIcon:"p-multiselect-token-icon",wrapper:"p-multiselect-items-wrapper",emptyMessage:"p-multiselect-empty-message",itemGroup:"p-multiselect-item-group",closeButton:"p-multiselect-close p-link",header:"p-multiselect-header",closeIcon:"p-multiselect-close-icon",headerCheckboxContainer:"p-multiselect-select-all",headerCheckboxIcon:"p-multiselect-select-all p-checkbox-icon p-c",headerSelectAllLabel:"p-multiselect-select-all-label",filterContainer:"p-multiselect-filter-container",filterIcon:"p-multiselect-filter-icon",item:function(e){var t=e.itemProps;return y("p-multiselect-item",{"p-highlight":t.selected,"p-disabled":t.disabled})},checkboxContainer:"p-checkbox p-component",checkboxIcon:"p-checkbox-icon p-c",checkbox:function(e){return y("p-checkbox-box",{"p-highlight":e.itemProps.selected})},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-multiselect {\n display: inline-flex;\n user-select: none;\n cursor: pointer;\n }\n \n .p-multiselect-trigger {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n cursor: pointer;\n }\n \n .p-multiselect-label-container {\n overflow: hidden;\n flex: 1 1 auto;\n cursor: pointer;\n }\n \n .p-multiselect-label {\n display: block;\n white-space: nowrap;\n cursor: pointer;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n \n .p-multiselect-label-empty {\n overflow: hidden;\n visibility: hidden;\n }\n \n .p-multiselect-token {\n cursor: default;\n display: inline-flex;\n align-items: center;\n flex: 0 0 auto;\n }\n \n .p-multiselect-token-icon {\n cursor: pointer;\n }\n \n .p-multiselect .p-multiselect-panel {\n min-width: 100%;\n }\n \n .p-multiselect-inline.p-multiselect-panel {\n border: none;\n position: initial;\n background: none;\n box-shadow: none;\n }\n \n .p-multiselect-inline.p-multiselect-panel .p-multiselect-items {\n padding: 0;\n }\n \n .p-multiselect-flex.p-multiselect-panel .p-multiselect-items {\n display: flex;\n flex-wrap: wrap;\n }\n \n .p-multiselect-items-wrapper {\n overflow: auto;\n }\n \n .p-multiselect-items {\n margin: 0;\n padding: 0;\n list-style-type: none;\n }\n \n .p-multiselect-item {\n cursor: pointer;\n display: flex;\n align-items: center;\n font-weight: normal;\n white-space: nowrap;\n position: relative;\n overflow: hidden;\n }\n \n .p-multiselect-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n \n .p-multiselect-select-all-label {\n margin-left: 0.5rem;\n }\n \n .p-multiselect-filter-container {\n position: relative;\n flex: 1 1 auto;\n }\n \n .p-multiselect-filter-icon {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n }\n \n .p-multiselect-filter-container .p-inputtext {\n width: 100%;\n }\n \n .p-multiselect-close {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n overflow: hidden;\n position: relative;\n margin-left: auto;\n }\n \n .p-multiselect-clear-icon {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n }\n \n .p-fluid .p-multiselect {\n display: flex;\n }\n}\n",inlineStyles:{root:function(e){var t=e.props;return t.showClear&&!t.disabled&&{position:"relative"}},itemGroup:function(e){var t=e.scrollerOptions;return{height:t.props?t.props.itemSize:void 0}}}}}),U=o.extend({defaultProps:{__TYPE:"Checkbox",autoFocus:!1,checked:!1,className:null,disabled:!1,falseValue:!1,icon:null,id:null,inputId:null,inputRef:null,name:null,onChange:null,onClick:null,onContextMenu:null,onMouseDown:null,readOnly:!1,required:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,trueValue:!0,value:null,children:void 0},css:{classes:{icon:"p-checkbox-icon p-c",input:function(e){return y("p-checkbox-box",{"p-highlight":e.checked,"p-disabled":e.props.disabled,"p-focus":e.focusedState})},root:function(e){return y("p-checkbox p-component",{"p-checkbox-checked":e.checked,"p-checkbox-disabled":e.props.disabled,"p-checkbox-focused":e.focusedState})}},styles:"\n.p-checkbox {\n display: inline-flex;\n cursor: pointer;\n user-select: none;\n vertical-align: bottom;\n position: relative;\n}\n\n.p-checkbox.p-checkbox-disabled {\n cursor: auto;\n}\n\n.p-checkbox-box {\n display: flex;\n justify-content: center;\n align-items: center;\n} \n"}});function z(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function W(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?z(Object(n),!0).forEach((function(t){T(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):z(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Y=e.memo(e.forwardRef((function(t,l){var r=a(),o=e.useContext(n),s=U.getProps(t,o),p=B(e.useState(!1),2),m=p[0],f=p[1],d=U.setMetaData({props:s,state:{focused:m},context:{checked:s.checked===s.trueValue,disabled:s.disabled}}),b=d.ptm,v=d.cx;i(U.css.styles,d.isUnstyled,{name:"checkbox",styled:!0});var k=e.useRef(null),S=e.useRef(s.inputRef),E=function(e){if(!s.disabled&&!s.readOnly&&(s.onChange||s.onClick)){var t=I(),n=e.target instanceof HTMLDivElement||e.target instanceof HTMLSpanElement||e.target instanceof Object,l=e.target===S.current,r=n&&e.target.checked!==t,o=t?s.falseValue:s.trueValue,i={originalEvent:e,value:s.value,checked:o,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{type:"checkbox",name:s.name,id:s.id,value:s.value,checked:o}};if(s.onClick&&s.onClick(i),e.defaultPrevented)return;(l||r)&&s.onChange&&s.onChange(i),O.focus(S.current),e.preventDefault()}},I=function(){return s.checked===s.trueValue};e.useImperativeHandle(l,(function(){return{props:s,focus:function(){return O.focus(S.current)},getElement:function(){return k.current},getInput:function(){return S.current}}})),e.useEffect((function(){g.combinedRefs(S,s.inputRef)}),[S,s.inputRef]),c((function(){S.current.checked=I()}),[s.checked,s.trueValue]),u((function(){s.autoFocus&&O.focus(S.current,s.autoFocus)}));var w=I(),N=g.isNotEmpty(s.tooltip),P=U.getOtherProps(s),j=g.reduceKeys(P,O.ARIA_PROPS),A=r({className:v("icon")},b("icon")),L=x.getJSXIcon(w?s.icon||e.createElement(C,A):null,W({},A),{props:s,checked:w}),F=r({id:s.id,className:y(s.className,v("root",{checked:w,focusedState:m})),style:s.style,onClick:function(e){return E(e)},onContextMenu:s.onContextMenu,onMouseDown:s.onMouseDown},P,b("root")),T=r({className:"p-hidden-accessible"},b("hiddenInputWrapper")),M=r(W({id:s.inputId,type:"checkbox",name:s.name,tabIndex:s.tabIndex,defaultChecked:w,onFocus:function(e){f(!0)},onBlur:function(e){f(!1)},onKeyDown:function(e){var t;"Space"!==(t=e).code&&" "!==t.key||E(t)},disabled:s.disabled,readOnly:s.readOnly,required:s.required},j),b("hiddenInput")),R=r({className:v("input",{checked:w,focusedState:m}),"data-p-highlight":w,"data-p-disabled":s.disabled,"data-p-focus":m},b("input"));return e.createElement(e.Fragment,null,e.createElement("div",D({ref:k},F),e.createElement("div",T,e.createElement("input",D({ref:S},M))),e.createElement("div",R,L)),N&&e.createElement(h,D({target:k,content:s.tooltip},s.tooltipOptions,{pt:b("tooltip")})))})));function Z(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function $(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Z(Object(n),!0).forEach((function(t){T(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Z(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}Y.displayName="Checkbox";var Q=e.memo((function(t){var n=a(),r=t.ptm,o=t.cx,i=t.isUnstyled,c={filter:function(e){return s(e)},reset:function(){return t.resetFilter()}},u=function(e,n){return r(e,$({hostName:t.hostName},n))},s=function(e){t.onFilter&&t.onFilter({originalEvent:e,query:e.target.value})},p=function(e){t.onSelectAll&&t.onSelectAll({originalEvent:e,checked:t.selectAll}),e.preventDefault(),e.stopPropagation()},m=function(){var l=n({className:o("filterIcon")},u("filterIcon")),i=x.getJSXIcon(t.filterIcon||e.createElement(N,l),$({},l),{props:t});if(t.filter){var a=n({className:o("filterContainer")},u("filterContainer")),p=e.createElement("div",a,e.createElement(P,{ref:t.filterRef,type:"text",role:"textbox",value:t.filterValue,onChange:s,className:"p-multiselect-filter",placeholder:t.filterPlaceholder,pt:r("filterInput"),__parentMetadata:{parent:t.metaData}}),i);if(t.filterTemplate)p=g.getJSXElement(t.filterTemplate,{className:a.className,element:p,filterOptions:c,onFilter:s,filterIconClassName:t.filterIconClassName,props:t});return e.createElement(e.Fragment,null,p)}return null}(),f=t.id?t.id+"_selectall":k(),b=n({htmlFor:f,className:o("headerSelectAllLabel")},u("headerSelectAllLabel")),v=n({className:o("headerCheckboxIcon")},u("headerCheckboxIcon")),h=n({className:o("headerCheckboxContainer")},u("headerCheckboxContainer")),y=x.getJSXIcon(t.itemCheckboxIcon||e.createElement(C,v),$({},v),{selected:t.selected}),O=t.showSelectAll&&e.createElement("div",h,e.createElement(Y,{id:f,checked:t.selectAll,onChange:p,role:"checkbox","aria-checked":t.selectAll,icon:y,pt:r("headerCheckbox"),unstyled:i()}),!t.filter&&e.createElement("label",b,t.selectAllLabel)),S=n({className:o("closeIcon"),"aria-hidden":!0},u("closeIcon")),E=x.getJSXIcon(t.closeIcon||e.createElement(d,S),$({},S),{props:t}),I=n({className:o("header")},u("header")),w=n({type:"button",className:o("closeButton"),"aria-label":l("close"),onClick:t.onClose},u("closeButton")),D=e.createElement("button",w,E,e.createElement(j,null)),A=e.createElement("div",I,O,m,D);return t.template?g.getJSXElement(t.template,{className:"p-multiselect-header",checkboxElement:O,checked:t.selectAll,onChange:p,filterElement:m,closeElement:D,closeElementClassName:"p-multiselect-close p-link",closeIconClassName:"p-multiselect-close-icon",onCloseClick:t.onClose,element:A,itemCheckboxIcon:y,props:t}):A}));function ee(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function te(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ee(Object(n),!0).forEach((function(t){T(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ee(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}Q.displayName="MultiSelectHeader";var ne=e.memo((function(t){var n=B(e.useState(!1),2),l=n[0],r=n[1],o=a(),i=t.ptm,c=t.cx,u=function(e){return i(e,{hostName:t.hostName,context:{selected:t.selected,disabled:t.disabled,focused:l}})},s=o({className:c("checkboxIcon")},u("checkboxIcon")),p=t.selected?x.getJSXIcon(t.checkboxIcon||e.createElement(C,s),te({},s),{selected:t.selected}):null,m=t.template?g.getJSXElement(t.template,t.option):t.label,f=t.disabled?null:t.tabIndex||0,d=o({className:c("checkboxContainer")},u("checkboxContainer")),b=o({className:c("checkbox",{itemProps:t}),"data-p-highlight":t.selected},u("checkbox")),v=o({className:y(t.className,t.option.className,c("item",{itemProps:t})),style:t.style,onClick:function(e){t.onClick&&t.onClick({originalEvent:e,option:t.option}),e.preventDefault(),e.stopPropagation()},onKeyDown:function(e){t.onKeyDown&&t.onKeyDown({originalEvent:e,option:t.option})},onFocus:function(e){r(!0)},onBlur:function(e){r(!1)},tabIndex:f,role:"option","aria-selected":t.selected,"data-p-highlight":t.selected,"data-p-disabled":t.disabled},u("item"));return e.createElement("li",v,e.createElement("div",d,e.createElement("div",b,p)),e.createElement("span",null,m),e.createElement(j,null))}));function le(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function re(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?le(Object(n),!0).forEach((function(t){T(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):le(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}ne.displayName="MultiSelectItem";var oe=e.memo(e.forwardRef((function(t,r){var o=e.useRef(null),i=e.useRef(null),c=a(),u=e.useContext(n),s=t.ptm,p=t.cx,m=t.sx,f=t.isUnstyled,d=function(e,n){return s(e,re({hostName:t.hostName},n))},b=function(){t.onEnter((function(){if(o.current){var e=t.getSelectedOptionIndex();-1!==e&&setTimeout((function(){return o.current.scrollToIndex(e)}),0)}}))},v=function(){t.onEntered((function(){t.filter&&t.filterInputAutoFocus&&i.current&&O.focus(i.current,!1)}))},h=function(e){o.current&&o.current.scrollToIndex(0),t.onFilterInputChange&&t.onFilterInputChange(e)},x=function(){if(t.panelFooterTemplate){var n=g.getJSXElement(t.panelFooterTemplate,t,t.onOverlayHide);return e.createElement("div",{className:"p-multiselect-footer"},n)}return null},k=function(n,l){return t.getOptionGroupChildren(n).map((function(n,r){var o=t.getOptionLabel(n),i=r+"_"+t.getOptionRenderKey(n),a=t.isOptionDisabled(n),c=a?null:t.tabIndex||0,u=t.isSelected(n);return e.createElement(ne,{hostName:t.hostName,key:i,label:o,option:n,style:l,template:t.itemTemplate,selected:u,onClick:t.onOptionSelect,onKeyDown:t.onOptionKeyDown,tabIndex:c,disabled:a,className:t.itemClassName,checkboxIcon:t.checkboxIcon,ptm:s,cx:p})}))},S=function(){var n=g.getJSXElement(t.emptyFilterMessage,t)||l("emptyFilterMessage"),r=c({className:p("emptyMessage")},d("emptyMessage"));return e.createElement("li",r,n)},C=function(n,l){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o={height:r.props?r.props.itemSize:void 0};if(t.optionGroupLabel){var i=t.optionGroupTemplate?g.getJSXElement(t.optionGroupTemplate,n,l):t.getOptionGroupLabel(n),a=k(n,o),u=l+"_"+t.getOptionGroupRenderKey(n),f=c({className:p("itemGroup"),style:m("itemGroup",{scrollerOptions:r})},d("itemGroup"));return e.createElement(e.Fragment,{key:u},e.createElement("li",f,i),a)}var b=t.getOptionLabel(n),v=l+"_"+t.getOptionRenderKey(n),h=t.isOptionDisabled(n),y=h?null:t.tabIndex||0,O=t.isSelected(n);return e.createElement(ne,{hostName:t.hostName,key:v,label:b,option:n,style:o,template:t.itemTemplate,selected:O,onClick:t.onOptionSelect,onKeyDown:t.onOptionKeyDown,tabIndex:y,disabled:h,className:t.itemClassName,checkboxIcon:t.checkboxIcon,ptm:s,cx:p})},N=function(){if(t.virtualScrollerOptions){var n=re(re({},t.virtualScrollerOptions),{style:re(re({},t.virtualScrollerOptions.style),{height:t.scrollHeight}),className:y("p-multiselect-items-wrapper",t.virtualScrollerOptions.className),items:t.visibleOptions,autoSize:!0,onLazyLoad:function(e){return t.virtualScrollerOptions.onLazyLoad(re(re({},e),{filter:t.filterValue}))},itemTemplate:function(e,t){return e&&C(e,t.index,t)},contentTemplate:function(n){var l=t.visibleOptions&&t.visibleOptions.length||!t.hasFilter?n.children:S(),r=c({ref:n.contentRef,style:n.style,className:y(n.className,p("list",{virtualScrollerProps:t.virtualScrollerOptions})),role:"listbox","aria-multiselectable":!0},d("list"));return e.createElement("ul",r,l)}});return e.createElement(w,D({ref:o},n,{pt:s("virtualScroller"),__parentMetadata:{parent:t.metaData}}))}var r,i,a=g.isNotEmpty(t.visibleOptions)?t.visibleOptions.map(C):t.hasFilter?S():(r=g.getJSXElement(t.emptyMessage,t)||l("emptyMessage"),i=c({className:p("emptyMessage")},d("emptyMessage")),e.createElement("li",i,r)),u=c({className:p("wrapper"),style:{maxHeight:t.scrollHeight}},d("wrapper")),m=c({className:p("list"),role:"listbox","aria-multiselectable":!0},d("list"));return e.createElement("div",u,e.createElement("ul",m,a))},P=function(){var n=t.allowOptionSelect(),l=e.createElement(Q,{hostName:t.hostName,id:t.id,filter:t.filter,filterRef:i,filterValue:t.filterValue,filterTemplate:t.filterTemplate,onFilter:h,filterPlaceholder:t.filterPlaceholder,onClose:t.onCloseClick,showSelectAll:t.showSelectAll,selectAll:t.isAllSelected(),selectAllLabel:t.selectAllLabel,onSelectAll:t.onSelectAll,template:t.panelHeaderTemplate,resetFilter:t.resetFilter,closeIcon:t.closeIcon,filterIcon:t.filterIcon,itemCheckboxIcon:t.itemCheckboxIcon,ptm:s,cx:p,isUnstyled:f,metaData:t.metaData}),o=N(),a=x(),m=c({className:y(t.panelClassName,p("panel",{panelProps:t,context:u,allowOptionSelect:n})),style:t.panelStyle,onClick:t.onClick},d("panel"));if(t.inline)return e.createElement("div",D({ref:r},m),o,a);var g=c({classNames:p("transition"),in:t.in,timeout:{enter:120,exit:100},options:t.transitionOptions,unmountOnExit:!0,onEnter:b,onEntered:v,onExit:t.onExit,onExited:t.onExited},d("transition"));return e.createElement(E,D({nodeRef:r},g),e.createElement("div",D({ref:r},m),l,o,a))}();return t.inline?P:e.createElement(I,{element:P,appendTo:t.appendTo})})));function ie(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function ae(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ie(Object(n),!0).forEach((function(t){T(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ie(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ce(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=ue(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var l=0,r=function(){};return{s:r,n:function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}},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,i=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){a=!0,o=e},f:function(){try{i||null==n.return||n.return()}finally{if(a)throw o}}}}function ue(e,t){if(e){if("string"==typeof e)return se(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)?se(e,t):void 0}}function se(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}oe.displayName="MultiSelectPanel";var pe=e.memo(e.forwardRef((function(l,o){var k=a(),E=e.useContext(n),I=q.getProps(l,E),w=B(e.useState(""),2),C=w[0],N=w[1],P=B(e.useState(!1),2),j=P[0],A=P[1],L=B(e.useState(I.inline),2),F=L[0],M=L[1],R=e.useRef(null),V=e.useRef(I.inputRef),G=e.useRef(null),K=e.useRef(null),J=C&&C.trim().length>0,X=g.isEmpty(I.value),_=I.optionValue?null:I.dataKey,U={props:I,state:{filterState:C,focused:j,overlayVisible:F}},z=q.setMetaData(U),W=z.ptm,Y=z.cx,Z=z.sx,$=z.isUnstyled;i(q.css.styles,$,{name:"multiselect"});var Q=B(s({target:R,overlay:K,listener:function(e,t){t.valid&&("outside"===t.type?!de(e)&&!be(e)&&me():me())},when:F}),2),ee=Q[0],te=Q[1],ne=function(){return!I.selectionLimit||!I.value||I.value&&I.value.length<I.selectionLimit},le=function(e){var t=e.originalEvent,n=e.option;if(!I.disabled&&!Ee(n)){var l=ke(n),r=Ie(n),o=ye(n),i=ne();o?ue(t,I.value.filter((function(e){return!g.equals(r?e:ke(e),l,_)})),n):i&&ue(t,[].concat(H(I.value||[]),[l]),n)}},re=function e(t){var n=t.nextElementSibling;return n?!0===O.getAttribute(n,"data-p-disabled")||"itemgroup"===O.getAttribute(n,"data-pc-section")?e(n):n:null},ie=function e(t){var n=t.previousElementSibling;return n?!0===O.getAttribute(n,"data-p-disabled")||"itemgroup"===O.getAttribute(n,"data-pc-section")?e(n):n:null},ue=function(e,t,n){I.onChange&&I.onChange({originalEvent:e,value:t,selectedOption:n,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:I.name,id:I.id,value:t}})},se=function(){N(""),I.onFilter&&I.onFilter({filter:""})},pe=function(){M(!0)},me=function(){M(!1)},fe=function(){O.alignOverlay(K.current,G.current.parentElement,I.appendTo||E&&E.appendTo||t.appendTo)},de=function(e){return"clearicon"===O.getAttribute(e.target,"data-pc-section")},be=function(e){return"headercheckboxcontainer"===O.getAttribute(e.target,"data-pc-section")},ve=function(e){return K.current&&K.current.contains(e.target)},he=function(e,t){return t.findIndex((function(t){return e.some((function(e){return g.equals(e,ke(t),_)}))}))},ye=function(e){if(I.value){var t=ke(e),n=Ie(e);return I.value.some((function(e){return g.equals(n?e:ke(e),t,_)}))}return!1},ge=function(e){var t;if(I.options)if(I.optionGroupLabel){var n,l=ce(I.options);try{for(l.s();!(n=l.n()).done;){if(t=Oe(e,Se(n.value)))break}}catch(e){l.e(e)}finally{l.f()}}else t=Oe(e,I.options),g.isEmpty(t)&&(t=Oe(e,I.value));return t?xe(t):null},Oe=function(e,t){return t.find((function(t){return g.equals(ke(t),e,_)}))},xe=function(e){return I.optionLabel?g.resolveFieldData(e,I.optionLabel):e&&void 0!==e.label?e.label:e},ke=function(e){if(I.useOptionAsValue)return e;if(I.optionValue){var t=g.resolveFieldData(e,I.optionValue);return null!==t?t:e}return e&&void 0!==e.value?e.value:e},Se=function(e){return g.resolveFieldData(e,I.optionGroupChildren)},Ee=function(e){return I.optionDisabled?g.isFunction(I.optionDisabled)?I.optionDisabled(e):g.resolveFieldData(e,I.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},Ie=function(e){return!I.useOptionAsValue&&I.optionValue||e&&void 0!==e.value},we=function(e,t){var n=I.value.filter((function(e){return!g.equals(e,t,_)}));I.onRemove&&I.onRemove({originalEvent:e,value:n}),ue(e,n,t)},Ce=function(){var e=/{(.*?)}/;return e.test(I.selectedItemsLabel)?I.selectedItemsLabel.replace(I.selectedItemsLabel.match(e)[0],I.value.length+""):I.selectedItemsLabel},Ne=function(){if(!X&&!I.fixedPlaceholder)return g.isNotEmpty(I.maxSelectedLabels)&&I.value.length>I.maxSelectedLabels?Ce():g.isArray(I.value)?I.value.reduce((function(e,t,n){return e+(0!==n?", ":"")+ge(t)}),""):""};e.useImperativeHandle(o,(function(){return{props:I,show:pe,hide:me,focus:function(){return O.focus(V.current)},getElement:function(){return R.current},getOverlay:function(){return K.current},getInput:function(){return V.current}}})),u((function(){fe()})),e.useEffect((function(){g.combinedRefs(V,I.inputRef)}),[V,I.inputRef]),e.useEffect((function(){setTimeout((function(){I.overlayVisible?pe():me()}),100)}),[I.overlayVisible]),c((function(){F&&C&&J&&fe()}),[F,C,J]),p((function(){S.clear(K.current)}));var Pe,je,De,Ae=function(){if(J){var e=C.trim().toLocaleLowerCase(I.filterLocale),t=I.filterBy?I.filterBy.split(","):[I.optionLabel||"label"];if(I.optionGroupLabel){var n,l=[],o=ce(I.options);try{for(o.s();!(n=o.n()).done;){var i=n.value,a=r.filter(Se(i),t,e,I.filterMatchMode,I.filterLocale);a&&a.length&&l.push(ae(ae({},i),T({},I.optionGroupChildren,a)))}}catch(e){o.e(e)}finally{o.f()}return l}return r.filter(I.options,t,e,I.filterMatchMode,I.filterLocale)}return I.options}(),Le=g.isNotEmpty(I.tooltip),Fe=q.getOtherProps(I),Te=g.reduceKeys(Fe,O.ARIA_PROPS),Me=k({className:Y("triggerIcon")},W("triggerIcon")),Re=k({className:Y("trigger")},W("trigger")),Ve=I.loadingIcon?x.getJSXIcon(I.loadingIcon,ae({},Me),{props:I}):e.createElement(f,D({spin:!0},Me)),Ge=I.dropdownIcon?x.getJSXIcon(I.dropdownIcon,ae({},Me),{props:I}):e.createElement(m,Me),Ke=e.createElement("div",Re,I.loading?Ve:Ge),He=!I.inline&&(Pe=I.selectedItemTemplate?X?g.getJSXElement(I.selectedItemTemplate):g.isNotEmpty(I.maxSelectedLabels)&&I.value.length>I.maxSelectedLabels?Ce():I.value.map((function(t,n){var l=g.getJSXElement(I.selectedItemTemplate,t);return e.createElement(e.Fragment,{key:n},l)})):"chip"!==I.display||X?Ne():I.value.slice(0,I.maxSelectedLabels||I.value.length).map((function(t,n){var l=ge(t),r=k({key:n,className:Y("removeTokenIcon"),onClick:function(e){return we(e,t)}},W("removeTokenIcon")),o=!I.disabled&&(I.removeIcon?x.getJSXIcon(I.removeIcon,ae({},r),{props:I}):e.createElement(b,r)),i=k({className:Y("token")},W("token")),a=k({key:l+n,className:Y("tokenLabel")},W("tokenLabel"));return e.createElement("div",D({},i,{key:l}),e.createElement("span",a,l),o)})),je=k({ref:G,className:Y("labelContainer")},W("labelContainer")),De=k({className:Y("label",{empty:X})},W("label")),e.createElement("div",je,e.createElement("div",De,Pe||I.placeholder||"empty"))),Je=!I.inline&&function(){var t=k({className:Y("clearIcon"),onClick:function(e){return ue(e,[],[])}},W("clearIcon")),n=x.getJSXIcon(I.clearIcon||e.createElement(d,t),ae({},t),{props:I});return X||!I.showClear||I.disabled?null:n}(),Xe=k(ae(ae({ref:R,id:I.id,style:ae(ae({},I.style),Z("root")),className:y(I.className,Y("root",{focusedState:j,overlayVisibleState:F}))},Fe),{},{onClick:function(e){I.inline||I.disabled||I.loading||ve(e)||"removetokenicon"===O.getAttribute(e.target,"data-pc-section")||de(e)||(F?me():pe(),O.focus(V.current),e.preventDefault())}}),q.getOtherProps(I),W("root")),_e=k({className:"p-hidden-accessible"},W("hiddenInputWrapper")),Be=k(ae({ref:V,id:I.inputId,name:I.name,type:"text",onFocus:function(e){A(!0),I.onFocus&&I.onFocus(e)},onBlur:function(e){A(!1),I.onBlur&&I.onBlur(e)},onKeyDown:function(e){switch(e.which){case 40:if(I.inline)break;!F&&e.altKey&&(pe(),e.preventDefault());break;case 32:if(I.inline)break;F?me():pe(),e.preventDefault();break;case 27:if(I.inline)break;me();break;case 9:if(F){var t=O.getFirstFocusableElement(K.current);t&&(t.focus(),e.preventDefault())}}},role:"listbox","aria-expanded":F,disabled:I.disabled,tabIndex:I.tabIndex},Te),W("input"));return e.createElement(e.Fragment,null,e.createElement("div",Xe,e.createElement("div",_e,e.createElement("input",D({},Be,{readOnly:!0}))),!I.inline&&e.createElement(e.Fragment,null,He,Je,Ke),e.createElement(oe,D({hostName:"MultiSelect",ref:K,visibleOptions:Ae},I,{onClick:function(e){v.emit("overlay-click",{originalEvent:e,target:R.current})},onOverlayHide:me,filterValue:C,hasFilter:J,onFilterInputChange:function(e){var t=e.query;N(t),I.onFilter&&I.onFilter({originalEvent:e,filter:t})},resetFilter:se,onCloseClick:function(e){me(),O.focus(V.current),e.preventDefault(),e.stopPropagation()},onSelectAll:function(e){if(I.onSelectAll)I.onSelectAll(e);else{var t=null;if(e.checked){if(t=[],Ae){var n=Ae.filter((function(e){return Ee(e)&&ye(e)}));t=n.map((function(e){return ke(e)}))}}else if(Ae){var l=Ae.filter((function(e){return!Ee(e)||ye(e)}));I.optionGroupLabel?(t=[],l.forEach((function(e){return t=[].concat(H(t),H(Se(e).filter((function(e){return!Ee(e)})).map((function(e){return ke(e)}))))}))):t=l.map((function(e){return ke(e)}))}ue(e.originalEvent,t,t)}},getOptionLabel:xe,getOptionRenderKey:function(e){return I.dataKey?g.resolveFieldData(e,I.dataKey):xe(e)},isOptionDisabled:Ee,getOptionGroupChildren:Se,getOptionGroupLabel:function(e){return g.resolveFieldData(e,I.optionGroupLabel)},getOptionGroupRenderKey:function(e){return g.resolveFieldData(e,I.optionGroupLabel)},isSelected:ye,getSelectedOptionIndex:function(){if(null!=I.value&&I.options){if(I.optionGroupLabel){var e=0,t=I.options.findIndex((function(t,n){return(e=n)&&-1!==he(I.value,Se(t))}));return-1!==t?{group:e,option:t}:-1}return he(I.value,I.options)}return-1},isAllSelected:function(){if(I.onSelectAll)return I.selectAll;if(g.isEmpty(Ae))return!1;var e=Ae.filter((function(e){return!Ee(e)}));if(I.optionGroupLabel){var t,n=!0,l=ce(e);try{for(l.s();!(t=l.n()).done;){!0===Se(t.value).filter((function(e){return!Ee(e)})).some((function(e){return!ye(e)}))&&(n=!1)}}catch(e){l.e(e)}finally{l.f()}return n}return!e.some((function(e){return!ye(e)}))},onOptionSelect:le,allowOptionSelect:ne,onOptionKeyDown:function(e){var t=e.originalEvent,n=t.currentTarget;switch(t.which){case 40:var l=re(n);l&&l.focus(),t.preventDefault();break;case 38:var r=ie(n);r&&r.focus(),t.preventDefault();break;case 13:case 32:le(e),t.preventDefault();break;case 27:me(),O.focus(V.current)}},in:F,onEnter:function(e){var n;S.set("overlay",K.current,E&&E.autoZIndex||t.autoZIndex,E&&E.zIndex.overlay||t.zIndex.overlay),O.addStyles(K.current,{position:"absolute",top:"0",left:"0"}),fe(),(n=O.findSingle(K.current,'li[data-p-highlight="true"]'))&&n.scrollIntoView&&n.scrollIntoView({block:"nearest",inline:"nearest"}),e&&e()},onEntered:function(e){e&&e(),ee(),I.onShow&&I.onShow()},onExit:function(){te()},onExited:function(){I.filter&&I.resetFilterOnHide&&se(),S.clear(K.current),I.onHide&&I.onHide()},ptm:W,cx:Y,sx:Z,isUnstyled:$,metaData:U}))),Le&&e.createElement(h,D({target:R,content:I.tooltip},I.tooltipOptions,{pt:W("tooltip")})))})));pe.displayName="MultiSelect";export{pe as MultiSelect};
|