primereact 8.7.3 → 9.0.0-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/accordion/accordion.d.ts +168 -25
- package/api/api.cjs.js +1 -1
- package/api/api.cjs.min.js +1 -1
- package/api/api.d.ts +11 -3
- package/api/api.esm.js +1 -1
- package/api/api.esm.min.js +1 -1
- package/api/api.js +1 -1
- package/api/api.min.js +1 -1
- package/autocomplete/autocomplete.cjs.js +18 -3
- package/autocomplete/autocomplete.cjs.min.js +1 -1
- package/autocomplete/autocomplete.d.ts +385 -80
- package/autocomplete/autocomplete.esm.js +18 -3
- package/autocomplete/autocomplete.esm.min.js +1 -1
- package/autocomplete/autocomplete.js +18 -3
- package/autocomplete/autocomplete.min.js +1 -1
- package/avatar/avatar.d.ts +77 -15
- package/avatargroup/avatargroup.d.ts +33 -1
- package/badge/badge.d.ts +48 -8
- package/blockui/blockui.d.ts +71 -10
- package/breadcrumb/breadcrumb.d.ts +41 -3
- package/button/button.d.ts +67 -15
- package/calendar/calendar.cjs.js +18 -5
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.d.ts +585 -112
- package/calendar/calendar.esm.js +18 -5
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +18 -5
- package/calendar/calendar.min.js +1 -1
- package/captcha/captcha.cjs.js +7 -6
- package/captcha/captcha.cjs.min.js +1 -1
- package/captcha/captcha.d.ts +77 -7
- package/captcha/captcha.esm.js +7 -6
- package/captcha/captcha.esm.min.js +1 -1
- package/captcha/captcha.js +7 -6
- package/captcha/captcha.min.js +1 -1
- package/card/card.d.ts +45 -7
- package/carousel/carousel.d.ts +138 -22
- package/cascadeselect/cascadeselect.cjs.js +7 -1
- package/cascadeselect/cascadeselect.cjs.min.js +1 -1
- package/cascadeselect/cascadeselect.d.ts +177 -29
- package/cascadeselect/cascadeselect.esm.js +7 -1
- package/cascadeselect/cascadeselect.esm.min.js +1 -1
- package/cascadeselect/cascadeselect.js +7 -1
- package/cascadeselect/cascadeselect.min.js +1 -1
- package/chart/chart.d.ts +88 -10
- package/checkbox/checkbox.cjs.js +5 -1
- package/checkbox/checkbox.cjs.min.js +1 -1
- package/checkbox/checkbox.d.ts +137 -33
- package/checkbox/checkbox.esm.js +6 -2
- package/checkbox/checkbox.esm.min.js +1 -1
- package/checkbox/checkbox.js +5 -1
- package/checkbox/checkbox.min.js +1 -1
- package/chip/chip.d.ts +75 -7
- package/chips/chips.cjs.js +11 -8
- package/chips/chips.cjs.min.js +1 -1
- package/chips/chips.d.ts +188 -36
- package/chips/chips.esm.js +11 -8
- package/chips/chips.esm.min.js +1 -1
- package/chips/chips.js +11 -8
- package/chips/chips.min.js +1 -1
- package/colorpicker/colorpicker.cjs.js +6 -1
- package/colorpicker/colorpicker.cjs.min.js +1 -1
- package/colorpicker/colorpicker.d.ts +148 -31
- package/colorpicker/colorpicker.esm.js +6 -1
- package/colorpicker/colorpicker.esm.min.js +1 -1
- package/colorpicker/colorpicker.js +6 -1
- package/colorpicker/colorpicker.min.js +1 -1
- package/column/column.d.ts +736 -134
- package/columngroup/columngroup.d.ts +30 -1
- package/confirmdialog/confirmdialog.d.ts +142 -18
- package/confirmpopup/confirmpopup.cjs.js +5 -2
- package/confirmpopup/confirmpopup.cjs.min.js +1 -1
- package/confirmpopup/confirmpopup.d.ts +165 -22
- package/confirmpopup/confirmpopup.esm.js +5 -2
- package/confirmpopup/confirmpopup.esm.min.js +1 -1
- package/confirmpopup/confirmpopup.js +5 -2
- package/confirmpopup/confirmpopup.min.js +1 -1
- package/contextmenu/contextmenu.cjs.js +4 -1
- package/contextmenu/contextmenu.cjs.min.js +1 -1
- package/contextmenu/contextmenu.d.ts +79 -11
- package/contextmenu/contextmenu.esm.js +4 -1
- package/contextmenu/contextmenu.esm.min.js +1 -1
- package/contextmenu/contextmenu.js +4 -1
- package/contextmenu/contextmenu.min.js +1 -1
- package/core/core.js +85 -78
- package/core/core.min.js +7 -7
- package/csstransition/csstransition.d.ts +31 -1
- package/datascroller/datascroller.d.ts +102 -16
- package/datatable/datatable.cjs.js +27 -15
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.d.ts +1257 -229
- package/datatable/datatable.esm.js +27 -15
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +27 -15
- package/datatable/datatable.min.js +1 -1
- package/dataview/dataview.d.ts +222 -43
- package/deferredcontent/deferredcontent.d.ts +37 -1
- package/dialog/dialog.cjs.js +13 -19
- package/dialog/dialog.cjs.min.js +1 -1
- package/dialog/dialog.d.ts +282 -51
- package/dialog/dialog.esm.js +14 -20
- package/dialog/dialog.esm.min.js +1 -1
- package/dialog/dialog.js +13 -19
- package/dialog/dialog.min.css +1 -1
- package/dialog/dialog.min.js +1 -1
- package/divider/divider.d.ts +47 -10
- package/dock/dock.d.ts +68 -12
- package/dropdown/dropdown.cjs.js +27 -11
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.d.ts +337 -83
- package/dropdown/dropdown.esm.js +28 -12
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +27 -11
- package/dropdown/dropdown.min.js +1 -1
- package/editor/editor.d.ts +129 -12
- package/fieldset/fieldset.d.ts +85 -7
- package/fileupload/fileupload.cjs.js +4 -0
- package/fileupload/fileupload.cjs.min.js +1 -1
- package/fileupload/fileupload.d.ts +425 -62
- package/fileupload/fileupload.esm.js +4 -0
- package/fileupload/fileupload.esm.min.js +1 -1
- package/fileupload/fileupload.js +4 -0
- package/fileupload/fileupload.min.js +1 -1
- package/galleria/galleria.cjs.js +3 -1
- package/galleria/galleria.cjs.min.js +1 -1
- package/galleria/galleria.d.ts +198 -30
- package/galleria/galleria.esm.js +3 -1
- package/galleria/galleria.esm.min.js +1 -1
- package/galleria/galleria.js +3 -1
- package/galleria/galleria.min.js +1 -1
- package/gmap/gmap.d.ts +91 -5
- package/hooks/hooks.cjs.js +1 -2
- package/hooks/hooks.cjs.min.js +1 -1
- package/hooks/hooks.d.ts +114 -7
- package/hooks/hooks.esm.js +1 -2
- package/hooks/hooks.esm.min.js +1 -1
- package/hooks/hooks.js +1 -2
- package/hooks/hooks.min.js +1 -1
- package/image/image.d.ts +91 -11
- package/inplace/inplace.d.ts +101 -9
- package/inputmask/inputmask.cjs.js +6 -5
- package/inputmask/inputmask.cjs.min.js +1 -1
- package/inputmask/inputmask.d.ts +119 -27
- package/inputmask/inputmask.esm.js +7 -6
- package/inputmask/inputmask.esm.min.js +1 -1
- package/inputmask/inputmask.js +6 -5
- package/inputmask/inputmask.min.js +1 -1
- package/inputnumber/inputnumber.cjs.js +11 -33
- package/inputnumber/inputnumber.cjs.min.js +1 -1
- package/inputnumber/inputnumber.d.ts +265 -57
- package/inputnumber/inputnumber.esm.js +12 -34
- package/inputnumber/inputnumber.esm.min.js +1 -1
- package/inputnumber/inputnumber.js +11 -33
- package/inputnumber/inputnumber.min.js +1 -1
- package/inputswitch/inputswitch.cjs.js +4 -1
- package/inputswitch/inputswitch.cjs.min.js +1 -1
- package/inputswitch/inputswitch.d.ts +118 -27
- package/inputswitch/inputswitch.esm.js +5 -2
- package/inputswitch/inputswitch.esm.min.js +1 -1
- package/inputswitch/inputswitch.js +4 -1
- package/inputswitch/inputswitch.min.js +1 -1
- package/inputtext/inputtext.d.ts +57 -6
- package/inputtextarea/inputtextarea.d.ts +52 -6
- package/keyfilter/keyfilteroptions.d.ts +15 -0
- package/knob/knob.d.ts +127 -20
- package/listbox/listbox.cjs.js +3 -0
- package/listbox/listbox.cjs.min.js +1 -1
- package/listbox/listbox.d.ts +270 -48
- package/listbox/listbox.esm.js +3 -0
- package/listbox/listbox.esm.min.js +1 -1
- package/listbox/listbox.js +3 -0
- package/listbox/listbox.min.js +1 -1
- package/megamenu/megamenu.d.ts +50 -11
- package/mention/mention.cjs.js +3 -0
- package/mention/mention.cjs.min.js +1 -1
- package/mention/mention.d.ts +186 -32
- package/mention/mention.esm.js +3 -0
- package/mention/mention.esm.min.js +1 -1
- package/mention/mention.js +3 -0
- package/mention/mention.min.js +1 -1
- package/menu/menu.cjs.js +3 -1
- package/menu/menu.cjs.min.js +1 -1
- package/menu/menu.d.ts +89 -12
- package/menu/menu.esm.js +3 -1
- package/menu/menu.esm.min.js +1 -1
- package/menu/menu.js +3 -1
- package/menu/menu.min.js +1 -1
- package/menubar/menubar.d.ts +53 -8
- package/menuitem/menuitem.d.ts +114 -19
- package/message/message.d.ts +50 -11
- package/messages/messages.d.ts +91 -11
- package/multiselect/multiselect.cjs.js +11 -2
- package/multiselect/multiselect.cjs.min.js +1 -1
- package/multiselect/multiselect.d.ts +429 -82
- package/multiselect/multiselect.esm.js +12 -3
- package/multiselect/multiselect.esm.min.js +1 -1
- package/multiselect/multiselect.js +11 -2
- package/multiselect/multiselect.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.cjs.js +3 -0
- package/multistatecheckbox/multistatecheckbox.cjs.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.d.ts +157 -22
- package/multistatecheckbox/multistatecheckbox.esm.js +4 -1
- package/multistatecheckbox/multistatecheckbox.esm.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.js +3 -0
- package/multistatecheckbox/multistatecheckbox.min.js +1 -1
- package/orderlist/orderlist.d.ts +113 -16
- package/organizationchart/organizationchart.d.ts +107 -16
- package/overlaypanel/overlaypanel.cjs.js +4 -1
- package/overlaypanel/overlaypanel.cjs.min.js +1 -1
- package/overlaypanel/overlaypanel.d.ts +89 -15
- package/overlaypanel/overlaypanel.esm.js +4 -1
- package/overlaypanel/overlaypanel.esm.min.js +1 -1
- package/overlaypanel/overlaypanel.js +4 -1
- package/overlaypanel/overlaypanel.min.js +1 -1
- package/overlayservice/overlayservice.d.ts +52 -7
- package/package.json +2 -2
- package/paginator/paginator.d.ts +409 -44
- package/panel/panel.d.ts +142 -16
- package/panelmenu/panelmenu.d.ts +46 -4
- package/password/password.cjs.js +7 -1
- package/password/password.cjs.min.js +1 -1
- package/password/password.d.ts +176 -36
- package/password/password.esm.js +7 -1
- package/password/password.esm.min.js +1 -1
- package/password/password.js +7 -1
- package/password/password.min.css +1 -1
- package/password/password.min.js +1 -1
- package/picklist/picklist.d.ts +272 -46
- package/primereact.all.cjs.js +305 -158
- package/primereact.all.cjs.min.js +1 -1
- package/primereact.all.esm.js +305 -158
- package/primereact.all.esm.min.js +1 -1
- package/primereact.all.js +305 -158
- package/primereact.all.min.js +1 -1
- package/progressbar/progressbar.d.ts +60 -11
- package/progressspinner/progressspinner.d.ts +47 -4
- package/radiobutton/radiobutton.cjs.js +5 -1
- package/radiobutton/radiobutton.cjs.min.js +1 -1
- package/radiobutton/radiobutton.d.ts +99 -29
- package/radiobutton/radiobutton.esm.js +5 -1
- package/radiobutton/radiobutton.esm.min.js +1 -1
- package/radiobutton/radiobutton.js +5 -1
- package/radiobutton/radiobutton.min.js +1 -1
- package/rating/rating.d.ts +101 -24
- package/resources/primereact.css +74 -63
- package/resources/primereact.min.css +1 -1
- package/resources/themes/arya-blue/theme.css +5 -9
- package/resources/themes/arya-green/theme.css +4 -10
- package/resources/themes/arya-orange/theme.css +4 -9
- package/resources/themes/arya-purple/theme.css +4 -9
- package/resources/themes/bootstrap4-dark-blue/theme.css +4 -9
- package/resources/themes/bootstrap4-dark-purple/theme.css +4 -9
- package/resources/themes/bootstrap4-light-blue/theme.css +4 -9
- package/resources/themes/bootstrap4-light-purple/theme.css +4 -10
- package/resources/themes/fluent-light/theme.css +4 -10
- package/resources/themes/lara-dark-blue/theme.css +4 -9
- package/resources/themes/lara-dark-indigo/theme.css +4 -10
- package/resources/themes/lara-dark-purple/theme.css +4 -9
- package/resources/themes/lara-dark-teal/theme.css +4 -10
- package/resources/themes/lara-light-blue/theme.css +4 -9
- package/resources/themes/lara-light-indigo/theme.css +4 -9
- package/resources/themes/lara-light-purple/theme.css +4 -9
- package/resources/themes/lara-light-teal/theme.css +4 -9
- package/resources/themes/luna-amber/theme.css +5 -9
- package/resources/themes/luna-blue/theme.css +4 -9
- package/resources/themes/luna-green/theme.css +5 -9
- package/resources/themes/luna-pink/theme.css +4 -9
- package/resources/themes/md-dark-deeppurple/theme.css +4 -9
- package/resources/themes/md-dark-indigo/theme.css +5 -9
- package/resources/themes/md-light-deeppurple/theme.css +5 -9
- package/resources/themes/md-light-indigo/theme.css +5 -9
- package/resources/themes/mdc-dark-deeppurple/theme.css +5 -9
- package/resources/themes/mdc-dark-indigo/theme.css +4 -9
- package/resources/themes/mdc-light-deeppurple/theme.css +5 -9
- package/resources/themes/mdc-light-indigo/theme.css +4 -9
- package/resources/themes/mira/fonts/Inter-Bold.woff +0 -0
- package/resources/themes/mira/fonts/Inter-Bold.woff2 +0 -0
- package/resources/themes/mira/fonts/Inter-Medium.woff +0 -0
- package/resources/themes/mira/fonts/Inter-Medium.woff2 +0 -0
- package/resources/themes/mira/fonts/Inter-Regular.woff +0 -0
- package/resources/themes/mira/fonts/Inter-Regular.woff2 +0 -0
- package/resources/themes/mira/fonts/Inter-SemiBold.woff +0 -0
- package/resources/themes/mira/fonts/Inter-SemiBold.woff2 +0 -0
- package/resources/themes/mira/theme.css +6237 -0
- package/resources/themes/nano/theme.css +6009 -0
- package/resources/themes/nova/theme.css +4 -9
- package/resources/themes/nova-accent/theme.css +5 -9
- package/resources/themes/nova-alt/theme.css +4 -9
- package/resources/themes/rhea/theme.css +5 -9
- package/resources/themes/saga-blue/theme.css +4 -9
- package/resources/themes/saga-green/theme.css +5 -9
- package/resources/themes/saga-orange/theme.css +5 -9
- package/resources/themes/saga-purple/theme.css +5 -9
- package/resources/themes/soho-dark/fonts/lato-v17-latin-ext_latin-300.woff +0 -0
- package/resources/themes/soho-dark/fonts/lato-v17-latin-ext_latin-300.woff2 +0 -0
- package/resources/themes/soho-dark/fonts/lato-v17-latin-ext_latin-700.woff +0 -0
- package/resources/themes/soho-dark/fonts/lato-v17-latin-ext_latin-700.woff2 +0 -0
- package/resources/themes/soho-dark/fonts/lato-v17-latin-ext_latin-regular.woff +0 -0
- package/resources/themes/soho-dark/fonts/lato-v17-latin-ext_latin-regular.woff2 +0 -0
- package/resources/themes/soho-dark/theme.css +6002 -0
- package/resources/themes/soho-light/fonts/lato-v17-latin-ext_latin-300.woff +0 -0
- package/resources/themes/soho-light/fonts/lato-v17-latin-ext_latin-300.woff2 +0 -0
- package/resources/themes/soho-light/fonts/lato-v17-latin-ext_latin-700.woff +0 -0
- package/resources/themes/soho-light/fonts/lato-v17-latin-ext_latin-700.woff2 +0 -0
- package/resources/themes/soho-light/fonts/lato-v17-latin-ext_latin-regular.woff +0 -0
- package/resources/themes/soho-light/fonts/lato-v17-latin-ext_latin-regular.woff2 +0 -0
- package/resources/themes/soho-light/theme.css +6056 -0
- package/resources/themes/vela-blue/theme.css +4 -9
- package/resources/themes/vela-green/theme.css +4 -9
- package/resources/themes/vela-orange/theme.css +4 -9
- package/resources/themes/vela-purple/theme.css +5 -9
- package/resources/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-300.woff +0 -0
- package/resources/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-300.woff2 +0 -0
- package/resources/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-600.woff +0 -0
- package/resources/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-600.woff2 +0 -0
- package/resources/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-700.woff +0 -0
- package/resources/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-700.woff2 +0 -0
- package/resources/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-regular.woff +0 -0
- package/resources/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-regular.woff2 +0 -0
- package/resources/themes/viva-dark/theme.css +6164 -0
- package/resources/themes/viva-light/fonts/poppins-v15-latin-ext_latin-300.woff +0 -0
- package/resources/themes/viva-light/fonts/poppins-v15-latin-ext_latin-300.woff2 +0 -0
- package/resources/themes/viva-light/fonts/poppins-v15-latin-ext_latin-600.woff +0 -0
- package/resources/themes/viva-light/fonts/poppins-v15-latin-ext_latin-600.woff2 +0 -0
- package/resources/themes/viva-light/fonts/poppins-v15-latin-ext_latin-700.woff +0 -0
- package/resources/themes/viva-light/fonts/poppins-v15-latin-ext_latin-700.woff2 +0 -0
- package/resources/themes/viva-light/fonts/poppins-v15-latin-ext_latin-regular.woff +0 -0
- package/resources/themes/viva-light/fonts/poppins-v15-latin-ext_latin-regular.woff2 +0 -0
- package/resources/themes/viva-light/theme.css +6164 -0
- package/ripple/ripple.d.ts +29 -1
- package/row/row.d.ts +37 -3
- package/scrollpanel/scrollpanel.d.ts +45 -1
- package/scrolltop/scrolltop.d.ts +70 -10
- package/selectbutton/selectbutton.cjs.js +3 -0
- package/selectbutton/selectbutton.cjs.min.js +1 -1
- package/selectbutton/selectbutton.d.ts +111 -32
- package/selectbutton/selectbutton.esm.js +4 -1
- package/selectbutton/selectbutton.esm.min.js +1 -1
- package/selectbutton/selectbutton.js +3 -0
- package/selectbutton/selectbutton.min.js +1 -1
- package/selectitem/selectitem.d.ts +34 -0
- package/sidebar/sidebar.cjs.js +13 -1
- package/sidebar/sidebar.cjs.min.js +1 -1
- package/sidebar/sidebar.d.ts +120 -22
- package/sidebar/sidebar.esm.js +13 -1
- package/sidebar/sidebar.esm.min.js +1 -1
- package/sidebar/sidebar.js +13 -1
- package/sidebar/sidebar.min.js +1 -1
- package/skeleton/skeleton.d.ts +61 -11
- package/slidemenu/slidemenu.d.ts +132 -18
- package/slider/slider.d.ts +101 -18
- package/speeddial/speeddial.d.ts +149 -20
- package/splitbutton/splitbutton.cjs.js +3 -2
- package/splitbutton/splitbutton.cjs.min.js +1 -1
- package/splitbutton/splitbutton.d.ts +131 -23
- package/splitbutton/splitbutton.esm.js +3 -2
- package/splitbutton/splitbutton.esm.min.js +1 -1
- package/splitbutton/splitbutton.js +3 -2
- package/splitbutton/splitbutton.min.js +1 -1
- package/splitter/splitter.d.ts +98 -12
- package/steps/steps.d.ts +67 -6
- package/styleclass/styleclass.d.ts +77 -12
- package/tabmenu/tabmenu.d.ts +62 -5
- package/tabview/tabview.cjs.js +1 -1
- package/tabview/tabview.cjs.min.js +1 -1
- package/tabview/tabview.d.ts +213 -27
- package/tabview/tabview.esm.js +1 -1
- package/tabview/tabview.esm.min.js +1 -1
- package/tabview/tabview.js +1 -1
- package/tabview/tabview.min.js +1 -1
- package/tag/tag.d.ts +50 -6
- package/terminal/terminal.cjs.js +3 -0
- package/terminal/terminal.cjs.min.js +1 -1
- package/terminal/terminal.d.ts +45 -3
- package/terminal/terminal.esm.js +4 -1
- package/terminal/terminal.esm.min.js +1 -1
- package/terminal/terminal.js +3 -0
- package/terminal/terminal.min.js +1 -1
- package/terminalservice/terminalservice.d.ts +42 -4
- package/tieredmenu/tieredmenu.cjs.js +3 -1
- package/tieredmenu/tieredmenu.cjs.min.js +1 -1
- package/tieredmenu/tieredmenu.d.ts +77 -12
- package/tieredmenu/tieredmenu.esm.js +3 -1
- package/tieredmenu/tieredmenu.esm.min.js +1 -1
- package/tieredmenu/tieredmenu.js +3 -1
- package/tieredmenu/tieredmenu.min.js +1 -1
- package/timeline/timeline.cjs.js +6 -10
- package/timeline/timeline.cjs.min.js +1 -1
- package/timeline/timeline.d.ts +62 -13
- package/timeline/timeline.esm.js +6 -10
- package/timeline/timeline.esm.min.js +1 -1
- package/timeline/timeline.js +6 -10
- package/timeline/timeline.min.js +1 -1
- package/toast/toast.cjs.js +4 -1
- package/toast/toast.cjs.min.js +1 -1
- package/toast/toast.d.ts +134 -27
- package/toast/toast.esm.js +4 -1
- package/toast/toast.esm.min.js +1 -1
- package/toast/toast.js +4 -1
- package/toast/toast.min.js +1 -1
- package/togglebutton/togglebutton.cjs.js +4 -1
- package/togglebutton/togglebutton.cjs.min.js +1 -1
- package/togglebutton/togglebutton.d.ts +122 -15
- package/togglebutton/togglebutton.esm.js +5 -2
- package/togglebutton/togglebutton.esm.min.js +1 -1
- package/togglebutton/togglebutton.js +4 -1
- package/togglebutton/togglebutton.min.js +1 -1
- package/toolbar/toolbar.cjs.js +13 -7
- package/toolbar/toolbar.cjs.min.js +1 -1
- package/toolbar/toolbar.d.ts +55 -5
- package/toolbar/toolbar.esm.js +13 -7
- package/toolbar/toolbar.esm.min.js +1 -1
- package/toolbar/toolbar.js +13 -7
- package/toolbar/toolbar.min.css +1 -1
- package/toolbar/toolbar.min.js +1 -1
- package/tooltip/tooltip.d.ts +73 -9
- package/tooltip/tooltipoptions.d.ts +350 -31
- package/tree/tree.d.ts +435 -71
- package/treenode/treenode.d.ts +62 -13
- package/treeselect/treeselect.cjs.js +7 -1
- package/treeselect/treeselect.cjs.min.js +1 -1
- package/treeselect/treeselect.d.ts +326 -77
- package/treeselect/treeselect.esm.js +8 -2
- package/treeselect/treeselect.esm.min.js +1 -1
- package/treeselect/treeselect.js +7 -1
- package/treeselect/treeselect.min.js +1 -1
- package/treetable/treetable.cjs.js +3 -1
- package/treetable/treetable.cjs.min.js +1 -1
- package/treetable/treetable.d.ts +501 -112
- package/treetable/treetable.esm.js +3 -1
- package/treetable/treetable.esm.min.js +1 -1
- package/treetable/treetable.js +3 -1
- package/treetable/treetable.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.cjs.js +3 -0
- package/tristatecheckbox/tristatecheckbox.cjs.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.d.ts +72 -20
- package/tristatecheckbox/tristatecheckbox.esm.js +4 -1
- package/tristatecheckbox/tristatecheckbox.esm.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.js +3 -0
- package/tristatecheckbox/tristatecheckbox.min.js +1 -1
- package/ts-helpers.d.ts +24 -0
- package/utils/utils.cjs.js +27 -11
- package/utils/utils.cjs.min.js +1 -1
- package/utils/utils.d.ts +8 -1
- package/utils/utils.esm.js +27 -11
- package/utils/utils.esm.min.js +1 -1
- package/utils/utils.js +27 -11
- package/utils/utils.min.js +1 -1
- package/virtualscroller/virtualscroller.d.ts +351 -59
- package/web-types.json +22 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import t,{localeOption as n,FilterService as l}from"primereact/api";import{useUpdateEffect as r,useOverlayListener as i,useUnmountEffect as o}from"primereact/hooks";import{OverlayService as a}from"primereact/overlayservice";import{Tooltip as c}from"primereact/tooltip";import{ObjectUtils as u,DomHandler as s,classNames as p,IconUtils as f,ZIndexUtils as m}from"primereact/utils";import{CSSTransition as d}from"primereact/csstransition";import{Portal as v}from"primereact/portal";import{VirtualScroller as b}from"primereact/virtualscroller";import{InputText as y}from"primereact/inputtext";import{Ripple as h}from"primereact/ripple";function g(){return g=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},g.apply(this,arguments)}function E(e){return E="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},E(e)}function O(e,t){if("object"!==E(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var l=n.call(e,t||"default");if("object"!==E(l))return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function S(e){var t=O(e,"string");return"symbol"===E(t)?t:String(t)}function k(e,t,n){return(t=S(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function x(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function w(e){if(Array.isArray(e))return x(e)}function C(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function N(e,t){if(e){if("string"==typeof e)return x(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)?x(e,t):void 0}}function I(){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 D(e){return w(e)||C(e)||N(e)||I()}function F(e){if(Array.isArray(e))return e}function L(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,i,o,a=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(l=i.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&&(o=n.return(),Object(o)!==o))return}finally{if(u)throw r}}return a}}function A(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function T(e,t){return F(e)||L(e,t)||N(e,t)||A()}var P=e.memo(e.forwardRef((function(t,n){var l=T(e.useState(!1),2),i=l[0],o=l[1],a=e.useRef(null),m=e.useRef(t.inputRef),d=function(e){if(!t.disabled&&!t.readOnly&&t.onChange){var n=v(),l=e.target instanceof HTMLDivElement||e.target instanceof HTMLSpanElement;if(e.target===m.current||l&&e.target.checked!==n){var r=n?t.falseValue:t.trueValue;t.onChange({originalEvent:e,value:t.value,checked:r,stopPropagation:function(){},preventDefault:function(){},target:{type:"checkbox",name:t.name,id:t.id,value:t.value,checked:r}})}s.focus(m.current),e.preventDefault()}},v=function(){return t.checked===t.trueValue};e.useImperativeHandle(n,(function(){return{props:t,getElement:function(){return a.current},getInput:function(){return m.current}}})),e.useEffect((function(){u.combinedRefs(m,t.inputRef)}),[m,t.inputRef]),r((function(){m.current.checked=v()}),[t.checked,t.trueValue]);var b=v(),y=u.isNotEmpty(t.tooltip),h=u.findDiffKeys(t,P.defaultProps),E=u.reduceKeys(h,s.ARIA_PROPS),O=p("p-checkbox p-component",{"p-checkbox-checked":b,"p-checkbox-disabled":t.disabled,"p-checkbox-focused":i},t.className),S=p("p-checkbox-box",{"p-highlight":b,"p-disabled":t.disabled,"p-focus":i}),k=f.getJSXIcon(b?t.icon:"",{className:"p-checkbox-icon p-c"},{props:t,checked:b});return e.createElement(e.Fragment,null,e.createElement("div",g({ref:a,id:t.id,className:O,style:t.style},h,{onClick:d,onContextMenu:t.onContextMenu,onMouseDown:t.onMouseDown}),e.createElement("div",{className:"p-hidden-accessible"},e.createElement("input",g({ref:m,type:"checkbox",id:t.inputId,name:t.name,tabIndex:t.tabIndex,defaultChecked:b,onFocus:function(){o(!0)},onBlur:function(){o(!1)},onKeyDown:function(e){"Space"===e.code&&d(e)},disabled:t.disabled,readOnly:t.readOnly,required:t.required},E))),e.createElement("div",{className:S},k)),y&&e.createElement(c,g({target:a,content:t.tooltip},t.tooltipOptions)))})));P.displayName="Checkbox",P.defaultProps={__TYPE:"Checkbox",id:null,inputRef:null,inputId:null,value:null,name:null,checked:!1,trueValue:!0,falseValue:!1,style:null,className:null,disabled:!1,required:!1,readOnly:!1,tabIndex:null,icon:"pi pi-check",tooltip:null,tooltipOptions:null,onChange:null,onMouseDown:null,onContextMenu:null};var j=e.memo((function(t){var l={filter:function(e){return r(e)},reset:function(){return t.resetFilter()}},r=function(e){t.onFilter&&t.onFilter({originalEvent:e,query:e.target.value})},i=function(e){t.onSelectAll&&t.onSelectAll({originalEvent:e,checked:t.selectAll}),e.preventDefault()},o=function(){if(t.filter){var n=p("p-multiselect-filter-container"),i=e.createElement("div",{className:n},e.createElement(y,{ref:t.filterRef,type:"text",role:"textbox",value:t.filterValue,onChange:r,className:"p-multiselect-filter",placeholder:t.filterPlaceholder}),e.createElement("span",{className:"p-multiselect-filter-icon pi pi-search"}));if(t.filterTemplate)i=u.getJSXElement(t.filterTemplate,{className:n,element:i,filterOptions:l,onFilter:r,filterIconClassName:"p-multeselect-filter-icon pi pi-search",props:t});return e.createElement(e.Fragment,null,i)}return null}(),a=t.showSelectAll&&e.createElement(P,{checked:t.selectAll,onChange:i,role:"checkbox","aria-checked":t.selectAll}),c=e.createElement("button",{type:"button",className:"p-multiselect-close p-link","aria-label":n("close"),onClick:t.onClose},e.createElement("span",{className:"p-multiselect-close-icon pi pi-times","aria-hidden":"true"}),e.createElement(h,null)),s=e.createElement("div",{className:"p-multiselect-header"},a,o,c);return t.template?u.getJSXElement(t.template,{className:"p-multiselect-header",checkboxElement:a,checked:t.selectAll,onChange:i,filterElement:o,closeElement:c,closeElementClassName:"p-multiselect-close p-link",closeIconClassName:"p-multiselect-close-icon pi pi-times",onCloseClick:t.onClose,element:s,props:t}):s}));j.displayName="MultiSelectHeader";var R=e.memo((function(t){var n=p("p-multiselect-item",{"p-highlight":t.selected,"p-disabled":t.disabled},t.className,t.option.className),l=p("p-checkbox-box",{"p-highlight":t.selected}),r=p("p-checkbox-icon p-c",{"pi pi-check":t.selected}),i=t.template?u.getJSXElement(t.template,t.option):t.label;return e.createElement("li",{className:n,style:t.style,onClick:function(e){t.onClick&&t.onClick({originalEvent:e,option:t.option}),e.preventDefault()},tabIndex:t.disabled?null:t.tabIndex||0,onKeyDown:function(e){t.onKeyDown&&t.onKeyDown({originalEvent:e,option:t.option})},role:"option","aria-selected":t.selected},e.createElement("div",{className:"p-checkbox p-component"},e.createElement("div",{className:l},e.createElement("span",{className:r}))),e.createElement("span",null,i),e.createElement(h,null))}));function K(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 M(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?K(Object(n),!0).forEach((function(t){k(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):K(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}R.displayName="MultiSelectItem";var V=e.memo(e.forwardRef((function(t,l){var r,i,o,a,c,f=e.useRef(null),m=e.useRef(null),y=function(){t.onEnter((function(){if(f.current){var e=t.getSelectedOptionIndex();-1!==e&&setTimeout((function(){return f.current.scrollToIndex(e)}),0)}}))},h=function(){t.onEntered((function(){t.filter&&m.current&&s.focus(m.current,!1)}))},E=function(e){f.current&&f.current.scrollToIndex(0),t.onFilterInputChange&&t.onFilterInputChange(e)},O=function(){if(t.panelFooterTemplate){var n=u.getJSXElement(t.panelFooterTemplate,t,t.onOverlayHide);return e.createElement("div",{className:"p-multiselect-footer"},n)}return null},S=function(n,l){return t.getOptionGroupChildren(n).map((function(n,r){var i=t.getOptionLabel(n),o=r+"_"+t.getOptionRenderKey(n),a=t.isOptionDisabled(n),c=a?null:t.tabIndex||0,u=t.isSelected(n);return e.createElement(R,{key:o,label:i,option:n,style:l,template:t.itemTemplate,selected:u,onClick:t.onOptionSelect,onKeyDown:t.onOptionKeyDown,tabIndex:c,disabled:a,className:t.itemClassName})}))},k=function(){var l=u.getJSXElement(t.emptyFilterMessage,t)||n("emptyFilterMessage");return e.createElement("li",{className:"p-multiselect-empty-message"},l)},x=function(n,l){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i={height:r.props?r.props.itemSize:void 0};if(t.optionGroupLabel){var o=t.optionGroupTemplate?u.getJSXElement(t.optionGroupTemplate,n,l):t.getOptionGroupLabel(n),a=S(n,i),c=l+"_"+t.getOptionGroupRenderKey(n);return e.createElement(e.Fragment,{key:c},e.createElement("li",{className:"p-multiselect-item-group",style:i},o),a)}var s=t.getOptionLabel(n),p=l+"_"+t.getOptionRenderKey(n),f=t.isOptionDisabled(n),m=f?null:t.tabIndex||0,d=t.isSelected(n);return e.createElement(R,{key:p,label:s,option:n,style:i,template:t.itemTemplate,selected:d,onClick:t.onOptionSelect,onKeyDown:t.onOptionKeyDown,tabIndex:m,disabled:f,className:t.itemClassName})},w=function(){if(t.virtualScrollerOptions){var n=M(M({},t.virtualScrollerOptions),{style:M(M({},t.virtualScrollerOptions.style),{height:t.scrollHeight}),className:p("p-multiselect-items-wrapper",t.virtualScrollerOptions.className),items:t.visibleOptions,autoSize:!0,onLazyLoad:function(e){return t.virtualScrollerOptions.onLazyLoad(M(M({},e),{filter:t.filterValue}))},itemTemplate:function(e,t){return e&&x(e,t.index,t)},contentTemplate:function(n){var l=p("p-multiselect-items p-component",n.className),r=t.visibleOptions&&t.visibleOptions.length||!t.hasFilter?n.children:k();return e.createElement("ul",{ref:n.contentRef,className:l,role:"listbox","aria-multiselectable":!0},r)}});return e.createElement(b,g({ref:f},n))}var l=u.isNotEmpty(t.visibleOptions)?t.visibleOptions.map(x):t.hasFilter?k():null;return e.createElement("div",{className:"p-multiselect-items-wrapper",style:{maxHeight:t.scrollHeight}},e.createElement("ul",{className:"p-multiselect-items p-component",role:"listbox","aria-multiselectable":!0},l))},C=(r=t.allowOptionSelect(),i=p("p-multiselect-panel p-component",{"p-multiselect-inline":t.inline,"p-multiselect-flex":t.flex,"p-multiselect-limited":!r},t.panelClassName),o=e.createElement(j,{filter:t.filter,filterRef:m,filterValue:t.filterValue,filterTemplate:t.filterTemplate,onFilter:E,filterPlaceholder:t.filterPlaceholder,onClose:t.onCloseClick,showSelectAll:t.showSelectAll,selectAll:t.isAllSelected(),onSelectAll:t.onSelectAll,template:t.panelHeaderTemplate}),a=w(),c=O(),t.inline?e.createElement("div",{ref:l,className:i,style:t.panelStyle,onClick:t.onClick},a,c):e.createElement(d,{nodeRef:l,classNames:"p-connected-overlay",in:t.in,timeout:{enter:120,exit:100},options:t.transitionOptions,unmountOnExit:!0,onEnter:y,onEntered:h,onExit:t.onExit,onExited:t.onExited},e.createElement("div",{ref:l,className:i,style:t.panelStyle,onClick:t.onClick},o,a,c)));return t.inline?C:e.createElement(v,{element:C,appendTo:t.appendTo})})));function G(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function H(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?G(Object(n),!0).forEach((function(t){k(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):G(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function J(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=X(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 i,o=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){a=!0,i=e},f:function(){try{o||null==n.return||n.return()}finally{if(a)throw i}}}}function X(e,t){if(e){if("string"==typeof e)return q(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?q(e,t):void 0}}function q(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}V.displayName="MultiSelectPanel";var B=e.memo(e.forwardRef((function(n,d){var v=T(e.useState(""),2),b=v[0],y=v[1],h=T(e.useState(!1),2),E=h[0],O=h[1],S=T(e.useState(n.inline),2),x=S[0],w=S[1],C=e.useRef(null),N=e.useRef(n.inputRef),I=e.useRef(null),F=e.useRef(null),L=b&&b.trim().length>0,A=u.isEmpty(n.value),P=n.optionValue?null:n.dataKey,j=T(i({target:C,overlay:F,listener:function(e,t){t.valid&&("outside"===t.type?!Z(e)&&Y():Y())},when:x}),2),R=j[0],K=j[1],M=function(){return!n.selectionLimit||!n.value||n.value&&n.value.length<n.selectionLimit},G=function(e){var t=e.originalEvent,l=e.option;if(!n.disabled&&!oe(l)){var r=re(l),i=ae(l),o=ee(l),a=M();o?_(t,n.value.filter((function(e){return!u.equals(i?e:re(e),r,P)}))):a&&_(t,[].concat(D(n.value||[]),[r]))}},X=function e(t){var n=t.nextElementSibling;return n?s.hasClass(n,"p-disabled")||s.hasClass(n,"p-multiselect-item-group")?e(n):n:null},q=function e(t){var n=t.previousElementSibling;return n?s.hasClass(n,"p-disabled")||s.hasClass(n,"p-multiselect-item-group")?e(n):n:null},_=function(e,t){n.onChange&&n.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:n.name,id:n.id,value:t}})},z=function(){y(""),n.onFilter&&n.onFilter({filter:""})},U=function(){w(!0)},Y=function(){w(!1)},$=function(){s.alignOverlay(F.current,I.current.parentElement,n.appendTo||t.appendTo)},Z=function(e){return s.hasClass(e.target,"p-multiselect-clear-icon")},Q=function(e){return F.current&&F.current.contains(e.target)},W=function(e,t){return t.findIndex((function(t){return e.some((function(e){return u.equals(e,re(t),P)}))}))},ee=function(e){if(n.value){var t=re(e),l=ae(e);return n.value.some((function(e){return u.equals(l?e:re(e),t,P)}))}return!1},te=function(e){var t;if(n.options)if(n.optionGroupLabel){var l,r=J(n.options);try{for(r.s();!(l=r.n()).done;){if(t=ne(e,ie(l.value)))break}}catch(e){r.e(e)}finally{r.f()}}else t=ne(e,n.options);return t?le(t):null},ne=function(e,t){return t.find((function(t){return u.equals(re(t),e,P)}))},le=function(e){return n.optionLabel?u.resolveFieldData(e,n.optionLabel):e&&void 0!==e.label?e.label:e},re=function(e){if(n.useOptionAsValue)return e;if(n.optionValue){var t=u.resolveFieldData(e,n.optionValue);return null!==t?t:e}return e&&void 0!==e.value?e.value:e},ie=function(e){return u.resolveFieldData(e,n.optionGroupChildren)},oe=function(e){return n.optionDisabled?u.isFunction(n.optionDisabled)?n.optionDisabled(e):u.resolveFieldData(e,n.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},ae=function(e){return!n.useOptionAsValue&&n.optionValue||e&&void 0!==e.value},ce=function(e,t){var l=n.value.filter((function(e){return!u.equals(e,t,P)}));_(e,l)},ue=function(){var e=/{(.*?)}/;return e.test(n.selectedItemsLabel)?n.selectedItemsLabel.replace(n.selectedItemsLabel.match(e)[0],n.value.length+""):n.selectedItemsLabel},se=function(){if(!A&&!n.fixedPlaceholder)return u.isNotEmpty(n.maxSelectedLabels)&&n.value.length>n.maxSelectedLabels?ue():n.value.reduce((function(e,t,n){return e+(0!==n?",":"")+te(t)}),"")};e.useImperativeHandle(d,(function(){return{props:n,show:U,hide:Y,getElement:function(){return C.current},getOverlay:function(){return F.current},getInput:function(){return N.current}}})),e.useEffect((function(){u.combinedRefs(N,n.inputRef)}),[N,n.inputRef]),e.useEffect((function(){setTimeout((function(){n.overlayVisible?U():Y()}),100)}),[n.overlayVisible]),r((function(){x&&L&&$()}),[x,L]),o((function(){m.clear(F.current)}));var pe=function(){if(L){var e=b.trim().toLocaleLowerCase(n.filterLocale),t=n.filterBy?n.filterBy.split(","):[n.optionLabel||"label"];if(n.optionGroupLabel){var r,i=[],o=J(n.options);try{for(o.s();!(r=o.n()).done;){var a=r.value,c=l.filter(ie(a),t,e,n.filterMatchMode,n.filterLocale);c&&c.length&&i.push(H(H({},a),k({},n.optionGroupChildren,c)))}}catch(e){o.e(e)}finally{o.f()}return i}return l.filter(n.options,t,e,n.filterMatchMode,n.filterLocale)}return n.options}(),fe=u.isNotEmpty(n.tooltip),me=u.findDiffKeys(n,B.defaultProps),de=u.reduceKeys(me,s.ARIA_PROPS),ve=p("p-multiselect p-component p-inputwrapper",{"p-multiselect-chip":"chip"===n.display,"p-disabled":n.disabled,"p-multiselect-clearable":n.showClear&&!n.disabled,"p-focus":E,"p-inputwrapper-filled":u.isNotEmpty(n.value),"p-inputwrapper-focus":E||x},n.className),be=!n.inline&&function(){var t=n.selectedItemTemplate?A?u.getJSXElement(n.selectedItemTemplate):u.isNotEmpty(n.maxSelectedLabels)&&n.value.length>n.maxSelectedLabels?ue():n.value.map((function(t,l){var r=u.getJSXElement(n.selectedItemTemplate,t);return e.createElement(e.Fragment,{key:l},r)})):"chip"!==n.display||A?se():n.value.slice(0,n.maxSelectedLabels||n.value.length).map((function(t){var l=te(t),r=!n.disabled&&f.getJSXIcon(n.removeIcon,{className:"p-multiselect-token-icon",onClick:function(e){return ce(e,t)}},{props:n});return e.createElement("div",{className:"p-multiselect-token",key:l},e.createElement("span",{className:"p-multiselect-token-label"},l),r)})),l=p("p-multiselect-label",{"p-placeholder":A&&n.placeholder,"p-multiselect-label-empty":A&&!n.placeholder&&!n.selectedItemTemplate,"p-multiselect-items-label":!A&&"chip"!==n.display&&n.value.length>n.maxSelectedLabels});return e.createElement("div",{ref:I,className:"p-multiselect-label-container"},e.createElement("div",{className:l},t||n.placeholder||"empty"))}(),ye=!n.inline&&(A||!n.showClear||n.disabled?null:e.createElement("i",{className:"p-multiselect-clear-icon pi pi-times",onClick:function(e){return _(e,null)}}));return e.createElement(e.Fragment,null,e.createElement("div",g({ref:C,id:n.id,style:n.style,className:ve},me,{onClick:function(e){n.inline||n.disabled||Q(e)||s.hasClass(e.target,"p-multiselect-token-icon")||Z(e)||(x?Y():U(),s.focus(N.current),e.preventDefault())}}),e.createElement("div",{className:"p-hidden-accessible"},e.createElement("input",g({ref:N,id:n.inputId,name:n.name,readOnly:!0,type:"text",onFocus:function(e){O(!0),n.onFocus&&n.onFocus(e)},onBlur:function(e){O(!1),n.onBlur&&n.onBlur(e)},onKeyDown:function(e){switch(e.which){case 40:if(n.inline)break;!x&&e.altKey&&(U(),e.preventDefault());break;case 32:if(n.inline)break;x?Y():U(),e.preventDefault();break;case 27:if(n.inline)break;Y();break;case 9:if(x){var t=s.getFirstFocusableElement(F.current);t&&(t.focus(),e.preventDefault())}}},role:"listbox","aria-expanded":x,disabled:n.disabled,tabIndex:n.tabIndex},de))),!n.inline&&e.createElement(e.Fragment,null,be,ye,e.createElement("div",{className:"p-multiselect-trigger"},f.getJSXIcon(n.dropdownIcon,{className:"p-multiselect-trigger-icon p-c"},{props:n}))),e.createElement(V,g({ref:F,visibleOptions:pe},n,{onClick:function(e){a.emit("overlay-click",{originalEvent:e,target:C.current})},onOverlayHide:Y,filterValue:b,hasFilter:L,onFilterInputChange:function(e){var t=e.query;y(t),n.onFilter&&n.onFilter({originalEvent:e,filter:t})},resetFilter:z,onCloseClick:function(e){Y(),s.focus(N.current),e.preventDefault(),e.stopPropagation()},onSelectAll:function(e){if(n.onSelectAll)n.onSelectAll(e);else{var t=null;if(e.checked){if(t=[],pe){var l=pe.filter((function(e){return oe(e)&&ee(e)}));t=l.map((function(e){return re(e)}))}}else if(pe){var r=pe.filter((function(e){return!oe(e)}));n.optionGroupLabel?(t=[],r.forEach((function(e){return t=[].concat(D(t),D(ie(e).filter((function(e){return!oe(e)})).map((function(e){return re(e)}))))}))):t=r.map((function(e){return re(e)}))}_(e.originalEvent,t)}},getOptionLabel:le,getOptionRenderKey:function(e){return n.dataKey?u.resolveFieldData(e,n.dataKey):le(e)},isOptionDisabled:oe,getOptionGroupChildren:ie,getOptionGroupLabel:function(e){return u.resolveFieldData(e,n.optionGroupLabel)},getOptionGroupRenderKey:function(e){return u.resolveFieldData(e,n.optionGroupLabel)},isSelected:ee,getSelectedOptionIndex:function(){if(null!=n.value&&n.options){if(n.optionGroupLabel){var e=0,t=n.options.findIndex((function(t,l){return(e=l)&&-1!==W(n.value,ie(t))}));return-1!==t?{group:e,option:t}:-1}return W(n.value,n.options)}return-1},isAllSelected:function(){if(n.onSelectAll)return n.selectAll;if(u.isEmpty(pe))return!1;var e=pe.filter((function(e){return!oe(e)}));if(!n.optionGroupLabel)return!e.some((function(e){return!ee(e)}));var t,l=J(e);try{for(l.s();!(t=l.n()).done;){return!ie(t.value).filter((function(e){return!oe(e)})).some((function(e){return!ee(e)}))}}catch(e){l.e(e)}finally{l.f()}return!0},onOptionSelect:G,allowOptionSelect:M,onOptionKeyDown:function(e){var t=e.originalEvent,n=t.currentTarget;switch(t.which){case 40:var l=X(n);l&&l.focus(),t.preventDefault();break;case 38:var r=q(n);r&&r.focus(),t.preventDefault();break;case 13:case 32:G(e),t.preventDefault();break;case 27:Y(),s.focus(N.current)}},in:x,onEnter:function(e){var n;m.set("overlay",F.current,t.autoZIndex,t.zIndex.overlay),$(),(n=s.findSingle(F.current,"li.p-highlight"))&&n.scrollIntoView&&n.scrollIntoView({block:"nearest",inline:"nearest"}),e&&e()},onEntered:function(e){e&&e(),R(),n.onShow&&n.onShow()},onExit:function(){K()},onExited:function(){n.filter&&n.resetFilterOnHide&&z(),m.clear(F.current),n.onHide&&n.onHide()}}))),fe&&e.createElement(c,g({target:C,content:n.tooltip},n.tooltipOptions)))})));B.displayName="MultiSelect",B.defaultProps={__TYPE:"MultiSelect",appendTo:null,ariaLabelledBy:null,className:null,dataKey:null,disabled:!1,display:"comma",dropdownIcon:"pi pi-chevron-down",emptyFilterMessage:null,filter:!1,filterBy:null,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,fixedPlaceholder:!1,flex:!1,id:null,inline:!1,inputId:null,inputRef:null,itemClassName:null,itemTemplate:null,maxSelectedLabels:null,name:null,onBlur:null,onChange:null,onFilter:null,onFocus:null,onHide: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:"pi pi-times-circle",resetFilterOnHide:!1,scrollHeight:"200px",selectAll:!1,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};export{B as MultiSelect};
|
|
1
|
+
import*as e from"react";import t,{localeOption as n,FilterService as l}from"primereact/api";import{useUpdateEffect as r,useOverlayListener as i,useUnmountEffect as o}from"primereact/hooks";import{OverlayService as a}from"primereact/overlayservice";import{Tooltip as c}from"primereact/tooltip";import{DomHandler as u,ObjectUtils as s,classNames as p,IconUtils as f,ZIndexUtils as m}from"primereact/utils";import{CSSTransition as d}from"primereact/csstransition";import{Portal as b}from"primereact/portal";import{VirtualScroller as v}from"primereact/virtualscroller";import{InputText as y}from"primereact/inputtext";import{Ripple as h}from"primereact/ripple";function g(){return g=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},g.apply(this,arguments)}function E(e){return E="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},E(e)}function O(e,t){if("object"!==E(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var l=n.call(e,t||"default");if("object"!==E(l))return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function S(e){var t=O(e,"string");return"symbol"===E(t)?t:String(t)}function k(e,t,n){return(t=S(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function x(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function w(e){if(Array.isArray(e))return x(e)}function C(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function N(e,t){if(e){if("string"==typeof e)return x(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)?x(e,t):void 0}}function I(){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 D(e){return w(e)||C(e)||N(e)||I()}function F(e){if(Array.isArray(e))return e}function L(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,i,o,a=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(l=i.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&&(o=n.return(),Object(o)!==o))return}finally{if(u)throw r}}return a}}function A(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function T(e,t){return F(e)||L(e,t)||N(e,t)||A()}var P=e.memo(e.forwardRef((function(t,n){var l=T(e.useState(!1),2),i=l[0],o=l[1],a=e.useRef(null),m=e.useRef(t.inputRef),d=function(e){if(!t.disabled&&!t.readOnly&&t.onChange){var n=b(),l=e.target instanceof HTMLDivElement||e.target instanceof HTMLSpanElement;if(e.target===m.current||l&&e.target.checked!==n){var r=n?t.falseValue:t.trueValue;t.onChange({originalEvent:e,value:t.value,checked:r,stopPropagation:function(){},preventDefault:function(){},target:{type:"checkbox",name:t.name,id:t.id,value:t.value,checked:r}})}u.focus(m.current),e.preventDefault()}},b=function(){return t.checked===t.trueValue};e.useImperativeHandle(n,(function(){return{props:t,focus:function(){return u.focus(m.current)},getElement:function(){return a.current},getInput:function(){return m.current}}})),e.useEffect((function(){s.combinedRefs(m,t.inputRef)}),[m,t.inputRef]),r((function(){m.current.checked=b()}),[t.checked,t.trueValue]);var v=b(),y=s.isNotEmpty(t.tooltip),h=s.findDiffKeys(t,P.defaultProps),E=s.reduceKeys(h,u.ARIA_PROPS),O=p("p-checkbox p-component",{"p-checkbox-checked":v,"p-checkbox-disabled":t.disabled,"p-checkbox-focused":i},t.className),S=p("p-checkbox-box",{"p-highlight":v,"p-disabled":t.disabled,"p-focus":i}),k=f.getJSXIcon(v?t.icon:"",{className:"p-checkbox-icon p-c"},{props:t,checked:v});return e.createElement(e.Fragment,null,e.createElement("div",g({ref:a,id:t.id,className:O,style:t.style},h,{onClick:d,onContextMenu:t.onContextMenu,onMouseDown:t.onMouseDown}),e.createElement("div",{className:"p-hidden-accessible"},e.createElement("input",g({ref:m,type:"checkbox",id:t.inputId,name:t.name,tabIndex:t.tabIndex,defaultChecked:v,onFocus:function(){o(!0)},onBlur:function(){o(!1)},onKeyDown:function(e){"Space"!==e.code&&" "!==e.key||d(e)},disabled:t.disabled,readOnly:t.readOnly,required:t.required},E))),e.createElement("div",{className:S},k)),y&&e.createElement(c,g({target:a,content:t.tooltip},t.tooltipOptions)))})));P.displayName="Checkbox",P.defaultProps={__TYPE:"Checkbox",id:null,inputRef:null,inputId:null,value:null,name:null,checked:!1,trueValue:!0,falseValue:!1,style:null,className:null,disabled:!1,required:!1,readOnly:!1,tabIndex:null,icon:"pi pi-check",tooltip:null,tooltipOptions:null,onChange:null,onMouseDown:null,onContextMenu:null};var j=e.memo((function(t){var l={filter:function(e){return r(e)},reset:function(){return t.resetFilter()}},r=function(e){t.onFilter&&t.onFilter({originalEvent:e,query:e.target.value})},i=function(e){t.onSelectAll&&t.onSelectAll({originalEvent:e,checked:t.selectAll}),e.preventDefault()},o=function(){if(t.filter){var n=p("p-multiselect-filter-container"),i=e.createElement("div",{className:n},e.createElement(y,{ref:t.filterRef,type:"text",role:"textbox",value:t.filterValue,onChange:r,className:"p-multiselect-filter",placeholder:t.filterPlaceholder}),e.createElement("span",{className:"p-multiselect-filter-icon pi pi-search"}));if(t.filterTemplate)i=s.getJSXElement(t.filterTemplate,{className:n,element:i,filterOptions:l,onFilter:r,filterIconClassName:"p-multeselect-filter-icon pi pi-search",props:t});return e.createElement(e.Fragment,null,i)}return null}(),a=t.showSelectAll&&e.createElement(P,{checked:t.selectAll,onChange:i,role:"checkbox","aria-checked":t.selectAll}),c=e.createElement("button",{type:"button",className:"p-multiselect-close p-link","aria-label":n("close"),onClick:t.onClose},e.createElement("span",{className:"p-multiselect-close-icon pi pi-times","aria-hidden":"true"}),e.createElement(h,null)),u=e.createElement("div",{className:"p-multiselect-header"},a,o,c);return t.template?s.getJSXElement(t.template,{className:"p-multiselect-header",checkboxElement:a,checked:t.selectAll,onChange:i,filterElement:o,closeElement:c,closeElementClassName:"p-multiselect-close p-link",closeIconClassName:"p-multiselect-close-icon pi pi-times",onCloseClick:t.onClose,element:u,props:t}):u}));j.displayName="MultiSelectHeader";var R=e.memo((function(t){var n=p("p-multiselect-item",{"p-highlight":t.selected,"p-disabled":t.disabled},t.className,t.option.className),l=p("p-checkbox-box",{"p-highlight":t.selected}),r=p("p-checkbox-icon p-c",{"pi pi-check":t.selected}),i=t.template?s.getJSXElement(t.template,t.option):t.label;return e.createElement("li",{className:n,style:t.style,onClick:function(e){t.onClick&&t.onClick({originalEvent:e,option:t.option}),e.preventDefault()},tabIndex:t.disabled?null:t.tabIndex||0,onKeyDown:function(e){t.onKeyDown&&t.onKeyDown({originalEvent:e,option:t.option})},role:"option","aria-selected":t.selected},e.createElement("div",{className:"p-checkbox p-component"},e.createElement("div",{className:l},e.createElement("span",{className:r}))),e.createElement("span",null,i),e.createElement(h,null))}));function K(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 M(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?K(Object(n),!0).forEach((function(t){k(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):K(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}R.displayName="MultiSelectItem";var V=e.memo(e.forwardRef((function(l,r){var i,o,a,c,f,m=e.useRef(null),y=e.useRef(null),h=function(){l.onEnter((function(){if(m.current){var e=l.getSelectedOptionIndex();-1!==e&&setTimeout((function(){return m.current.scrollToIndex(e)}),0)}}))},E=function(){l.onEntered((function(){l.filter&&y.current&&u.focus(y.current,!1)}))},O=function(e){m.current&&m.current.scrollToIndex(0),l.onFilterInputChange&&l.onFilterInputChange(e)},S=function(){if(l.panelFooterTemplate){var t=s.getJSXElement(l.panelFooterTemplate,l,l.onOverlayHide);return e.createElement("div",{className:"p-multiselect-footer"},t)}return null},k=function(t,n){return l.getOptionGroupChildren(t).map((function(t,r){var i=l.getOptionLabel(t),o=r+"_"+l.getOptionRenderKey(t),a=l.isOptionDisabled(t),c=a?null:l.tabIndex||0,u=l.isSelected(t);return e.createElement(R,{key:o,label:i,option:t,style:n,template:l.itemTemplate,selected:u,onClick:l.onOptionSelect,onKeyDown:l.onOptionKeyDown,tabIndex:c,disabled:a,className:l.itemClassName})}))},x=function(){var t=s.getJSXElement(l.emptyFilterMessage,l)||n("emptyFilterMessage");return e.createElement("li",{className:"p-multiselect-empty-message"},t)},w=function(t,n){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i={height:r.props?r.props.itemSize:void 0};if(l.optionGroupLabel){var o=l.optionGroupTemplate?s.getJSXElement(l.optionGroupTemplate,t,n):l.getOptionGroupLabel(t),a=k(t,i),c=n+"_"+l.getOptionGroupRenderKey(t);return e.createElement(e.Fragment,{key:c},e.createElement("li",{className:"p-multiselect-item-group",style:i},o),a)}var u=l.getOptionLabel(t),p=n+"_"+l.getOptionRenderKey(t),f=l.isOptionDisabled(t),m=f?null:l.tabIndex||0,d=l.isSelected(t);return e.createElement(R,{key:p,label:u,option:t,style:i,template:l.itemTemplate,selected:d,onClick:l.onOptionSelect,onKeyDown:l.onOptionKeyDown,tabIndex:m,disabled:f,className:l.itemClassName})},C=function(){if(l.virtualScrollerOptions){var t=M(M({},l.virtualScrollerOptions),{style:M(M({},l.virtualScrollerOptions.style),{height:l.scrollHeight}),className:p("p-multiselect-items-wrapper",l.virtualScrollerOptions.className),items:l.visibleOptions,autoSize:!0,onLazyLoad:function(e){return l.virtualScrollerOptions.onLazyLoad(M(M({},e),{filter:l.filterValue}))},itemTemplate:function(e,t){return e&&w(e,t.index,t)},contentTemplate:function(t){var n=p("p-multiselect-items p-component",t.className),r=l.visibleOptions&&l.visibleOptions.length||!l.hasFilter?t.children:x();return e.createElement("ul",{ref:t.contentRef,className:n,role:"listbox","aria-multiselectable":!0},r)}});return e.createElement(v,g({ref:m},t))}var n=s.isNotEmpty(l.visibleOptions)?l.visibleOptions.map(w):l.hasFilter?x():null;return e.createElement("div",{className:"p-multiselect-items-wrapper",style:{maxHeight:l.scrollHeight}},e.createElement("ul",{className:"p-multiselect-items p-component",role:"listbox","aria-multiselectable":!0},n))},N=(i=l.allowOptionSelect(),o=p("p-multiselect-panel p-component",{"p-multiselect-inline":l.inline,"p-multiselect-flex":l.flex,"p-multiselect-limited":!i,"p-input-filled":"filled"===t.inputStyle,"p-ripple-disabled":!1===t.ripple},l.panelClassName),a=e.createElement(j,{filter:l.filter,filterRef:y,filterValue:l.filterValue,filterTemplate:l.filterTemplate,onFilter:O,filterPlaceholder:l.filterPlaceholder,onClose:l.onCloseClick,showSelectAll:l.showSelectAll,selectAll:l.isAllSelected(),onSelectAll:l.onSelectAll,template:l.panelHeaderTemplate}),c=C(),f=S(),l.inline?e.createElement("div",{ref:r,className:o,style:l.panelStyle,onClick:l.onClick},c,f):e.createElement(d,{nodeRef:r,classNames:"p-connected-overlay",in:l.in,timeout:{enter:120,exit:100},options:l.transitionOptions,unmountOnExit:!0,onEnter:h,onEntered:E,onExit:l.onExit,onExited:l.onExited},e.createElement("div",{ref:r,className:o,style:l.panelStyle,onClick:l.onClick},a,c,f)));return l.inline?N:e.createElement(b,{element:N,appendTo:l.appendTo})})));function G(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function H(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?G(Object(n),!0).forEach((function(t){k(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):G(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function J(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=X(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 i,o=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){a=!0,i=e},f:function(){try{o||null==n.return||n.return()}finally{if(a)throw i}}}}function X(e,t){if(e){if("string"==typeof e)return q(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?q(e,t):void 0}}function q(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}V.displayName="MultiSelectPanel";var B=e.memo(e.forwardRef((function(n,d){var b=T(e.useState(""),2),v=b[0],y=b[1],h=T(e.useState(!1),2),E=h[0],O=h[1],S=T(e.useState(n.inline),2),x=S[0],w=S[1],C=e.useRef(null),N=e.useRef(n.inputRef),I=e.useRef(null),F=e.useRef(null),L=v&&v.trim().length>0,A=s.isEmpty(n.value),P=n.optionValue?null:n.dataKey,j=T(i({target:C,overlay:F,listener:function(e,t){t.valid&&("outside"===t.type?!Z(e)&&Y():Y())},when:x}),2),R=j[0],K=j[1],M=function(){return!n.selectionLimit||!n.value||n.value&&n.value.length<n.selectionLimit},G=function(e){var t=e.originalEvent,l=e.option;if(!n.disabled&&!oe(l)){var r=re(l),i=ae(l),o=ee(l),a=M();o?_(t,n.value.filter((function(e){return!s.equals(i?e:re(e),r,P)}))):a&&_(t,[].concat(D(n.value||[]),[r]))}},X=function e(t){var n=t.nextElementSibling;return n?u.hasClass(n,"p-disabled")||u.hasClass(n,"p-multiselect-item-group")?e(n):n:null},q=function e(t){var n=t.previousElementSibling;return n?u.hasClass(n,"p-disabled")||u.hasClass(n,"p-multiselect-item-group")?e(n):n:null},_=function(e,t){n.onChange&&n.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:n.name,id:n.id,value:t}})},z=function(){y(""),n.onFilter&&n.onFilter({filter:""})},U=function(){w(!0)},Y=function(){w(!1)},$=function(){u.alignOverlay(F.current,I.current.parentElement,n.appendTo||t.appendTo)},Z=function(e){return u.hasClass(e.target,"p-multiselect-clear-icon")},Q=function(e){return F.current&&F.current.contains(e.target)},W=function(e,t){return t.findIndex((function(t){return e.some((function(e){return s.equals(e,re(t),P)}))}))},ee=function(e){if(n.value){var t=re(e),l=ae(e);return n.value.some((function(e){return s.equals(l?e:re(e),t,P)}))}return!1},te=function(e){var t;if(n.options)if(n.optionGroupLabel){var l,r=J(n.options);try{for(r.s();!(l=r.n()).done;){if(t=ne(e,ie(l.value)))break}}catch(e){r.e(e)}finally{r.f()}}else t=ne(e,n.options);return t?le(t):null},ne=function(e,t){return t.find((function(t){return s.equals(re(t),e,P)}))},le=function(e){return n.optionLabel?s.resolveFieldData(e,n.optionLabel):e&&void 0!==e.label?e.label:e},re=function(e){if(n.useOptionAsValue)return e;if(n.optionValue){var t=s.resolveFieldData(e,n.optionValue);return null!==t?t:e}return e&&void 0!==e.value?e.value:e},ie=function(e){return s.resolveFieldData(e,n.optionGroupChildren)},oe=function(e){return n.optionDisabled?s.isFunction(n.optionDisabled)?n.optionDisabled(e):s.resolveFieldData(e,n.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},ae=function(e){return!n.useOptionAsValue&&n.optionValue||e&&void 0!==e.value},ce=function(e,t){var l=n.value.filter((function(e){return!s.equals(e,t,P)}));_(e,l)},ue=function(){var e=/{(.*?)}/;return e.test(n.selectedItemsLabel)?n.selectedItemsLabel.replace(n.selectedItemsLabel.match(e)[0],n.value.length+""):n.selectedItemsLabel},se=function(){if(!A&&!n.fixedPlaceholder)return s.isNotEmpty(n.maxSelectedLabels)&&n.value.length>n.maxSelectedLabels?ue():n.value.reduce((function(e,t,n){return e+(0!==n?",":"")+te(t)}),"")};e.useImperativeHandle(d,(function(){return{props:n,show:U,hide:Y,focus:function(){return u.focus(N.current)},getElement:function(){return C.current},getOverlay:function(){return F.current},getInput:function(){return N.current}}})),e.useEffect((function(){s.combinedRefs(N,n.inputRef)}),[N,n.inputRef]),e.useEffect((function(){setTimeout((function(){n.overlayVisible?U():Y()}),100)}),[n.overlayVisible]),r((function(){x&&L&&$()}),[x,L]),o((function(){m.clear(F.current)}));var pe=function(){if(L){var e=v.trim().toLocaleLowerCase(n.filterLocale),t=n.filterBy?n.filterBy.split(","):[n.optionLabel||"label"];if(n.optionGroupLabel){var r,i=[],o=J(n.options);try{for(o.s();!(r=o.n()).done;){var a=r.value,c=l.filter(ie(a),t,e,n.filterMatchMode,n.filterLocale);c&&c.length&&i.push(H(H({},a),k({},n.optionGroupChildren,c)))}}catch(e){o.e(e)}finally{o.f()}return i}return l.filter(n.options,t,e,n.filterMatchMode,n.filterLocale)}return n.options}(),fe=s.isNotEmpty(n.tooltip),me=s.findDiffKeys(n,B.defaultProps),de=s.reduceKeys(me,u.ARIA_PROPS),be=p("p-multiselect p-component p-inputwrapper",{"p-multiselect-chip":"chip"===n.display,"p-disabled":n.disabled,"p-multiselect-clearable":n.showClear&&!n.disabled,"p-focus":E,"p-inputwrapper-filled":s.isNotEmpty(n.value),"p-inputwrapper-focus":E||x},n.className),ve=!n.inline&&function(){var t=n.selectedItemTemplate?A?s.getJSXElement(n.selectedItemTemplate):s.isNotEmpty(n.maxSelectedLabels)&&n.value.length>n.maxSelectedLabels?ue():n.value.map((function(t,l){var r=s.getJSXElement(n.selectedItemTemplate,t);return e.createElement(e.Fragment,{key:l},r)})):"chip"!==n.display||A?se():n.value.slice(0,n.maxSelectedLabels||n.value.length).map((function(t){var l=te(t),r=!n.disabled&&f.getJSXIcon(n.removeIcon,{className:"p-multiselect-token-icon",onClick:function(e){return ce(e,t)}},{props:n});return e.createElement("div",{className:"p-multiselect-token",key:l},e.createElement("span",{className:"p-multiselect-token-label"},l),r)})),l=p("p-multiselect-label",{"p-placeholder":A&&n.placeholder,"p-multiselect-label-empty":A&&!n.placeholder&&!n.selectedItemTemplate,"p-multiselect-items-label":!A&&"chip"!==n.display&&n.value.length>n.maxSelectedLabels});return e.createElement("div",{ref:I,className:"p-multiselect-label-container"},e.createElement("div",{className:l},t||n.placeholder||"empty"))}(),ye=!n.inline&&(A||!n.showClear||n.disabled?null:e.createElement("i",{className:"p-multiselect-clear-icon pi pi-times",onClick:function(e){return _(e,null)}}));return e.createElement(e.Fragment,null,e.createElement("div",g({ref:C,id:n.id,style:n.style,className:be},me,{onClick:function(e){n.inline||n.disabled||Q(e)||u.hasClass(e.target,"p-multiselect-token-icon")||Z(e)||(x?Y():U(),u.focus(N.current),e.preventDefault())}}),e.createElement("div",{className:"p-hidden-accessible"},e.createElement("input",g({ref:N,id:n.inputId,name:n.name,readOnly:!0,type:"text",onFocus:function(e){O(!0),n.onFocus&&n.onFocus(e)},onBlur:function(e){O(!1),n.onBlur&&n.onBlur(e)},onKeyDown:function(e){switch(e.which){case 40:if(n.inline)break;!x&&e.altKey&&(U(),e.preventDefault());break;case 32:if(n.inline)break;x?Y():U(),e.preventDefault();break;case 27:if(n.inline)break;Y();break;case 9:if(x){var t=u.getFirstFocusableElement(F.current);t&&(t.focus(),e.preventDefault())}}},role:"listbox","aria-expanded":x,disabled:n.disabled,tabIndex:n.tabIndex},de))),!n.inline&&e.createElement(e.Fragment,null,ve,ye,e.createElement("div",{className:"p-multiselect-trigger"},f.getJSXIcon(n.dropdownIcon,{className:"p-multiselect-trigger-icon p-c"},{props:n}))),e.createElement(V,g({ref:F,visibleOptions:pe},n,{onClick:function(e){a.emit("overlay-click",{originalEvent:e,target:C.current})},onOverlayHide:Y,filterValue:v,hasFilter:L,onFilterInputChange:function(e){var t=e.query;y(t),n.onFilter&&n.onFilter({originalEvent:e,filter:t})},resetFilter:z,onCloseClick:function(e){Y(),u.focus(N.current),e.preventDefault(),e.stopPropagation()},onSelectAll:function(e){if(n.onSelectAll)n.onSelectAll(e);else{var t=null;if(e.checked){if(t=[],pe){var l=pe.filter((function(e){return oe(e)&&ee(e)}));t=l.map((function(e){return re(e)}))}}else if(pe){var r=pe.filter((function(e){return!oe(e)}));n.optionGroupLabel?(t=[],r.forEach((function(e){return t=[].concat(D(t),D(ie(e).filter((function(e){return!oe(e)})).map((function(e){return re(e)}))))}))):t=r.map((function(e){return re(e)}))}_(e.originalEvent,t)}},getOptionLabel:le,getOptionRenderKey:function(e){return n.dataKey?s.resolveFieldData(e,n.dataKey):le(e)},isOptionDisabled:oe,getOptionGroupChildren:ie,getOptionGroupLabel:function(e){return s.resolveFieldData(e,n.optionGroupLabel)},getOptionGroupRenderKey:function(e){return s.resolveFieldData(e,n.optionGroupLabel)},isSelected:ee,getSelectedOptionIndex:function(){if(null!=n.value&&n.options){if(n.optionGroupLabel){var e=0,t=n.options.findIndex((function(t,l){return(e=l)&&-1!==W(n.value,ie(t))}));return-1!==t?{group:e,option:t}:-1}return W(n.value,n.options)}return-1},isAllSelected:function(){if(n.onSelectAll)return n.selectAll;if(s.isEmpty(pe))return!1;var e=pe.filter((function(e){return!oe(e)}));if(!n.optionGroupLabel)return!e.some((function(e){return!ee(e)}));var t,l=J(e);try{for(l.s();!(t=l.n()).done;){return!ie(t.value).filter((function(e){return!oe(e)})).some((function(e){return!ee(e)}))}}catch(e){l.e(e)}finally{l.f()}return!0},onOptionSelect:G,allowOptionSelect:M,onOptionKeyDown:function(e){var t=e.originalEvent,n=t.currentTarget;switch(t.which){case 40:var l=X(n);l&&l.focus(),t.preventDefault();break;case 38:var r=q(n);r&&r.focus(),t.preventDefault();break;case 13:case 32:G(e),t.preventDefault();break;case 27:Y(),u.focus(N.current)}},in:x,onEnter:function(e){var n;m.set("overlay",F.current,t.autoZIndex,t.zIndex.overlay),$(),(n=u.findSingle(F.current,"li.p-highlight"))&&n.scrollIntoView&&n.scrollIntoView({block:"nearest",inline:"nearest"}),e&&e()},onEntered:function(e){e&&e(),R(),n.onShow&&n.onShow()},onExit:function(){K()},onExited:function(){n.filter&&n.resetFilterOnHide&&z(),m.clear(F.current),n.onHide&&n.onHide()}}))),fe&&e.createElement(c,g({target:C,content:n.tooltip},n.tooltipOptions)))})));B.displayName="MultiSelect",B.defaultProps={__TYPE:"MultiSelect",appendTo:null,ariaLabelledBy:null,className:null,dataKey:null,disabled:!1,display:"comma",dropdownIcon:"pi pi-chevron-down",emptyFilterMessage:null,filter:!1,filterBy:null,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,fixedPlaceholder:!1,flex:!1,id:null,inline:!1,inputId:null,inputRef:null,itemClassName:null,itemTemplate:null,maxSelectedLabels:null,name:null,onBlur:null,onChange:null,onFilter:null,onFocus:null,onHide: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:"pi pi-times-circle",resetFilterOnHide:!1,scrollHeight:"200px",selectAll:!1,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};export{B as MultiSelect};
|
|
@@ -197,7 +197,8 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, hooks, over
|
|
|
197
197
|
setFocusedState(false);
|
|
198
198
|
};
|
|
199
199
|
var onKeyDown = function onKeyDown(event) {
|
|
200
|
-
if (event.code === 'Space') {
|
|
200
|
+
if (event.code === 'Space' || event.key === ' ') {
|
|
201
|
+
// event.key is for Android support
|
|
201
202
|
onClick(event);
|
|
202
203
|
}
|
|
203
204
|
};
|
|
@@ -207,6 +208,9 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, hooks, over
|
|
|
207
208
|
React__namespace.useImperativeHandle(ref, function () {
|
|
208
209
|
return {
|
|
209
210
|
props: props,
|
|
211
|
+
focus: function focus() {
|
|
212
|
+
return utils.DomHandler.focus(inputRef.current);
|
|
213
|
+
},
|
|
210
214
|
getElement: function getElement() {
|
|
211
215
|
return elementRef.current;
|
|
212
216
|
},
|
|
@@ -621,7 +625,9 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, hooks, over
|
|
|
621
625
|
var panelClassName = utils.classNames('p-multiselect-panel p-component', {
|
|
622
626
|
'p-multiselect-inline': props.inline,
|
|
623
627
|
'p-multiselect-flex': props.flex,
|
|
624
|
-
'p-multiselect-limited': !allowOptionSelect
|
|
628
|
+
'p-multiselect-limited': !allowOptionSelect,
|
|
629
|
+
'p-input-filled': PrimeReact__default["default"].inputStyle === 'filled',
|
|
630
|
+
'p-ripple-disabled': PrimeReact__default["default"].ripple === false
|
|
625
631
|
}, props.panelClassName);
|
|
626
632
|
var header = createHeader();
|
|
627
633
|
var content = createContent();
|
|
@@ -1171,6 +1177,9 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, hooks, over
|
|
|
1171
1177
|
props: props,
|
|
1172
1178
|
show: show,
|
|
1173
1179
|
hide: hide,
|
|
1180
|
+
focus: function focus() {
|
|
1181
|
+
return utils.DomHandler.focus(inputRef.current);
|
|
1182
|
+
},
|
|
1174
1183
|
getElement: function getElement() {
|
|
1175
1184
|
return elementRef.current;
|
|
1176
1185
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.multiselect=function(e,t,n,l,r,i,o,a,c,u,s,p){"use strict";function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var d=m(t),b=f(n);function v(){return v=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},v.apply(this,arguments)}function y(e){return y="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},y(e)}function h(e,t){if("object"!==y(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var l=n.call(e,t||"default");if("object"!==y(l))return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function g(e){var t=h(e,"string");return"symbol"===y(t)?t:String(t)}function O(e,t,n){return(t=g(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function E(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function S(e){if(Array.isArray(e))return E(e)}function j(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function x(e,t){if(e){if("string"==typeof e)return E(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?E(e,t):void 0}}function k(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function N(e){return S(e)||j(e)||x(e)||k()}function w(e){if(Array.isArray(e))return e}function I(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,i,o,a=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(l=i.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&&(o=n.return(),Object(o)!==o))return}finally{if(u)throw r}}return a}}function D(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function C(e,t){return w(e)||I(e,t)||x(e,t)||D()}var F=d.memo(d.forwardRef((function(e,t){var n=C(d.useState(!1),2),r=n[0],a=n[1],c=d.useRef(null),u=d.useRef(e.inputRef),s=function(t){if(!e.disabled&&!e.readOnly&&e.onChange){var n=p(),l=t.target instanceof HTMLDivElement||t.target instanceof HTMLSpanElement;if(t.target===u.current||l&&t.target.checked!==n){var r=n?e.falseValue:e.trueValue;e.onChange({originalEvent:t,value:e.value,checked:r,stopPropagation:function(){},preventDefault:function(){},target:{type:"checkbox",name:e.name,id:e.id,value:e.value,checked:r}})}o.DomHandler.focus(u.current),t.preventDefault()}},p=function(){return e.checked===e.trueValue};d.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return c.current},getInput:function(){return u.current}}})),d.useEffect((function(){o.ObjectUtils.combinedRefs(u,e.inputRef)}),[u,e.inputRef]),l.useUpdateEffect((function(){u.current.checked=p()}),[e.checked,e.trueValue]);var f=p(),m=o.ObjectUtils.isNotEmpty(e.tooltip),b=o.ObjectUtils.findDiffKeys(e,F.defaultProps),y=o.ObjectUtils.reduceKeys(b,o.DomHandler.ARIA_PROPS),h=o.classNames("p-checkbox p-component",{"p-checkbox-checked":f,"p-checkbox-disabled":e.disabled,"p-checkbox-focused":r},e.className),g=o.classNames("p-checkbox-box",{"p-highlight":f,"p-disabled":e.disabled,"p-focus":r}),O=o.IconUtils.getJSXIcon(f?e.icon:"",{className:"p-checkbox-icon p-c"},{props:e,checked:f});return d.createElement(d.Fragment,null,d.createElement("div",v({ref:c,id:e.id,className:h,style:e.style},b,{onClick:s,onContextMenu:e.onContextMenu,onMouseDown:e.onMouseDown}),d.createElement("div",{className:"p-hidden-accessible"},d.createElement("input",v({ref:u,type:"checkbox",id:e.inputId,name:e.name,tabIndex:e.tabIndex,defaultChecked:f,onFocus:function(){a(!0)},onBlur:function(){a(!1)},onKeyDown:function(e){"Space"===e.code&&s(e)},disabled:e.disabled,readOnly:e.readOnly,required:e.required},y))),d.createElement("div",{className:g},O)),m&&d.createElement(i.Tooltip,v({target:c,content:e.tooltip},e.tooltipOptions)))})));F.displayName="Checkbox",F.defaultProps={__TYPE:"Checkbox",id:null,inputRef:null,inputId:null,value:null,name:null,checked:!1,trueValue:!0,falseValue:!1,style:null,className:null,disabled:!1,required:!1,readOnly:!1,tabIndex:null,icon:"pi pi-check",tooltip:null,tooltipOptions:null,onChange:null,onMouseDown:null,onContextMenu:null};var L=d.memo((function(e){var t={filter:function(e){return l(e)},reset:function(){return e.resetFilter()}},l=function(t){e.onFilter&&e.onFilter({originalEvent:t,query:t.target.value})},r=function(t){e.onSelectAll&&e.onSelectAll({originalEvent:t,checked:e.selectAll}),t.preventDefault()},i=function(){if(e.filter){var n=o.classNames("p-multiselect-filter-container"),r=d.createElement("div",{className:n},d.createElement(s.InputText,{ref:e.filterRef,type:"text",role:"textbox",value:e.filterValue,onChange:l,className:"p-multiselect-filter",placeholder:e.filterPlaceholder}),d.createElement("span",{className:"p-multiselect-filter-icon pi pi-search"}));if(e.filterTemplate)r=o.ObjectUtils.getJSXElement(e.filterTemplate,{className:n,element:r,filterOptions:t,onFilter:l,filterIconClassName:"p-multeselect-filter-icon pi pi-search",props:e});return d.createElement(d.Fragment,null,r)}return null}(),a=e.showSelectAll&&d.createElement(F,{checked:e.selectAll,onChange:r,role:"checkbox","aria-checked":e.selectAll}),c=d.createElement("button",{type:"button",className:"p-multiselect-close p-link","aria-label":n.localeOption("close"),onClick:e.onClose},d.createElement("span",{className:"p-multiselect-close-icon pi pi-times","aria-hidden":"true"}),d.createElement(p.Ripple,null)),u=d.createElement("div",{className:"p-multiselect-header"},a,i,c);return e.template?o.ObjectUtils.getJSXElement(e.template,{className:"p-multiselect-header",checkboxElement:a,checked:e.selectAll,onChange:r,filterElement:i,closeElement:c,closeElementClassName:"p-multiselect-close p-link",closeIconClassName:"p-multiselect-close-icon pi pi-times",onCloseClick:e.onClose,element:u,props:e}):u}));L.displayName="MultiSelectHeader";var U=d.memo((function(e){var t=o.classNames("p-multiselect-item",{"p-highlight":e.selected,"p-disabled":e.disabled},e.className,e.option.className),n=o.classNames("p-checkbox-box",{"p-highlight":e.selected}),l=o.classNames("p-checkbox-icon p-c",{"pi pi-check":e.selected}),r=e.template?o.ObjectUtils.getJSXElement(e.template,e.option):e.label;return d.createElement("li",{className:t,style:e.style,onClick:function(t){e.onClick&&e.onClick({originalEvent:t,option:e.option}),t.preventDefault()},tabIndex:e.disabled?null:e.tabIndex||0,onKeyDown:function(t){e.onKeyDown&&e.onKeyDown({originalEvent:t,option:e.option})},role:"option","aria-selected":e.selected},d.createElement("div",{className:"p-checkbox p-component"},d.createElement("div",{className:n},d.createElement("span",{className:l}))),d.createElement("span",null,r),d.createElement(p.Ripple,null))}));function T(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 A(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?T(Object(n),!0).forEach((function(t){O(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}U.displayName="MultiSelectItem";var P=d.memo(d.forwardRef((function(e,t){var l,r,i,s,p,f=d.useRef(null),m=d.useRef(null),b=function(){e.onEnter((function(){if(f.current){var t=e.getSelectedOptionIndex();-1!==t&&setTimeout((function(){return f.current.scrollToIndex(t)}),0)}}))},y=function(){e.onEntered((function(){e.filter&&m.current&&o.DomHandler.focus(m.current,!1)}))},h=function(t){f.current&&f.current.scrollToIndex(0),e.onFilterInputChange&&e.onFilterInputChange(t)},g=function(){if(e.panelFooterTemplate){var t=o.ObjectUtils.getJSXElement(e.panelFooterTemplate,e,e.onOverlayHide);return d.createElement("div",{className:"p-multiselect-footer"},t)}return null},O=function(t,n){return e.getOptionGroupChildren(t).map((function(t,l){var r=e.getOptionLabel(t),i=l+"_"+e.getOptionRenderKey(t),o=e.isOptionDisabled(t),a=o?null:e.tabIndex||0,c=e.isSelected(t);return d.createElement(U,{key:i,label:r,option:t,style:n,template:e.itemTemplate,selected:c,onClick:e.onOptionSelect,onKeyDown:e.onOptionKeyDown,tabIndex:a,disabled:o,className:e.itemClassName})}))},E=function(){var t=o.ObjectUtils.getJSXElement(e.emptyFilterMessage,e)||n.localeOption("emptyFilterMessage");return d.createElement("li",{className:"p-multiselect-empty-message"},t)},S=function(t,n){var l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r={height:l.props?l.props.itemSize:void 0};if(e.optionGroupLabel){var i=e.optionGroupTemplate?o.ObjectUtils.getJSXElement(e.optionGroupTemplate,t,n):e.getOptionGroupLabel(t),a=O(t,r),c=n+"_"+e.getOptionGroupRenderKey(t);return d.createElement(d.Fragment,{key:c},d.createElement("li",{className:"p-multiselect-item-group",style:r},i),a)}var u=e.getOptionLabel(t),s=n+"_"+e.getOptionRenderKey(t),p=e.isOptionDisabled(t),f=p?null:e.tabIndex||0,m=e.isSelected(t);return d.createElement(U,{key:s,label:u,option:t,style:r,template:e.itemTemplate,selected:m,onClick:e.onOptionSelect,onKeyDown:e.onOptionKeyDown,tabIndex:f,disabled:p,className:e.itemClassName})},j=function(){if(e.virtualScrollerOptions){var t=A(A({},e.virtualScrollerOptions),{style:A(A({},e.virtualScrollerOptions.style),{height:e.scrollHeight}),className:o.classNames("p-multiselect-items-wrapper",e.virtualScrollerOptions.className),items:e.visibleOptions,autoSize:!0,onLazyLoad:function(t){return e.virtualScrollerOptions.onLazyLoad(A(A({},t),{filter:e.filterValue}))},itemTemplate:function(e,t){return e&&S(e,t.index,t)},contentTemplate:function(t){var n=o.classNames("p-multiselect-items p-component",t.className),l=e.visibleOptions&&e.visibleOptions.length||!e.hasFilter?t.children:E();return d.createElement("ul",{ref:t.contentRef,className:n,role:"listbox","aria-multiselectable":!0},l)}});return d.createElement(u.VirtualScroller,v({ref:f},t))}var n=o.ObjectUtils.isNotEmpty(e.visibleOptions)?e.visibleOptions.map(S):e.hasFilter?E():null;return d.createElement("div",{className:"p-multiselect-items-wrapper",style:{maxHeight:e.scrollHeight}},d.createElement("ul",{className:"p-multiselect-items p-component",role:"listbox","aria-multiselectable":!0},n))},x=(l=e.allowOptionSelect(),r=o.classNames("p-multiselect-panel p-component",{"p-multiselect-inline":e.inline,"p-multiselect-flex":e.flex,"p-multiselect-limited":!l},e.panelClassName),i=d.createElement(L,{filter:e.filter,filterRef:m,filterValue:e.filterValue,filterTemplate:e.filterTemplate,onFilter:h,filterPlaceholder:e.filterPlaceholder,onClose:e.onCloseClick,showSelectAll:e.showSelectAll,selectAll:e.isAllSelected(),onSelectAll:e.onSelectAll,template:e.panelHeaderTemplate}),s=j(),p=g(),e.inline?d.createElement("div",{ref:t,className:r,style:e.panelStyle,onClick:e.onClick},s,p):d.createElement(a.CSSTransition,{nodeRef:t,classNames:"p-connected-overlay",in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:b,onEntered:y,onExit:e.onExit,onExited:e.onExited},d.createElement("div",{ref:t,className:r,style:e.panelStyle,onClick:e.onClick},i,s,p)));return e.inline?x:d.createElement(c.Portal,{element:x,appendTo:e.appendTo})})));function R(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 H(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?R(Object(n),!0).forEach((function(t){O(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):R(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function M(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=V(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 i,o=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){a=!0,i=e},f:function(){try{o||null==n.return||n.return()}finally{if(a)throw i}}}}function V(e,t){if(e){if("string"==typeof e)return K(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)?K(e,t):void 0}}function K(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}P.displayName="MultiSelectPanel";var G=d.memo(d.forwardRef((function(e,t){var a=C(d.useState(""),2),c=a[0],u=a[1],s=C(d.useState(!1),2),p=s[0],f=s[1],m=C(d.useState(e.inline),2),y=m[0],h=m[1],g=d.useRef(null),E=d.useRef(e.inputRef),S=d.useRef(null),j=d.useRef(null),x=c&&c.trim().length>0,k=o.ObjectUtils.isEmpty(e.value),w=e.optionValue?null:e.dataKey,I=C(l.useOverlayListener({target:g,overlay:j,listener:function(e,t){t.valid&&("outside"===t.type?!X(e)&&_():_())},when:y}),2),D=I[0],F=I[1],L=function(){return!e.selectionLimit||!e.value||e.value&&e.value.length<e.selectionLimit},U=function(t){var n=t.originalEvent,l=t.option;if(!e.disabled&&!ee(l)){var r=Q(l),i=te(l),a=z(l),c=L();a?R(n,e.value.filter((function(e){return!o.ObjectUtils.equals(i?e:Q(e),r,w)}))):c&&R(n,[].concat(N(e.value||[]),[r]))}},T=function e(t){var n=t.nextElementSibling;return n?o.DomHandler.hasClass(n,"p-disabled")||o.DomHandler.hasClass(n,"p-multiselect-item-group")?e(n):n:null},A=function e(t){var n=t.previousElementSibling;return n?o.DomHandler.hasClass(n,"p-disabled")||o.DomHandler.hasClass(n,"p-multiselect-item-group")?e(n):n:null},R=function(t,n){e.onChange&&e.onChange({originalEvent:t,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:n}})},V=function(){u(""),e.onFilter&&e.onFilter({filter:""})},K=function(){h(!0)},_=function(){h(!1)},J=function(){o.DomHandler.alignOverlay(j.current,S.current.parentElement,e.appendTo||b.default.appendTo)},X=function(e){return o.DomHandler.hasClass(e.target,"p-multiselect-clear-icon")},q=function(e){return j.current&&j.current.contains(e.target)},B=function(e,t){return t.findIndex((function(t){return e.some((function(e){return o.ObjectUtils.equals(e,Q(t),w)}))}))},z=function(t){if(e.value){var n=Q(t),l=te(t);return e.value.some((function(e){return o.ObjectUtils.equals(l?e:Q(e),n,w)}))}return!1},Z=function(t){var n;if(e.options)if(e.optionGroupLabel){var l,r=M(e.options);try{for(r.s();!(l=r.n()).done;){if(n=Y(t,W(l.value)))break}}catch(e){r.e(e)}finally{r.f()}}else n=Y(t,e.options);return n?$(n):null},Y=function(e,t){return t.find((function(t){return o.ObjectUtils.equals(Q(t),e,w)}))},$=function(t){return e.optionLabel?o.ObjectUtils.resolveFieldData(t,e.optionLabel):t&&void 0!==t.label?t.label:t},Q=function(t){if(e.useOptionAsValue)return t;if(e.optionValue){var n=o.ObjectUtils.resolveFieldData(t,e.optionValue);return null!==n?n:t}return t&&void 0!==t.value?t.value:t},W=function(t){return o.ObjectUtils.resolveFieldData(t,e.optionGroupChildren)},ee=function(t){return e.optionDisabled?o.ObjectUtils.isFunction(e.optionDisabled)?e.optionDisabled(t):o.ObjectUtils.resolveFieldData(t,e.optionDisabled):!(!t||void 0===t.disabled)&&t.disabled},te=function(t){return!e.useOptionAsValue&&e.optionValue||t&&void 0!==t.value},ne=function(t,n){var l=e.value.filter((function(e){return!o.ObjectUtils.equals(e,n,w)}));R(t,l)},le=function(){var t=/{(.*?)}/;return t.test(e.selectedItemsLabel)?e.selectedItemsLabel.replace(e.selectedItemsLabel.match(t)[0],e.value.length+""):e.selectedItemsLabel},re=function(){if(!k&&!e.fixedPlaceholder)return o.ObjectUtils.isNotEmpty(e.maxSelectedLabels)&&e.value.length>e.maxSelectedLabels?le():e.value.reduce((function(e,t,n){return e+(0!==n?",":"")+Z(t)}),"")};d.useImperativeHandle(t,(function(){return{props:e,show:K,hide:_,getElement:function(){return g.current},getOverlay:function(){return j.current},getInput:function(){return E.current}}})),d.useEffect((function(){o.ObjectUtils.combinedRefs(E,e.inputRef)}),[E,e.inputRef]),d.useEffect((function(){setTimeout((function(){e.overlayVisible?K():_()}),100)}),[e.overlayVisible]),l.useUpdateEffect((function(){y&&x&&J()}),[y,x]),l.useUnmountEffect((function(){o.ZIndexUtils.clear(j.current)}));var ie=function(){if(x){var t=c.trim().toLocaleLowerCase(e.filterLocale),l=e.filterBy?e.filterBy.split(","):[e.optionLabel||"label"];if(e.optionGroupLabel){var r,i=[],o=M(e.options);try{for(o.s();!(r=o.n()).done;){var a=r.value,u=n.FilterService.filter(W(a),l,t,e.filterMatchMode,e.filterLocale);u&&u.length&&i.push(H(H({},a),O({},e.optionGroupChildren,u)))}}catch(e){o.e(e)}finally{o.f()}return i}return n.FilterService.filter(e.options,l,t,e.filterMatchMode,e.filterLocale)}return e.options}(),oe=o.ObjectUtils.isNotEmpty(e.tooltip),ae=o.ObjectUtils.findDiffKeys(e,G.defaultProps),ce=o.ObjectUtils.reduceKeys(ae,o.DomHandler.ARIA_PROPS),ue=o.classNames("p-multiselect p-component p-inputwrapper",{"p-multiselect-chip":"chip"===e.display,"p-disabled":e.disabled,"p-multiselect-clearable":e.showClear&&!e.disabled,"p-focus":p,"p-inputwrapper-filled":o.ObjectUtils.isNotEmpty(e.value),"p-inputwrapper-focus":p||y},e.className),se=!e.inline&&function(){var t=e.selectedItemTemplate?k?o.ObjectUtils.getJSXElement(e.selectedItemTemplate):o.ObjectUtils.isNotEmpty(e.maxSelectedLabels)&&e.value.length>e.maxSelectedLabels?le():e.value.map((function(t,n){var l=o.ObjectUtils.getJSXElement(e.selectedItemTemplate,t);return d.createElement(d.Fragment,{key:n},l)})):"chip"!==e.display||k?re():e.value.slice(0,e.maxSelectedLabels||e.value.length).map((function(t){var n=Z(t),l=!e.disabled&&o.IconUtils.getJSXIcon(e.removeIcon,{className:"p-multiselect-token-icon",onClick:function(e){return ne(e,t)}},{props:e});return d.createElement("div",{className:"p-multiselect-token",key:n},d.createElement("span",{className:"p-multiselect-token-label"},n),l)})),n=o.classNames("p-multiselect-label",{"p-placeholder":k&&e.placeholder,"p-multiselect-label-empty":k&&!e.placeholder&&!e.selectedItemTemplate,"p-multiselect-items-label":!k&&"chip"!==e.display&&e.value.length>e.maxSelectedLabels});return d.createElement("div",{ref:S,className:"p-multiselect-label-container"},d.createElement("div",{className:n},t||e.placeholder||"empty"))}(),pe=!e.inline&&(k||!e.showClear||e.disabled?null:d.createElement("i",{className:"p-multiselect-clear-icon pi pi-times",onClick:function(e){return R(e,null)}}));return d.createElement(d.Fragment,null,d.createElement("div",v({ref:g,id:e.id,style:e.style,className:ue},ae,{onClick:function(t){e.inline||e.disabled||q(t)||o.DomHandler.hasClass(t.target,"p-multiselect-token-icon")||X(t)||(y?_():K(),o.DomHandler.focus(E.current),t.preventDefault())}}),d.createElement("div",{className:"p-hidden-accessible"},d.createElement("input",v({ref:E,id:e.inputId,name:e.name,readOnly:!0,type:"text",onFocus:function(t){f(!0),e.onFocus&&e.onFocus(t)},onBlur:function(t){f(!1),e.onBlur&&e.onBlur(t)},onKeyDown:function(t){switch(t.which){case 40:if(e.inline)break;!y&&t.altKey&&(K(),t.preventDefault());break;case 32:if(e.inline)break;y?_():K(),t.preventDefault();break;case 27:if(e.inline)break;_();break;case 9:if(y){var n=o.DomHandler.getFirstFocusableElement(j.current);n&&(n.focus(),t.preventDefault())}}},role:"listbox","aria-expanded":y,disabled:e.disabled,tabIndex:e.tabIndex},ce))),!e.inline&&d.createElement(d.Fragment,null,se,pe,d.createElement("div",{className:"p-multiselect-trigger"},o.IconUtils.getJSXIcon(e.dropdownIcon,{className:"p-multiselect-trigger-icon p-c"},{props:e}))),d.createElement(P,v({ref:j,visibleOptions:ie},e,{onClick:function(e){r.OverlayService.emit("overlay-click",{originalEvent:e,target:g.current})},onOverlayHide:_,filterValue:c,hasFilter:x,onFilterInputChange:function(t){var n=t.query;u(n),e.onFilter&&e.onFilter({originalEvent:t,filter:n})},resetFilter:V,onCloseClick:function(e){_(),o.DomHandler.focus(E.current),e.preventDefault(),e.stopPropagation()},onSelectAll:function(t){if(e.onSelectAll)e.onSelectAll(t);else{var n=null;if(t.checked){if(n=[],ie){var l=ie.filter((function(e){return ee(e)&&z(e)}));n=l.map((function(e){return Q(e)}))}}else if(ie){var r=ie.filter((function(e){return!ee(e)}));e.optionGroupLabel?(n=[],r.forEach((function(e){return n=[].concat(N(n),N(W(e).filter((function(e){return!ee(e)})).map((function(e){return Q(e)}))))}))):n=r.map((function(e){return Q(e)}))}R(t.originalEvent,n)}},getOptionLabel:$,getOptionRenderKey:function(t){return e.dataKey?o.ObjectUtils.resolveFieldData(t,e.dataKey):$(t)},isOptionDisabled:ee,getOptionGroupChildren:W,getOptionGroupLabel:function(t){return o.ObjectUtils.resolveFieldData(t,e.optionGroupLabel)},getOptionGroupRenderKey:function(t){return o.ObjectUtils.resolveFieldData(t,e.optionGroupLabel)},isSelected:z,getSelectedOptionIndex:function(){if(null!=e.value&&e.options){if(e.optionGroupLabel){var t=0,n=e.options.findIndex((function(n,l){return(t=l)&&-1!==B(e.value,W(n))}));return-1!==n?{group:t,option:n}:-1}return B(e.value,e.options)}return-1},isAllSelected:function(){if(e.onSelectAll)return e.selectAll;if(o.ObjectUtils.isEmpty(ie))return!1;var t=ie.filter((function(e){return!ee(e)}));if(!e.optionGroupLabel)return!t.some((function(e){return!z(e)}));var n,l=M(t);try{for(l.s();!(n=l.n()).done;){return!W(n.value).filter((function(e){return!ee(e)})).some((function(e){return!z(e)}))}}catch(e){l.e(e)}finally{l.f()}return!0},onOptionSelect:U,allowOptionSelect:L,onOptionKeyDown:function(e){var t=e.originalEvent,n=t.currentTarget;switch(t.which){case 40:var l=T(n);l&&l.focus(),t.preventDefault();break;case 38:var r=A(n);r&&r.focus(),t.preventDefault();break;case 13:case 32:U(e),t.preventDefault();break;case 27:_(),o.DomHandler.focus(E.current)}},in:y,onEnter:function(e){var t;o.ZIndexUtils.set("overlay",j.current,b.default.autoZIndex,b.default.zIndex.overlay),J(),(t=o.DomHandler.findSingle(j.current,"li.p-highlight"))&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"nearest"}),e&&e()},onEntered:function(t){t&&t(),D(),e.onShow&&e.onShow()},onExit:function(){F()},onExited:function(){e.filter&&e.resetFilterOnHide&&V(),o.ZIndexUtils.clear(j.current),e.onHide&&e.onHide()}}))),oe&&d.createElement(i.Tooltip,v({target:g,content:e.tooltip},e.tooltipOptions)))})));return G.displayName="MultiSelect",G.defaultProps={__TYPE:"MultiSelect",appendTo:null,ariaLabelledBy:null,className:null,dataKey:null,disabled:!1,display:"comma",dropdownIcon:"pi pi-chevron-down",emptyFilterMessage:null,filter:!1,filterBy:null,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,fixedPlaceholder:!1,flex:!1,id:null,inline:!1,inputId:null,inputRef:null,itemClassName:null,itemTemplate:null,maxSelectedLabels:null,name:null,onBlur:null,onChange:null,onFilter:null,onFocus:null,onHide: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:"pi pi-times-circle",resetFilterOnHide:!1,scrollHeight:"200px",selectAll:!1,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},e.MultiSelect=G,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.overlayservice,primereact.tooltip,primereact.utils,primereact.csstransition,primereact.portal,primereact.virtualscroller,primereact.inputtext,primereact.ripple);
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.multiselect=function(e,t,n,l,r,i,o,a,c,u,s,p){"use strict";function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var d=m(t),b=f(n);function v(){return v=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},v.apply(this,arguments)}function y(e){return y="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},y(e)}function h(e,t){if("object"!==y(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var l=n.call(e,t||"default");if("object"!==y(l))return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function g(e){var t=h(e,"string");return"symbol"===y(t)?t:String(t)}function O(e,t,n){return(t=g(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function E(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function S(e){if(Array.isArray(e))return E(e)}function j(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function x(e,t){if(e){if("string"==typeof e)return E(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?E(e,t):void 0}}function k(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function N(e){return S(e)||j(e)||x(e)||k()}function w(e){if(Array.isArray(e))return e}function D(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,i,o,a=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(l=i.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&&(o=n.return(),Object(o)!==o))return}finally{if(u)throw r}}return a}}function I(){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 C(e,t){return w(e)||D(e,t)||x(e,t)||I()}var F=d.memo(d.forwardRef((function(e,t){var n=C(d.useState(!1),2),r=n[0],a=n[1],c=d.useRef(null),u=d.useRef(e.inputRef),s=function(t){if(!e.disabled&&!e.readOnly&&e.onChange){var n=p(),l=t.target instanceof HTMLDivElement||t.target instanceof HTMLSpanElement;if(t.target===u.current||l&&t.target.checked!==n){var r=n?e.falseValue:e.trueValue;e.onChange({originalEvent:t,value:e.value,checked:r,stopPropagation:function(){},preventDefault:function(){},target:{type:"checkbox",name:e.name,id:e.id,value:e.value,checked:r}})}o.DomHandler.focus(u.current),t.preventDefault()}},p=function(){return e.checked===e.trueValue};d.useImperativeHandle(t,(function(){return{props:e,focus:function(){return o.DomHandler.focus(u.current)},getElement:function(){return c.current},getInput:function(){return u.current}}})),d.useEffect((function(){o.ObjectUtils.combinedRefs(u,e.inputRef)}),[u,e.inputRef]),l.useUpdateEffect((function(){u.current.checked=p()}),[e.checked,e.trueValue]);var f=p(),m=o.ObjectUtils.isNotEmpty(e.tooltip),b=o.ObjectUtils.findDiffKeys(e,F.defaultProps),y=o.ObjectUtils.reduceKeys(b,o.DomHandler.ARIA_PROPS),h=o.classNames("p-checkbox p-component",{"p-checkbox-checked":f,"p-checkbox-disabled":e.disabled,"p-checkbox-focused":r},e.className),g=o.classNames("p-checkbox-box",{"p-highlight":f,"p-disabled":e.disabled,"p-focus":r}),O=o.IconUtils.getJSXIcon(f?e.icon:"",{className:"p-checkbox-icon p-c"},{props:e,checked:f});return d.createElement(d.Fragment,null,d.createElement("div",v({ref:c,id:e.id,className:h,style:e.style},b,{onClick:s,onContextMenu:e.onContextMenu,onMouseDown:e.onMouseDown}),d.createElement("div",{className:"p-hidden-accessible"},d.createElement("input",v({ref:u,type:"checkbox",id:e.inputId,name:e.name,tabIndex:e.tabIndex,defaultChecked:f,onFocus:function(){a(!0)},onBlur:function(){a(!1)},onKeyDown:function(e){"Space"!==e.code&&" "!==e.key||s(e)},disabled:e.disabled,readOnly:e.readOnly,required:e.required},y))),d.createElement("div",{className:g},O)),m&&d.createElement(i.Tooltip,v({target:c,content:e.tooltip},e.tooltipOptions)))})));F.displayName="Checkbox",F.defaultProps={__TYPE:"Checkbox",id:null,inputRef:null,inputId:null,value:null,name:null,checked:!1,trueValue:!0,falseValue:!1,style:null,className:null,disabled:!1,required:!1,readOnly:!1,tabIndex:null,icon:"pi pi-check",tooltip:null,tooltipOptions:null,onChange:null,onMouseDown:null,onContextMenu:null};var L=d.memo((function(e){var t={filter:function(e){return l(e)},reset:function(){return e.resetFilter()}},l=function(t){e.onFilter&&e.onFilter({originalEvent:t,query:t.target.value})},r=function(t){e.onSelectAll&&e.onSelectAll({originalEvent:t,checked:e.selectAll}),t.preventDefault()},i=function(){if(e.filter){var n=o.classNames("p-multiselect-filter-container"),r=d.createElement("div",{className:n},d.createElement(s.InputText,{ref:e.filterRef,type:"text",role:"textbox",value:e.filterValue,onChange:l,className:"p-multiselect-filter",placeholder:e.filterPlaceholder}),d.createElement("span",{className:"p-multiselect-filter-icon pi pi-search"}));if(e.filterTemplate)r=o.ObjectUtils.getJSXElement(e.filterTemplate,{className:n,element:r,filterOptions:t,onFilter:l,filterIconClassName:"p-multeselect-filter-icon pi pi-search",props:e});return d.createElement(d.Fragment,null,r)}return null}(),a=e.showSelectAll&&d.createElement(F,{checked:e.selectAll,onChange:r,role:"checkbox","aria-checked":e.selectAll}),c=d.createElement("button",{type:"button",className:"p-multiselect-close p-link","aria-label":n.localeOption("close"),onClick:e.onClose},d.createElement("span",{className:"p-multiselect-close-icon pi pi-times","aria-hidden":"true"}),d.createElement(p.Ripple,null)),u=d.createElement("div",{className:"p-multiselect-header"},a,i,c);return e.template?o.ObjectUtils.getJSXElement(e.template,{className:"p-multiselect-header",checkboxElement:a,checked:e.selectAll,onChange:r,filterElement:i,closeElement:c,closeElementClassName:"p-multiselect-close p-link",closeIconClassName:"p-multiselect-close-icon pi pi-times",onCloseClick:e.onClose,element:u,props:e}):u}));L.displayName="MultiSelectHeader";var U=d.memo((function(e){var t=o.classNames("p-multiselect-item",{"p-highlight":e.selected,"p-disabled":e.disabled},e.className,e.option.className),n=o.classNames("p-checkbox-box",{"p-highlight":e.selected}),l=o.classNames("p-checkbox-icon p-c",{"pi pi-check":e.selected}),r=e.template?o.ObjectUtils.getJSXElement(e.template,e.option):e.label;return d.createElement("li",{className:t,style:e.style,onClick:function(t){e.onClick&&e.onClick({originalEvent:t,option:e.option}),t.preventDefault()},tabIndex:e.disabled?null:e.tabIndex||0,onKeyDown:function(t){e.onKeyDown&&e.onKeyDown({originalEvent:t,option:e.option})},role:"option","aria-selected":e.selected},d.createElement("div",{className:"p-checkbox p-component"},d.createElement("div",{className:n},d.createElement("span",{className:l}))),d.createElement("span",null,r),d.createElement(p.Ripple,null))}));function T(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 A(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?T(Object(n),!0).forEach((function(t){O(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}U.displayName="MultiSelectItem";var P=d.memo(d.forwardRef((function(e,t){var l,r,i,s,p,f=d.useRef(null),m=d.useRef(null),y=function(){e.onEnter((function(){if(f.current){var t=e.getSelectedOptionIndex();-1!==t&&setTimeout((function(){return f.current.scrollToIndex(t)}),0)}}))},h=function(){e.onEntered((function(){e.filter&&m.current&&o.DomHandler.focus(m.current,!1)}))},g=function(t){f.current&&f.current.scrollToIndex(0),e.onFilterInputChange&&e.onFilterInputChange(t)},O=function(){if(e.panelFooterTemplate){var t=o.ObjectUtils.getJSXElement(e.panelFooterTemplate,e,e.onOverlayHide);return d.createElement("div",{className:"p-multiselect-footer"},t)}return null},E=function(t,n){return e.getOptionGroupChildren(t).map((function(t,l){var r=e.getOptionLabel(t),i=l+"_"+e.getOptionRenderKey(t),o=e.isOptionDisabled(t),a=o?null:e.tabIndex||0,c=e.isSelected(t);return d.createElement(U,{key:i,label:r,option:t,style:n,template:e.itemTemplate,selected:c,onClick:e.onOptionSelect,onKeyDown:e.onOptionKeyDown,tabIndex:a,disabled:o,className:e.itemClassName})}))},S=function(){var t=o.ObjectUtils.getJSXElement(e.emptyFilterMessage,e)||n.localeOption("emptyFilterMessage");return d.createElement("li",{className:"p-multiselect-empty-message"},t)},j=function(t,n){var l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r={height:l.props?l.props.itemSize:void 0};if(e.optionGroupLabel){var i=e.optionGroupTemplate?o.ObjectUtils.getJSXElement(e.optionGroupTemplate,t,n):e.getOptionGroupLabel(t),a=E(t,r),c=n+"_"+e.getOptionGroupRenderKey(t);return d.createElement(d.Fragment,{key:c},d.createElement("li",{className:"p-multiselect-item-group",style:r},i),a)}var u=e.getOptionLabel(t),s=n+"_"+e.getOptionRenderKey(t),p=e.isOptionDisabled(t),f=p?null:e.tabIndex||0,m=e.isSelected(t);return d.createElement(U,{key:s,label:u,option:t,style:r,template:e.itemTemplate,selected:m,onClick:e.onOptionSelect,onKeyDown:e.onOptionKeyDown,tabIndex:f,disabled:p,className:e.itemClassName})},x=function(){if(e.virtualScrollerOptions){var t=A(A({},e.virtualScrollerOptions),{style:A(A({},e.virtualScrollerOptions.style),{height:e.scrollHeight}),className:o.classNames("p-multiselect-items-wrapper",e.virtualScrollerOptions.className),items:e.visibleOptions,autoSize:!0,onLazyLoad:function(t){return e.virtualScrollerOptions.onLazyLoad(A(A({},t),{filter:e.filterValue}))},itemTemplate:function(e,t){return e&&j(e,t.index,t)},contentTemplate:function(t){var n=o.classNames("p-multiselect-items p-component",t.className),l=e.visibleOptions&&e.visibleOptions.length||!e.hasFilter?t.children:S();return d.createElement("ul",{ref:t.contentRef,className:n,role:"listbox","aria-multiselectable":!0},l)}});return d.createElement(u.VirtualScroller,v({ref:f},t))}var n=o.ObjectUtils.isNotEmpty(e.visibleOptions)?e.visibleOptions.map(j):e.hasFilter?S():null;return d.createElement("div",{className:"p-multiselect-items-wrapper",style:{maxHeight:e.scrollHeight}},d.createElement("ul",{className:"p-multiselect-items p-component",role:"listbox","aria-multiselectable":!0},n))},k=(l=e.allowOptionSelect(),r=o.classNames("p-multiselect-panel p-component",{"p-multiselect-inline":e.inline,"p-multiselect-flex":e.flex,"p-multiselect-limited":!l,"p-input-filled":"filled"===b.default.inputStyle,"p-ripple-disabled":!1===b.default.ripple},e.panelClassName),i=d.createElement(L,{filter:e.filter,filterRef:m,filterValue:e.filterValue,filterTemplate:e.filterTemplate,onFilter:g,filterPlaceholder:e.filterPlaceholder,onClose:e.onCloseClick,showSelectAll:e.showSelectAll,selectAll:e.isAllSelected(),onSelectAll:e.onSelectAll,template:e.panelHeaderTemplate}),s=x(),p=O(),e.inline?d.createElement("div",{ref:t,className:r,style:e.panelStyle,onClick:e.onClick},s,p):d.createElement(a.CSSTransition,{nodeRef:t,classNames:"p-connected-overlay",in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:y,onEntered:h,onExit:e.onExit,onExited:e.onExited},d.createElement("div",{ref:t,className:r,style:e.panelStyle,onClick:e.onClick},i,s,p)));return e.inline?k:d.createElement(c.Portal,{element:k,appendTo:e.appendTo})})));function R(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 H(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?R(Object(n),!0).forEach((function(t){O(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):R(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function M(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=V(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 i,o=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){a=!0,i=e},f:function(){try{o||null==n.return||n.return()}finally{if(a)throw i}}}}function V(e,t){if(e){if("string"==typeof e)return K(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)?K(e,t):void 0}}function K(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}P.displayName="MultiSelectPanel";var G=d.memo(d.forwardRef((function(e,t){var a=C(d.useState(""),2),c=a[0],u=a[1],s=C(d.useState(!1),2),p=s[0],f=s[1],m=C(d.useState(e.inline),2),y=m[0],h=m[1],g=d.useRef(null),E=d.useRef(e.inputRef),S=d.useRef(null),j=d.useRef(null),x=c&&c.trim().length>0,k=o.ObjectUtils.isEmpty(e.value),w=e.optionValue?null:e.dataKey,D=C(l.useOverlayListener({target:g,overlay:j,listener:function(e,t){t.valid&&("outside"===t.type?!X(e)&&_():_())},when:y}),2),I=D[0],F=D[1],L=function(){return!e.selectionLimit||!e.value||e.value&&e.value.length<e.selectionLimit},U=function(t){var n=t.originalEvent,l=t.option;if(!e.disabled&&!ee(l)){var r=Q(l),i=te(l),a=z(l),c=L();a?R(n,e.value.filter((function(e){return!o.ObjectUtils.equals(i?e:Q(e),r,w)}))):c&&R(n,[].concat(N(e.value||[]),[r]))}},T=function e(t){var n=t.nextElementSibling;return n?o.DomHandler.hasClass(n,"p-disabled")||o.DomHandler.hasClass(n,"p-multiselect-item-group")?e(n):n:null},A=function e(t){var n=t.previousElementSibling;return n?o.DomHandler.hasClass(n,"p-disabled")||o.DomHandler.hasClass(n,"p-multiselect-item-group")?e(n):n:null},R=function(t,n){e.onChange&&e.onChange({originalEvent:t,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:n}})},V=function(){u(""),e.onFilter&&e.onFilter({filter:""})},K=function(){h(!0)},_=function(){h(!1)},J=function(){o.DomHandler.alignOverlay(j.current,S.current.parentElement,e.appendTo||b.default.appendTo)},X=function(e){return o.DomHandler.hasClass(e.target,"p-multiselect-clear-icon")},q=function(e){return j.current&&j.current.contains(e.target)},B=function(e,t){return t.findIndex((function(t){return e.some((function(e){return o.ObjectUtils.equals(e,Q(t),w)}))}))},z=function(t){if(e.value){var n=Q(t),l=te(t);return e.value.some((function(e){return o.ObjectUtils.equals(l?e:Q(e),n,w)}))}return!1},Z=function(t){var n;if(e.options)if(e.optionGroupLabel){var l,r=M(e.options);try{for(r.s();!(l=r.n()).done;){if(n=Y(t,W(l.value)))break}}catch(e){r.e(e)}finally{r.f()}}else n=Y(t,e.options);return n?$(n):null},Y=function(e,t){return t.find((function(t){return o.ObjectUtils.equals(Q(t),e,w)}))},$=function(t){return e.optionLabel?o.ObjectUtils.resolveFieldData(t,e.optionLabel):t&&void 0!==t.label?t.label:t},Q=function(t){if(e.useOptionAsValue)return t;if(e.optionValue){var n=o.ObjectUtils.resolveFieldData(t,e.optionValue);return null!==n?n:t}return t&&void 0!==t.value?t.value:t},W=function(t){return o.ObjectUtils.resolveFieldData(t,e.optionGroupChildren)},ee=function(t){return e.optionDisabled?o.ObjectUtils.isFunction(e.optionDisabled)?e.optionDisabled(t):o.ObjectUtils.resolveFieldData(t,e.optionDisabled):!(!t||void 0===t.disabled)&&t.disabled},te=function(t){return!e.useOptionAsValue&&e.optionValue||t&&void 0!==t.value},ne=function(t,n){var l=e.value.filter((function(e){return!o.ObjectUtils.equals(e,n,w)}));R(t,l)},le=function(){var t=/{(.*?)}/;return t.test(e.selectedItemsLabel)?e.selectedItemsLabel.replace(e.selectedItemsLabel.match(t)[0],e.value.length+""):e.selectedItemsLabel},re=function(){if(!k&&!e.fixedPlaceholder)return o.ObjectUtils.isNotEmpty(e.maxSelectedLabels)&&e.value.length>e.maxSelectedLabels?le():e.value.reduce((function(e,t,n){return e+(0!==n?",":"")+Z(t)}),"")};d.useImperativeHandle(t,(function(){return{props:e,show:K,hide:_,focus:function(){return o.DomHandler.focus(E.current)},getElement:function(){return g.current},getOverlay:function(){return j.current},getInput:function(){return E.current}}})),d.useEffect((function(){o.ObjectUtils.combinedRefs(E,e.inputRef)}),[E,e.inputRef]),d.useEffect((function(){setTimeout((function(){e.overlayVisible?K():_()}),100)}),[e.overlayVisible]),l.useUpdateEffect((function(){y&&x&&J()}),[y,x]),l.useUnmountEffect((function(){o.ZIndexUtils.clear(j.current)}));var ie=function(){if(x){var t=c.trim().toLocaleLowerCase(e.filterLocale),l=e.filterBy?e.filterBy.split(","):[e.optionLabel||"label"];if(e.optionGroupLabel){var r,i=[],o=M(e.options);try{for(o.s();!(r=o.n()).done;){var a=r.value,u=n.FilterService.filter(W(a),l,t,e.filterMatchMode,e.filterLocale);u&&u.length&&i.push(H(H({},a),O({},e.optionGroupChildren,u)))}}catch(e){o.e(e)}finally{o.f()}return i}return n.FilterService.filter(e.options,l,t,e.filterMatchMode,e.filterLocale)}return e.options}(),oe=o.ObjectUtils.isNotEmpty(e.tooltip),ae=o.ObjectUtils.findDiffKeys(e,G.defaultProps),ce=o.ObjectUtils.reduceKeys(ae,o.DomHandler.ARIA_PROPS),ue=o.classNames("p-multiselect p-component p-inputwrapper",{"p-multiselect-chip":"chip"===e.display,"p-disabled":e.disabled,"p-multiselect-clearable":e.showClear&&!e.disabled,"p-focus":p,"p-inputwrapper-filled":o.ObjectUtils.isNotEmpty(e.value),"p-inputwrapper-focus":p||y},e.className),se=!e.inline&&function(){var t=e.selectedItemTemplate?k?o.ObjectUtils.getJSXElement(e.selectedItemTemplate):o.ObjectUtils.isNotEmpty(e.maxSelectedLabels)&&e.value.length>e.maxSelectedLabels?le():e.value.map((function(t,n){var l=o.ObjectUtils.getJSXElement(e.selectedItemTemplate,t);return d.createElement(d.Fragment,{key:n},l)})):"chip"!==e.display||k?re():e.value.slice(0,e.maxSelectedLabels||e.value.length).map((function(t){var n=Z(t),l=!e.disabled&&o.IconUtils.getJSXIcon(e.removeIcon,{className:"p-multiselect-token-icon",onClick:function(e){return ne(e,t)}},{props:e});return d.createElement("div",{className:"p-multiselect-token",key:n},d.createElement("span",{className:"p-multiselect-token-label"},n),l)})),n=o.classNames("p-multiselect-label",{"p-placeholder":k&&e.placeholder,"p-multiselect-label-empty":k&&!e.placeholder&&!e.selectedItemTemplate,"p-multiselect-items-label":!k&&"chip"!==e.display&&e.value.length>e.maxSelectedLabels});return d.createElement("div",{ref:S,className:"p-multiselect-label-container"},d.createElement("div",{className:n},t||e.placeholder||"empty"))}(),pe=!e.inline&&(k||!e.showClear||e.disabled?null:d.createElement("i",{className:"p-multiselect-clear-icon pi pi-times",onClick:function(e){return R(e,null)}}));return d.createElement(d.Fragment,null,d.createElement("div",v({ref:g,id:e.id,style:e.style,className:ue},ae,{onClick:function(t){e.inline||e.disabled||q(t)||o.DomHandler.hasClass(t.target,"p-multiselect-token-icon")||X(t)||(y?_():K(),o.DomHandler.focus(E.current),t.preventDefault())}}),d.createElement("div",{className:"p-hidden-accessible"},d.createElement("input",v({ref:E,id:e.inputId,name:e.name,readOnly:!0,type:"text",onFocus:function(t){f(!0),e.onFocus&&e.onFocus(t)},onBlur:function(t){f(!1),e.onBlur&&e.onBlur(t)},onKeyDown:function(t){switch(t.which){case 40:if(e.inline)break;!y&&t.altKey&&(K(),t.preventDefault());break;case 32:if(e.inline)break;y?_():K(),t.preventDefault();break;case 27:if(e.inline)break;_();break;case 9:if(y){var n=o.DomHandler.getFirstFocusableElement(j.current);n&&(n.focus(),t.preventDefault())}}},role:"listbox","aria-expanded":y,disabled:e.disabled,tabIndex:e.tabIndex},ce))),!e.inline&&d.createElement(d.Fragment,null,se,pe,d.createElement("div",{className:"p-multiselect-trigger"},o.IconUtils.getJSXIcon(e.dropdownIcon,{className:"p-multiselect-trigger-icon p-c"},{props:e}))),d.createElement(P,v({ref:j,visibleOptions:ie},e,{onClick:function(e){r.OverlayService.emit("overlay-click",{originalEvent:e,target:g.current})},onOverlayHide:_,filterValue:c,hasFilter:x,onFilterInputChange:function(t){var n=t.query;u(n),e.onFilter&&e.onFilter({originalEvent:t,filter:n})},resetFilter:V,onCloseClick:function(e){_(),o.DomHandler.focus(E.current),e.preventDefault(),e.stopPropagation()},onSelectAll:function(t){if(e.onSelectAll)e.onSelectAll(t);else{var n=null;if(t.checked){if(n=[],ie){var l=ie.filter((function(e){return ee(e)&&z(e)}));n=l.map((function(e){return Q(e)}))}}else if(ie){var r=ie.filter((function(e){return!ee(e)}));e.optionGroupLabel?(n=[],r.forEach((function(e){return n=[].concat(N(n),N(W(e).filter((function(e){return!ee(e)})).map((function(e){return Q(e)}))))}))):n=r.map((function(e){return Q(e)}))}R(t.originalEvent,n)}},getOptionLabel:$,getOptionRenderKey:function(t){return e.dataKey?o.ObjectUtils.resolveFieldData(t,e.dataKey):$(t)},isOptionDisabled:ee,getOptionGroupChildren:W,getOptionGroupLabel:function(t){return o.ObjectUtils.resolveFieldData(t,e.optionGroupLabel)},getOptionGroupRenderKey:function(t){return o.ObjectUtils.resolveFieldData(t,e.optionGroupLabel)},isSelected:z,getSelectedOptionIndex:function(){if(null!=e.value&&e.options){if(e.optionGroupLabel){var t=0,n=e.options.findIndex((function(n,l){return(t=l)&&-1!==B(e.value,W(n))}));return-1!==n?{group:t,option:n}:-1}return B(e.value,e.options)}return-1},isAllSelected:function(){if(e.onSelectAll)return e.selectAll;if(o.ObjectUtils.isEmpty(ie))return!1;var t=ie.filter((function(e){return!ee(e)}));if(!e.optionGroupLabel)return!t.some((function(e){return!z(e)}));var n,l=M(t);try{for(l.s();!(n=l.n()).done;){return!W(n.value).filter((function(e){return!ee(e)})).some((function(e){return!z(e)}))}}catch(e){l.e(e)}finally{l.f()}return!0},onOptionSelect:U,allowOptionSelect:L,onOptionKeyDown:function(e){var t=e.originalEvent,n=t.currentTarget;switch(t.which){case 40:var l=T(n);l&&l.focus(),t.preventDefault();break;case 38:var r=A(n);r&&r.focus(),t.preventDefault();break;case 13:case 32:U(e),t.preventDefault();break;case 27:_(),o.DomHandler.focus(E.current)}},in:y,onEnter:function(e){var t;o.ZIndexUtils.set("overlay",j.current,b.default.autoZIndex,b.default.zIndex.overlay),J(),(t=o.DomHandler.findSingle(j.current,"li.p-highlight"))&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"nearest"}),e&&e()},onEntered:function(t){t&&t(),I(),e.onShow&&e.onShow()},onExit:function(){F()},onExited:function(){e.filter&&e.resetFilterOnHide&&V(),o.ZIndexUtils.clear(j.current),e.onHide&&e.onHide()}}))),oe&&d.createElement(i.Tooltip,v({target:g,content:e.tooltip},e.tooltipOptions)))})));return G.displayName="MultiSelect",G.defaultProps={__TYPE:"MultiSelect",appendTo:null,ariaLabelledBy:null,className:null,dataKey:null,disabled:!1,display:"comma",dropdownIcon:"pi pi-chevron-down",emptyFilterMessage:null,filter:!1,filterBy:null,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,fixedPlaceholder:!1,flex:!1,id:null,inline:!1,inputId:null,inputRef:null,itemClassName:null,itemTemplate:null,maxSelectedLabels:null,name:null,onBlur:null,onChange:null,onFilter:null,onFocus:null,onHide: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:"pi pi-times-circle",resetFilterOnHide:!1,scrollHeight:"200px",selectAll:!1,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},e.MultiSelect=G,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.overlayservice,primereact.tooltip,primereact.utils,primereact.csstransition,primereact.portal,primereact.virtualscroller,primereact.inputtext,primereact.ripple);
|
|
@@ -212,6 +212,9 @@ var MultiStateCheckbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React_
|
|
|
212
212
|
React__namespace.useImperativeHandle(ref, function () {
|
|
213
213
|
return {
|
|
214
214
|
props: props,
|
|
215
|
+
focus: function focus() {
|
|
216
|
+
return utils.DomHandler.focusFirstElement(elementRef.current);
|
|
217
|
+
},
|
|
215
218
|
getElement: function getElement() {
|
|
216
219
|
return elementRef.current;
|
|
217
220
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/hooks"),r=require("primereact/tooltip"),o=require("primereact/utils");function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var i=l(e);function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a.apply(this,arguments)}function u(e){return u="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},u(e)}function c(e,t){if("object"!==u(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==u(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function s(e){var t=c(e,"string");return"symbol"===u(t)?t:String(t)}function p(e){if(Array.isArray(e))return e}function f(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,i,a=[],u=!0,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=l.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw o}}return a}}function
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/hooks"),r=require("primereact/tooltip"),o=require("primereact/utils");function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var i=l(e);function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a.apply(this,arguments)}function u(e){return u="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},u(e)}function c(e,t){if("object"!==u(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==u(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function s(e){var t=c(e,"string");return"symbol"===u(t)?t:String(t)}function p(e){if(Array.isArray(e))return e}function f(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,i,a=[],u=!0,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=l.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw o}}return a}}function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function b(e,t){if(e){if("string"==typeof e)return m(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?m(e,t):void 0}}function d(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var y=i.memo(i.forwardRef((function(e,l){var u,c,m=i.useState(!1),v=(c=2,p(u=m)||f(u,c)||b(u,c)||d()),h=v[0],g=v[1],O=i.useRef(null),j=e.optionValue?null:e.dataKey,x=function(t){return e.optionValue?o.ObjectUtils.resolveFieldData(t,e.optionValue):t},S=function(t){if(e.onChange){var n=x(e.options?w===e.options.length-1?e.empty?null:e.options[0]:e.options[w+1]:null);e.onChange({originalEvent:t,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:n}})}};i.useImperativeHandle(l,(function(){return{props:e,focus:function(){return o.DomHandler.focusFirstElement(O.current)},getElement:function(){return O.current}}})),n.useMountEffect((function(){e.empty||null!==e.value||S()}));var E,k,N=(e.options&&(k=e.options.findIndex((function(t){return o.ObjectUtils.equals(e.value,x(t),j)})),E=e.options[k]),{option:E,index:k}),P=N.option,w=N.index,C=o.ObjectUtils.isNotEmpty(e.tooltip),D=o.ObjectUtils.findDiffKeys(e,y.defaultProps),I=o.ObjectUtils.reduceKeys(D,o.DomHandler.ARIA_PROPS),A=o.classNames("p-multistatecheckbox p-checkbox p-component",e.className,{"p-checkbox-disabled":e.disabled}),U=o.classNames("p-checkbox-box",{"p-highlight":!!P,"p-disabled":e.disabled,"p-focus":h},P&&P.className),M=function(){var t,n,r,l=o.classNames("p-checkbox-icon p-c",(t={},n="".concat(P&&P.icon||""),r=!0,(n=s(n))in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t)),a=i.createElement("span",{className:l});return e.iconTemplate?o.ObjectUtils.getJSXElement(e.iconTemplate,{option:P,className:l,element:a,props:e}):a}(),T=P?function(t){var n=e.optionLabel||e.optionValue;return n?o.ObjectUtils.resolveFieldData(t,n):t}(P):t.ariaLabel("nullLabel"),_=P?"true":"false";return i.createElement(i.Fragment,null,i.createElement("div",a({ref:O,id:e.id,className:A,style:e.style},D,{onClick:function(t){e.disabled||e.readOnly||S(t)}}),i.createElement("div",a({className:U,style:P&&P.style,tabIndex:e.tabIndex,onFocus:function(){g(!0)},onBlur:function(){g(!1)},onKeyDown:function(e){32===e.keyCode&&(S(e),e.preventDefault())},role:"checkbox","aria-checked":_},I),M),h&&i.createElement("span",{className:"p-sr-only","aria-live":"polite"},T)),C&&i.createElement(r.Tooltip,a({target:O,content:e.tooltip},e.tooltipOptions)))})));y.displayName="MultiStateCheckbox",y.defaultProps={__TYPE:"MultiStateCheckbox",id:null,value:null,options:null,optionValue:null,optionLabel:null,iconTemplate:null,dataKey:null,style:null,className:null,disabled:!1,readOnly:!1,empty:!0,tabIndex:"0",tooltip:null,tooltipOptions:null,onChange:null},exports.MultiStateCheckbox=y;
|
|
@@ -1,55 +1,190 @@
|
|
|
1
|
+
/**
|
|
2
|
+
*
|
|
3
|
+
* MultiStateCheckbox is used to select a state from given multiple states.
|
|
4
|
+
*
|
|
5
|
+
* [Live Demo](https://www.primefaces.org/primereact/multistatecheckbox/)
|
|
6
|
+
*
|
|
7
|
+
* @module multistatecheckbox
|
|
8
|
+
*
|
|
9
|
+
*/
|
|
1
10
|
import * as React from 'react';
|
|
2
|
-
import TooltipOptions from '../tooltip/tooltipoptions';
|
|
11
|
+
import { TooltipOptions } from '../tooltip/tooltipoptions';
|
|
3
12
|
import { IconType } from '../utils';
|
|
4
13
|
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
14
|
+
/**
|
|
15
|
+
* Custom MultiStateCheckbox option.
|
|
16
|
+
* @group Misc
|
|
17
|
+
*/
|
|
9
18
|
interface MultiStateCheckboxOption {
|
|
19
|
+
/**
|
|
20
|
+
* The icon of the option.
|
|
21
|
+
*/
|
|
10
22
|
icon: IconType<MultiStateCheckboxProps>;
|
|
23
|
+
/**
|
|
24
|
+
* Inline style of the element.
|
|
25
|
+
*/
|
|
11
26
|
style: React.CSSProperties;
|
|
27
|
+
/**
|
|
28
|
+
* Style class of the element.
|
|
29
|
+
*/
|
|
12
30
|
className: string;
|
|
31
|
+
/**
|
|
32
|
+
* Extra options.
|
|
33
|
+
*/
|
|
13
34
|
[key: string]: any;
|
|
14
35
|
}
|
|
15
36
|
|
|
16
|
-
|
|
17
|
-
|
|
37
|
+
/**
|
|
38
|
+
* Custom icon template options.
|
|
39
|
+
*/
|
|
40
|
+
interface MultiStateCheckboxIconTemplateEvent {
|
|
41
|
+
/**
|
|
42
|
+
* Option of the element.
|
|
43
|
+
*/
|
|
44
|
+
option: MultiStateCheckboxOption | null | undefined;
|
|
45
|
+
/**
|
|
46
|
+
* Style class of the element.
|
|
47
|
+
*/
|
|
18
48
|
className: string;
|
|
49
|
+
/**
|
|
50
|
+
* The default element created by the component.
|
|
51
|
+
*/
|
|
19
52
|
element: JSX.Element;
|
|
53
|
+
/**
|
|
54
|
+
* The props passed to the component.
|
|
55
|
+
*/
|
|
20
56
|
props: MultiStateCheckboxProps;
|
|
21
57
|
}
|
|
22
58
|
|
|
59
|
+
/**
|
|
60
|
+
* Custom change target options.
|
|
61
|
+
*/
|
|
23
62
|
interface MultiStateCheckboxChangeTargetOptions {
|
|
63
|
+
/**
|
|
64
|
+
* The name of the element.
|
|
65
|
+
*/
|
|
24
66
|
name: string;
|
|
67
|
+
/**
|
|
68
|
+
* Unique identifier of the element.
|
|
69
|
+
*/
|
|
25
70
|
id: string;
|
|
26
|
-
|
|
71
|
+
/**
|
|
72
|
+
* Value of the MultiStateCheckbox.
|
|
73
|
+
*/
|
|
74
|
+
value: boolean | null | undefined;
|
|
27
75
|
}
|
|
28
76
|
|
|
29
|
-
|
|
77
|
+
/**
|
|
78
|
+
* Custom change event.
|
|
79
|
+
* @see {@link MultiStateCheckboxProps.onChange}
|
|
80
|
+
* @event
|
|
81
|
+
*/
|
|
82
|
+
interface MultiStateCheckboxChangeEvent {
|
|
83
|
+
/**
|
|
84
|
+
* Browser event
|
|
85
|
+
*/
|
|
30
86
|
originalEvent: React.SyntheticEvent;
|
|
87
|
+
/**
|
|
88
|
+
* Current value
|
|
89
|
+
*/
|
|
31
90
|
value: any;
|
|
91
|
+
/**
|
|
92
|
+
* Stops the event from propagating.
|
|
93
|
+
*/
|
|
32
94
|
stopPropagation(): void;
|
|
95
|
+
/**
|
|
96
|
+
* Prevents the default action of the event.
|
|
97
|
+
*/
|
|
33
98
|
preventDefault(): void;
|
|
99
|
+
/**
|
|
100
|
+
* Target options.
|
|
101
|
+
*/
|
|
34
102
|
target: MultiStateCheckboxChangeTargetOptions;
|
|
35
103
|
}
|
|
36
104
|
|
|
105
|
+
/**
|
|
106
|
+
* Defines valid properties in MultiStateCheckbox component. In addition to these, all properties of HTMLDivElement can be used in this component.
|
|
107
|
+
* @group Properties
|
|
108
|
+
*/
|
|
37
109
|
export interface MultiStateCheckboxProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange' | 'ref'> {
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
110
|
+
/**
|
|
111
|
+
* Value of the MultiStateCheckbox.
|
|
112
|
+
*/
|
|
113
|
+
value?: any | undefined;
|
|
114
|
+
/**
|
|
115
|
+
* An array to display as the available options.
|
|
116
|
+
*/
|
|
117
|
+
options?: MultiStateCheckboxOption[] | any[];
|
|
118
|
+
/**
|
|
119
|
+
* Property name to use as the value of an option, defaults to the option itself when not defined.
|
|
120
|
+
*/
|
|
121
|
+
optionValue?: string | undefined;
|
|
122
|
+
/**
|
|
123
|
+
* Property name to refer to the option label, used by screen readers only. Defaults to optionValue.
|
|
124
|
+
*/
|
|
125
|
+
optionLabel?: string | undefined;
|
|
126
|
+
/**
|
|
127
|
+
* Template of icon for the selected option.
|
|
128
|
+
*/
|
|
129
|
+
iconTemplate?: React.ReactNode | ((options: MultiStateCheckboxIconTemplateEvent) => React.ReactNode);
|
|
130
|
+
/**
|
|
131
|
+
* A property to uniquely identify an option.
|
|
132
|
+
*/
|
|
133
|
+
dataKey?: string | undefined;
|
|
134
|
+
/**
|
|
135
|
+
* When present, it specifies that the element value cannot be altered.
|
|
136
|
+
* @defaultValue false
|
|
137
|
+
*/
|
|
138
|
+
disabled?: boolean | undefined;
|
|
139
|
+
/**
|
|
140
|
+
* When present, it specifies that the value cannot be changed.
|
|
141
|
+
* @defaultValue false
|
|
142
|
+
*/
|
|
143
|
+
readOnly?: boolean | undefined;
|
|
144
|
+
/**
|
|
145
|
+
* If false, the empty state is skipped in the chekbox.
|
|
146
|
+
* @defaultValue true
|
|
147
|
+
*/
|
|
148
|
+
empty?: boolean | undefined;
|
|
149
|
+
/**
|
|
150
|
+
* Content of the tooltip.
|
|
151
|
+
*/
|
|
152
|
+
tooltip?: string | undefined;
|
|
153
|
+
/**
|
|
154
|
+
* Configuration of the tooltip, refer to the tooltip documentation for more information.
|
|
155
|
+
*/
|
|
156
|
+
tooltipOptions?: TooltipOptions | undefined;
|
|
157
|
+
/**
|
|
158
|
+
* Callback to invoke on value change
|
|
159
|
+
* @param {MultiStateCheckboxChangeEvent} event - Custom change event.
|
|
160
|
+
*/
|
|
161
|
+
onChange?(event: MultiStateCheckboxChangeEvent): void;
|
|
162
|
+
/**
|
|
163
|
+
* Used to get the child elements of the component.
|
|
164
|
+
* @readonly
|
|
165
|
+
*/
|
|
166
|
+
children?: React.ReactNode | undefined;
|
|
51
167
|
}
|
|
52
168
|
|
|
169
|
+
/**
|
|
170
|
+
* **PrimeReact - MultiStateCheckbox**
|
|
171
|
+
*
|
|
172
|
+
* _MultiStateCheckbox is used to select a state from given multiple states._
|
|
173
|
+
*
|
|
174
|
+
* [Live Demo](https://www.primefaces.org/primereact/multistatecheckbox/)
|
|
175
|
+
* --- ---
|
|
176
|
+
* 
|
|
177
|
+
*
|
|
178
|
+
* @group Component
|
|
179
|
+
*/
|
|
53
180
|
export declare class MultiStateCheckbox extends React.Component<MultiStateCheckboxProps, any> {
|
|
181
|
+
/**
|
|
182
|
+
* Used to focus the component.
|
|
183
|
+
*/
|
|
184
|
+
public focus(): void;
|
|
185
|
+
/**
|
|
186
|
+
* Used to get container element.
|
|
187
|
+
* @return {HTMLDivElement} Container element
|
|
188
|
+
*/
|
|
54
189
|
public getElement(): HTMLDivElement;
|
|
55
190
|
}
|
|
@@ -2,7 +2,7 @@ import * as React from 'react';
|
|
|
2
2
|
import { ariaLabel } from 'primereact/api';
|
|
3
3
|
import { useMountEffect } from 'primereact/hooks';
|
|
4
4
|
import { Tooltip } from 'primereact/tooltip';
|
|
5
|
-
import {
|
|
5
|
+
import { DomHandler, ObjectUtils, classNames } from 'primereact/utils';
|
|
6
6
|
|
|
7
7
|
function _extends() {
|
|
8
8
|
_extends = Object.assign ? Object.assign.bind() : function (target) {
|
|
@@ -188,6 +188,9 @@ var MultiStateCheckbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(
|
|
|
188
188
|
React.useImperativeHandle(ref, function () {
|
|
189
189
|
return {
|
|
190
190
|
props: props,
|
|
191
|
+
focus: function focus() {
|
|
192
|
+
return DomHandler.focusFirstElement(elementRef.current);
|
|
193
|
+
},
|
|
191
194
|
getElement: function getElement() {
|
|
192
195
|
return elementRef.current;
|
|
193
196
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import{ariaLabel as t}from"primereact/api";import{useMountEffect as n}from"primereact/hooks";import{Tooltip as o}from"primereact/tooltip";import{
|
|
1
|
+
import*as e from"react";import{ariaLabel as t}from"primereact/api";import{useMountEffect as n}from"primereact/hooks";import{Tooltip as o}from"primereact/tooltip";import{DomHandler as r,ObjectUtils as l,classNames as i}from"primereact/utils";function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},a.apply(this,arguments)}function u(e){return u="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},u(e)}function c(e,t){if("object"!==u(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==u(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function p(e){var t=c(e,"string");return"symbol"===u(t)?t:String(t)}function s(e){if(Array.isArray(e))return e}function f(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o,r,l,i,a=[],u=!0,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(o=l.call(n)).done)&&(a.push(o.value),a.length!==t);u=!0);}catch(e){c=!0,r=e}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw r}}return a}}function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function y(e,t){if(e){if("string"==typeof e)return m(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?m(e,t):void 0}}function d(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var b=e.memo(e.forwardRef((function(u,c){var m,v,h=e.useState(!1),g=(v=2,s(m=h)||f(m,v)||y(m,v)||d()),S=g[0],x=g[1],E=e.useRef(null),O=u.optionValue?null:u.dataKey,k=function(e){return u.optionValue?l.resolveFieldData(e,u.optionValue):e},j=function(e){if(u.onChange){var t=k(u.options?A===u.options.length-1?u.empty?null:u.options[0]:u.options[A+1]:null);u.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:u.name,id:u.id,value:t}})}};e.useImperativeHandle(c,(function(){return{props:u,focus:function(){return r.focusFirstElement(E.current)},getElement:function(){return E.current}}})),n((function(){u.empty||null!==u.value||j()}));var N,w,P=(u.options&&(w=u.options.findIndex((function(e){return l.equals(u.value,k(e),O)})),N=u.options[w]),{option:N,index:w}),I=P.option,A=P.index,C=l.isNotEmpty(u.tooltip),D=l.findDiffKeys(u,b.defaultProps),T=l.reduceKeys(D,r.ARIA_PROPS),F=i("p-multistatecheckbox p-checkbox p-component",u.className,{"p-checkbox-disabled":u.disabled}),K=i("p-checkbox-box",{"p-highlight":!!I,"p-disabled":u.disabled,"p-focus":S},I&&I.className),V=function(){var t,n,o,r=i("p-checkbox-icon p-c",(t={},n="".concat(I&&I.icon||""),o=!0,(n=p(n))in t?Object.defineProperty(t,n,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[n]=o,t)),a=e.createElement("span",{className:r});return u.iconTemplate?l.getJSXElement(u.iconTemplate,{option:I,className:r,element:a,props:u}):a}(),R=I?function(e){var t=u.optionLabel||u.optionValue;return t?l.resolveFieldData(e,t):e}(I):t("nullLabel"),L=I?"true":"false";return e.createElement(e.Fragment,null,e.createElement("div",a({ref:E,id:u.id,className:F,style:u.style},D,{onClick:function(e){u.disabled||u.readOnly||j(e)}}),e.createElement("div",a({className:K,style:I&&I.style,tabIndex:u.tabIndex,onFocus:function(){x(!0)},onBlur:function(){x(!1)},onKeyDown:function(e){32===e.keyCode&&(j(e),e.preventDefault())},role:"checkbox","aria-checked":L},T),V),S&&e.createElement("span",{className:"p-sr-only","aria-live":"polite"},R)),C&&e.createElement(o,a({target:E,content:u.tooltip},u.tooltipOptions)))})));b.displayName="MultiStateCheckbox",b.defaultProps={__TYPE:"MultiStateCheckbox",id:null,value:null,options:null,optionValue:null,optionLabel:null,iconTemplate:null,dataKey:null,style:null,className:null,disabled:!1,readOnly:!1,empty:!0,tabIndex:"0",tooltip:null,tooltipOptions:null,onChange:null};export{b as MultiStateCheckbox};
|
|
@@ -206,6 +206,9 @@ this.primereact.multistatecheckbox = (function (exports, React, api, hooks, tool
|
|
|
206
206
|
React__namespace.useImperativeHandle(ref, function () {
|
|
207
207
|
return {
|
|
208
208
|
props: props,
|
|
209
|
+
focus: function focus() {
|
|
210
|
+
return utils.DomHandler.focusFirstElement(elementRef.current);
|
|
211
|
+
},
|
|
209
212
|
getElement: function getElement() {
|
|
210
213
|
return elementRef.current;
|
|
211
214
|
}
|