primereact 10.5.1 → 10.5.2
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/api/api.cjs.js +94 -92
- package/api/api.cjs.min.js +1 -1
- package/api/api.d.ts +229 -11
- package/api/api.esm.js +94 -92
- package/api/api.esm.min.js +1 -1
- package/api/api.js +94 -92
- package/api/api.min.js +1 -1
- package/autocomplete/autocomplete.cjs.js +89 -45
- package/autocomplete/autocomplete.cjs.min.js +1 -1
- package/autocomplete/autocomplete.d.ts +6 -1
- package/autocomplete/autocomplete.esm.js +89 -45
- package/autocomplete/autocomplete.esm.min.js +1 -1
- package/autocomplete/autocomplete.js +89 -45
- package/autocomplete/autocomplete.min.js +1 -1
- package/blockui/blockui.cjs.js +13 -13
- package/blockui/blockui.cjs.min.js +1 -1
- package/blockui/blockui.esm.js +13 -13
- package/blockui/blockui.esm.min.js +1 -1
- package/blockui/blockui.js +13 -13
- package/blockui/blockui.min.js +1 -1
- package/calendar/calendar.cjs.js +30 -11
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.d.ts +9 -0
- package/calendar/calendar.esm.js +30 -11
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +30 -11
- package/calendar/calendar.min.js +1 -1
- package/carousel/carousel.cjs.js +17 -15
- package/carousel/carousel.cjs.min.js +1 -1
- package/carousel/carousel.esm.js +4 -2
- package/carousel/carousel.esm.min.js +1 -1
- package/carousel/carousel.js +17 -15
- package/carousel/carousel.min.js +1 -1
- package/cascadeselect/cascadeselect.cjs.js +28 -14
- package/cascadeselect/cascadeselect.cjs.min.js +1 -1
- package/cascadeselect/cascadeselect.d.ts +5 -0
- package/cascadeselect/cascadeselect.esm.js +28 -14
- package/cascadeselect/cascadeselect.esm.min.js +1 -1
- package/cascadeselect/cascadeselect.js +28 -14
- package/cascadeselect/cascadeselect.min.js +1 -1
- package/checkbox/checkbox.cjs.js +70 -153
- package/checkbox/checkbox.cjs.min.js +1 -1
- package/checkbox/checkbox.d.ts +10 -34
- package/checkbox/checkbox.esm.js +70 -153
- package/checkbox/checkbox.esm.min.js +1 -1
- package/checkbox/checkbox.js +70 -153
- package/checkbox/checkbox.min.js +1 -1
- package/chips/chips.cjs.js +23 -9
- package/chips/chips.cjs.min.js +1 -1
- package/chips/chips.d.ts +6 -1
- package/chips/chips.esm.js +23 -9
- package/chips/chips.esm.min.js +1 -1
- package/chips/chips.js +23 -9
- package/chips/chips.min.js +1 -1
- package/colorpicker/colorpicker.cjs.js +3 -2
- 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 +3 -2
- package/colorpicker/colorpicker.min.js +1 -1
- package/componentbase/componentbase.cjs.js +4 -6
- package/componentbase/componentbase.cjs.min.js +1 -1
- package/componentbase/componentbase.esm.js +5 -7
- package/componentbase/componentbase.esm.min.js +1 -1
- package/componentbase/componentbase.js +4 -6
- package/componentbase/componentbase.min.js +1 -1
- package/confirmdialog/confirmdialog.cjs.js +1 -0
- package/confirmdialog/confirmdialog.cjs.min.js +1 -1
- package/confirmdialog/confirmdialog.esm.js +1 -0
- package/confirmdialog/confirmdialog.esm.min.js +1 -1
- package/confirmdialog/confirmdialog.js +1 -0
- package/confirmdialog/confirmdialog.min.js +1 -1
- package/confirmpopup/confirmpopup.cjs.js +5 -5
- package/confirmpopup/confirmpopup.cjs.min.js +1 -1
- package/confirmpopup/confirmpopup.esm.js +5 -5
- package/confirmpopup/confirmpopup.esm.min.js +1 -1
- package/confirmpopup/confirmpopup.js +5 -5
- package/confirmpopup/confirmpopup.min.js +1 -1
- package/core/core.js +639 -603
- package/core/core.min.js +13 -13
- package/datatable/datatable.cjs.js +128 -110
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.d.ts +1 -1
- package/datatable/datatable.esm.js +128 -110
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +128 -110
- package/datatable/datatable.min.js +1 -1
- package/dataview/dataview.cjs.js +16 -13
- package/dataview/dataview.cjs.min.js +1 -1
- package/dataview/dataview.esm.js +4 -1
- package/dataview/dataview.esm.min.js +1 -1
- package/dataview/dataview.js +17 -15
- package/dataview/dataview.min.js +1 -1
- package/dialog/dialog.cjs.js +6 -6
- package/dialog/dialog.cjs.min.js +1 -1
- package/dialog/dialog.esm.js +6 -6
- package/dialog/dialog.esm.min.js +1 -1
- package/dialog/dialog.js +6 -6
- package/dialog/dialog.min.js +1 -1
- package/dropdown/dropdown.cjs.js +98 -29
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.d.ts +41 -0
- package/dropdown/dropdown.esm.js +98 -29
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +98 -31
- package/dropdown/dropdown.min.js +1 -1
- package/editor/editor.cjs.js +125 -54
- package/editor/editor.cjs.min.js +1 -1
- package/editor/editor.esm.js +125 -54
- package/editor/editor.esm.min.js +1 -1
- package/editor/editor.js +125 -54
- package/editor/editor.min.js +1 -1
- package/galleria/galleria.cjs.js +22 -19
- package/galleria/galleria.cjs.min.js +1 -1
- package/galleria/galleria.esm.js +4 -1
- package/galleria/galleria.esm.min.js +1 -1
- package/galleria/galleria.js +23 -20
- package/galleria/galleria.min.js +1 -1
- package/hooks/hooks.cjs.js +115 -72
- package/hooks/hooks.cjs.min.js +1 -1
- package/hooks/hooks.esm.js +116 -73
- package/hooks/hooks.esm.min.js +1 -1
- package/hooks/hooks.js +115 -72
- package/hooks/hooks.min.js +1 -1
- package/image/image.cjs.js +11 -9
- package/image/image.cjs.min.js +1 -1
- package/image/image.esm.js +11 -9
- package/image/image.esm.min.js +1 -1
- package/image/image.js +11 -9
- package/image/image.min.js +1 -1
- package/inputnumber/inputnumber.cjs.js +20 -36
- package/inputnumber/inputnumber.cjs.min.js +1 -1
- package/inputnumber/inputnumber.d.ts +5 -5
- package/inputnumber/inputnumber.esm.js +20 -36
- package/inputnumber/inputnumber.esm.min.js +1 -1
- package/inputnumber/inputnumber.js +20 -36
- package/inputnumber/inputnumber.min.js +1 -1
- package/inputswitch/inputswitch.cjs.js +18 -93
- package/inputswitch/inputswitch.cjs.min.js +1 -1
- package/inputswitch/inputswitch.d.ts +9 -20
- package/inputswitch/inputswitch.esm.js +18 -93
- package/inputswitch/inputswitch.esm.min.js +1 -1
- package/inputswitch/inputswitch.js +18 -93
- package/inputswitch/inputswitch.min.js +1 -1
- package/inputtext/inputtext.cjs.js +5 -3
- package/inputtext/inputtext.cjs.min.js +1 -1
- package/inputtext/inputtext.d.ts +5 -0
- package/inputtext/inputtext.esm.js +5 -3
- package/inputtext/inputtext.esm.min.js +1 -1
- package/inputtext/inputtext.js +5 -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.d.ts +5 -0
- package/inputtextarea/inputtextarea.esm.js +3 -1
- package/inputtextarea/inputtextarea.esm.min.js +1 -1
- package/inputtextarea/inputtextarea.js +3 -1
- package/inputtextarea/inputtextarea.min.js +1 -1
- package/listbox/listbox.cjs.js +14 -10
- package/listbox/listbox.cjs.min.js +1 -1
- package/listbox/listbox.d.ts +15 -0
- package/listbox/listbox.esm.js +15 -11
- package/listbox/listbox.esm.min.js +1 -1
- package/listbox/listbox.js +14 -10
- package/listbox/listbox.min.js +1 -1
- package/mention/mention.cjs.js +3 -1
- package/mention/mention.cjs.min.js +1 -1
- package/mention/mention.esm.js +3 -1
- package/mention/mention.esm.min.js +1 -1
- package/mention/mention.js +3 -1
- package/mention/mention.min.js +1 -1
- package/menu/menu.cjs.js +3 -2
- package/menu/menu.cjs.min.js +1 -1
- package/menu/menu.esm.js +3 -2
- package/menu/menu.esm.min.js +1 -1
- package/menu/menu.js +3 -2
- package/menu/menu.min.js +1 -1
- package/menubar/menubar.cjs.js +1 -1
- package/menubar/menubar.cjs.min.js +1 -1
- package/menubar/menubar.esm.js +1 -1
- package/menubar/menubar.esm.min.js +1 -1
- package/menubar/menubar.js +1 -1
- package/menubar/menubar.min.js +1 -1
- package/message/message.cjs.js +2 -8
- package/message/message.cjs.min.js +1 -1
- package/message/message.d.ts +1 -1
- package/message/message.esm.js +2 -8
- package/message/message.esm.min.js +1 -1
- package/message/message.js +2 -8
- package/message/message.min.js +1 -1
- package/messages/messages.cjs.js +1 -1
- package/messages/messages.cjs.min.js +1 -1
- package/messages/messages.d.ts +1 -1
- package/messages/messages.esm.js +1 -1
- package/messages/messages.esm.min.js +1 -1
- package/messages/messages.js +1 -1
- package/messages/messages.min.js +1 -1
- package/metergroup/metergroup.cjs.js +237 -0
- package/metergroup/metergroup.cjs.min.js +1 -0
- package/metergroup/metergroup.d.ts +183 -0
- package/metergroup/metergroup.esm.js +233 -0
- package/metergroup/metergroup.esm.min.js +1 -0
- package/metergroup/metergroup.js +236 -0
- package/metergroup/metergroup.min.js +1 -0
- package/multiselect/multiselect.cjs.js +94 -123
- package/multiselect/multiselect.cjs.min.js +1 -1
- package/multiselect/multiselect.d.ts +25 -1
- package/multiselect/multiselect.esm.js +94 -123
- package/multiselect/multiselect.esm.min.js +1 -1
- package/multiselect/multiselect.js +94 -123
- package/multiselect/multiselect.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.cjs.js +1 -1
- package/multistatecheckbox/multistatecheckbox.cjs.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.esm.js +1 -1
- package/multistatecheckbox/multistatecheckbox.esm.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.js +1 -1
- package/multistatecheckbox/multistatecheckbox.min.js +1 -1
- package/orderlist/orderlist.cjs.js +35 -11
- package/orderlist/orderlist.cjs.min.js +1 -1
- package/orderlist/orderlist.d.ts +5 -0
- package/orderlist/orderlist.esm.js +35 -11
- package/orderlist/orderlist.esm.min.js +1 -1
- package/orderlist/orderlist.js +35 -11
- package/orderlist/orderlist.min.js +1 -1
- package/overlaypanel/overlaypanel.cjs.js +3 -2
- package/overlaypanel/overlaypanel.cjs.min.js +1 -1
- package/overlaypanel/overlaypanel.esm.js +3 -2
- package/overlaypanel/overlaypanel.esm.min.js +1 -1
- package/overlaypanel/overlaypanel.js +3 -2
- package/overlaypanel/overlaypanel.min.js +1 -1
- package/package.json +1 -1
- package/paginator/paginator.cjs.js +125 -108
- package/paginator/paginator.cjs.min.js +1 -1
- package/paginator/paginator.d.ts +88 -0
- package/paginator/paginator.esm.js +125 -108
- package/paginator/paginator.esm.min.js +1 -1
- package/paginator/paginator.js +125 -108
- package/paginator/paginator.min.js +1 -1
- package/panelmenu/panelmenu.cjs.js +13 -5
- package/panelmenu/panelmenu.cjs.min.js +1 -1
- package/panelmenu/panelmenu.esm.js +13 -5
- package/panelmenu/panelmenu.esm.min.js +1 -1
- package/panelmenu/panelmenu.js +13 -5
- package/panelmenu/panelmenu.min.js +1 -1
- package/passthrough/index.d.ts +12 -0
- package/passthrough/tailwind/index.cjs.js +268 -172
- package/passthrough/tailwind/index.cjs.min.js +1 -1
- package/passthrough/tailwind/index.esm.js +268 -172
- package/passthrough/tailwind/index.esm.min.js +1 -1
- package/passthrough/tailwind/index.js +268 -172
- package/passthrough/tailwind/index.min.js +1 -1
- package/password/password.cjs.js +70 -39
- package/password/password.cjs.min.js +1 -1
- package/password/password.d.ts +5 -0
- package/password/password.esm.js +72 -41
- package/password/password.esm.min.js +1 -1
- package/password/password.js +70 -39
- package/password/password.min.js +1 -1
- package/picklist/picklist.cjs.js +126 -101
- package/picklist/picklist.cjs.min.js +1 -1
- package/picklist/picklist.d.ts +5 -0
- package/picklist/picklist.esm.js +126 -101
- package/picklist/picklist.esm.min.js +1 -1
- package/picklist/picklist.js +126 -101
- package/picklist/picklist.min.js +1 -1
- package/primereact.all.cjs.js +1774 -1431
- package/primereact.all.cjs.min.js +1 -1
- package/primereact.all.esm.js +1775 -1431
- package/primereact.all.esm.min.js +1 -1
- package/primereact.all.js +1774 -1431
- package/primereact.all.min.js +1 -1
- package/radiobutton/radiobutton.cjs.js +67 -142
- package/radiobutton/radiobutton.cjs.min.js +1 -1
- package/radiobutton/radiobutton.d.ts +17 -35
- package/radiobutton/radiobutton.esm.js +68 -143
- package/radiobutton/radiobutton.esm.min.js +1 -1
- package/radiobutton/radiobutton.js +67 -142
- package/radiobutton/radiobutton.min.js +1 -1
- package/resources/themes/arya-blue/theme.css +344 -67
- package/resources/themes/arya-green/theme.css +344 -67
- package/resources/themes/arya-orange/theme.css +344 -67
- package/resources/themes/bootstrap4-dark-blue/theme.css +389 -64
- package/resources/themes/bootstrap4-light-blue/theme.css +389 -64
- package/resources/themes/fluent-light/theme.css +341 -64
- package/resources/themes/lara-dark-amber/theme.css +470 -67
- package/resources/themes/lara-dark-blue/theme.css +470 -67
- package/resources/themes/lara-dark-cyan/theme.css +470 -67
- package/resources/themes/lara-dark-green/theme.css +470 -67
- package/resources/themes/lara-dark-indigo/theme.css +470 -67
- package/resources/themes/lara-dark-pink/theme.css +470 -67
- package/resources/themes/lara-dark-teal/theme.css +470 -67
- package/resources/themes/lara-light-amber/theme.css +470 -67
- package/resources/themes/lara-light-blue/theme.css +470 -67
- package/resources/themes/lara-light-cyan/theme.css +470 -67
- package/resources/themes/lara-light-green/theme.css +470 -67
- package/resources/themes/lara-light-indigo/theme.css +470 -67
- package/resources/themes/lara-light-pink/theme.css +470 -67
- package/resources/themes/lara-light-teal/theme.css +470 -67
- package/resources/themes/luna-amber/theme.css +344 -67
- package/resources/themes/luna-blue/theme.css +344 -67
- package/resources/themes/luna-green/theme.css +344 -67
- package/resources/themes/luna-pink/theme.css +344 -67
- package/resources/themes/md-dark-deeppurple/theme.css +995 -289
- package/resources/themes/md-dark-indigo/theme.css +684 -232
- package/resources/themes/md-light-deeppurple/theme.css +868 -162
- package/resources/themes/md-light-indigo/theme.css +566 -101
- package/resources/themes/mdc-dark-deeppurple/theme.css +995 -289
- package/resources/themes/mdc-dark-indigo/theme.css +697 -232
- package/resources/themes/mdc-light-deeppurple/theme.css +868 -162
- package/resources/themes/mdc-light-indigo/theme.css +566 -101
- package/resources/themes/mira/theme.css +344 -67
- package/resources/themes/nano/theme.css +344 -67
- package/resources/themes/nova/theme.css +344 -67
- package/resources/themes/nova-accent/theme.css +344 -67
- package/resources/themes/nova-alt/theme.css +344 -67
- package/resources/themes/rhea/theme.css +343 -66
- package/resources/themes/saga-blue/theme.css +344 -67
- package/resources/themes/saga-green/theme.css +344 -67
- package/resources/themes/saga-orange/theme.css +344 -67
- package/resources/themes/soho-dark/theme.css +413 -88
- package/resources/themes/soho-light/theme.css +392 -67
- package/resources/themes/tailwind-light/theme.css +344 -67
- package/resources/themes/vela-blue/theme.css +344 -67
- package/resources/themes/vela-green/theme.css +344 -67
- package/resources/themes/vela-orange/theme.css +344 -67
- package/resources/themes/viva-dark/theme.css +392 -67
- package/resources/themes/viva-light/theme.css +392 -67
- package/selectbutton/selectbutton.cjs.js +12 -4
- package/selectbutton/selectbutton.cjs.min.js +1 -1
- package/selectbutton/selectbutton.d.ts +5 -0
- package/selectbutton/selectbutton.esm.js +12 -4
- package/selectbutton/selectbutton.esm.min.js +1 -1
- package/selectbutton/selectbutton.js +13 -5
- package/selectbutton/selectbutton.min.js +1 -1
- package/sidebar/sidebar.cjs.js +4 -3
- package/sidebar/sidebar.cjs.min.js +1 -1
- package/sidebar/sidebar.d.ts +4 -4
- package/sidebar/sidebar.esm.js +4 -3
- package/sidebar/sidebar.esm.min.js +1 -1
- package/sidebar/sidebar.js +4 -3
- package/sidebar/sidebar.min.js +1 -1
- package/slidemenu/slidemenu.cjs.js +3 -2
- package/slidemenu/slidemenu.cjs.min.js +1 -1
- package/slidemenu/slidemenu.esm.js +3 -2
- package/slidemenu/slidemenu.esm.min.js +1 -1
- package/slidemenu/slidemenu.js +3 -2
- package/slidemenu/slidemenu.min.js +1 -1
- package/slider/slider.cjs.js +18 -2
- package/slider/slider.cjs.min.js +1 -1
- package/slider/slider.esm.js +18 -2
- package/slider/slider.esm.min.js +1 -1
- package/slider/slider.js +18 -2
- package/slider/slider.min.js +1 -1
- package/splitbutton/splitbutton.d.ts +2 -2
- package/splitter/splitter.cjs.js +7 -7
- package/splitter/splitter.cjs.min.js +1 -1
- package/splitter/splitter.d.ts +5 -5
- package/splitter/splitter.esm.js +7 -7
- package/splitter/splitter.esm.min.js +1 -1
- package/splitter/splitter.js +7 -7
- package/splitter/splitter.min.js +1 -1
- package/styleclass/styleclass.cjs.js +21 -1
- package/styleclass/styleclass.cjs.min.js +1 -1
- package/styleclass/styleclass.d.ts +10 -0
- package/styleclass/styleclass.esm.js +21 -1
- package/styleclass/styleclass.esm.min.js +1 -1
- package/styleclass/styleclass.js +22 -2
- package/styleclass/styleclass.min.js +1 -1
- package/tabmenu/tabmenu.cjs.js +1 -1
- package/tabmenu/tabmenu.cjs.min.js +1 -1
- package/tabmenu/tabmenu.esm.js +1 -1
- package/tabmenu/tabmenu.esm.min.js +1 -1
- package/tabmenu/tabmenu.js +1 -1
- package/tabmenu/tabmenu.min.js +1 -1
- package/toast/toast.cjs.js +93 -92
- package/toast/toast.cjs.min.js +1 -1
- package/toast/toast.d.ts +1 -1
- package/toast/toast.esm.js +93 -92
- package/toast/toast.esm.min.js +1 -1
- package/toast/toast.js +93 -92
- package/toast/toast.min.js +1 -1
- package/togglebutton/togglebutton.cjs.js +54 -92
- package/togglebutton/togglebutton.cjs.min.js +1 -1
- package/togglebutton/togglebutton.d.ts +24 -0
- package/togglebutton/togglebutton.esm.js +53 -91
- package/togglebutton/togglebutton.esm.min.js +1 -1
- package/togglebutton/togglebutton.js +54 -92
- package/togglebutton/togglebutton.min.js +1 -1
- package/tooltip/tooltip.d.ts +3 -3
- package/tooltip/tooltipoptions.d.ts +5 -0
- package/tree/tree.cjs.js +20 -8
- package/tree/tree.cjs.min.js +1 -1
- package/tree/tree.esm.js +20 -8
- package/tree/tree.esm.min.js +1 -1
- package/tree/tree.js +20 -8
- package/tree/tree.min.js +1 -1
- package/treeselect/treeselect.cjs.js +2 -0
- package/treeselect/treeselect.cjs.min.js +1 -1
- package/treeselect/treeselect.d.ts +5 -0
- package/treeselect/treeselect.esm.js +2 -0
- package/treeselect/treeselect.esm.min.js +1 -1
- package/treeselect/treeselect.js +2 -0
- package/treeselect/treeselect.min.js +1 -1
- package/treetable/treetable.cjs.js +17 -14
- package/treetable/treetable.cjs.min.js +1 -1
- package/treetable/treetable.esm.js +17 -14
- package/treetable/treetable.esm.min.js +1 -1
- package/treetable/treetable.js +17 -14
- package/treetable/treetable.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.cjs.js +33 -90
- package/tristatecheckbox/tristatecheckbox.cjs.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.d.ts +12 -13
- package/tristatecheckbox/tristatecheckbox.esm.js +34 -91
- package/tristatecheckbox/tristatecheckbox.esm.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.js +33 -90
- package/tristatecheckbox/tristatecheckbox.min.js +1 -1
- package/utils/utils.cjs.js +64 -72
- package/utils/utils.cjs.min.js +1 -1
- package/utils/utils.d.ts +11 -2
- package/utils/utils.esm.js +65 -72
- package/utils/utils.esm.min.js +1 -1
- package/utils/utils.js +64 -72
- package/utils/utils.min.js +1 -1
- package/virtualscroller/virtualscroller.cjs.js +17 -15
- package/virtualscroller/virtualscroller.cjs.min.js +1 -1
- package/virtualscroller/virtualscroller.esm.js +14 -12
- package/virtualscroller/virtualscroller.esm.min.js +1 -1
- package/virtualscroller/virtualscroller.js +17 -15
- package/virtualscroller/virtualscroller.min.js +1 -1
- package/web-types.json +455 -39
|
@@ -157,6 +157,7 @@ var classes$1 = {
|
|
|
157
157
|
return classNames('p-multiselect p-component p-inputwrapper', {
|
|
158
158
|
'p-multiselect-chip': props.display === 'chip',
|
|
159
159
|
'p-disabled': props.disabled,
|
|
160
|
+
'p-invalid': props.invalid,
|
|
160
161
|
'p-multiselect-clearable': props.showClear && !props.disabled,
|
|
161
162
|
'p-focus': focusedState,
|
|
162
163
|
'p-inputwrapper-filled': ObjectUtils.isNotEmpty(props.value),
|
|
@@ -216,24 +217,18 @@ var classes$1 = {
|
|
|
216
217
|
},
|
|
217
218
|
checkboxContainer: 'p-checkbox p-component',
|
|
218
219
|
checkboxIcon: 'p-checkbox-icon p-c',
|
|
219
|
-
checkbox: function checkbox(_ref6) {
|
|
220
|
-
var props = _ref6.itemProps;
|
|
221
|
-
return classNames('p-checkbox-box', {
|
|
222
|
-
'p-highlight': props.selected
|
|
223
|
-
});
|
|
224
|
-
},
|
|
225
220
|
transition: 'p-connected-overlay'
|
|
226
221
|
};
|
|
227
|
-
var styles
|
|
222
|
+
var 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 outline: none;\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 right: 3rem;\n }\n \n .p-fluid .p-multiselect {\n display: flex;\n }\n}\n";
|
|
228
223
|
var inlineStyles = {
|
|
229
|
-
root: function root(
|
|
230
|
-
var props =
|
|
224
|
+
root: function root(_ref6) {
|
|
225
|
+
var props = _ref6.props;
|
|
231
226
|
return props.showClear && !props.disabled && {
|
|
232
227
|
position: 'relative'
|
|
233
228
|
};
|
|
234
229
|
},
|
|
235
|
-
itemGroup: function itemGroup(
|
|
236
|
-
var scrollerOptions =
|
|
230
|
+
itemGroup: function itemGroup(_ref7) {
|
|
231
|
+
var scrollerOptions = _ref7.scrollerOptions;
|
|
237
232
|
return {
|
|
238
233
|
height: scrollerOptions.props ? scrollerOptions.props.itemSize : undefined
|
|
239
234
|
};
|
|
@@ -269,10 +264,12 @@ var MultiSelectBase = ComponentBase.extend({
|
|
|
269
264
|
inline: false,
|
|
270
265
|
inputId: null,
|
|
271
266
|
inputRef: null,
|
|
267
|
+
invalid: false,
|
|
272
268
|
itemCheckboxIcon: null,
|
|
273
269
|
itemClassName: null,
|
|
274
270
|
itemTemplate: null,
|
|
275
271
|
loading: false,
|
|
272
|
+
loadingIcon: null,
|
|
276
273
|
maxSelectedLabels: null,
|
|
277
274
|
name: null,
|
|
278
275
|
onBlur: null,
|
|
@@ -319,35 +316,26 @@ var MultiSelectBase = ComponentBase.extend({
|
|
|
319
316
|
},
|
|
320
317
|
css: {
|
|
321
318
|
classes: classes$1,
|
|
322
|
-
styles: styles
|
|
319
|
+
styles: styles,
|
|
323
320
|
inlineStyles: inlineStyles
|
|
324
321
|
}
|
|
325
322
|
});
|
|
326
323
|
|
|
327
324
|
var classes = {
|
|
328
|
-
|
|
329
|
-
input:
|
|
325
|
+
box: 'p-checkbox-box',
|
|
326
|
+
input: 'p-checkbox-input',
|
|
327
|
+
icon: 'p-checkbox-icon',
|
|
328
|
+
root: function root(_ref) {
|
|
330
329
|
var props = _ref.props,
|
|
331
|
-
checked = _ref.checked
|
|
332
|
-
|
|
333
|
-
return classNames('p-checkbox-box', {
|
|
330
|
+
checked = _ref.checked;
|
|
331
|
+
return classNames('p-checkbox p-component', {
|
|
334
332
|
'p-highlight': checked,
|
|
335
333
|
'p-disabled': props.disabled,
|
|
336
|
-
'p-
|
|
337
|
-
|
|
338
|
-
},
|
|
339
|
-
root: function root(_ref2) {
|
|
340
|
-
var props = _ref2.props,
|
|
341
|
-
checked = _ref2.checked,
|
|
342
|
-
focusedState = _ref2.focusedState;
|
|
343
|
-
return classNames('p-checkbox p-component', {
|
|
344
|
-
'p-checkbox-checked': checked,
|
|
345
|
-
'p-checkbox-disabled': props.disabled,
|
|
346
|
-
'p-checkbox-focused': focusedState
|
|
334
|
+
'p-invalid': props.invalid,
|
|
335
|
+
'p-variant-filled': props.variant === 'filled'
|
|
347
336
|
});
|
|
348
337
|
}
|
|
349
338
|
};
|
|
350
|
-
var 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";
|
|
351
339
|
var CheckboxBase = ComponentBase.extend({
|
|
352
340
|
defaultProps: {
|
|
353
341
|
__TYPE: 'Checkbox',
|
|
@@ -360,6 +348,7 @@ var CheckboxBase = ComponentBase.extend({
|
|
|
360
348
|
id: null,
|
|
361
349
|
inputId: null,
|
|
362
350
|
inputRef: null,
|
|
351
|
+
invalid: false,
|
|
363
352
|
name: null,
|
|
364
353
|
onChange: null,
|
|
365
354
|
onClick: null,
|
|
@@ -376,8 +365,7 @@ var CheckboxBase = ComponentBase.extend({
|
|
|
376
365
|
children: undefined
|
|
377
366
|
},
|
|
378
367
|
css: {
|
|
379
|
-
classes: classes
|
|
380
|
-
styles: styles
|
|
368
|
+
classes: classes
|
|
381
369
|
}
|
|
382
370
|
});
|
|
383
371
|
|
|
@@ -387,15 +375,8 @@ var Checkbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
|
|
|
387
375
|
var mergeProps = useMergeProps();
|
|
388
376
|
var context = React.useContext(PrimeReactContext);
|
|
389
377
|
var props = CheckboxBase.getProps(inProps, context);
|
|
390
|
-
var _React$useState = React.useState(false),
|
|
391
|
-
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
392
|
-
focusedState = _React$useState2[0],
|
|
393
|
-
setFocusedState = _React$useState2[1];
|
|
394
378
|
var _CheckboxBase$setMeta = CheckboxBase.setMetaData({
|
|
395
379
|
props: props,
|
|
396
|
-
state: {
|
|
397
|
-
focused: focusedState
|
|
398
|
-
},
|
|
399
380
|
context: {
|
|
400
381
|
checked: props.checked === props.trueValue,
|
|
401
382
|
disabled: props.disabled
|
|
@@ -405,20 +386,19 @@ var Checkbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
|
|
|
405
386
|
cx = _CheckboxBase$setMeta.cx,
|
|
406
387
|
isUnstyled = _CheckboxBase$setMeta.isUnstyled;
|
|
407
388
|
useHandleStyle(CheckboxBase.css.styles, isUnstyled, {
|
|
408
|
-
name: 'checkbox'
|
|
409
|
-
styled: true
|
|
389
|
+
name: 'checkbox'
|
|
410
390
|
});
|
|
411
391
|
var elementRef = React.useRef(null);
|
|
412
392
|
var inputRef = React.useRef(props.inputRef);
|
|
413
|
-
var
|
|
414
|
-
|
|
393
|
+
var isChecked = function isChecked() {
|
|
394
|
+
return props.checked === props.trueValue;
|
|
395
|
+
};
|
|
396
|
+
var _onChange = function onChange(event) {
|
|
397
|
+
if (props.disabled || props.readonly) {
|
|
415
398
|
return;
|
|
416
399
|
}
|
|
417
|
-
if (props.onChange
|
|
400
|
+
if (props.onChange) {
|
|
418
401
|
var _checked = isChecked();
|
|
419
|
-
var checkboxClicked = event.target instanceof HTMLDivElement || event.target instanceof HTMLSpanElement || event.target instanceof Object;
|
|
420
|
-
var isInputToggled = event.target === inputRef.current;
|
|
421
|
-
var isCheckboxToggled = checkboxClicked && event.target.checked !== _checked;
|
|
422
402
|
var value = _checked ? props.falseValue : props.trueValue;
|
|
423
403
|
var eventData = {
|
|
424
404
|
originalEvent: event,
|
|
@@ -438,33 +418,22 @@ var Checkbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
|
|
|
438
418
|
checked: value
|
|
439
419
|
}
|
|
440
420
|
};
|
|
441
|
-
props.
|
|
421
|
+
props.onChange && props.onChange(eventData);
|
|
442
422
|
|
|
443
423
|
// do not continue if the user defined click wants to prevent
|
|
444
424
|
if (event.defaultPrevented) {
|
|
445
425
|
return;
|
|
446
426
|
}
|
|
447
|
-
if (isInputToggled || isCheckboxToggled) {
|
|
448
|
-
props.onChange && props.onChange(eventData);
|
|
449
|
-
}
|
|
450
427
|
DomHandler.focus(inputRef.current);
|
|
451
|
-
event.preventDefault();
|
|
452
428
|
}
|
|
453
429
|
};
|
|
454
430
|
var _onFocus = function onFocus() {
|
|
455
|
-
|
|
431
|
+
var _props$onFocus;
|
|
432
|
+
props === null || props === void 0 || (_props$onFocus = props.onFocus) === null || _props$onFocus === void 0 || _props$onFocus.call(props);
|
|
456
433
|
};
|
|
457
434
|
var _onBlur = function onBlur() {
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
var _onKeyDown = function onKeyDown(event) {
|
|
461
|
-
if (event.code === 'Space' || event.key === ' ') {
|
|
462
|
-
// event.key is for Android support
|
|
463
|
-
_onClick(event);
|
|
464
|
-
}
|
|
465
|
-
};
|
|
466
|
-
var isChecked = function isChecked() {
|
|
467
|
-
return props.checked === props.trueValue;
|
|
435
|
+
var _props$onBlur;
|
|
436
|
+
props === null || props === void 0 || (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 || _props$onBlur.call(props);
|
|
468
437
|
};
|
|
469
438
|
React.useImperativeHandle(ref, function () {
|
|
470
439
|
return {
|
|
@@ -494,66 +463,66 @@ var Checkbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
|
|
|
494
463
|
var checked = isChecked();
|
|
495
464
|
var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
|
|
496
465
|
var otherProps = CheckboxBase.getOtherProps(props);
|
|
497
|
-
var ariaProps = ObjectUtils.reduceKeys(otherProps, DomHandler.ARIA_PROPS);
|
|
498
|
-
var iconProps = mergeProps({
|
|
499
|
-
className: cx('icon')
|
|
500
|
-
}, ptm('icon'));
|
|
501
|
-
var icon = checked ? props.icon || /*#__PURE__*/React.createElement(CheckIcon, iconProps) : null;
|
|
502
|
-
var checkboxIcon = IconUtils.getJSXIcon(icon, _objectSpread$4({}, iconProps), {
|
|
503
|
-
props: props,
|
|
504
|
-
checked: checked
|
|
505
|
-
});
|
|
506
466
|
var rootProps = mergeProps({
|
|
507
467
|
id: props.id,
|
|
508
468
|
className: classNames(props.className, cx('root', {
|
|
509
|
-
checked: checked
|
|
510
|
-
focusedState: focusedState
|
|
469
|
+
checked: checked
|
|
511
470
|
})),
|
|
512
471
|
style: props.style,
|
|
513
|
-
onClick: function onClick(e) {
|
|
514
|
-
return _onClick(e);
|
|
515
|
-
},
|
|
516
472
|
'data-p-highlight': checked,
|
|
517
473
|
'data-p-disabled': props.disabled,
|
|
518
474
|
onContextMenu: props.onContextMenu,
|
|
519
475
|
onMouseDown: props.onMouseDown
|
|
520
476
|
}, otherProps, ptm('root'));
|
|
521
|
-
var
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
|
|
535
|
-
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
|
|
539
|
-
|
|
540
|
-
|
|
541
|
-
|
|
542
|
-
|
|
543
|
-
|
|
544
|
-
|
|
545
|
-
|
|
546
|
-
|
|
547
|
-
})
|
|
548
|
-
|
|
549
|
-
|
|
550
|
-
|
|
551
|
-
|
|
477
|
+
var createInputElement = function createInputElement() {
|
|
478
|
+
var ariaProps = ObjectUtils.reduceKeys(otherProps, DomHandler.ARIA_PROPS);
|
|
479
|
+
var inputProps = mergeProps(_objectSpread$4({
|
|
480
|
+
id: props.inputId,
|
|
481
|
+
type: 'checkbox',
|
|
482
|
+
className: cx('input'),
|
|
483
|
+
name: props.name,
|
|
484
|
+
tabIndex: props.tabIndex,
|
|
485
|
+
defaultChecked: checked,
|
|
486
|
+
onFocus: function onFocus(e) {
|
|
487
|
+
return _onFocus();
|
|
488
|
+
},
|
|
489
|
+
onBlur: function onBlur(e) {
|
|
490
|
+
return _onBlur();
|
|
491
|
+
},
|
|
492
|
+
onChange: function onChange(e) {
|
|
493
|
+
return _onChange(e);
|
|
494
|
+
},
|
|
495
|
+
disabled: props.disabled,
|
|
496
|
+
readOnly: props.readOnly,
|
|
497
|
+
required: props.required,
|
|
498
|
+
'aria-invalid': props.invalid,
|
|
499
|
+
checked: isChecked()
|
|
500
|
+
}, ariaProps), ptm('input'));
|
|
501
|
+
return /*#__PURE__*/React.createElement("input", _extends({
|
|
502
|
+
ref: inputRef
|
|
503
|
+
}, inputProps));
|
|
504
|
+
};
|
|
505
|
+
var createBoxElement = function createBoxElement() {
|
|
506
|
+
var iconProps = mergeProps({
|
|
507
|
+
className: cx('icon')
|
|
508
|
+
}, ptm('icon'));
|
|
509
|
+
var boxProps = mergeProps({
|
|
510
|
+
className: cx('box', {
|
|
511
|
+
checked: checked
|
|
512
|
+
}),
|
|
513
|
+
'data-p-highlight': checked,
|
|
514
|
+
'data-p-disabled': props.disabled
|
|
515
|
+
}, ptm('box'));
|
|
516
|
+
var icon = checked ? props.icon || /*#__PURE__*/React.createElement(CheckIcon, iconProps) : null;
|
|
517
|
+
var checkboxIcon = IconUtils.getJSXIcon(icon, _objectSpread$4({}, iconProps), {
|
|
518
|
+
props: props,
|
|
519
|
+
checked: checked
|
|
520
|
+
});
|
|
521
|
+
return /*#__PURE__*/React.createElement("div", boxProps, checkboxIcon);
|
|
522
|
+
};
|
|
552
523
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", _extends({
|
|
553
524
|
ref: elementRef
|
|
554
|
-
}, rootProps),
|
|
555
|
-
ref: inputRef
|
|
556
|
-
}, hiddenInputProps))), /*#__PURE__*/React.createElement("div", inputProps, checkboxIcon)), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
|
|
525
|
+
}, rootProps), createInputElement(), createBoxElement()), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
|
|
557
526
|
target: elementRef,
|
|
558
527
|
content: props.tooltip,
|
|
559
528
|
pt: ptm('tooltip')
|
|
@@ -614,7 +583,7 @@ var MultiSelectHeader = /*#__PURE__*/React.memo(function (props) {
|
|
|
614
583
|
var content = /*#__PURE__*/React.createElement("div", filterContainerProps, /*#__PURE__*/React.createElement(InputText, {
|
|
615
584
|
ref: props.filterRef,
|
|
616
585
|
type: "text",
|
|
617
|
-
role: "
|
|
586
|
+
role: "searchbox",
|
|
618
587
|
value: props.filterValue,
|
|
619
588
|
onChange: onFilter,
|
|
620
589
|
className: "p-multiselect-filter",
|
|
@@ -714,7 +683,8 @@ var MultiSelectItem = /*#__PURE__*/React.memo(function (props) {
|
|
|
714
683
|
setFocusedState = _React$useState2[1];
|
|
715
684
|
var mergeProps = useMergeProps();
|
|
716
685
|
var ptm = props.ptm,
|
|
717
|
-
cx = props.cx
|
|
686
|
+
cx = props.cx,
|
|
687
|
+
isUnstyled = props.isUnstyled;
|
|
718
688
|
var getPTOptions = function getPTOptions(key) {
|
|
719
689
|
return ptm(key, {
|
|
720
690
|
hostName: props.hostName,
|
|
@@ -752,12 +722,6 @@ var MultiSelectItem = /*#__PURE__*/React.memo(function (props) {
|
|
|
752
722
|
var checkboxContainerProps = mergeProps({
|
|
753
723
|
className: cx('checkboxContainer')
|
|
754
724
|
}, getPTOptions('checkboxContainer'));
|
|
755
|
-
var checkboxProps = mergeProps({
|
|
756
|
-
className: cx('checkbox', {
|
|
757
|
-
itemProps: props
|
|
758
|
-
}),
|
|
759
|
-
'data-p-highlight': props.selected
|
|
760
|
-
}, getPTOptions('checkbox'));
|
|
761
725
|
var itemProps = mergeProps({
|
|
762
726
|
className: classNames(props.className, props.option.className, cx('item', {
|
|
763
727
|
itemProps: props
|
|
@@ -772,7 +736,12 @@ var MultiSelectItem = /*#__PURE__*/React.memo(function (props) {
|
|
|
772
736
|
'data-p-highlight': props.selected,
|
|
773
737
|
'data-p-disabled': props.disabled
|
|
774
738
|
}, getPTOptions('item'));
|
|
775
|
-
return /*#__PURE__*/React.createElement("li", itemProps, /*#__PURE__*/React.createElement("div", checkboxContainerProps, /*#__PURE__*/React.createElement(
|
|
739
|
+
return /*#__PURE__*/React.createElement("li", itemProps, /*#__PURE__*/React.createElement("div", checkboxContainerProps, /*#__PURE__*/React.createElement(Checkbox, {
|
|
740
|
+
checked: props.selected,
|
|
741
|
+
icon: checkboxIcon,
|
|
742
|
+
pt: ptm('checkbox'),
|
|
743
|
+
unstyled: isUnstyled()
|
|
744
|
+
})), /*#__PURE__*/React.createElement("span", null, content), /*#__PURE__*/React.createElement(Ripple, null));
|
|
776
745
|
});
|
|
777
746
|
MultiSelectItem.displayName = 'MultiSelectItem';
|
|
778
747
|
|
|
@@ -878,6 +847,7 @@ var MultiSelectPanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fu
|
|
|
878
847
|
disabled: disabled,
|
|
879
848
|
className: props.itemClassName,
|
|
880
849
|
checkboxIcon: props.checkboxIcon,
|
|
850
|
+
isUnstyled: isUnstyled,
|
|
881
851
|
ptm: ptm,
|
|
882
852
|
cx: cx
|
|
883
853
|
});
|
|
@@ -936,6 +906,7 @@ var MultiSelectPanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fu
|
|
|
936
906
|
disabled: disabled,
|
|
937
907
|
className: props.itemClassName,
|
|
938
908
|
checkboxIcon: props.checkboxIcon,
|
|
909
|
+
isUnstyled: isUnstyled,
|
|
939
910
|
ptm: ptm,
|
|
940
911
|
cx: cx
|
|
941
912
|
});
|
|
@@ -1206,7 +1177,7 @@ var MultiSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
|
|
|
1206
1177
|
}).map(function (option) {
|
|
1207
1178
|
return getOptionValue(option);
|
|
1208
1179
|
});
|
|
1209
|
-
updateModel(event, value);
|
|
1180
|
+
updateModel(event, value, value);
|
|
1210
1181
|
}
|
|
1211
1182
|
};
|
|
1212
1183
|
var onOptionSelect = function onOptionSelect(event, option) {
|
|
@@ -1219,7 +1190,7 @@ var MultiSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
|
|
|
1219
1190
|
if (selected) value = props.value.filter(function (val) {
|
|
1220
1191
|
return !ObjectUtils.equals(val, getOptionValue(option), equalityKey);
|
|
1221
1192
|
});else value = [].concat(_toConsumableArray(props.value || []), [getOptionValue(option)]);
|
|
1222
|
-
updateModel(event, value);
|
|
1193
|
+
updateModel(event, value, option);
|
|
1223
1194
|
index !== -1 && setFocusedOptionIndex(index);
|
|
1224
1195
|
};
|
|
1225
1196
|
var onClick = function onClick(event) {
|
|
@@ -1379,7 +1350,7 @@ var MultiSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
|
|
|
1379
1350
|
}).map(function (option) {
|
|
1380
1351
|
return getOptionValue(option);
|
|
1381
1352
|
});
|
|
1382
|
-
updateModel(event, value);
|
|
1353
|
+
updateModel(event, value, value);
|
|
1383
1354
|
event.preventDefault();
|
|
1384
1355
|
break;
|
|
1385
1356
|
}
|
|
@@ -2016,7 +1987,7 @@ var MultiSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
|
|
|
2016
1987
|
onFocus: onFocus,
|
|
2017
1988
|
onBlur: onBlur,
|
|
2018
1989
|
onKeyDown: onKeyDown,
|
|
2019
|
-
role: '
|
|
1990
|
+
role: 'combobox',
|
|
2020
1991
|
'aria-expanded': overlayVisibleState,
|
|
2021
1992
|
disabled: props.disabled,
|
|
2022
1993
|
tabIndex: !props.disabled ? props.tabIndex : -1
|
|
@@ -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{useMergeProps as a,useUpdateEffect as c,useMountEffect as u,useOverlayListener as s,useUnmountEffect as p}from"primereact/hooks";import{ChevronDownIcon as f}from"primereact/icons/chevrondown";import{SpinnerIcon as d}from"primereact/icons/spinner";import{TimesIcon as m}from"primereact/icons/times";import{TimesCircleIcon as b}from"primereact/icons/timescircle";import{OverlayService as h}from"primereact/overlayservice";import{Tooltip as v}from"primereact/tooltip";import{classNames as y,ObjectUtils as g,DomHandler as O,IconUtils as x,UniqueComponentId as k,ZIndexUtils as E}from"primereact/utils";import{CSSTransition as I}from"primereact/csstransition";import{Portal as S}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 F}from"primereact/ripple";function j(){return j=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},j.apply(this,arguments)}function D(e){return D="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},D(e)}function L(e,t){if("object"!==D(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var l=n.call(e,t||"default");if("object"!==D(l))return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function A(e){var t=L(e,"string");return"symbol"===D(t)?t:String(t)}function T(e,t,n){return(t=A(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function R(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 M(e){if(Array.isArray(e))return R(e)}function G(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function K(e,t){if(e){if("string"==typeof e)return R(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)?R(e,t):void 0}}function V(){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 M(e)||G(e)||K(e)||V()}function J(e){throw new TypeError('"'+e+'" is read-only')}function X(e){if(Array.isArray(e))return e}function _(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 B(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function q(e,t){return X(e)||_(e,t)||K(e,t)||B()}var U=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,selectOnFocus:!1,autoOptionFocus:!1,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,fixedPlaceholder:!1,flex:!1,id:null,inline:!1,inputId:null,inputRef:null,itemCheckboxIcon:null,itemClassName:null,itemTemplate:null,loading:!1,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,"p-focus":t.focusedOptionIndex===t.index})},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 outline: none;\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 right: 3rem;\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}}}}}),z=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 W(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 Y(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?W(Object(n),!0).forEach((function(t){T(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):W(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Z=e.memo(e.forwardRef((function(t,l){var r=a(),o=e.useContext(n),s=z.getProps(t,o),p=q(e.useState(!1),2),f=p[0],d=p[1],m=z.setMetaData({props:s,state:{focused:f},context:{checked:s.checked===s.trueValue,disabled:s.disabled}}),b=m.ptm,h=m.cx;i(z.css.styles,m.isUnstyled,{name:"checkbox",styled:!0});var k=e.useRef(null),E=e.useRef(s.inputRef),I=function(e){if(!s.disabled&&!s.readOnly&&(s.onChange||s.onClick)){var t=S(),n=e.target instanceof HTMLDivElement||e.target instanceof HTMLSpanElement||e.target instanceof Object,l=e.target===E.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(E.current),e.preventDefault()}},S=function(){return s.checked===s.trueValue};e.useImperativeHandle(l,(function(){return{props:s,focus:function(){return O.focus(E.current)},getElement:function(){return k.current},getInput:function(){return E.current}}})),e.useEffect((function(){g.combinedRefs(E,s.inputRef)}),[E,s.inputRef]),c((function(){E.current.checked=S()}),[s.checked,s.trueValue]),u((function(){s.autoFocus&&O.focus(E.current,s.autoFocus)}));var w=S(),N=g.isNotEmpty(s.tooltip),P=z.getOtherProps(s),F=g.reduceKeys(P,O.ARIA_PROPS),D=r({className:h("icon")},b("icon")),L=x.getJSXIcon(w?s.icon||e.createElement(C,D):null,Y({},D),{props:s,checked:w}),A=r({id:s.id,className:y(s.className,h("root",{checked:w,focusedState:f})),style:s.style,onClick:function(e){return I(e)},"data-p-highlight":w,"data-p-disabled":s.disabled,onContextMenu:s.onContextMenu,onMouseDown:s.onMouseDown},P,b("root")),T=r({className:"p-hidden-accessible"},b("hiddenInputWrapper")),R=r(Y({id:s.inputId,type:"checkbox",name:s.name,tabIndex:s.tabIndex,defaultChecked:w,onFocus:function(e){d(!0)},onBlur:function(e){d(!1)},onKeyDown:function(e){var t;"Space"!==(t=e).code&&" "!==t.key||I(t)},disabled:s.disabled,readOnly:s.readOnly,required:s.required},F),b("hiddenInput")),M=r({className:h("input",{checked:w,focusedState:f}),"data-p-highlight":w,"data-p-disabled":s.disabled,"data-p-focus":f},b("input"));return e.createElement(e.Fragment,null,e.createElement("div",j({ref:k},A),e.createElement("div",T,e.createElement("input",j({ref:E},R))),e.createElement("div",M,L)),N&&e.createElement(v,j({target:k,content:s.tooltip,pt:b("tooltip")},s.tooltipOptions)))})));function $(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?$(Object(n),!0).forEach((function(t){T(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):$(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}Z.displayName="Checkbox";var ee=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,Q({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()},f=function(){var l=n({className:o("filterIcon")},u("filterIcon")),i=x.getJSXIcon(t.filterIcon||e.createElement(N,l),Q({},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}(),d=t.id?t.id+"_selectall":k(),b=n({htmlFor:d,className:o("headerSelectAllLabel")},u("headerSelectAllLabel")),h=n({className:o("headerCheckboxIcon")},u("headerCheckboxIcon")),v=n({className:o("headerCheckboxContainer")},u("headerCheckboxContainer")),y=x.getJSXIcon(t.itemCheckboxIcon||e.createElement(C,h),Q({},h),{selected:t.selected}),O=t.showSelectAll&&e.createElement("div",v,e.createElement(Z,{id:d,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)),E=n({className:o("closeIcon"),"aria-hidden":!0},u("closeIcon")),I=x.getJSXIcon(t.closeIcon||e.createElement(m,E),Q({},E),{props:t}),S=n({className:o("header")},u("header")),w=n({type:"button",className:o("closeButton"),"aria-label":l("close"),onClick:t.onClose},u("closeButton")),j=e.createElement("button",w,I,e.createElement(F,null)),D=e.createElement("div",S,O,f,j);return t.template?g.getJSXElement(t.template,{className:"p-multiselect-header",checkboxElement:O,checked:t.selectAll,onChange:p,filterElement:f,closeElement:j,closeElementClassName:"p-multiselect-close p-link",closeIconClassName:"p-multiselect-close-icon",onCloseClick:t.onClose,element:D,itemCheckboxIcon:y,props:t}):D}));function te(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 ne(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?te(Object(n),!0).forEach((function(t){T(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):te(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}ee.displayName="MultiSelectHeader";var le=e.memo((function(t){var n=q(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,focusedIndex:t.focusedIndex,index:t.index}})},s=o({className:c("checkboxIcon")},u("checkboxIcon")),p=t.selected?x.getJSXIcon(t.checkboxIcon||e.createElement(C,s),ne({},s),{selected:t.selected}):null,f=t.template?g.getJSXElement(t.template,t.option):t.label,d=t.disabled?-1:t.tabIndex,m=o({className:c("checkboxContainer")},u("checkboxContainer")),b=o({className:c("checkbox",{itemProps:t}),"data-p-highlight":t.selected},u("checkbox")),h=o({className:y(t.className,t.option.className,c("item",{itemProps:t})),style:t.style,onClick:function(e){t.onClick&&t.onClick(e,t.option),e.preventDefault(),e.stopPropagation()},onFocus:function(e){r(!0)},onBlur:function(e){r(!1)},tabIndex:d,role:"option","aria-selected":t.selected,"data-p-highlight":t.selected,"data-p-disabled":t.disabled},u("item"));return e.createElement("li",h,e.createElement("div",m,e.createElement("div",b,p)),e.createElement("span",null,f),e.createElement(F,null))}));function re(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 oe(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?re(Object(n),!0).forEach((function(t){T(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):re(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}le.displayName="MultiSelectItem";var ie=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,f=t.sx,d=t.isUnstyled,m=function(e,n){return s(e,oe({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)}}))},h=function(){t.onEntered((function(){t.filter&&t.filterInputAutoFocus&&i.current&&O.focus(i.current,!1)}))},v=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(le,{hostName:t.hostName,index:r,key:i,focusedOptionIndex:t.focusedOptionIndex,label:o,option:n,style:l,template:t.itemTemplate,selected:u,onClick:t.onOptionSelect,tabIndex:c,disabled:a,className:t.itemClassName,checkboxIcon:t.checkboxIcon,ptm:s,cx:p})}))},E=function(){var n=g.getJSXElement(t.emptyFilterMessage,t)||l("emptyFilterMessage"),r=c({className:p("emptyMessage")},m("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),d=c({className:p("itemGroup"),style:f("itemGroup",{scrollerOptions:r})},m("itemGroup"));return e.createElement(e.Fragment,{key:u},e.createElement("li",d,i),a)}var b=t.getOptionLabel(n),h=l+"_"+t.getOptionRenderKey(n),v=t.isOptionDisabled(n),y=v?null:t.tabIndex||0,O=t.isSelected(n);return e.createElement(le,{hostName:t.hostName,key:h,focusedOptionIndex:t.focusedOptionIndex,label:b,option:n,style:o,index:l,template:t.itemTemplate,selected:O,onClick:t.onOptionSelect,tabIndex:y,disabled:v,className:t.itemClassName,checkboxIcon:t.checkboxIcon,ptm:s,cx:p})},N=function(){if(t.virtualScrollerOptions){var n=oe(oe({},t.virtualScrollerOptions),{style:oe(oe({},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(oe(oe({},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:E(),r=c({ref:n.contentRef,style:n.style,className:y(n.className,p("list",{virtualScrollerProps:t.virtualScrollerOptions})),role:"listbox","aria-multiselectable":!0},m("list"));return e.createElement("ul",r,l)}});return e.createElement(w,j({ref:o},n,{pt:s("virtualScroller"),__parentMetadata:{parent:t.metaData}}))}var r,i,a=g.isNotEmpty(t.visibleOptions)?t.visibleOptions.map(C):t.hasFilter?E():(r=g.getJSXElement(t.emptyMessage,t)||l("emptyMessage"),i=c({className:p("emptyMessage")},m("emptyMessage")),e.createElement("li",i,r)),u=c({className:p("wrapper"),style:{maxHeight:t.scrollHeight}},m("wrapper")),f=c({className:p("list"),role:"listbox","aria-multiselectable":!0},m("list"));return e.createElement("div",u,e.createElement("ul",f,a))},P=function(){var n=t.allowOptionSelect(),l=e.createElement(ee,{hostName:t.hostName,id:t.id,filter:t.filter,filterRef:i,filterValue:t.filterValue,filterTemplate:t.filterTemplate,onFilter:v,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:d,metaData:t.metaData}),o=N(),a=x(),f=c({className:y(t.panelClassName,p("panel",{panelProps:t,context:u,allowOptionSelect:n})),style:t.panelStyle,onClick:t.onClick},m("panel"));if(t.inline)return e.createElement("div",j({ref:r},f),o,a);var g=c({classNames:p("transition"),in:t.in,timeout:{enter:120,exit:100},options:t.transitionOptions,unmountOnExit:!0,onEnter:b,onEntered:h,onExit:t.onExit,onExited:t.onExited},m("transition")),O=c({ref:t.firstHiddenFocusableElementOnOverlay,role:"presentation","aria-hidden":"true",className:"p-hidden-accessible p-hidden-focusable",tabIndex:"0",onFocus:t.onFirstHiddenFocus,"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},s("hiddenFirstFocusableEl")),k=c({ref:t.lastHiddenFocusableElementOnOverlay,role:"presentation","aria-hidden":"true",className:"p-hidden-accessible p-hidden-focusable",tabIndex:"0",onFocus:t.onLastHiddenFocus,"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},s("hiddenLastFocusableEl"));return e.createElement(I,j({nodeRef:r},g),e.createElement("div",j({ref:r},f),e.createElement("span",O),l,o,a,e.createElement("span",k)))}();return t.inline?P:e.createElement(S,{element:P,appendTo:t.appendTo})})));function ae(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 ce(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ae(Object(n),!0).forEach((function(t){T(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ae(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ue(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=se(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 se(e,t){if(e){if("string"==typeof e)return pe(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)?pe(e,t):void 0}}function pe(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}ie.displayName="MultiSelectPanel";var fe=e.memo(e.forwardRef((function(l,o){var k=a(),I=e.useContext(n),S=U.getProps(l,I),w=q(e.useState(null),2),C=w[0],N=w[1],P=q(e.useState(!1),2),F=P[0],D=P[1],L=q(e.useState(""),2),A=L[0],R=L[1],M=q(e.useState(-1),2),G=M[0],K=M[1],V=q(e.useState(!1),2),X=V[0],_=V[1],B=q(e.useState(S.inline),2),z=B[0],W=B[1],Y=e.useRef(null),Z=e.useRef(null),$=e.useRef(null),Q=e.useRef(null),ee=e.useRef(null),te=e.useRef(S.inputRef),ne=e.useRef(null),le=e.useRef(null),re=A&&A.trim().length>0,oe=g.isEmpty(S.value),ae=S.optionValue?null:S.dataKey,se={props:S,state:{filterState:A,focused:X,overlayVisible:z}},pe=U.setMetaData(se),fe=pe.ptm,de=pe.cx,me=pe.sx,be=pe.isUnstyled;i(U.css.styles,be,{name:"multiselect"});var he=q(s({target:Y,overlay:le,listener:function(e,t){t.valid&&("outside"===t.type?!Ge(e)&&!Ke(e)&&Re():Re())},when:z}),2),ve=he[0],ye=he[1],ge=function(e){var t=Ze&&e<vt.length-1?vt.slice(e+1).findIndex((function(e){return tt(e)})):-1;return t>-1?t+e+1:-1},Oe=function(e){var t=Ze&&e>0?g.findLastIndex(vt.slice(0,e),(function(e){return tt(e)})):-1;return t>-1?t:-1},xe=function(e){var t=-1;return Ze&&(t=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?-1===(t=Oe(e))?ge(e):t:-1===(t=ge(e))?Oe(e):t),t>-1?t:e},ke=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:-1,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:-1;if(-1===t&&(t=xe(n,!0)),-1===n&&(n=xe(t)),-1!==t&&-1!==n){var l=Math.min(t,n),r=Math.max(t,n),o=vt.slice(l,r+1).filter((function(e){return et(e)})).map((function(e){return qe(e)}));De(e,o)}},Ee=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:-1;if(!S.disabled&&!ze(t)){var l=null;l=Je(t)?S.value.filter((function(e){return!g.equals(e,qe(t),ae)})):[].concat(H(S.value||[]),[qe(t)]),De(e,l),-1!==n&&N(n)}},Ie=function(e){if(z){var t=-1!==C?at(C):F?ot():lt();e.shiftKey&&ke(e,G,t),st(e,t)}else Te(),S.editable&&st(e,nt());e.preventDefault()},Se=function(e){if(e.altKey&&!(arguments.length>1&&void 0!==arguments[1]&&arguments[1]))-1!==C&&Ee(e,vt[C]),z&&Re(),e.preventDefault();else{var t=-1!==C?ct(C):F?it():rt();st(e,t),!z&&Te(),e.preventDefault()}},we=function(e){z?-1!==C&&(e.shiftKey?ke(e,C):Ee(e,vt[C])):(N(-1),Ie(e)),e.preventDefault()},Ce=function(e){var t=e.currentTarget;if(arguments.length>1&&void 0!==arguments[1]&&arguments[1]){t.setSelectionRange(0,e.shiftKey?t.value.length:0),N(-1)}else{var n=e.metaKey||e.ctrlKey,l=ot();e.shiftKey&&n&&ke(e,l,G),st(e,l),!z&&Te()}e.preventDefault()},Ne=function(e){var t=e.currentTarget;if(arguments.length>1&&void 0!==arguments[1]&&arguments[1]){var n=t.value.length;t.setSelectionRange(e.shiftKey?0:n,n),J("focusedOptionIndex")}else{var l=e.metaKey||e.ctrlKey,r=it();e.shiftKey&&l&&ke(e,G,r),st(e,r),!z&&Te()}e.preventDefault()},Pe=function(e){e.preventDefault()},Fe=function(e){e.preventDefault()},je=function(e){arguments.length>1&&void 0!==arguments[1]&&arguments[1]||(z&&$e()?(O.focus(e.shiftKey?ee.current:Q.current),e.preventDefault()):(-1!==C&&Ee(e,vt[C]),z&&Re(filter)))},De=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}})},Le=function(){R(""),S.onFilter&&S.onFilter({filter:""})},Ae=function(){var e=O.findSingle(le.current,'li[data-p-highlight="true"]');e&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"nearest"})},Te=function(){W(!0),N(-1!==C?C:S.autoOptionFocus?lt():nt()),O.focus(te.current)},Re=function(){N(-1),W(!1),D(!1)},Me=function(){O.alignOverlay(le.current,ne.current.parentElement,S.appendTo||I&&I.appendTo||t.appendTo)},Ge=function(e){return"clearicon"===O.getAttribute(e.target,"data-pc-section")},Ke=function(e){return"headercheckboxcontainer"===O.getAttribute(e.target,"data-pc-section")},Ve=function(e){return le.current&&le.current.contains(e.target)},He=function(e,t){return t.findIndex((function(t){return e.some((function(e){return g.equals(e,qe(t),ae)}))}))},Je=function(e){if(S.value){var t=qe(e),n=We(e);return S.value.some((function(e){return g.equals(n?e:qe(e),t,ae)}))}return!1},Xe=function(e){var t;if(S.options)if(S.optionGroupLabel){var n,l=ue(S.options);try{for(l.s();!(n=l.n()).done;){if(t=_e(e,Ue(n.value)))break}}catch(e){l.e(e)}finally{l.f()}}else t=_e(e,S.options),g.isEmpty(t)&&(t=_e(e,S.value));return t?Be(t):null},_e=function(e,t){return t.find((function(t){return g.equals(qe(t),e,ae)}))},Be=function(e){return S.optionLabel?g.resolveFieldData(e,S.optionLabel):e&&void 0!==e.label?e.label:e},qe=function(e){if(S.useOptionAsValue)return e;if(S.optionValue){var t=g.resolveFieldData(e,S.optionValue);return null!==t?t:e}return e&&void 0!==e.value?e.value:e},Ue=function(e){return g.resolveFieldData(e,S.optionGroupChildren)},ze=function(e){return S.optionDisabled?g.isFunction(S.optionDisabled)?S.optionDisabled(e):g.resolveFieldData(e,S.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},We=function(e){return!S.useOptionAsValue&&S.optionValue||e&&void 0!==e.value},Ye=function(e){return S.optionGroupLabel&&e.optionGroup&&e.group},Ze=function(){return g.isNotEmpty(S.value)},$e=function(){return O.getFocusableElements(le.current,':not([data-p-hidden-focusable="true"])').length>0},Qe=function(e){var t;return et(e)&&(null===(t=Be(e))||void 0===t?void 0:t.toLocaleLowerCase(S.filterLocale).startsWith(Z.current.toLocaleLowerCase(S.filterLocale)))},et=function(e){return g.isNotEmpty(e)&&!(ze(e)||Ye(e))},tt=function(e){return et(e)&&Je(e)},nt=function(){if(Ze())for(var e,t=function(){var e=S.value[n],t=vt.findIndex((function(t){return tt(t)&&(n=e,l=qe(t),g.equals(n,l,ae));var n,l}));if(t>-1)return{v:t}},n=S.value.length-1;n>=0;n--)if(e=t())return e.v;return-1},lt=function(){var e=nt();return e<0?ot():e},rt=function(){var e=nt();return e<0?it():e},ot=function(){return vt.findIndex((function(e){return et(e)}))},it=function(){return g.findLastIndex(vt,(function(e){return et(e)}))},at=function(e){var t=e<vt.length-1?vt.slice(e+1).findIndex((function(e){return et(e)})):-1;return t>-1?t+e+1:e},ct=function(e){var t=e>0?g.findLastIndex(vt.slice(0,e),(function(e){return et(e)})):-1;return t>-1?t:e},ut=function(e){Z.current=(Z.current||"")+e.key;var t=-1;g.isNotEmpty(Z.current)&&(-1===(t=-1!==C?-1===(t=vt.slice(C).findIndex((function(e){return Qe(e)})))?vt.slice(0,C).findIndex((function(e){return Qe(e)})):t+C:vt.findIndex((function(e){return Qe(e)})))&&-1===C&&(t=lt()),-1!==t&&st(e,t)),$.current&&clearTimeout($.current),$.current=setTimeout((function(){Z.current="",$.current=null}),500)},st=function(e,t){C!==t&&(N(t),Ae(),S.selectOnFocus&&Ee(e,vt[t],!1))},pt=function(e,t){var n=S.value.filter((function(e){return!g.equals(e,t,ae)}));S.onRemove&&S.onRemove({originalEvent:e,value:n}),De(e,n,t)},ft=function(){var e=/{(.*?)}/;return e.test(S.selectedItemsLabel)?S.selectedItemsLabel.replace(S.selectedItemsLabel.match(e)[0],S.value.length+""):S.selectedItemsLabel},dt=function(){if(!oe&&!S.fixedPlaceholder)return g.isNotEmpty(S.maxSelectedLabels)&&S.value.length>S.maxSelectedLabels?ft():g.isArray(S.value)?S.value.reduce((function(e,t,n){return e+(0!==n?", ":"")+Xe(t)}),""):""};e.useImperativeHandle(o,(function(){return{props:S,show:Te,hide:Re,focus:function(){return O.focus(te.current)},getElement:function(){return Y.current},getOverlay:function(){return le.current},getInput:function(){return te.current}}})),u((function(){Me()})),e.useEffect((function(){g.combinedRefs(te,S.inputRef)}),[te,S.inputRef]),e.useEffect((function(){setTimeout((function(){S.overlayVisible?Te():Re()}),100)}),[S.overlayVisible]),c((function(){z&&A&&re&&Me()}),[z,A,re]),p((function(){E.clear(le.current)}));var mt,bt,ht,vt=function(){if(re){var e=A.trim().toLocaleLowerCase(S.filterLocale),t=S.filterBy?S.filterBy.split(","):[S.optionLabel||"label"];if(S.optionGroupLabel){var n,l=[],o=ue(S.options);try{for(o.s();!(n=o.n()).done;){var i=n.value,a=r.filter(Ue(i),t,e,S.filterMatchMode,S.filterLocale);a&&a.length&&l.push(ce(ce({},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}(),yt=g.isNotEmpty(S.tooltip),gt=U.getOtherProps(S),Ot=g.reduceKeys(gt,O.ARIA_PROPS),xt=k({className:de("triggerIcon")},fe("triggerIcon")),kt=k({className:de("trigger")},fe("trigger")),Et=S.loadingIcon?x.getJSXIcon(S.loadingIcon,ce({},xt),{props:S}):e.createElement(d,j({spin:!0},xt)),It=S.dropdownIcon?x.getJSXIcon(S.dropdownIcon,ce({},xt),{props:S}):e.createElement(f,xt),St=e.createElement("div",kt,S.loading?Et:It),wt=!S.inline&&(mt=S.selectedItemTemplate?oe?g.getJSXElement(S.selectedItemTemplate):g.isNotEmpty(S.maxSelectedLabels)&&S.value.length>S.maxSelectedLabels?ft():S.value.map((function(t,n){var l=g.getJSXElement(S.selectedItemTemplate,t);return e.createElement(e.Fragment,{key:n},l)})):"chip"!==S.display||oe?dt():S.value.slice(0,S.maxSelectedLabels||S.value.length).map((function(t,n){var l={context:{value:t,index:n}},r=Xe(t),o=k({key:n,className:de("removeTokenIcon"),onClick:function(e){return pt(e,t)}},fe("removeTokenIcon",l)),i=!S.disabled&&(S.removeIcon?x.getJSXIcon(S.removeIcon,ce({},o),{props:S}):e.createElement(b,o)),a=k({className:de("token")},fe("token",l)),c=k({key:r+n,className:de("tokenLabel")},fe("tokenLabel",l));return e.createElement("div",j({},a,{key:r}),e.createElement("span",c,r),i)})),bt=k({ref:ne,className:de("labelContainer")},fe("labelContainer")),ht=k({className:de("label",{empty:oe})},fe("label")),e.createElement("div",bt,e.createElement("div",ht,mt||S.placeholder||"empty"))),Ct=!S.inline&&function(){var t=k({className:de("clearIcon"),onClick:function(e){return De(e,[],[])}},fe("clearIcon")),n=x.getJSXIcon(S.clearIcon||e.createElement(m,t),ce({},t),{props:S});return oe||!S.showClear||S.disabled?null:n}(),Nt=k(ce(ce({ref:Y,id:S.id,style:ce(ce({},S.style),me("root")),className:y(S.className,de("root",{focusedState:X,overlayVisibleState:z}))},gt),{},{onClick:function(e){S.inline||S.disabled||S.loading||Ve(e)||"removetokenicon"===O.getAttribute(e.target,"data-pc-section")||Ge(e)||(z?Re():Te(),O.focus(te.current),e.preventDefault()),D(!0)}}),U.getOtherProps(S),fe("root")),Pt=k({className:"p-hidden-accessible","data-p-hidden-accessible":!0},fe("hiddenInputWrapper")),Ft=k(ce({ref:te,id:S.inputId,name:S.name,type:"text",onFocus:function(e){_(!0),S.onFocus&&S.onFocus(e)},onBlur:function(e){_(!1),S.onBlur&&S.onBlur(e)},onKeyDown:function(e){var t=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowUp":if(S.inline)break;Se(e);break;case"ArrowDown":if(S.inline)break;Ie(e);break;case"Space":case"NumpadEnter":case"Enter":if(S.inline)break;we(e);break;case"Home":if(S.inline)break;Ce(e),e.preventDefault();break;case"End":if(S.inline)break;Ne(e),e.preventDefault();break;case"PageDown":Fe(e);break;case"PageUp":Pe(e);break;case"Escape":if(S.inline)break;Re();break;case"Tab":je(e);break;case"ShiftLeft":case"ShiftRight":K(C);break;default:if("KeyA"===e.code&&t){var n=vt.filter((function(e){return et(e)})).map((function(e){return qe(e)}));De(e,n),e.preventDefault();break}!t&&g.isPrintableCharacter(e.key)&&(!z&&Te(),ut(e),e.preventDefault())}D(!1)},role:"listbox","aria-expanded":z,disabled:S.disabled,tabIndex:S.disabled?-1:S.tabIndex},Ot),fe("input"));return e.createElement(e.Fragment,null,e.createElement("div",Nt,e.createElement("div",Pt,e.createElement("input",j({},Ft,{readOnly:!0}))),!S.inline&&e.createElement(e.Fragment,null,wt,Ct,St),e.createElement(ie,j({hostName:"MultiSelect",ref:le,visibleOptions:vt},S,{onClick:function(e){h.emit("overlay-click",{originalEvent:e,target:Y.current})},onOverlayHide:Re,filterValue:A,focusedOptionIndex:C,onFirstHiddenFocus:function(e){var t=e.relatedTarget===te.current?O.getFirstFocusableElement(le.current,':not([data-p-hidden-focusable="true"])'):te.current;O.focus(t)},onLastHiddenFocus:function(e){var t=e.relatedTarget===te.current?O.getLastFocusableElement(le.current,':not([data-p-hidden-focusable="true"])'):te.current;O.focus(t)},firstHiddenFocusableElementOnOverlay:Q,lastHiddenFocusableElementOnOverlay:ee,setFocusedOptionIndex:N,hasFilter:re,onFilterInputChange:function(e){var t=e.query;R(t),S.onFilter&&S.onFilter({originalEvent:e,filter:t})},resetFilter:Le,onCloseClick:function(e){Re(),O.focus(te.current),e.preventDefault(),e.stopPropagation()},onSelectAll:function(e){if(S.onSelectAll)S.onSelectAll(e);else{var t=null;if(e.checked){if(t=[],vt){var n=vt.filter((function(e){return ze(e)&&Je(e)}));t=n.map((function(e){return qe(e)}))}}else if(vt){var l=vt.filter((function(e){return!ze(e)||Je(e)}));S.optionGroupLabel?(t=[],l.forEach((function(e){return t=[].concat(H(t),H(Ue(e).filter((function(e){return!ze(e)})).map((function(e){return qe(e)}))))}))):t=l.map((function(e){return qe(e)}))}De(e.originalEvent,t,t)}},getOptionLabel:Be,getOptionRenderKey:function(e){return S.dataKey?g.resolveFieldData(e,S.dataKey):Be(e)},isOptionDisabled:ze,getOptionGroupChildren:Ue,getOptionGroupLabel:function(e){return g.resolveFieldData(e,S.optionGroupLabel)},getOptionGroupRenderKey:function(e){return g.resolveFieldData(e,S.optionGroupLabel)},isSelected:Je,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!==He(S.value,Ue(t))}));return-1!==t?{group:e,option:t}:-1}return He(S.value,S.options)}return-1},isAllSelected:function(){if(S.onSelectAll)return S.selectAll;if(g.isEmpty(vt))return!1;var e=vt.filter((function(e){return!ze(e)}));if(S.optionGroupLabel){var t,n=!0,l=ue(e);try{for(l.s();!(t=l.n()).done;){!0===Ue(t.value).filter((function(e){return!ze(e)})).some((function(e){return!Je(e)}))&&(n=!1)}}catch(e){l.e(e)}finally{l.f()}return n}return!e.some((function(e){return!Je(e)}))},onOptionSelect:Ee,allowOptionSelect:function(){return!S.selectionLimit||!S.value||S.value&&S.value.length<S.selectionLimit},in:z,onEnter:function(e){E.set("overlay",le.current,I&&I.autoZIndex||t.autoZIndex,I&&I.zIndex.overlay||t.zIndex.overlay),O.addStyles(le.current,{position:"absolute",top:"0",left:"0"}),Me(),Ae(),e&&e()},onEntered:function(e){e&&e(),ve(),S.onShow&&S.onShow()},onExit:function(){ye()},onExited:function(){S.filter&&S.resetFilterOnHide&&Le(),E.clear(le.current),S.onHide&&S.onHide()},ptm:fe,cx:de,sx:me,isUnstyled:be,metaData:se}))),yt&&e.createElement(v,j({target:Y,content:S.tooltip,pt:fe("tooltip")},S.tooltipOptions)))})));fe.displayName="MultiSelect";export{fe 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 f}from"primereact/icons/chevrondown";import{SpinnerIcon as d}from"primereact/icons/spinner";import{TimesIcon as m}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 I,ZIndexUtils as E}from"primereact/utils";import{CSSTransition as k}from"primereact/csstransition";import{Portal as S}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 F}from"primereact/ripple";function j(){return j=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},j.apply(this,arguments)}function D(e){return D="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},D(e)}function L(e,t){if("object"!==D(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var l=n.call(e,t||"default");if("object"!==D(l))return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function A(e){var t=L(e,"string");return"symbol"===D(t)?t:String(t)}function T(e,t,n){return(t=A(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function R(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 M(e){if(Array.isArray(e))return R(e)}function G(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function V(e,t){if(e){if("string"==typeof e)return R(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)?R(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 M(e)||G(e)||V(e)||K()}function J(e){throw new TypeError('"'+e+'" is read-only')}function X(e){if(Array.isArray(e))return e}function B(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var 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 U(e,t){return X(e)||B(e,t)||V(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,selectOnFocus:!1,autoOptionFocus:!1,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,fixedPlaceholder:!1,flex:!1,id:null,inline:!1,inputId:null,inputRef:null,invalid:!1,itemCheckboxIcon:null,itemClassName:null,itemTemplate:null,loading:!1,loadingIcon: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-invalid":t.invalid,"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,"p-focus":t.focusedOptionIndex===t.index})},checkboxContainer:"p-checkbox p-component",checkboxIcon:"p-checkbox-icon p-c",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 outline: none;\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 right: 3rem;\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}}}}}),z=o.extend({defaultProps:{__TYPE:"Checkbox",autoFocus:!1,checked:!1,className:null,disabled:!1,falseValue:!1,icon:null,id:null,inputId:null,inputRef:null,invalid:!1,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:{box:"p-checkbox-box",input:"p-checkbox-input",icon:"p-checkbox-icon",root:function(e){var t=e.props;return y("p-checkbox p-component",{"p-highlight":e.checked,"p-disabled":t.disabled,"p-invalid":t.invalid,"p-variant-filled":"filled"===t.variant})}}}});function W(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 Y(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?W(Object(n),!0).forEach((function(t){T(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):W(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Z=e.memo(e.forwardRef((function(t,l){var r=a(),o=e.useContext(n),s=z.getProps(t,o),p=z.setMetaData({props:s,context:{checked:s.checked===s.trueValue,disabled:s.disabled}}),f=p.ptm,d=p.cx;i(z.css.styles,p.isUnstyled,{name:"checkbox"});var m=e.useRef(null),b=e.useRef(s.inputRef),v=function(){return s.checked===s.trueValue},I=function(e){if(!s.disabled&&!s.readonly&&s.onChange){var t=v()?s.falseValue:s.trueValue;if(s.onChange&&s.onChange({originalEvent:e,value:s.value,checked:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{type:"checkbox",name:s.name,id:s.id,value:s.value,checked:t}}),e.defaultPrevented)return;O.focus(b.current)}};e.useImperativeHandle(l,(function(){return{props:s,focus:function(){return O.focus(b.current)},getElement:function(){return m.current},getInput:function(){return b.current}}})),e.useEffect((function(){g.combinedRefs(b,s.inputRef)}),[b,s.inputRef]),c((function(){b.current.checked=v()}),[s.checked,s.trueValue]),u((function(){s.autoFocus&&O.focus(b.current,s.autoFocus)}));var E,k,S,w,N,P=v(),F=g.isNotEmpty(s.tooltip),D=z.getOtherProps(s),L=r({id:s.id,className:y(s.className,d("root",{checked:P})),style:s.style,"data-p-highlight":P,"data-p-disabled":s.disabled,onContextMenu:s.onContextMenu,onMouseDown:s.onMouseDown},D,f("root"));return e.createElement(e.Fragment,null,e.createElement("div",j({ref:m},L),(w=g.reduceKeys(D,O.ARIA_PROPS),N=r(Y({id:s.inputId,type:"checkbox",className:d("input"),name:s.name,tabIndex:s.tabIndex,defaultChecked:P,onFocus:function(e){var t;null==s||null===(t=s.onFocus)||void 0===t||t.call(s)},onBlur:function(e){var t;null==s||null===(t=s.onBlur)||void 0===t||t.call(s)},onChange:function(e){return I(e)},disabled:s.disabled,readOnly:s.readOnly,required:s.required,"aria-invalid":s.invalid,checked:v()},w),f("input")),e.createElement("input",j({ref:b},N))),(E=r({className:d("icon")},f("icon")),k=r({className:d("box",{checked:P}),"data-p-highlight":P,"data-p-disabled":s.disabled},f("box")),S=x.getJSXIcon(P?s.icon||e.createElement(C,E):null,Y({},E),{props:s,checked:P}),e.createElement("div",k,S))),F&&e.createElement(h,j({target:m,content:s.tooltip,pt:f("tooltip")},s.tooltipOptions)))})));function $(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?$(Object(n),!0).forEach((function(t){T(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):$(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}Z.displayName="Checkbox";var ee=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,Q({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()},f=function(){var l=n({className:o("filterIcon")},u("filterIcon")),i=x.getJSXIcon(t.filterIcon||e.createElement(N,l),Q({},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:"searchbox",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}(),d=t.id?t.id+"_selectall":I(),b=n({htmlFor:d,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),Q({},v),{selected:t.selected}),O=t.showSelectAll&&e.createElement("div",h,e.createElement(Z,{id:d,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)),E=n({className:o("closeIcon"),"aria-hidden":!0},u("closeIcon")),k=x.getJSXIcon(t.closeIcon||e.createElement(m,E),Q({},E),{props:t}),S=n({className:o("header")},u("header")),w=n({type:"button",className:o("closeButton"),"aria-label":l("close"),onClick:t.onClose},u("closeButton")),j=e.createElement("button",w,k,e.createElement(F,null)),D=e.createElement("div",S,O,f,j);return t.template?g.getJSXElement(t.template,{className:"p-multiselect-header",checkboxElement:O,checked:t.selectAll,onChange:p,filterElement:f,closeElement:j,closeElementClassName:"p-multiselect-close p-link",closeIconClassName:"p-multiselect-close-icon",onCloseClick:t.onClose,element:D,itemCheckboxIcon:y,props:t}):D}));function te(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 ne(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?te(Object(n),!0).forEach((function(t){T(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):te(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}ee.displayName="MultiSelectHeader";var le=e.memo((function(t){var n=U(e.useState(!1),2),l=n[0],r=n[1],o=a(),i=t.ptm,c=t.cx,u=t.isUnstyled,s=function(e){return i(e,{hostName:t.hostName,context:{selected:t.selected,disabled:t.disabled,focused:l,focusedIndex:t.focusedIndex,index:t.index}})},p=o({className:c("checkboxIcon")},s("checkboxIcon")),f=t.selected?x.getJSXIcon(t.checkboxIcon||e.createElement(C,p),ne({},p),{selected:t.selected}):null,d=t.template?g.getJSXElement(t.template,t.option):t.label,m=t.disabled?-1:t.tabIndex,b=o({className:c("checkboxContainer")},s("checkboxContainer")),v=o({className:y(t.className,t.option.className,c("item",{itemProps:t})),style:t.style,onClick:function(e){t.onClick&&t.onClick(e,t.option),e.preventDefault(),e.stopPropagation()},onFocus:function(e){r(!0)},onBlur:function(e){r(!1)},tabIndex:m,role:"option","aria-selected":t.selected,"data-p-highlight":t.selected,"data-p-disabled":t.disabled},s("item"));return e.createElement("li",v,e.createElement("div",b,e.createElement(Z,{checked:t.selected,icon:f,pt:i("checkbox"),unstyled:u()})),e.createElement("span",null,d),e.createElement(F,null))}));function re(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 oe(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?re(Object(n),!0).forEach((function(t){T(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):re(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}le.displayName="MultiSelectItem";var ie=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,f=t.sx,d=t.isUnstyled,m=function(e,n){return s(e,oe({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},I=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(le,{hostName:t.hostName,index:r,key:i,focusedOptionIndex:t.focusedOptionIndex,label:o,option:n,style:l,template:t.itemTemplate,selected:u,onClick:t.onOptionSelect,tabIndex:c,disabled:a,className:t.itemClassName,checkboxIcon:t.checkboxIcon,isUnstyled:d,ptm:s,cx:p})}))},E=function(){var n=g.getJSXElement(t.emptyFilterMessage,t)||l("emptyFilterMessage"),r=c({className:p("emptyMessage")},m("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=I(n,o),u=l+"_"+t.getOptionGroupRenderKey(n),b=c({className:p("itemGroup"),style:f("itemGroup",{scrollerOptions:r})},m("itemGroup"));return e.createElement(e.Fragment,{key:u},e.createElement("li",b,i),a)}var v=t.getOptionLabel(n),h=l+"_"+t.getOptionRenderKey(n),y=t.isOptionDisabled(n),O=y?null:t.tabIndex||0,x=t.isSelected(n);return e.createElement(le,{hostName:t.hostName,key:h,focusedOptionIndex:t.focusedOptionIndex,label:v,option:n,style:o,index:l,template:t.itemTemplate,selected:x,onClick:t.onOptionSelect,tabIndex:O,disabled:y,className:t.itemClassName,checkboxIcon:t.checkboxIcon,isUnstyled:d,ptm:s,cx:p})},N=function(){if(t.virtualScrollerOptions){var n=oe(oe({},t.virtualScrollerOptions),{style:oe(oe({},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(oe(oe({},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:E(),r=c({ref:n.contentRef,style:n.style,className:y(n.className,p("list",{virtualScrollerProps:t.virtualScrollerOptions})),role:"listbox","aria-multiselectable":!0},m("list"));return e.createElement("ul",r,l)}});return e.createElement(w,j({ref:o},n,{pt:s("virtualScroller"),__parentMetadata:{parent:t.metaData}}))}var r,i,a=g.isNotEmpty(t.visibleOptions)?t.visibleOptions.map(C):t.hasFilter?E():(r=g.getJSXElement(t.emptyMessage,t)||l("emptyMessage"),i=c({className:p("emptyMessage")},m("emptyMessage")),e.createElement("li",i,r)),u=c({className:p("wrapper"),style:{maxHeight:t.scrollHeight}},m("wrapper")),f=c({className:p("list"),role:"listbox","aria-multiselectable":!0},m("list"));return e.createElement("div",u,e.createElement("ul",f,a))},P=function(){var n=t.allowOptionSelect(),l=e.createElement(ee,{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:d,metaData:t.metaData}),o=N(),a=x(),f=c({className:y(t.panelClassName,p("panel",{panelProps:t,context:u,allowOptionSelect:n})),style:t.panelStyle,onClick:t.onClick},m("panel"));if(t.inline)return e.createElement("div",j({ref:r},f),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},m("transition")),O=c({ref:t.firstHiddenFocusableElementOnOverlay,role:"presentation","aria-hidden":"true",className:"p-hidden-accessible p-hidden-focusable",tabIndex:"0",onFocus:t.onFirstHiddenFocus,"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},s("hiddenFirstFocusableEl")),I=c({ref:t.lastHiddenFocusableElementOnOverlay,role:"presentation","aria-hidden":"true",className:"p-hidden-accessible p-hidden-focusable",tabIndex:"0",onFocus:t.onLastHiddenFocus,"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},s("hiddenLastFocusableEl"));return e.createElement(k,j({nodeRef:r},g),e.createElement("div",j({ref:r},f),e.createElement("span",O),l,o,a,e.createElement("span",I)))}();return t.inline?P:e.createElement(S,{element:P,appendTo:t.appendTo})})));function ae(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 ce(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ae(Object(n),!0).forEach((function(t){T(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ae(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ue(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=se(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 se(e,t){if(e){if("string"==typeof e)return pe(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)?pe(e,t):void 0}}function pe(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}ie.displayName="MultiSelectPanel";var fe=e.memo(e.forwardRef((function(l,o){var I=a(),k=e.useContext(n),S=q.getProps(l,k),w=U(e.useState(null),2),C=w[0],N=w[1],P=U(e.useState(!1),2),F=P[0],D=P[1],L=U(e.useState(""),2),A=L[0],R=L[1],M=U(e.useState(-1),2),G=M[0],V=M[1],K=U(e.useState(!1),2),X=K[0],B=K[1],_=U(e.useState(S.inline),2),z=_[0],W=_[1],Y=e.useRef(null),Z=e.useRef(null),$=e.useRef(null),Q=e.useRef(null),ee=e.useRef(null),te=e.useRef(S.inputRef),ne=e.useRef(null),le=e.useRef(null),re=A&&A.trim().length>0,oe=g.isEmpty(S.value),ae=S.optionValue?null:S.dataKey,se={props:S,state:{filterState:A,focused:X,overlayVisible:z}},pe=q.setMetaData(se),fe=pe.ptm,de=pe.cx,me=pe.sx,be=pe.isUnstyled;i(q.css.styles,be,{name:"multiselect"});var ve=U(s({target:Y,overlay:le,listener:function(e,t){t.valid&&("outside"===t.type?!Ge(e)&&!Ve(e)&&Re():Re())},when:z}),2),he=ve[0],ye=ve[1],ge=function(e){var t=Ze&&e<ht.length-1?ht.slice(e+1).findIndex((function(e){return tt(e)})):-1;return t>-1?t+e+1:-1},Oe=function(e){var t=Ze&&e>0?g.findLastIndex(ht.slice(0,e),(function(e){return tt(e)})):-1;return t>-1?t:-1},xe=function(e){var t=-1;return Ze&&(t=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?-1===(t=Oe(e))?ge(e):t:-1===(t=ge(e))?Oe(e):t),t>-1?t:e},Ie=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:-1,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:-1;if(-1===t&&(t=xe(n,!0)),-1===n&&(n=xe(t)),-1!==t&&-1!==n){var l=Math.min(t,n),r=Math.max(t,n),o=ht.slice(l,r+1).filter((function(e){return et(e)})).map((function(e){return Ue(e)}));De(e,o,o)}},Ee=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:-1;if(!S.disabled&&!ze(t)){var l=null;l=Je(t)?S.value.filter((function(e){return!g.equals(e,Ue(t),ae)})):[].concat(H(S.value||[]),[Ue(t)]),De(e,l,t),-1!==n&&N(n)}},ke=function(e){if(z){var t=-1!==C?at(C):F?ot():lt();e.shiftKey&&Ie(e,G,t),st(e,t)}else Te(),S.editable&&st(e,nt());e.preventDefault()},Se=function(e){if(e.altKey&&!(arguments.length>1&&void 0!==arguments[1]&&arguments[1]))-1!==C&&Ee(e,ht[C]),z&&Re(),e.preventDefault();else{var t=-1!==C?ct(C):F?it():rt();st(e,t),!z&&Te(),e.preventDefault()}},we=function(e){z?-1!==C&&(e.shiftKey?Ie(e,C):Ee(e,ht[C])):(N(-1),ke(e)),e.preventDefault()},Ce=function(e){var t=e.currentTarget;if(arguments.length>1&&void 0!==arguments[1]&&arguments[1]){t.setSelectionRange(0,e.shiftKey?t.value.length:0),N(-1)}else{var n=e.metaKey||e.ctrlKey,l=ot();e.shiftKey&&n&&Ie(e,l,G),st(e,l),!z&&Te()}e.preventDefault()},Ne=function(e){var t=e.currentTarget;if(arguments.length>1&&void 0!==arguments[1]&&arguments[1]){var n=t.value.length;t.setSelectionRange(e.shiftKey?0:n,n),J("focusedOptionIndex")}else{var l=e.metaKey||e.ctrlKey,r=it();e.shiftKey&&l&&Ie(e,G,r),st(e,r),!z&&Te()}e.preventDefault()},Pe=function(e){e.preventDefault()},Fe=function(e){e.preventDefault()},je=function(e){arguments.length>1&&void 0!==arguments[1]&&arguments[1]||(z&&$e()?(O.focus(e.shiftKey?ee.current:Q.current),e.preventDefault()):(-1!==C&&Ee(e,ht[C]),z&&Re(filter)))},De=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}})},Le=function(){R(""),S.onFilter&&S.onFilter({filter:""})},Ae=function(){var e=O.findSingle(le.current,'li[data-p-highlight="true"]');e&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"nearest"})},Te=function(){W(!0),N(-1!==C?C:S.autoOptionFocus?lt():nt()),O.focus(te.current)},Re=function(){N(-1),W(!1),D(!1)},Me=function(){O.alignOverlay(le.current,ne.current.parentElement,S.appendTo||k&&k.appendTo||t.appendTo)},Ge=function(e){return"clearicon"===O.getAttribute(e.target,"data-pc-section")},Ve=function(e){return"headercheckboxcontainer"===O.getAttribute(e.target,"data-pc-section")},Ke=function(e){return le.current&&le.current.contains(e.target)},He=function(e,t){return t.findIndex((function(t){return e.some((function(e){return g.equals(e,Ue(t),ae)}))}))},Je=function(e){if(S.value){var t=Ue(e),n=We(e);return S.value.some((function(e){return g.equals(n?e:Ue(e),t,ae)}))}return!1},Xe=function(e){var t;if(S.options)if(S.optionGroupLabel){var n,l=ue(S.options);try{for(l.s();!(n=l.n()).done;){if(t=Be(e,qe(n.value)))break}}catch(e){l.e(e)}finally{l.f()}}else t=Be(e,S.options),g.isEmpty(t)&&(t=Be(e,S.value));return t?_e(t):null},Be=function(e,t){return t.find((function(t){return g.equals(Ue(t),e,ae)}))},_e=function(e){return S.optionLabel?g.resolveFieldData(e,S.optionLabel):e&&void 0!==e.label?e.label:e},Ue=function(e){if(S.useOptionAsValue)return e;if(S.optionValue){var t=g.resolveFieldData(e,S.optionValue);return null!==t?t:e}return e&&void 0!==e.value?e.value:e},qe=function(e){return g.resolveFieldData(e,S.optionGroupChildren)},ze=function(e){return S.optionDisabled?g.isFunction(S.optionDisabled)?S.optionDisabled(e):g.resolveFieldData(e,S.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},We=function(e){return!S.useOptionAsValue&&S.optionValue||e&&void 0!==e.value},Ye=function(e){return S.optionGroupLabel&&e.optionGroup&&e.group},Ze=function(){return g.isNotEmpty(S.value)},$e=function(){return O.getFocusableElements(le.current,':not([data-p-hidden-focusable="true"])').length>0},Qe=function(e){var t;return et(e)&&(null===(t=_e(e))||void 0===t?void 0:t.toLocaleLowerCase(S.filterLocale).startsWith(Z.current.toLocaleLowerCase(S.filterLocale)))},et=function(e){return g.isNotEmpty(e)&&!(ze(e)||Ye(e))},tt=function(e){return et(e)&&Je(e)},nt=function(){if(Ze())for(var e,t=function(){var e=S.value[n],t=ht.findIndex((function(t){return tt(t)&&(n=e,l=Ue(t),g.equals(n,l,ae));var n,l}));if(t>-1)return{v:t}},n=S.value.length-1;n>=0;n--)if(e=t())return e.v;return-1},lt=function(){var e=nt();return e<0?ot():e},rt=function(){var e=nt();return e<0?it():e},ot=function(){return ht.findIndex((function(e){return et(e)}))},it=function(){return g.findLastIndex(ht,(function(e){return et(e)}))},at=function(e){var t=e<ht.length-1?ht.slice(e+1).findIndex((function(e){return et(e)})):-1;return t>-1?t+e+1:e},ct=function(e){var t=e>0?g.findLastIndex(ht.slice(0,e),(function(e){return et(e)})):-1;return t>-1?t:e},ut=function(e){Z.current=(Z.current||"")+e.key;var t=-1;g.isNotEmpty(Z.current)&&(-1===(t=-1!==C?-1===(t=ht.slice(C).findIndex((function(e){return Qe(e)})))?ht.slice(0,C).findIndex((function(e){return Qe(e)})):t+C:ht.findIndex((function(e){return Qe(e)})))&&-1===C&&(t=lt()),-1!==t&&st(e,t)),$.current&&clearTimeout($.current),$.current=setTimeout((function(){Z.current="",$.current=null}),500)},st=function(e,t){C!==t&&(N(t),Ae(),S.selectOnFocus&&Ee(e,ht[t],!1))},pt=function(e,t){var n=S.value.filter((function(e){return!g.equals(e,t,ae)}));S.onRemove&&S.onRemove({originalEvent:e,value:n}),De(e,n,t)},ft=function(){var e=/{(.*?)}/;return e.test(S.selectedItemsLabel)?S.selectedItemsLabel.replace(S.selectedItemsLabel.match(e)[0],S.value.length+""):S.selectedItemsLabel},dt=function(){if(!oe&&!S.fixedPlaceholder)return g.isNotEmpty(S.maxSelectedLabels)&&S.value.length>S.maxSelectedLabels?ft():g.isArray(S.value)?S.value.reduce((function(e,t,n){return e+(0!==n?", ":"")+Xe(t)}),""):""};e.useImperativeHandle(o,(function(){return{props:S,show:Te,hide:Re,focus:function(){return O.focus(te.current)},getElement:function(){return Y.current},getOverlay:function(){return le.current},getInput:function(){return te.current}}})),u((function(){Me()})),e.useEffect((function(){g.combinedRefs(te,S.inputRef)}),[te,S.inputRef]),e.useEffect((function(){setTimeout((function(){S.overlayVisible?Te():Re()}),100)}),[S.overlayVisible]),c((function(){z&&A&&re&&Me()}),[z,A,re]),p((function(){E.clear(le.current)}));var mt,bt,vt,ht=function(){if(re){var e=A.trim().toLocaleLowerCase(S.filterLocale),t=S.filterBy?S.filterBy.split(","):[S.optionLabel||"label"];if(S.optionGroupLabel){var n,l=[],o=ue(S.options);try{for(o.s();!(n=o.n()).done;){var i=n.value,a=r.filter(qe(i),t,e,S.filterMatchMode,S.filterLocale);a&&a.length&&l.push(ce(ce({},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}(),yt=g.isNotEmpty(S.tooltip),gt=q.getOtherProps(S),Ot=g.reduceKeys(gt,O.ARIA_PROPS),xt=I({className:de("triggerIcon")},fe("triggerIcon")),It=I({className:de("trigger")},fe("trigger")),Et=S.loadingIcon?x.getJSXIcon(S.loadingIcon,ce({},xt),{props:S}):e.createElement(d,j({spin:!0},xt)),kt=S.dropdownIcon?x.getJSXIcon(S.dropdownIcon,ce({},xt),{props:S}):e.createElement(f,xt),St=e.createElement("div",It,S.loading?Et:kt),wt=!S.inline&&(mt=S.selectedItemTemplate?oe?g.getJSXElement(S.selectedItemTemplate):g.isNotEmpty(S.maxSelectedLabels)&&S.value.length>S.maxSelectedLabels?ft():S.value.map((function(t,n){var l=g.getJSXElement(S.selectedItemTemplate,t);return e.createElement(e.Fragment,{key:n},l)})):"chip"!==S.display||oe?dt():S.value.slice(0,S.maxSelectedLabels||S.value.length).map((function(t,n){var l={context:{value:t,index:n}},r=Xe(t),o=I({key:n,className:de("removeTokenIcon"),onClick:function(e){return pt(e,t)}},fe("removeTokenIcon",l)),i=!S.disabled&&(S.removeIcon?x.getJSXIcon(S.removeIcon,ce({},o),{props:S}):e.createElement(b,o)),a=I({className:de("token")},fe("token",l)),c=I({key:r+n,className:de("tokenLabel")},fe("tokenLabel",l));return e.createElement("div",j({},a,{key:r}),e.createElement("span",c,r),i)})),bt=I({ref:ne,className:de("labelContainer")},fe("labelContainer")),vt=I({className:de("label",{empty:oe})},fe("label")),e.createElement("div",bt,e.createElement("div",vt,mt||S.placeholder||"empty"))),Ct=!S.inline&&function(){var t=I({className:de("clearIcon"),onClick:function(e){return De(e,[],[])}},fe("clearIcon")),n=x.getJSXIcon(S.clearIcon||e.createElement(m,t),ce({},t),{props:S});return oe||!S.showClear||S.disabled?null:n}(),Nt=I(ce(ce({ref:Y,id:S.id,style:ce(ce({},S.style),me("root")),className:y(S.className,de("root",{focusedState:X,overlayVisibleState:z}))},gt),{},{onClick:function(e){S.inline||S.disabled||S.loading||Ke(e)||"removetokenicon"===O.getAttribute(e.target,"data-pc-section")||Ge(e)||(z?Re():Te(),O.focus(te.current),e.preventDefault()),D(!0)}}),q.getOtherProps(S),fe("root")),Pt=I({className:"p-hidden-accessible","data-p-hidden-accessible":!0},fe("hiddenInputWrapper")),Ft=I(ce({ref:te,id:S.inputId,name:S.name,type:"text",onFocus:function(e){B(!0),S.onFocus&&S.onFocus(e)},onBlur:function(e){B(!1),S.onBlur&&S.onBlur(e)},onKeyDown:function(e){var t=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowUp":if(S.inline)break;Se(e);break;case"ArrowDown":if(S.inline)break;ke(e);break;case"Space":case"NumpadEnter":case"Enter":if(S.inline)break;we(e);break;case"Home":if(S.inline)break;Ce(e),e.preventDefault();break;case"End":if(S.inline)break;Ne(e),e.preventDefault();break;case"PageDown":Fe(e);break;case"PageUp":Pe(e);break;case"Escape":if(S.inline)break;Re();break;case"Tab":je(e);break;case"ShiftLeft":case"ShiftRight":V(C);break;default:if("KeyA"===e.code&&t){var n=ht.filter((function(e){return et(e)})).map((function(e){return Ue(e)}));De(e,n,n),e.preventDefault();break}!t&&g.isPrintableCharacter(e.key)&&(!z&&Te(),ut(e),e.preventDefault())}D(!1)},role:"combobox","aria-expanded":z,disabled:S.disabled,tabIndex:S.disabled?-1:S.tabIndex},Ot),fe("input"));return e.createElement(e.Fragment,null,e.createElement("div",Nt,e.createElement("div",Pt,e.createElement("input",j({},Ft,{readOnly:!0}))),!S.inline&&e.createElement(e.Fragment,null,wt,Ct,St),e.createElement(ie,j({hostName:"MultiSelect",ref:le,visibleOptions:ht},S,{onClick:function(e){v.emit("overlay-click",{originalEvent:e,target:Y.current})},onOverlayHide:Re,filterValue:A,focusedOptionIndex:C,onFirstHiddenFocus:function(e){var t=e.relatedTarget===te.current?O.getFirstFocusableElement(le.current,':not([data-p-hidden-focusable="true"])'):te.current;O.focus(t)},onLastHiddenFocus:function(e){var t=e.relatedTarget===te.current?O.getLastFocusableElement(le.current,':not([data-p-hidden-focusable="true"])'):te.current;O.focus(t)},firstHiddenFocusableElementOnOverlay:Q,lastHiddenFocusableElementOnOverlay:ee,setFocusedOptionIndex:N,hasFilter:re,onFilterInputChange:function(e){var t=e.query;R(t),S.onFilter&&S.onFilter({originalEvent:e,filter:t})},resetFilter:Le,onCloseClick:function(e){Re(),O.focus(te.current),e.preventDefault(),e.stopPropagation()},onSelectAll:function(e){if(S.onSelectAll)S.onSelectAll(e);else{var t=null;if(e.checked){if(t=[],ht){var n=ht.filter((function(e){return ze(e)&&Je(e)}));t=n.map((function(e){return Ue(e)}))}}else if(ht){var l=ht.filter((function(e){return!ze(e)||Je(e)}));S.optionGroupLabel?(t=[],l.forEach((function(e){return t=[].concat(H(t),H(qe(e).filter((function(e){return!ze(e)})).map((function(e){return Ue(e)}))))}))):t=l.map((function(e){return Ue(e)}))}De(e.originalEvent,t,t)}},getOptionLabel:_e,getOptionRenderKey:function(e){return S.dataKey?g.resolveFieldData(e,S.dataKey):_e(e)},isOptionDisabled:ze,getOptionGroupChildren:qe,getOptionGroupLabel:function(e){return g.resolveFieldData(e,S.optionGroupLabel)},getOptionGroupRenderKey:function(e){return g.resolveFieldData(e,S.optionGroupLabel)},isSelected:Je,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!==He(S.value,qe(t))}));return-1!==t?{group:e,option:t}:-1}return He(S.value,S.options)}return-1},isAllSelected:function(){if(S.onSelectAll)return S.selectAll;if(g.isEmpty(ht))return!1;var e=ht.filter((function(e){return!ze(e)}));if(S.optionGroupLabel){var t,n=!0,l=ue(e);try{for(l.s();!(t=l.n()).done;){!0===qe(t.value).filter((function(e){return!ze(e)})).some((function(e){return!Je(e)}))&&(n=!1)}}catch(e){l.e(e)}finally{l.f()}return n}return!e.some((function(e){return!Je(e)}))},onOptionSelect:Ee,allowOptionSelect:function(){return!S.selectionLimit||!S.value||S.value&&S.value.length<S.selectionLimit},in:z,onEnter:function(e){E.set("overlay",le.current,k&&k.autoZIndex||t.autoZIndex,k&&k.zIndex.overlay||t.zIndex.overlay),O.addStyles(le.current,{position:"absolute",top:"0",left:"0"}),Me(),Ae(),e&&e()},onEntered:function(e){e&&e(),he(),S.onShow&&S.onShow()},onExit:function(){ye()},onExited:function(){S.filter&&S.resetFilterOnHide&&Le(),E.clear(le.current),S.onHide&&S.onHide()},ptm:fe,cx:de,sx:me,isUnstyled:be,metaData:se}))),yt&&e.createElement(h,j({target:Y,content:S.tooltip,pt:fe("tooltip")},S.tooltipOptions)))})));fe.displayName="MultiSelect";export{fe as MultiSelect};
|