primereact 9.3.0 → 9.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +21 -38
- package/accordion/accordion.cjs.js +88 -90
- package/accordion/accordion.cjs.min.js +1 -1
- package/accordion/accordion.d.ts +90 -1
- package/accordion/accordion.esm.js +89 -91
- package/accordion/accordion.esm.min.js +1 -1
- package/accordion/accordion.js +89 -92
- package/accordion/accordion.min.js +1 -1
- package/api/api.cjs.js +1 -0
- package/api/api.cjs.min.js +1 -1
- package/api/api.esm.js +1 -0
- package/api/api.esm.min.js +1 -1
- package/api/api.js +1 -0
- package/api/api.min.js +1 -1
- package/autocomplete/autocomplete.cjs.js +9 -5
- package/autocomplete/autocomplete.cjs.min.js +1 -1
- package/autocomplete/autocomplete.esm.js +9 -5
- package/autocomplete/autocomplete.esm.min.js +1 -1
- package/autocomplete/autocomplete.js +8 -4
- package/autocomplete/autocomplete.min.js +1 -1
- package/avatar/avatar.cjs.js +71 -22
- package/avatar/avatar.cjs.min.js +1 -1
- package/avatar/avatar.d.ts +37 -1
- package/avatar/avatar.esm.js +72 -23
- package/avatar/avatar.esm.min.js +1 -1
- package/avatar/avatar.js +72 -24
- package/avatar/avatar.min.js +1 -1
- package/avatargroup/avatargroup.cjs.js +26 -42
- package/avatargroup/avatargroup.cjs.min.js +1 -1
- package/avatargroup/avatargroup.d.ts +24 -0
- package/avatargroup/avatargroup.esm.js +13 -29
- package/avatargroup/avatargroup.esm.min.js +1 -1
- package/avatargroup/avatargroup.js +52 -69
- package/avatargroup/avatargroup.min.js +1 -1
- package/badge/badge.cjs.js +12 -28
- package/badge/badge.cjs.min.js +1 -1
- package/badge/badge.d.ts +26 -0
- package/badge/badge.esm.js +13 -29
- package/badge/badge.esm.min.js +1 -1
- package/badge/badge.js +13 -30
- package/badge/badge.min.js +1 -1
- package/blockui/blockui.cjs.js +12 -28
- package/blockui/blockui.cjs.min.js +1 -1
- package/blockui/blockui.d.ts +38 -0
- package/blockui/blockui.esm.js +13 -29
- package/blockui/blockui.esm.min.js +1 -1
- package/blockui/blockui.js +13 -30
- package/blockui/blockui.min.js +1 -1
- package/breadcrumb/breadcrumb.js +1 -1
- package/breadcrumb/breadcrumb.min.js +1 -1
- package/button/button.cjs.js +49 -42
- package/button/button.cjs.min.js +1 -1
- package/button/button.d.ts +42 -1
- package/button/button.esm.js +50 -43
- package/button/button.esm.min.js +1 -1
- package/button/button.js +49 -43
- package/button/button.min.js +1 -1
- package/calendar/calendar.cjs.js +31 -23
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.d.ts +1 -1
- package/calendar/calendar.esm.js +31 -23
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +28 -20
- package/calendar/calendar.min.js +1 -1
- package/card/card.cjs.js +52 -63
- package/card/card.cjs.min.js +1 -1
- package/card/card.d.ts +56 -0
- package/card/card.esm.js +39 -50
- package/card/card.esm.min.js +1 -1
- package/card/card.js +86 -98
- package/card/card.min.js +1 -1
- package/carousel/carousel.cjs.js +16 -28
- package/carousel/carousel.cjs.min.js +1 -1
- package/carousel/carousel.d.ts +2 -2
- package/carousel/carousel.esm.js +16 -28
- package/carousel/carousel.esm.min.js +1 -1
- package/carousel/carousel.js +14 -26
- package/carousel/carousel.min.js +1 -1
- package/cascadeselect/cascadeselect.js +1 -1
- package/cascadeselect/cascadeselect.min.js +1 -1
- package/chart/chart.cjs.js +5 -1
- package/chart/chart.cjs.min.js +1 -1
- package/chart/chart.d.ts +5 -0
- package/chart/chart.esm.js +5 -1
- package/chart/chart.esm.min.js +1 -1
- package/chart/chart.js +5 -1
- package/chart/chart.min.js +1 -1
- package/checkbox/checkbox.cjs.js +22 -7
- package/checkbox/checkbox.cjs.min.js +1 -1
- package/checkbox/checkbox.d.ts +14 -1
- package/checkbox/checkbox.esm.js +22 -7
- package/checkbox/checkbox.esm.min.js +1 -1
- package/checkbox/checkbox.js +23 -8
- package/checkbox/checkbox.min.js +1 -1
- package/chip/chip.cjs.js +45 -42
- package/chip/chip.cjs.min.js +1 -1
- package/chip/chip.d.ts +53 -1
- package/chip/chip.esm.js +46 -43
- package/chip/chip.esm.min.js +1 -1
- package/chip/chip.js +46 -44
- package/chip/chip.min.js +1 -1
- package/chips/chips.cjs.js +13 -5
- package/chips/chips.cjs.min.js +1 -1
- package/chips/chips.esm.js +13 -5
- package/chips/chips.esm.min.js +1 -1
- package/chips/chips.js +14 -6
- package/chips/chips.min.js +1 -1
- package/colorpicker/colorpicker.cjs.js +7 -4
- package/colorpicker/colorpicker.cjs.min.js +1 -1
- package/colorpicker/colorpicker.d.ts +8 -0
- package/colorpicker/colorpicker.esm.js +7 -4
- package/colorpicker/colorpicker.esm.min.js +1 -1
- package/colorpicker/colorpicker.js +7 -4
- package/colorpicker/colorpicker.min.js +1 -1
- package/column/column.d.ts +6 -2
- package/componentbase/componentbase.cjs.js +105 -0
- package/componentbase/componentbase.cjs.min.js +1 -0
- package/componentbase/componentbase.esm.js +101 -0
- package/componentbase/componentbase.esm.min.js +1 -0
- package/componentbase/componentbase.js +109 -0
- package/componentbase/componentbase.min.js +1 -0
- package/componentbase/package.json +6 -0
- package/confirmdialog/confirmdialog.cjs.js +44 -27
- package/confirmdialog/confirmdialog.cjs.min.js +1 -1
- package/confirmdialog/confirmdialog.d.ts +90 -2
- package/confirmdialog/confirmdialog.esm.js +45 -28
- package/confirmdialog/confirmdialog.esm.min.js +1 -1
- package/confirmdialog/confirmdialog.js +45 -29
- package/confirmdialog/confirmdialog.min.js +1 -1
- package/confirmpopup/confirmpopup.cjs.js +53 -50
- package/confirmpopup/confirmpopup.cjs.min.js +1 -1
- package/confirmpopup/confirmpopup.d.ts +70 -1
- package/confirmpopup/confirmpopup.esm.js +54 -51
- package/confirmpopup/confirmpopup.esm.min.js +1 -1
- package/confirmpopup/confirmpopup.js +54 -52
- package/confirmpopup/confirmpopup.min.js +1 -1
- package/contextmenu/contextmenu.js +1 -1
- package/contextmenu/contextmenu.min.js +1 -1
- package/core/core.js +1253 -1048
- package/core/core.min.js +17 -15
- package/datatable/datatable.cjs.js +82 -41
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.d.ts +39 -10
- package/datatable/datatable.esm.js +82 -41
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +72 -31
- package/datatable/datatable.min.js +1 -1
- package/dataview/dataview.js +1 -1
- package/dataview/dataview.min.js +1 -1
- package/deferredcontent/deferredcontent.cjs.js +13 -26
- package/deferredcontent/deferredcontent.cjs.min.js +1 -1
- package/deferredcontent/deferredcontent.d.ts +38 -0
- package/deferredcontent/deferredcontent.esm.js +14 -27
- package/deferredcontent/deferredcontent.esm.min.js +1 -1
- package/deferredcontent/deferredcontent.js +14 -28
- package/deferredcontent/deferredcontent.min.js +1 -1
- package/dialog/dialog.cjs.js +83 -83
- package/dialog/dialog.cjs.min.js +1 -1
- package/dialog/dialog.d.ts +85 -3
- package/dialog/dialog.esm.js +83 -83
- package/dialog/dialog.esm.min.js +1 -1
- package/dialog/dialog.js +81 -82
- package/dialog/dialog.min.js +1 -1
- package/divider/divider.cjs.js +35 -51
- package/divider/divider.cjs.min.js +1 -1
- package/divider/divider.d.ts +30 -0
- package/divider/divider.esm.js +22 -38
- package/divider/divider.esm.min.js +1 -1
- package/divider/divider.js +66 -83
- package/divider/divider.min.js +1 -1
- package/dropdown/dropdown.cjs.js +45 -19
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.d.ts +6 -1
- package/dropdown/dropdown.esm.js +45 -19
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +45 -19
- package/dropdown/dropdown.min.js +1 -1
- package/fieldset/fieldset.cjs.js +55 -54
- package/fieldset/fieldset.cjs.min.js +1 -1
- package/fieldset/fieldset.d.ts +77 -1
- package/fieldset/fieldset.esm.js +56 -55
- package/fieldset/fieldset.esm.min.js +1 -1
- package/fieldset/fieldset.js +56 -56
- package/fieldset/fieldset.min.js +1 -1
- package/fileupload/fileupload.cjs.js +13 -14
- package/fileupload/fileupload.cjs.min.js +1 -1
- package/fileupload/fileupload.esm.js +14 -15
- package/fileupload/fileupload.esm.min.js +1 -1
- package/fileupload/fileupload.js +14 -16
- package/fileupload/fileupload.min.js +1 -1
- package/galleria/galleria.cjs.js +5 -0
- package/galleria/galleria.cjs.min.js +1 -1
- package/galleria/galleria.d.ts +4 -4
- package/galleria/galleria.esm.js +5 -0
- package/galleria/galleria.esm.min.js +1 -1
- package/galleria/galleria.js +6 -1
- package/galleria/galleria.min.js +1 -1
- package/hooks/hooks.cjs.js +15 -2
- package/hooks/hooks.cjs.min.js +1 -1
- package/hooks/hooks.esm.js +15 -2
- package/hooks/hooks.esm.min.js +1 -1
- package/hooks/hooks.js +15 -2
- package/hooks/hooks.min.js +1 -1
- package/image/image.cjs.js +63 -41
- package/image/image.cjs.min.js +1 -1
- package/image/image.d.ts +22 -6
- package/image/image.esm.js +63 -41
- package/image/image.esm.min.js +1 -1
- package/image/image.js +61 -39
- package/image/image.min.js +1 -1
- package/inplace/inplace.cjs.js +33 -51
- package/inplace/inplace.cjs.min.js +1 -1
- package/inplace/inplace.d.ts +51 -1
- package/inplace/inplace.esm.js +33 -51
- package/inplace/inplace.esm.min.js +1 -1
- package/inplace/inplace.js +33 -52
- package/inplace/inplace.min.js +1 -1
- package/inputmask/inputmask.cjs.js +6 -2
- package/inputmask/inputmask.cjs.min.js +1 -1
- package/inputmask/inputmask.d.ts +1 -1
- package/inputmask/inputmask.esm.js +6 -2
- package/inputmask/inputmask.esm.min.js +1 -1
- package/inputmask/inputmask.js +6 -2
- package/inputmask/inputmask.min.js +1 -1
- package/inputnumber/inputnumber.cjs.js +8 -4
- package/inputnumber/inputnumber.cjs.min.js +1 -1
- package/inputnumber/inputnumber.esm.js +8 -4
- package/inputnumber/inputnumber.esm.min.js +1 -1
- package/inputnumber/inputnumber.js +8 -4
- package/inputnumber/inputnumber.min.js +1 -1
- package/inputswitch/inputswitch.cjs.js +6 -2
- package/inputswitch/inputswitch.cjs.min.js +1 -1
- package/inputswitch/inputswitch.esm.js +6 -2
- package/inputswitch/inputswitch.esm.min.js +1 -1
- package/inputswitch/inputswitch.js +6 -2
- package/inputswitch/inputswitch.min.js +1 -1
- package/inputtext/inputtext.cjs.js +7 -8
- package/inputtext/inputtext.cjs.min.js +1 -1
- package/inputtext/inputtext.esm.js +7 -8
- package/inputtext/inputtext.esm.min.js +1 -1
- package/inputtext/inputtext.js +7 -8
- package/inputtext/inputtext.min.js +1 -1
- package/inputtextarea/inputtextarea.cjs.js +5 -6
- package/inputtextarea/inputtextarea.cjs.min.js +1 -1
- package/inputtextarea/inputtextarea.esm.js +5 -6
- package/inputtextarea/inputtextarea.esm.min.js +1 -1
- package/inputtextarea/inputtextarea.js +5 -6
- package/inputtextarea/inputtextarea.min.js +1 -1
- package/listbox/listbox.cjs.js +12 -4
- package/listbox/listbox.cjs.min.js +1 -1
- package/listbox/listbox.esm.js +12 -4
- package/listbox/listbox.esm.min.js +1 -1
- package/listbox/listbox.js +13 -5
- package/listbox/listbox.min.js +1 -1
- package/megamenu/megamenu.js +1 -1
- package/megamenu/megamenu.min.js +1 -1
- package/mention/mention.cjs.js +6 -6
- package/mention/mention.cjs.min.js +1 -1
- package/mention/mention.esm.js +6 -6
- package/mention/mention.esm.min.js +1 -1
- package/mention/mention.js +6 -6
- package/mention/mention.min.js +1 -1
- package/menubar/menubar.js +1 -1
- package/menubar/menubar.min.js +1 -1
- package/menuitem/menuitem.d.ts +0 -2
- package/message/message.d.ts +1 -1
- package/message/message.js +1 -1
- package/message/message.min.js +1 -1
- package/messages/messages.cjs.js +64 -50
- package/messages/messages.cjs.min.js +1 -1
- package/messages/messages.d.ts +5 -0
- package/messages/messages.esm.js +64 -50
- package/messages/messages.esm.min.js +1 -1
- package/messages/messages.js +62 -48
- package/messages/messages.min.js +1 -1
- package/multiselect/multiselect.cjs.js +46 -22
- package/multiselect/multiselect.cjs.min.js +1 -1
- package/multiselect/multiselect.d.ts +4 -0
- package/multiselect/multiselect.esm.js +46 -22
- package/multiselect/multiselect.esm.min.js +1 -1
- package/multiselect/multiselect.js +45 -21
- package/multiselect/multiselect.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.cjs.js +6 -2
- package/multistatecheckbox/multistatecheckbox.cjs.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.esm.js +6 -2
- package/multistatecheckbox/multistatecheckbox.esm.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.js +6 -2
- package/multistatecheckbox/multistatecheckbox.min.js +1 -1
- package/orderlist/orderlist.js +1 -1
- package/orderlist/orderlist.min.js +1 -1
- package/organizationchart/organizationchart.d.ts +18 -2
- package/organizationchart/organizationchart.js +1 -1
- package/organizationchart/organizationchart.min.js +1 -1
- package/overlaypanel/overlaypanel.cjs.js +40 -46
- package/overlaypanel/overlaypanel.cjs.min.js +1 -1
- package/overlaypanel/overlaypanel.d.ts +45 -1
- package/overlaypanel/overlaypanel.esm.js +41 -47
- package/overlaypanel/overlaypanel.esm.min.js +1 -1
- package/overlaypanel/overlaypanel.js +41 -48
- package/overlaypanel/overlaypanel.min.js +1 -1
- package/package.json +1 -1
- package/paginator/paginator.cjs.js +1 -1
- package/paginator/paginator.cjs.min.js +1 -1
- package/paginator/paginator.esm.js +1 -1
- package/paginator/paginator.esm.min.js +1 -1
- package/paginator/paginator.js +2 -2
- package/paginator/paginator.min.js +1 -1
- package/panel/panel.cjs.js +78 -63
- package/panel/panel.cjs.min.js +1 -1
- package/panel/panel.d.ts +100 -1
- package/panel/panel.esm.js +79 -64
- package/panel/panel.esm.min.js +1 -1
- package/panel/panel.js +79 -65
- package/panel/panel.min.js +1 -1
- package/panelmenu/panelmenu.js +1 -1
- package/panelmenu/panelmenu.min.js +1 -1
- package/password/password.cjs.js +3 -9
- package/password/password.cjs.min.js +1 -1
- package/password/password.d.ts +1 -1
- package/password/password.esm.js +3 -9
- package/password/password.esm.min.js +1 -1
- package/password/password.js +4 -10
- package/password/password.min.js +1 -1
- package/picklist/picklist.cjs.js +2 -2
- package/picklist/picklist.cjs.min.js +1 -1
- package/picklist/picklist.esm.js +2 -2
- package/picklist/picklist.esm.min.js +1 -1
- package/picklist/picklist.js +3 -3
- package/picklist/picklist.min.js +1 -1
- package/primereact.all.cjs.js +2310 -1775
- package/primereact.all.cjs.min.js +1 -1
- package/primereact.all.esm.js +2310 -1776
- package/primereact.all.esm.min.js +1 -1
- package/primereact.all.js +2310 -1775
- package/primereact.all.min.js +1 -1
- package/progressbar/progressbar.cjs.js +45 -57
- package/progressbar/progressbar.cjs.min.js +1 -1
- package/progressbar/progressbar.d.ts +38 -0
- package/progressbar/progressbar.esm.js +32 -44
- package/progressbar/progressbar.esm.min.js +1 -1
- package/progressbar/progressbar.js +105 -118
- package/progressbar/progressbar.min.js +1 -1
- package/progressspinner/progressspinner.cjs.js +37 -51
- package/progressspinner/progressspinner.cjs.min.js +1 -1
- package/progressspinner/progressspinner.d.ts +34 -0
- package/progressspinner/progressspinner.esm.js +24 -38
- package/progressspinner/progressspinner.esm.min.js +1 -1
- package/progressspinner/progressspinner.js +75 -90
- package/progressspinner/progressspinner.min.js +1 -1
- package/radiobutton/radiobutton.cjs.js +29 -14
- package/radiobutton/radiobutton.cjs.min.js +1 -1
- package/radiobutton/radiobutton.d.ts +14 -1
- package/radiobutton/radiobutton.esm.js +29 -14
- package/radiobutton/radiobutton.esm.min.js +1 -1
- package/radiobutton/radiobutton.js +29 -14
- package/radiobutton/radiobutton.min.js +1 -1
- package/rating/rating.cjs.js +15 -7
- package/rating/rating.cjs.min.js +1 -1
- package/rating/rating.esm.js +15 -7
- package/rating/rating.esm.min.js +1 -1
- package/rating/rating.js +14 -6
- package/rating/rating.min.js +1 -1
- package/resources/primereact.css +538 -538
- package/resources/primereact.min.css +1 -1
- package/resources/themes/arya-blue/theme.css +3 -0
- package/resources/themes/arya-green/theme.css +3 -0
- package/resources/themes/arya-orange/theme.css +3 -0
- package/resources/themes/arya-purple/theme.css +3 -0
- package/resources/themes/bootstrap4-dark-blue/theme.css +3 -0
- package/resources/themes/bootstrap4-dark-purple/theme.css +3 -0
- package/resources/themes/bootstrap4-light-blue/theme.css +3 -0
- package/resources/themes/bootstrap4-light-purple/theme.css +3 -0
- package/resources/themes/fluent-light/theme.css +3 -0
- package/resources/themes/lara-dark-blue/theme.css +3 -0
- package/resources/themes/lara-dark-indigo/theme.css +3 -0
- package/resources/themes/lara-dark-purple/theme.css +3 -0
- package/resources/themes/lara-dark-teal/theme.css +3 -0
- package/resources/themes/lara-light-blue/theme.css +3 -0
- package/resources/themes/lara-light-indigo/theme.css +3 -0
- package/resources/themes/lara-light-purple/theme.css +3 -0
- package/resources/themes/lara-light-teal/theme.css +3 -0
- package/resources/themes/luna-amber/theme.css +3 -0
- package/resources/themes/luna-blue/theme.css +3 -0
- package/resources/themes/luna-green/theme.css +3 -0
- package/resources/themes/luna-pink/theme.css +3 -0
- package/resources/themes/md-dark-deeppurple/theme.css +3 -0
- package/resources/themes/md-dark-indigo/theme.css +3 -0
- package/resources/themes/md-light-deeppurple/theme.css +3 -0
- package/resources/themes/md-light-indigo/theme.css +3 -0
- package/resources/themes/mdc-dark-deeppurple/theme.css +3 -0
- package/resources/themes/mdc-dark-indigo/theme.css +3 -0
- package/resources/themes/mdc-light-deeppurple/theme.css +3 -0
- package/resources/themes/mdc-light-indigo/theme.css +3 -0
- package/resources/themes/mira/theme.css +3 -0
- package/resources/themes/nano/theme.css +3 -0
- package/resources/themes/nova/theme.css +3 -0
- package/resources/themes/nova-accent/theme.css +3 -0
- package/resources/themes/nova-alt/theme.css +3 -0
- package/resources/themes/rhea/theme.css +3 -0
- package/resources/themes/saga-blue/theme.css +3 -0
- package/resources/themes/saga-green/theme.css +3 -0
- package/resources/themes/saga-orange/theme.css +3 -0
- package/resources/themes/saga-purple/theme.css +3 -0
- package/resources/themes/soho-dark/theme.css +3 -0
- package/resources/themes/soho-light/theme.css +3 -0
- package/resources/themes/tailwind-light/theme.css +3 -0
- package/resources/themes/vela-blue/theme.css +3 -0
- package/resources/themes/vela-green/theme.css +3 -0
- package/resources/themes/vela-orange/theme.css +3 -0
- package/resources/themes/vela-purple/theme.css +3 -0
- package/resources/themes/viva-dark/theme.css +3 -0
- package/resources/themes/viva-light/theme.css +3 -0
- package/scrollpanel/scrollpanel.cjs.js +39 -52
- package/scrollpanel/scrollpanel.cjs.min.js +1 -1
- package/scrollpanel/scrollpanel.d.ts +42 -0
- package/scrollpanel/scrollpanel.esm.js +26 -39
- package/scrollpanel/scrollpanel.esm.min.js +1 -1
- package/scrollpanel/scrollpanel.js +193 -207
- package/scrollpanel/scrollpanel.min.js +1 -1
- package/scrolltop/scrolltop.cjs.js +64 -36
- package/scrolltop/scrolltop.cjs.min.js +1 -1
- package/scrolltop/scrolltop.d.ts +42 -1
- package/scrolltop/scrolltop.esm.js +65 -37
- package/scrolltop/scrolltop.esm.min.js +1 -1
- package/scrolltop/scrolltop.js +65 -38
- package/scrolltop/scrolltop.min.js +1 -1
- package/selectbutton/selectbutton.cjs.js +6 -2
- package/selectbutton/selectbutton.cjs.min.js +1 -1
- package/selectbutton/selectbutton.esm.js +6 -2
- package/selectbutton/selectbutton.esm.min.js +1 -1
- package/selectbutton/selectbutton.js +6 -2
- package/selectbutton/selectbutton.min.js +1 -1
- package/sidebar/sidebar.cjs.js +88 -52
- package/sidebar/sidebar.cjs.min.js +1 -1
- package/sidebar/sidebar.d.ts +58 -1
- package/sidebar/sidebar.esm.js +89 -53
- package/sidebar/sidebar.esm.min.js +1 -1
- package/sidebar/sidebar.js +89 -54
- package/sidebar/sidebar.min.js +1 -1
- package/skeleton/skeleton.cjs.js +26 -42
- package/skeleton/skeleton.cjs.min.js +1 -1
- package/skeleton/skeleton.d.ts +26 -0
- package/skeleton/skeleton.esm.js +13 -29
- package/skeleton/skeleton.esm.min.js +1 -1
- package/skeleton/skeleton.js +70 -87
- package/skeleton/skeleton.min.js +1 -1
- package/slidemenu/slidemenu.js +1 -1
- package/slidemenu/slidemenu.min.js +1 -1
- package/speeddial/speeddial.cjs.js +63 -56
- package/speeddial/speeddial.cjs.min.js +1 -1
- package/speeddial/speeddial.d.ts +64 -1
- package/speeddial/speeddial.esm.js +64 -57
- package/speeddial/speeddial.esm.min.js +1 -1
- package/speeddial/speeddial.js +62 -56
- package/speeddial/speeddial.min.js +1 -1
- package/splitbutton/splitbutton.cjs.js +50 -40
- package/splitbutton/splitbutton.cjs.min.js +1 -1
- package/splitbutton/splitbutton.d.ts +59 -1
- package/splitbutton/splitbutton.esm.js +51 -41
- package/splitbutton/splitbutton.esm.min.js +1 -1
- package/splitbutton/splitbutton.js +50 -41
- package/splitbutton/splitbutton.min.js +1 -1
- package/splitter/splitter.cjs.js +68 -70
- package/splitter/splitter.cjs.min.js +1 -1
- package/splitter/splitter.d.ts +60 -0
- package/splitter/splitter.esm.js +69 -71
- package/splitter/splitter.esm.min.js +1 -1
- package/splitter/splitter.js +69 -72
- package/splitter/splitter.min.js +1 -1
- package/styleclass/styleclass.cjs.js +9 -7
- package/styleclass/styleclass.cjs.min.js +1 -1
- package/styleclass/styleclass.esm.js +9 -7
- package/styleclass/styleclass.esm.min.js +1 -1
- package/styleclass/styleclass.js +9 -7
- package/styleclass/styleclass.min.js +1 -1
- package/tabview/tabview.cjs.js +143 -123
- package/tabview/tabview.cjs.min.js +1 -1
- package/tabview/tabview.d.ts +135 -4
- package/tabview/tabview.esm.js +144 -124
- package/tabview/tabview.esm.min.js +1 -1
- package/tabview/tabview.js +144 -125
- package/tabview/tabview.min.js +1 -1
- package/tag/tag.cjs.js +18 -30
- package/tag/tag.cjs.min.js +1 -1
- package/tag/tag.d.ts +34 -1
- package/tag/tag.esm.js +19 -31
- package/tag/tag.esm.min.js +1 -1
- package/tag/tag.js +19 -32
- package/tag/tag.min.js +1 -1
- package/terminal/terminal.cjs.js +49 -52
- package/terminal/terminal.cjs.min.js +1 -1
- package/terminal/terminal.d.ts +73 -0
- package/terminal/terminal.esm.js +50 -53
- package/terminal/terminal.esm.min.js +1 -1
- package/terminal/terminal.js +50 -54
- package/terminal/terminal.min.js +1 -1
- package/terminalservice/terminalservice.d.ts +1 -1
- package/tieredmenu/tieredmenu.cjs.js +1 -1
- package/tieredmenu/tieredmenu.cjs.min.js +1 -1
- package/tieredmenu/tieredmenu.esm.js +1 -1
- package/tieredmenu/tieredmenu.esm.min.js +1 -1
- package/tieredmenu/tieredmenu.js +2 -2
- package/tieredmenu/tieredmenu.min.js +1 -1
- package/timeline/timeline.d.ts +1 -1
- package/toast/toast.cjs.js +13 -10
- package/toast/toast.cjs.min.js +1 -1
- package/toast/toast.d.ts +4 -0
- package/toast/toast.esm.js +13 -10
- package/toast/toast.esm.min.js +1 -1
- package/toast/toast.js +14 -11
- package/toast/toast.min.js +1 -1
- package/togglebutton/togglebutton.cjs.js +6 -2
- package/togglebutton/togglebutton.cjs.min.js +1 -1
- package/togglebutton/togglebutton.esm.js +6 -2
- package/togglebutton/togglebutton.esm.min.js +1 -1
- package/togglebutton/togglebutton.js +6 -2
- package/togglebutton/togglebutton.min.js +1 -1
- package/toolbar/toolbar.cjs.js +35 -49
- package/toolbar/toolbar.cjs.min.js +1 -1
- package/toolbar/toolbar.d.ts +44 -0
- package/toolbar/toolbar.esm.js +22 -36
- package/toolbar/toolbar.esm.min.js +1 -1
- package/toolbar/toolbar.js +72 -87
- package/toolbar/toolbar.min.js +1 -1
- package/tooltip/tooltip.cjs.js +31 -37
- package/tooltip/tooltip.cjs.min.js +1 -1
- package/tooltip/tooltip.d.ts +55 -0
- package/tooltip/tooltip.esm.js +32 -38
- package/tooltip/tooltip.esm.min.js +1 -1
- package/tooltip/tooltip.js +32 -39
- package/tooltip/tooltip.min.js +1 -1
- package/tooltip/tooltipoptions.d.ts +5 -0
- package/tree/tree.d.ts +1 -1
- package/tree/tree.js +1 -1
- package/tree/tree.min.js +1 -1
- package/treenode/treenode.d.ts +5 -1
- package/treeselect/treeselect.cjs.js +9 -5
- package/treeselect/treeselect.cjs.min.js +1 -1
- package/treeselect/treeselect.d.ts +1 -1
- package/treeselect/treeselect.esm.js +9 -5
- package/treeselect/treeselect.esm.min.js +1 -1
- package/treeselect/treeselect.js +8 -4
- package/treeselect/treeselect.min.js +1 -1
- package/treetable/treetable.cjs.js +10 -3
- package/treetable/treetable.cjs.min.js +1 -1
- package/treetable/treetable.d.ts +1 -1
- package/treetable/treetable.esm.js +10 -3
- package/treetable/treetable.esm.min.js +1 -1
- package/treetable/treetable.js +11 -4
- package/treetable/treetable.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.cjs.js +8 -4
- package/tristatecheckbox/tristatecheckbox.cjs.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.esm.js +8 -4
- package/tristatecheckbox/tristatecheckbox.esm.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.js +8 -4
- package/tristatecheckbox/tristatecheckbox.min.js +1 -1
- package/utils/utils.cjs.js +710 -672
- package/utils/utils.cjs.min.js +1 -1
- package/utils/utils.d.ts +4 -0
- package/utils/utils.esm.js +710 -673
- package/utils/utils.esm.min.js +1 -1
- package/utils/utils.js +710 -672
- package/utils/utils.min.js +1 -1
- package/virtualscroller/virtualscroller.js +1 -1
- package/virtualscroller/virtualscroller.min.js +1 -1
- package/web-types.json +17 -199
|
@@ -205,21 +205,23 @@ var StyleClass = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
|
|
|
205
205
|
}
|
|
206
206
|
switch (props.selector) {
|
|
207
207
|
case '@next':
|
|
208
|
-
return elementRef.current.nextElementSibling;
|
|
208
|
+
return elementRef.current && elementRef.current.nextElementSibling;
|
|
209
209
|
case '@prev':
|
|
210
|
-
return elementRef.current.previousElementSibling;
|
|
210
|
+
return elementRef.current && elementRef.current.previousElementSibling;
|
|
211
211
|
case '@parent':
|
|
212
|
-
return elementRef.current.parentElement;
|
|
212
|
+
return elementRef.current && elementRef.current.parentElement;
|
|
213
213
|
case '@grandparent':
|
|
214
|
-
return elementRef.current.parentElement.parentElement;
|
|
214
|
+
return elementRef.current && elementRef.current.parentElement.parentElement;
|
|
215
215
|
default:
|
|
216
216
|
return document.querySelector(props.selector);
|
|
217
217
|
}
|
|
218
218
|
};
|
|
219
219
|
var init = function init() {
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
220
|
+
Promise.resolve().then(function () {
|
|
221
|
+
elementRef.current = ObjectUtils.getRefElement(props.nodeRef);
|
|
222
|
+
bindClickListener({
|
|
223
|
+
target: elementRef.current
|
|
224
|
+
});
|
|
223
225
|
});
|
|
224
226
|
};
|
|
225
227
|
var destroy = function destroy() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import{useEventListener as r,useMountEffect as t,useUpdateEffect as n,useUnmountEffect as a}from"primereact/hooks";import{ObjectUtils as l,DomHandler as s}from"primereact/utils";function u(e){if(Array.isArray(e))return e}function c(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,a,l,s,u=[],c=!0,o=!1;try{if(l=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;c=!1}else for(;!(c=(n=l.call(t)).done)&&(u.push(n.value),u.length!==r);c=!0);}catch(e){o=!0,a=e}finally{try{if(!c&&null!=t.return&&(s=t.return(),Object(s)!==s))return}finally{if(o)throw a}}return u}}function o(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function i(e,r){if(e){if("string"==typeof e)return o(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?o(e,r):void 0}}function m(){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 f(e,r){return u(e)||c(e,r)||i(e,r)||m()}var C={defaultProps:{__TYPE:"StyleClass",nodeRef:null,selector:null,enterClassName:null,enterActiveClassName:null,enterToClassName:null,leaveClassName:null,leaveActiveClassName:null,leaveToClassName:null,hideOnOutsideClick:!1,toggleClassName:null,children:void 0},getProps:function(e){return l.getMergedProps(e,C.defaultProps)},getOtherProps:function(e){return l.getDiffProps(e,C.defaultProps)}},d=e.forwardRef((function(u,c){var o=C.getProps(u),i=e.useRef(null),m=e.useRef(!1),d=e.useRef(null),v=f(r({type:"animationend",listener:function(){s.removeClass(i.current,o.enterActiveClassName),o.enterToClassName&&s.addClass(i.current,o.enterToClassName),p(),"slidedown"===o.enterActiveClassName&&(i.current.style.maxHeight=""),m.current=!1}}),2),g=v[0],p=v[1],N=f(r({type:"animationend",listener:function(){s.removeClass(i.current,o.leaveActiveClassName),o.leaveToClassName&&s.addClass(i.current,o.leaveToClassName),h(),m.current=!1}}),2),y=N[0],h=N[1],A=f(r({type:"click",listener:function(e){k(i.current)&&"static"!==getComputedStyle(i.current).getPropertyValue("position")?j(e)&&E():T()},when:o.hideOnOutsideClick}),2),b=A[0],T=A[1],
|
|
1
|
+
import*as e from"react";import{useEventListener as r,useMountEffect as t,useUpdateEffect as n,useUnmountEffect as a}from"primereact/hooks";import{ObjectUtils as l,DomHandler as s}from"primereact/utils";function u(e){if(Array.isArray(e))return e}function c(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,a,l,s,u=[],c=!0,o=!1;try{if(l=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;c=!1}else for(;!(c=(n=l.call(t)).done)&&(u.push(n.value),u.length!==r);c=!0);}catch(e){o=!0,a=e}finally{try{if(!c&&null!=t.return&&(s=t.return(),Object(s)!==s))return}finally{if(o)throw a}}return u}}function o(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function i(e,r){if(e){if("string"==typeof e)return o(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?o(e,r):void 0}}function m(){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 f(e,r){return u(e)||c(e,r)||i(e,r)||m()}var C={defaultProps:{__TYPE:"StyleClass",nodeRef:null,selector:null,enterClassName:null,enterActiveClassName:null,enterToClassName:null,leaveClassName:null,leaveActiveClassName:null,leaveToClassName:null,hideOnOutsideClick:!1,toggleClassName:null,children:void 0},getProps:function(e){return l.getMergedProps(e,C.defaultProps)},getOtherProps:function(e){return l.getDiffProps(e,C.defaultProps)}},d=e.forwardRef((function(u,c){var o=C.getProps(u),i=e.useRef(null),m=e.useRef(!1),d=e.useRef(null),v=f(r({type:"animationend",listener:function(){s.removeClass(i.current,o.enterActiveClassName),o.enterToClassName&&s.addClass(i.current,o.enterToClassName),p(),"slidedown"===o.enterActiveClassName&&(i.current.style.maxHeight=""),m.current=!1}}),2),g=v[0],p=v[1],N=f(r({type:"animationend",listener:function(){s.removeClass(i.current,o.leaveActiveClassName),o.leaveToClassName&&s.addClass(i.current,o.leaveToClassName),h(),m.current=!1}}),2),y=N[0],h=N[1],A=f(r({type:"click",listener:function(e){k(i.current)&&"static"!==getComputedStyle(i.current).getPropertyValue("position")?j(e)&&E():T()},when:o.hideOnOutsideClick}),2),b=A[0],T=A[1],P=f(r({type:"click",listener:function(){i.current=x(),o.toggleClassName?s.hasClass(i.current,o.toggleClassName)?s.removeClass(i.current,o.toggleClassName):s.addClass(i.current,o.toggleClassName):s.isVisible(i.current)?E():w()}}),2),S=P[0],O=P[1],w=function(){o.enterActiveClassName?m.current||(m.current=!0,"slidedown"===o.enterActiveClassName&&(i.current.style.height="0px",s.removeClass(i.current,"hidden"),i.current.style.maxHeight=i.current.scrollHeight+"px",s.addClass(i.current,"hidden"),i.current.style.height=""),s.addClass(i.current,o.enterActiveClassName),o.enterClassName&&s.removeClass(i.current,o.enterClassName),g({target:i.current})):(o.enterClassName&&s.removeClass(i.current,o.enterClassName),o.enterToClassName&&s.addClass(i.current,o.enterToClassName)),b({target:d.current&&d.current.ownerDocument})},E=function(){o.leaveActiveClassName?m.current||(m.current=!0,s.addClass(i.current,o.leaveActiveClassName),o.leaveClassName&&s.removeClass(i.current,o.leaveClassName),y({target:i.current})):(o.leaveClassName&&s.removeClass(i.current,o.leaveClassName),o.leaveToClassName&&s.addClass(i.current,o.leaveToClassName)),o.hideOnOutsideClick&&T()},x=function(){if(i.current)return i.current;switch(o.selector){case"@next":return d.current&&d.current.nextElementSibling;case"@prev":return d.current&&d.current.previousElementSibling;case"@parent":return d.current&&d.current.parentElement;case"@grandparent":return d.current&&d.current.parentElement.parentElement;default:return document.querySelector(o.selector)}},R=function(){Promise.resolve().then((function(){d.current=l.getRefElement(o.nodeRef),S({target:d.current})}))},k=function(e){return null!==e.offsetParent},j=function(e){return!d.current.isSameNode(e.target)&&!d.current.contains(e.target)&&!i.current.contains(e.target)};return e.useImperativeHandle(c,(function(){return{props:o,getElement:function(){return d.current},getTarget:function(){return i.current}}})),t((function(){R()})),n((function(){return R(),function(){O()}})),a((function(){O(),T(),i.current=null})),o.children}));d.displayName="StyleClass";export{d as StyleClass};
|
package/styleclass/styleclass.js
CHANGED
|
@@ -225,21 +225,23 @@ this.primereact.styleclass = (function (exports, React, hooks, utils) {
|
|
|
225
225
|
}
|
|
226
226
|
switch (props.selector) {
|
|
227
227
|
case '@next':
|
|
228
|
-
return elementRef.current.nextElementSibling;
|
|
228
|
+
return elementRef.current && elementRef.current.nextElementSibling;
|
|
229
229
|
case '@prev':
|
|
230
|
-
return elementRef.current.previousElementSibling;
|
|
230
|
+
return elementRef.current && elementRef.current.previousElementSibling;
|
|
231
231
|
case '@parent':
|
|
232
|
-
return elementRef.current.parentElement;
|
|
232
|
+
return elementRef.current && elementRef.current.parentElement;
|
|
233
233
|
case '@grandparent':
|
|
234
|
-
return elementRef.current.parentElement.parentElement;
|
|
234
|
+
return elementRef.current && elementRef.current.parentElement.parentElement;
|
|
235
235
|
default:
|
|
236
236
|
return document.querySelector(props.selector);
|
|
237
237
|
}
|
|
238
238
|
};
|
|
239
239
|
var init = function init() {
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
240
|
+
Promise.resolve().then(function () {
|
|
241
|
+
elementRef.current = utils.ObjectUtils.getRefElement(props.nodeRef);
|
|
242
|
+
bindClickListener({
|
|
243
|
+
target: elementRef.current
|
|
244
|
+
});
|
|
243
245
|
});
|
|
244
246
|
};
|
|
245
247
|
var destroy = function destroy() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.styleclass=function(e,r,t,n){"use strict";function a(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var l=a(r);function s(e){if(Array.isArray(e))return e}function u(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,a,l,s,u=[],c=!0,o=!1;try{if(l=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;c=!1}else for(;!(c=(n=l.call(t)).done)&&(u.push(n.value),u.length!==r);c=!0);}catch(e){o=!0,a=e}finally{try{if(!c&&null!=t.return&&(s=t.return(),Object(s)!==s))return}finally{if(o)throw a}}return u}}function c(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function o(e,r){if(e){if("string"==typeof e)return c(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?c(e,r):void 0}}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 m(e,r){return s(e)||u(e,r)||o(e,r)||i()}var d={defaultProps:{__TYPE:"StyleClass",nodeRef:null,selector:null,enterClassName:null,enterActiveClassName:null,enterToClassName:null,leaveClassName:null,leaveActiveClassName:null,leaveToClassName:null,hideOnOutsideClick:!1,toggleClassName:null,children:void 0},getProps:function(e){return n.ObjectUtils.getMergedProps(e,d.defaultProps)},getOtherProps:function(e){return n.ObjectUtils.getDiffProps(e,d.defaultProps)}},f=l.forwardRef((function(e,r){var a=d.getProps(e),s=l.useRef(null),u=l.useRef(!1),c=l.useRef(null),o=m(t.useEventListener({type:"animationend",listener:function(){n.DomHandler.removeClass(s.current,a.enterActiveClassName),a.enterToClassName&&n.DomHandler.addClass(s.current,a.enterToClassName),f(),"slidedown"===a.enterActiveClassName&&(s.current.style.maxHeight=""),u.current=!1}}),2),i=o[0],f=o[1],C=m(t.useEventListener({type:"animationend",listener:function(){n.DomHandler.removeClass(s.current,a.leaveActiveClassName),a.leaveToClassName&&n.DomHandler.addClass(s.current,a.leaveToClassName),p(),u.current=!1}}),2),v=C[0],p=C[1],g=m(t.useEventListener({type:"click",listener:function(e){
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.styleclass=function(e,r,t,n){"use strict";function a(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var l=a(r);function s(e){if(Array.isArray(e))return e}function u(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,a,l,s,u=[],c=!0,o=!1;try{if(l=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;c=!1}else for(;!(c=(n=l.call(t)).done)&&(u.push(n.value),u.length!==r);c=!0);}catch(e){o=!0,a=e}finally{try{if(!c&&null!=t.return&&(s=t.return(),Object(s)!==s))return}finally{if(o)throw a}}return u}}function c(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function o(e,r){if(e){if("string"==typeof e)return c(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?c(e,r):void 0}}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 m(e,r){return s(e)||u(e,r)||o(e,r)||i()}var d={defaultProps:{__TYPE:"StyleClass",nodeRef:null,selector:null,enterClassName:null,enterActiveClassName:null,enterToClassName:null,leaveClassName:null,leaveActiveClassName:null,leaveToClassName:null,hideOnOutsideClick:!1,toggleClassName:null,children:void 0},getProps:function(e){return n.ObjectUtils.getMergedProps(e,d.defaultProps)},getOtherProps:function(e){return n.ObjectUtils.getDiffProps(e,d.defaultProps)}},f=l.forwardRef((function(e,r){var a=d.getProps(e),s=l.useRef(null),u=l.useRef(!1),c=l.useRef(null),o=m(t.useEventListener({type:"animationend",listener:function(){n.DomHandler.removeClass(s.current,a.enterActiveClassName),a.enterToClassName&&n.DomHandler.addClass(s.current,a.enterToClassName),f(),"slidedown"===a.enterActiveClassName&&(s.current.style.maxHeight=""),u.current=!1}}),2),i=o[0],f=o[1],C=m(t.useEventListener({type:"animationend",listener:function(){n.DomHandler.removeClass(s.current,a.leaveActiveClassName),a.leaveToClassName&&n.DomHandler.addClass(s.current,a.leaveToClassName),p(),u.current=!1}}),2),v=C[0],p=C[1],g=m(t.useEventListener({type:"click",listener:function(e){P(s.current)&&"static"!==getComputedStyle(s.current).getPropertyValue("position")?j(e)&&O():N()},when:a.hideOnOutsideClick}),2),y=g[0],N=g[1],h=m(t.useEventListener({type:"click",listener:function(){s.current=E(),a.toggleClassName?n.DomHandler.hasClass(s.current,a.toggleClassName)?n.DomHandler.removeClass(s.current,a.toggleClassName):n.DomHandler.addClass(s.current,a.toggleClassName):n.DomHandler.isVisible(s.current)?O():D()}}),2),b=h[0],H=h[1],D=function(){a.enterActiveClassName?u.current||(u.current=!0,"slidedown"===a.enterActiveClassName&&(s.current.style.height="0px",n.DomHandler.removeClass(s.current,"hidden"),s.current.style.maxHeight=s.current.scrollHeight+"px",n.DomHandler.addClass(s.current,"hidden"),s.current.style.height=""),n.DomHandler.addClass(s.current,a.enterActiveClassName),a.enterClassName&&n.DomHandler.removeClass(s.current,a.enterClassName),i({target:s.current})):(a.enterClassName&&n.DomHandler.removeClass(s.current,a.enterClassName),a.enterToClassName&&n.DomHandler.addClass(s.current,a.enterToClassName)),y({target:c.current&&c.current.ownerDocument})},O=function(){a.leaveActiveClassName?u.current||(u.current=!0,n.DomHandler.addClass(s.current,a.leaveActiveClassName),a.leaveClassName&&n.DomHandler.removeClass(s.current,a.leaveClassName),v({target:s.current})):(a.leaveClassName&&n.DomHandler.removeClass(s.current,a.leaveClassName),a.leaveToClassName&&n.DomHandler.addClass(s.current,a.leaveToClassName)),a.hideOnOutsideClick&&N()},E=function(){if(s.current)return s.current;switch(a.selector){case"@next":return c.current&&c.current.nextElementSibling;case"@prev":return c.current&&c.current.previousElementSibling;case"@parent":return c.current&&c.current.parentElement;case"@grandparent":return c.current&&c.current.parentElement.parentElement;default:return document.querySelector(a.selector)}},A=function(){Promise.resolve().then((function(){c.current=n.ObjectUtils.getRefElement(a.nodeRef),b({target:c.current})}))},P=function(e){return null!==e.offsetParent},j=function(e){return!c.current.isSameNode(e.target)&&!c.current.contains(e.target)&&!s.current.contains(e.target)};return l.useImperativeHandle(r,(function(){return{props:a,getElement:function(){return c.current},getTarget:function(){return s.current}}})),t.useMountEffect((function(){A()})),t.useUpdateEffect((function(){return A(),function(){H()}})),t.useUnmountEffect((function(){H(),N(),s.current=null})),a.children}));return f.displayName="StyleClass",e.StyleClass=f,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.utils);
|
package/tabview/tabview.cjs.js
CHANGED
|
@@ -7,6 +7,7 @@ var api = require('primereact/api');
|
|
|
7
7
|
var hooks = require('primereact/hooks');
|
|
8
8
|
var ripple = require('primereact/ripple');
|
|
9
9
|
var utils = require('primereact/utils');
|
|
10
|
+
var componentbase = require('primereact/componentbase');
|
|
10
11
|
var chevronright = require('primereact/icons/chevronright');
|
|
11
12
|
var chevronleft = require('primereact/icons/chevronleft');
|
|
12
13
|
var times = require('primereact/icons/times');
|
|
@@ -31,19 +32,35 @@ function _interopNamespace(e) {
|
|
|
31
32
|
|
|
32
33
|
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
33
34
|
|
|
34
|
-
function
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
35
|
+
function _arrayLikeToArray(arr, len) {
|
|
36
|
+
if (len == null || len > arr.length) len = arr.length;
|
|
37
|
+
for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
|
|
38
|
+
return arr2;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
function _arrayWithoutHoles(arr) {
|
|
42
|
+
if (Array.isArray(arr)) return _arrayLikeToArray(arr);
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
function _iterableToArray(iter) {
|
|
46
|
+
if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
function _unsupportedIterableToArray(o, minLen) {
|
|
50
|
+
if (!o) return;
|
|
51
|
+
if (typeof o === "string") return _arrayLikeToArray(o, minLen);
|
|
52
|
+
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
53
|
+
if (n === "Object" && o.constructor) n = o.constructor.name;
|
|
54
|
+
if (n === "Map" || n === "Set") return Array.from(o);
|
|
55
|
+
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
function _nonIterableSpread() {
|
|
59
|
+
throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
function _toConsumableArray(arr) {
|
|
63
|
+
return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
|
|
47
64
|
}
|
|
48
65
|
|
|
49
66
|
function _typeof(obj) {
|
|
@@ -87,37 +104,6 @@ function _defineProperty(obj, key, value) {
|
|
|
87
104
|
return obj;
|
|
88
105
|
}
|
|
89
106
|
|
|
90
|
-
function _arrayLikeToArray(arr, len) {
|
|
91
|
-
if (len == null || len > arr.length) len = arr.length;
|
|
92
|
-
for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
|
|
93
|
-
return arr2;
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
function _arrayWithoutHoles(arr) {
|
|
97
|
-
if (Array.isArray(arr)) return _arrayLikeToArray(arr);
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
function _iterableToArray(iter) {
|
|
101
|
-
if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
|
|
102
|
-
}
|
|
103
|
-
|
|
104
|
-
function _unsupportedIterableToArray(o, minLen) {
|
|
105
|
-
if (!o) return;
|
|
106
|
-
if (typeof o === "string") return _arrayLikeToArray(o, minLen);
|
|
107
|
-
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
108
|
-
if (n === "Object" && o.constructor) n = o.constructor.name;
|
|
109
|
-
if (n === "Map" || n === "Set") return Array.from(o);
|
|
110
|
-
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
function _nonIterableSpread() {
|
|
114
|
-
throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
115
|
-
}
|
|
116
|
-
|
|
117
|
-
function _toConsumableArray(arr) {
|
|
118
|
-
return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
|
|
119
|
-
}
|
|
120
|
-
|
|
121
107
|
function _arrayWithHoles(arr) {
|
|
122
108
|
if (Array.isArray(arr)) return arr;
|
|
123
109
|
}
|
|
@@ -158,7 +144,7 @@ function _slicedToArray(arr, i) {
|
|
|
158
144
|
return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
|
|
159
145
|
}
|
|
160
146
|
|
|
161
|
-
var TabViewBase = {
|
|
147
|
+
var TabViewBase = componentbase.ComponentBase.extend({
|
|
162
148
|
defaultProps: {
|
|
163
149
|
__TYPE: 'TabView',
|
|
164
150
|
id: null,
|
|
@@ -174,15 +160,9 @@ var TabViewBase = {
|
|
|
174
160
|
scrollable: false,
|
|
175
161
|
style: null,
|
|
176
162
|
children: undefined
|
|
177
|
-
},
|
|
178
|
-
getProps: function getProps(props) {
|
|
179
|
-
return utils.ObjectUtils.getMergedProps(props, TabViewBase.defaultProps);
|
|
180
|
-
},
|
|
181
|
-
getOtherProps: function getOtherProps(props) {
|
|
182
|
-
return utils.ObjectUtils.getDiffProps(props, TabViewBase.defaultProps);
|
|
183
163
|
}
|
|
184
|
-
};
|
|
185
|
-
var TabPanelBase = {
|
|
164
|
+
});
|
|
165
|
+
var TabPanelBase = componentbase.ComponentBase.extend({
|
|
186
166
|
defaultProps: {
|
|
187
167
|
__TYPE: 'TabPanel',
|
|
188
168
|
className: null,
|
|
@@ -211,7 +191,7 @@ var TabPanelBase = {
|
|
|
211
191
|
getCOtherProps: function getCOtherProps(tab) {
|
|
212
192
|
return utils.ObjectUtils.getComponentDiffProps(tab, TabPanelBase.defaultProps);
|
|
213
193
|
}
|
|
214
|
-
};
|
|
194
|
+
});
|
|
215
195
|
|
|
216
196
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
217
197
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
@@ -246,6 +226,25 @@ var TabView = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
|
|
|
246
226
|
var nextBtnRef = React__namespace.useRef(null);
|
|
247
227
|
var tabsRef = React__namespace.useRef({});
|
|
248
228
|
var activeIndex = props.onTabChange ? props.activeIndex : activeIndexState;
|
|
229
|
+
var metaData = {
|
|
230
|
+
props: props,
|
|
231
|
+
state: {
|
|
232
|
+
id: idState,
|
|
233
|
+
isPrevButtonDisabled: backwardIsDisabledState,
|
|
234
|
+
isNextButtonDisabled: forwardIsDisabledState,
|
|
235
|
+
hiddenTabsState: hiddenTabsState,
|
|
236
|
+
activeIndex: activeIndexState
|
|
237
|
+
}
|
|
238
|
+
};
|
|
239
|
+
var _TabViewBase$setMetaD = TabViewBase.setMetaData(_objectSpread({}, metaData)),
|
|
240
|
+
ptm = _TabViewBase$setMetaD.ptm,
|
|
241
|
+
ptmo = _TabViewBase$setMetaD.ptmo;
|
|
242
|
+
var getTabPT = function getTabPT(tab, key) {
|
|
243
|
+
return ptmo(getTabProp(tab, 'pt'), key, {
|
|
244
|
+
props: tab.props,
|
|
245
|
+
parent: metaData
|
|
246
|
+
});
|
|
247
|
+
};
|
|
249
248
|
var isSelected = function isSelected(index) {
|
|
250
249
|
return index === activeIndex;
|
|
251
250
|
};
|
|
@@ -253,7 +252,7 @@ var TabView = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
|
|
|
253
252
|
return TabPanelBase.getCProp(tab, name);
|
|
254
253
|
};
|
|
255
254
|
var shouldUseTab = function shouldUseTab(tab, index) {
|
|
256
|
-
return utils.ObjectUtils.isValidChild(tab, 'TabPanel') && hiddenTabsState.every(function (_i) {
|
|
255
|
+
return tab && utils.ObjectUtils.isValidChild(tab, 'TabPanel') && hiddenTabsState.every(function (_i) {
|
|
257
256
|
return _i !== index;
|
|
258
257
|
});
|
|
259
258
|
};
|
|
@@ -415,15 +414,16 @@ var TabView = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
|
|
|
415
414
|
var headerId = idState + '_header_' + index;
|
|
416
415
|
var ariaControls = idState + '_content_' + index;
|
|
417
416
|
var tabIndex = disabled ? null : 0;
|
|
418
|
-
var leftIconElement = leftIcon &&
|
|
417
|
+
var leftIconElement = leftIcon && utils.IconUtils.getJSXIcon(leftIcon, undefined, {
|
|
419
418
|
props: props
|
|
420
|
-
})
|
|
421
|
-
var
|
|
422
|
-
className:
|
|
423
|
-
},
|
|
424
|
-
var
|
|
419
|
+
});
|
|
420
|
+
var headerTitleProps = utils.mergeProps({
|
|
421
|
+
className: 'p-tabview-title'
|
|
422
|
+
}, getTabPT(tab, 'headertitle'));
|
|
423
|
+
var titleElement = /*#__PURE__*/React__namespace.createElement("span", headerTitleProps, header);
|
|
424
|
+
var rightIconElement = rightIcon && utils.IconUtils.getJSXIcon(rightIcon, undefined, {
|
|
425
425
|
props: props
|
|
426
|
-
})
|
|
426
|
+
});
|
|
427
427
|
var iconClassName = 'p-tabview-close';
|
|
428
428
|
var icon = closeIcon || /*#__PURE__*/React__namespace.createElement(times.TimesIcon, {
|
|
429
429
|
className: iconClassName,
|
|
@@ -432,27 +432,31 @@ var TabView = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
|
|
|
432
432
|
}
|
|
433
433
|
});
|
|
434
434
|
var closableIconElement = closable ? utils.IconUtils.getJSXIcon(icon, {
|
|
435
|
-
className: iconClassName
|
|
435
|
+
className: iconClassName,
|
|
436
|
+
onClick: function onClick(e) {
|
|
437
|
+
return onTabHeaderClose(e, index);
|
|
438
|
+
}
|
|
436
439
|
}, {
|
|
437
440
|
props: props
|
|
438
441
|
}) : null;
|
|
439
|
-
var
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
442
|
+
var headerActionProps = utils.mergeProps({
|
|
443
|
+
id: headerId,
|
|
444
|
+
role: 'tab',
|
|
445
|
+
className: 'p-tabview-nav-link',
|
|
446
|
+
tabIndex: tabIndex,
|
|
447
|
+
'aria-controls': ariaControls,
|
|
448
|
+
'aria-selected': selected,
|
|
445
449
|
onClick: function onClick(e) {
|
|
446
450
|
return onTabHeaderClick(e, tab, index);
|
|
447
451
|
},
|
|
448
|
-
id: headerId,
|
|
449
452
|
onKeyDown: function onKeyDown(e) {
|
|
450
453
|
return _onKeyDown(e, tab, index);
|
|
451
|
-
}
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
454
|
+
}
|
|
455
|
+
}, getTabPT(tab, 'headeraction'));
|
|
456
|
+
var content =
|
|
457
|
+
/*#__PURE__*/
|
|
458
|
+
// eslint-disable /
|
|
459
|
+
React__namespace.createElement("a", headerActionProps, leftIconElement, titleElement, rightIconElement, closableIconElement, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null))
|
|
456
460
|
// eslint-enable /
|
|
457
461
|
;
|
|
458
462
|
|
|
@@ -477,14 +481,15 @@ var TabView = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
|
|
|
477
481
|
};
|
|
478
482
|
content = utils.ObjectUtils.getJSXElement(headerTemplate, defaultContentOptions);
|
|
479
483
|
}
|
|
480
|
-
|
|
484
|
+
var headerProps = utils.mergeProps({
|
|
481
485
|
ref: function ref(el) {
|
|
482
486
|
return tabsRef.current["tab_".concat(index)] = el;
|
|
483
487
|
},
|
|
484
488
|
className: className,
|
|
485
489
|
style: style,
|
|
486
|
-
role:
|
|
487
|
-
},
|
|
490
|
+
role: 'presentation'
|
|
491
|
+
}, getTabPT(tab, 'root'), getTabPT(tab, 'header'));
|
|
492
|
+
return /*#__PURE__*/React__namespace.createElement("li", headerProps, content);
|
|
488
493
|
};
|
|
489
494
|
var createTabHeaders = function createTabHeaders() {
|
|
490
495
|
return React__namespace.Children.map(props.children, function (tab, index) {
|
|
@@ -495,23 +500,30 @@ var TabView = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
|
|
|
495
500
|
};
|
|
496
501
|
var createNavigator = function createNavigator() {
|
|
497
502
|
var headers = createTabHeaders();
|
|
498
|
-
|
|
499
|
-
ref: contentRef,
|
|
503
|
+
var navContentProps = utils.mergeProps({
|
|
500
504
|
id: idState,
|
|
501
|
-
|
|
505
|
+
ref: contentRef,
|
|
506
|
+
className: 'p-tabview-nav-content',
|
|
502
507
|
style: props.style,
|
|
503
508
|
onScroll: onScroll
|
|
504
|
-
},
|
|
509
|
+
}, ptm('navcontent'));
|
|
510
|
+
var navProps = utils.mergeProps({
|
|
505
511
|
ref: navRef,
|
|
506
|
-
className:
|
|
507
|
-
role:
|
|
508
|
-
},
|
|
512
|
+
className: 'p-tabview-nav',
|
|
513
|
+
role: 'tablist'
|
|
514
|
+
}, ptm('nav'));
|
|
515
|
+
var inkbarProps = utils.mergeProps({
|
|
509
516
|
ref: inkbarRef,
|
|
510
|
-
className:
|
|
511
|
-
}))
|
|
517
|
+
className: 'p-tabview-ink-bar'
|
|
518
|
+
}, ptm('inkbar'));
|
|
519
|
+
return /*#__PURE__*/React__namespace.createElement("div", navContentProps, /*#__PURE__*/React__namespace.createElement("ul", navProps, headers, /*#__PURE__*/React__namespace.createElement("li", inkbarProps)));
|
|
512
520
|
};
|
|
513
521
|
var createContent = function createContent() {
|
|
514
522
|
var className = utils.classNames('p-tabview-panels', props.panelContainerClassName);
|
|
523
|
+
var panelContainerProps = utils.mergeProps({
|
|
524
|
+
className: className,
|
|
525
|
+
style: props.panelContainerStyle
|
|
526
|
+
}, ptm('panelcontainer'));
|
|
515
527
|
var contents = React__namespace.Children.map(props.children, function (tab, index) {
|
|
516
528
|
if (shouldUseTab(tab, index) && (!props.renderActiveOnly || isSelected(index))) {
|
|
517
529
|
var selected = isSelected(index);
|
|
@@ -521,69 +533,77 @@ var TabView = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
|
|
|
521
533
|
});
|
|
522
534
|
var contentId = idState + '_content_' + index;
|
|
523
535
|
var ariaLabelledBy = idState + '_header_' + index;
|
|
524
|
-
var
|
|
525
|
-
return /*#__PURE__*/React__namespace.createElement("div", _extends({}, _otherProps, {
|
|
536
|
+
var contentProps = utils.mergeProps({
|
|
526
537
|
id: contentId,
|
|
527
|
-
"aria-labelledby": ariaLabelledBy,
|
|
528
|
-
"aria-hidden": !selected,
|
|
529
538
|
className: _className2,
|
|
530
539
|
style: style,
|
|
531
|
-
role:
|
|
532
|
-
|
|
540
|
+
role: 'tabpanel',
|
|
541
|
+
'aria-labelledby': ariaLabelledBy,
|
|
542
|
+
'aria-hidden': !selected
|
|
543
|
+
}, TabPanelBase.getCOtherProps(tab), getTabPT(tab, 'root'), getTabPT(tab, 'content'));
|
|
544
|
+
return /*#__PURE__*/React__namespace.createElement("div", contentProps, !props.renderActiveOnly ? getTabProp(tab, 'children') : selected && getTabProp(tab, 'children'));
|
|
533
545
|
}
|
|
534
546
|
});
|
|
535
|
-
return /*#__PURE__*/React__namespace.createElement("div",
|
|
536
|
-
className: className,
|
|
537
|
-
style: props.panelContainerStyle
|
|
538
|
-
}, contents);
|
|
547
|
+
return /*#__PURE__*/React__namespace.createElement("div", panelContainerProps, contents);
|
|
539
548
|
};
|
|
540
549
|
var createPrevButton = function createPrevButton() {
|
|
541
|
-
var
|
|
542
|
-
var
|
|
550
|
+
var prevIconProps = utils.mergeProps(ptm('previcon'));
|
|
551
|
+
var icon = props.prevButton || /*#__PURE__*/React__namespace.createElement(chevronleft.ChevronLeftIcon, prevIconProps);
|
|
552
|
+
var leftIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, prevIconProps), {
|
|
543
553
|
props: props
|
|
544
554
|
});
|
|
555
|
+
var prevButtonProps = utils.mergeProps({
|
|
556
|
+
ref: prevBtnRef,
|
|
557
|
+
type: 'button',
|
|
558
|
+
className: 'p-tabview-nav-prev p-tabview-nav-btn p-link',
|
|
559
|
+
'aria-label': api.ariaLabel('previousPageLabel'),
|
|
560
|
+
onClick: function onClick(e) {
|
|
561
|
+
return navBackward();
|
|
562
|
+
}
|
|
563
|
+
}, ptm('prevbutton'));
|
|
545
564
|
if (props.scrollable && !backwardIsDisabledState) {
|
|
546
|
-
return /*#__PURE__*/React__namespace.createElement("button",
|
|
547
|
-
ref: prevBtnRef,
|
|
548
|
-
className: "p-tabview-nav-prev p-tabview-nav-btn p-link",
|
|
549
|
-
onClick: navBackward,
|
|
550
|
-
type: "button",
|
|
551
|
-
"aria-label": api.ariaLabel('previousPageLabel')
|
|
552
|
-
}, leftIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
|
|
565
|
+
return /*#__PURE__*/React__namespace.createElement("button", prevButtonProps, leftIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
|
|
553
566
|
}
|
|
554
567
|
return null;
|
|
555
568
|
};
|
|
556
569
|
var createNextButton = function createNextButton() {
|
|
557
|
-
var
|
|
558
|
-
var rightIcon = utils.IconUtils.getJSXIcon(icon, {
|
|
570
|
+
var nextIconProps = utils.mergeProps({
|
|
559
571
|
'aria-hidden': 'true'
|
|
560
|
-
},
|
|
572
|
+
}, ptm('nexticon'));
|
|
573
|
+
var icon = props.nextButton || /*#__PURE__*/React__namespace.createElement(chevronright.ChevronRightIcon, nextIconProps);
|
|
574
|
+
var rightIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, nextIconProps), {
|
|
561
575
|
props: props
|
|
562
576
|
});
|
|
577
|
+
var nextButtonProps = utils.mergeProps({
|
|
578
|
+
ref: nextBtnRef,
|
|
579
|
+
type: 'button',
|
|
580
|
+
className: 'p-tabview-nav-next p-tabview-nav-btn p-link',
|
|
581
|
+
'aria-label': api.ariaLabel('nextPageLabel'),
|
|
582
|
+
onClick: function onClick(e) {
|
|
583
|
+
return navForward();
|
|
584
|
+
}
|
|
585
|
+
}, ptm('nextbutton'));
|
|
563
586
|
if (props.scrollable && !forwardIsDisabledState) {
|
|
564
|
-
return /*#__PURE__*/React__namespace.createElement("button",
|
|
565
|
-
ref: nextBtnRef,
|
|
566
|
-
className: "p-tabview-nav-next p-tabview-nav-btn p-link",
|
|
567
|
-
onClick: navForward,
|
|
568
|
-
type: "button",
|
|
569
|
-
"aria-label": api.ariaLabel('nextPageLabel')
|
|
570
|
-
}, rightIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
|
|
587
|
+
return /*#__PURE__*/React__namespace.createElement("button", nextButtonProps, rightIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
|
|
571
588
|
}
|
|
572
589
|
};
|
|
573
|
-
var otherProps = TabViewBase.getOtherProps(props);
|
|
574
590
|
var className = utils.classNames('p-tabview p-component', {
|
|
575
591
|
'p-tabview-scrollable': props.scrollable
|
|
576
592
|
}, props.className);
|
|
593
|
+
var rootProps = utils.mergeProps({
|
|
594
|
+
id: idState,
|
|
595
|
+
ref: elementRef,
|
|
596
|
+
style: props.style,
|
|
597
|
+
className: className
|
|
598
|
+
}, TabViewBase.getOtherProps(props), ptm('root'));
|
|
599
|
+
var navContainerProps = utils.mergeProps({
|
|
600
|
+
className: 'p-tabview-nav-container'
|
|
601
|
+
}, ptm('navcontainer'));
|
|
577
602
|
var navigator = createNavigator();
|
|
578
603
|
var content = createContent();
|
|
579
604
|
var prevButton = createPrevButton();
|
|
580
605
|
var nextButton = createNextButton();
|
|
581
|
-
return /*#__PURE__*/React__namespace.createElement("div",
|
|
582
|
-
ref: elementRef,
|
|
583
|
-
className: className
|
|
584
|
-
}, otherProps), /*#__PURE__*/React__namespace.createElement("div", {
|
|
585
|
-
className: "p-tabview-nav-container"
|
|
586
|
-
}, prevButton, navigator, nextButton), content);
|
|
606
|
+
return /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.createElement("div", navContainerProps, prevButton, navigator, nextButton), content);
|
|
587
607
|
});
|
|
588
608
|
TabPanel.displayName = 'TabPanel';
|
|
589
609
|
TabView.displayName = 'TabView';
|
|
@@ -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/ripple"),l=require("primereact/utils"),a=require("primereact/icons/chevronright"),o=require("primereact/icons/chevronleft"),i=require("primereact/icons/times");function c(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 u=c(e);function s(){return s=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},s.apply(this,arguments)}function f(e){return f="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},f(e)}function p(e,t){if("object"!==f(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==f(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function b(e){var t=p(e,"string");return"symbol"===f(t)?t:String(t)}function d(e,t,n){return(t=b(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function v(e){if(Array.isArray(e))return m(e)}function y(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function h(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 g(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function O(e){if(Array.isArray(e))return e}function C(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,a,o,i=[],c=!0,u=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=a.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){u=!0,l=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(u)throw l}}return i}}function P(){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 w(e,t){return O(e)||C(e,t)||h(e,t)||P()}var E={defaultProps:{__TYPE:"TabView",id:null,activeIndex:0,className:null,onBeforeTabChange:null,onBeforeTabClose:null,onTabChange:null,onTabClose:null,panelContainerClassName:null,panelContainerStyle:null,renderActiveOnly:!0,scrollable:!1,style:null,children:void 0},getProps:function(e){return l.ObjectUtils.getMergedProps(e,E.defaultProps)},getOtherProps:function(e){return l.ObjectUtils.getDiffProps(e,E.defaultProps)}},j={defaultProps:{__TYPE:"TabPanel",className:null,closable:!1,contentClassName:null,contentStyle:null,disabled:!1,header:null,headerClassName:null,headerStyle:null,headerTemplate:null,leftIcon:null,rightIcon:null,prevButton:null,nextButton:null,closeIcon:null,style:null,children:void 0},getCProp:function(e,t){return l.ObjectUtils.getComponentProp(e,t,j.defaultProps)},getCProps:function(e){return l.ObjectUtils.getComponentProps(e,j.defaultProps)},getCOtherProps:function(e){return l.ObjectUtils.getComponentDiffProps(e,j.defaultProps)}};function I(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function S(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?I(Object(n),!0).forEach((function(t){d(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):I(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var N=function(){},T=u.forwardRef((function(e,c){var f=E.getProps(e),p=w(u.useState(f.id),2),b=p[0],d=p[1],m=w(u.useState(!0),2),O=m[0],C=m[1],P=w(u.useState(!1),2),I=P[0],N=P[1],T=w(u.useState([]),2),x=T[0],D=T[1],_=w(u.useState(f.activeIndex),2),U=_[0],k=_[1],A=u.useRef(null),R=u.useRef(null),B=u.useRef(null),L=u.useRef(null),q=u.useRef(null),H=u.useRef(null),W=u.useRef({}),J=f.onTabChange?f.activeIndex:U,V=function(e){return e===J},X=function(e,t){return j.getCProp(e,t)},M=function(e,t){return l.ObjectUtils.isValidChild(e,"TabPanel")&&x.every((function(e){return e!==t}))},F=function(e,t){var n;(e.preventDefault(),f.onBeforeTabClose&&!1===f.onBeforeTabClose({originalEvent:e,index:t}))||(D([].concat(v(n=x)||y(n)||h(n)||g(),[t])),f.onTabClose&&f.onTabClose({originalEvent:e,index:t}))},K=function(e,t,n){if(e&&e.preventDefault(),!X(t,"disabled")){if(f.onBeforeTabChange&&!1===f.onBeforeTabChange({originalEvent:e,index:n}))return;f.onTabChange?f.onTabChange({originalEvent:e,index:n}):k(n)}z(n)},Y=function(e,t,n){"Enter"===e.key&&K(e,t,n)},z=function(e){var t=W.current["tab_".concat(e)];t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest"})},$=function(e){var t,n,r,a;f.scrollable&&(n=(t=R.current).scrollLeft,r=t.scrollWidth,a=l.DomHandler.getWidth(R.current),C(0===n),N(n===r-a)),e.preventDefault()},G=function(){return[q.current,H.current].reduce((function(e,t){return t?e+l.DomHandler.getWidth(t):e}),0)},Q=function(){var e=l.DomHandler.getWidth(R.current)-G(),t=R.current.scrollLeft-e;R.current.scrollLeft=t<=0?0:t},Z=function(){var e=l.DomHandler.getWidth(R.current)-G(),t=R.current.scrollLeft+e,n=R.current.scrollWidth-e;R.current.scrollLeft=t>=n?n:t},ee=function(){C(!0),N(!1),D([]),f.onTabChange?f.onTabChange({index:J}):k(f.activeIndex)};u.useEffect((function(){var e;e=W.current["tab_".concat(J)],L.current.style.width=l.DomHandler.getWidth(e)+"px",L.current.style.left=l.DomHandler.getOffset(e).left-l.DomHandler.getOffset(B.current).left+"px"})),n.useMountEffect((function(){b||d(l.UniqueComponentId())})),n.useUpdateEffect((function(){if(l.ObjectUtils.isNotEmpty(x)){var e=(t=x[x.length-1],(n=u.Children.map(f.children,(function(e,t){if(M(e,t))return{tab:e,index:t}}))).find((function(e){var n=e.index;return!X(e.tab,"disabled")&&n>=t}))||n.reverse().find((function(e){var n=e.index;return!X(e.tab,"disabled")&&t>n})));e&&K(null,e.tab,e.index)}var t,n}),[x]),n.useUpdateEffect((function(){z(f.activeIndex)}),[f.activeIndex]),u.useImperativeHandle(c,(function(){return{props:f,reset:ee,getElement:function(){return A.current}}}));var te,ne,re=function(e,t){var n=V(t),a=j.getCProps(e),o=a.headerClassName,c=a.style,s=a.className,p=a.disabled,d=a.leftIcon,m=a.rightIcon,v=a.header,y=a.headerTemplate,h=a.closable,g=a.closeIcon,O=S(S({},a.headerStyle||{}),c||{}),C=l.classNames("p-unselectable-text",{"p-tabview-selected p-highlight":n,"p-disabled":p},o,s),P=b+"_header_"+t,w=b+"_content_"+t,E=p?null:0,I=d&&u.createElement(u.Fragment,null,l.IconUtils.getJSXIcon(d,{props:f})),N=u.createElement("span",{className:"p-tabview-title"},v),T=m&&u.createElement(u.Fragment,null,l.IconUtils.getJSXIcon(m,{props:f})),x="p-tabview-close",D=h?l.IconUtils.getJSXIcon(g||u.createElement(i.TimesIcon,{className:x,onClick:function(e){return F(e,t)}}),{className:x},{props:f}):null,_=u.createElement("a",{role:"tab",className:"p-tabview-nav-link",onClick:function(n){return K(n,e,t)},id:P,onKeyDown:function(n){return Y(n,e,t)},"aria-controls":w,"aria-selected":n,tabIndex:E},I,N,T,D,u.createElement(r.Ripple,null));y&&(_=l.ObjectUtils.getJSXElement(y,{className:"p-tabview-nav-link",titleClassName:"p-tabview-title",onClick:function(n){return K(n,e,t)},onKeyDown:function(n){return Y(n,e,t)},leftIconElement:I,titleElement:N,rightIconElement:T,element:_,props:f,index:t,selected:n,ariaControls:w}));return u.createElement("li",{ref:function(e){return W.current["tab_".concat(t)]=e},className:C,style:O,role:"presentation"},_)},le=E.getOtherProps(f),ae=l.classNames("p-tabview p-component",{"p-tabview-scrollable":f.scrollable},f.className),oe=(te=u.Children.map(f.children,(function(e,t){if(M(e,t))return re(e,t)})),u.createElement("div",{ref:R,id:b,className:"p-tabview-nav-content",style:f.style,onScroll:$},u.createElement("ul",{ref:B,className:"p-tabview-nav",role:"tablist"},te,u.createElement("li",{ref:L,className:"p-tabview-ink-bar"})))),ie=function(){var e=l.classNames("p-tabview-panels",f.panelContainerClassName),t=u.Children.map(f.children,(function(e,t){if(M(e,t)&&(!f.renderActiveOnly||V(t))){var n=V(t),r=S(S({},X(e,"contentStyle")||{}),X(e,"style")||{}),a=l.classNames(X(e,"contentClassName"),X(e,"className"),"p-tabview-panel",{"p-hidden":!n}),o=b+"_content_"+t,i=b+"_header_"+t,c=j.getCOtherProps(e);return u.createElement("div",s({},c,{id:o,"aria-labelledby":i,"aria-hidden":!n,className:a,style:r,role:"tabpanel"}),f.renderActiveOnly?n&&X(e,"children"):X(e,"children"))}}));return u.createElement("div",{className:e,style:f.panelContainerStyle},t)}(),ce=(ne=l.IconUtils.getJSXIcon(f.prevButton||u.createElement(o.ChevronLeftIcon,null),void 0,{props:f}),f.scrollable&&!O?u.createElement("button",{ref:q,className:"p-tabview-nav-prev p-tabview-nav-btn p-link",onClick:Q,type:"button","aria-label":t.ariaLabel("previousPageLabel")},ne,u.createElement(r.Ripple,null)):null),ue=function(){var e=l.IconUtils.getJSXIcon(f.prevButton||u.createElement(a.ChevronRightIcon,null),{"aria-hidden":"true"},{props:f});if(f.scrollable&&!I)return u.createElement("button",{ref:H,className:"p-tabview-nav-next p-tabview-nav-btn p-link",onClick:Z,type:"button","aria-label":t.ariaLabel("nextPageLabel")},e,u.createElement(r.Ripple,null))}();return u.createElement("div",s({ref:A,className:ae},le),u.createElement("div",{className:"p-tabview-nav-container"},ce,oe,ue),ie)}));N.displayName="TabPanel",T.displayName="TabView",exports.TabPanel=N,exports.TabView=T;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/hooks"),r=require("primereact/ripple"),a=require("primereact/utils"),l=require("primereact/componentbase"),o=require("primereact/icons/chevronright"),i=require("primereact/icons/chevronleft"),c=require("primereact/icons/times");function u(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 s=u(e);function p(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 f(e){if(Array.isArray(e))return p(e)}function b(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function d(e,t){if(e){if("string"==typeof e)return p(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)?p(e,t):void 0}}function m(){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 v(e){return v="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},v(e)}function y(e,t){if("object"!==v(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==v(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function g(e){var t=y(e,"string");return"symbol"===v(t)?t:String(t)}function h(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 P(e){if(Array.isArray(e))return e}function C(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l,o,i=[],c=!0,u=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=l.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(u)throw a}}return i}}function w(){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 O(e,t){return P(e)||C(e,t)||d(e,t)||w()}var E=l.ComponentBase.extend({defaultProps:{__TYPE:"TabView",id:null,activeIndex:0,className:null,onBeforeTabChange:null,onBeforeTabClose:null,onTabChange:null,onTabClose:null,panelContainerClassName:null,panelContainerStyle:null,renderActiveOnly:!0,scrollable:!1,style:null,children:void 0}}),I=l.ComponentBase.extend({defaultProps:{__TYPE:"TabPanel",className:null,closable:!1,contentClassName:null,contentStyle:null,disabled:!1,header:null,headerClassName:null,headerStyle:null,headerTemplate:null,leftIcon:null,rightIcon:null,prevButton:null,nextButton:null,closeIcon:null,style:null,children:void 0},getCProp:function(e,t){return a.ObjectUtils.getComponentProp(e,t,I.defaultProps)},getCProps:function(e){return a.ObjectUtils.getComponentProps(e,I.defaultProps)},getCOtherProps:function(e){return a.ObjectUtils.getComponentDiffProps(e,I.defaultProps)}});function S(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function N(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?S(Object(n),!0).forEach((function(t){h(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):S(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var x=function(){},j=s.forwardRef((function(e,l){var u=E.getProps(e),p=O(s.useState(u.id),2),v=p[0],y=p[1],g=O(s.useState(!0),2),h=g[0],P=g[1],C=O(s.useState(!1),2),w=C[0],S=C[1],x=O(s.useState([]),2),j=x[0],T=x[1],D=O(s.useState(u.activeIndex),2),_=D[0],k=D[1],U=s.useRef(null),B=s.useRef(null),A=s.useRef(null),R=s.useRef(null),q=s.useRef(null),L=s.useRef(null),H=s.useRef({}),W=u.onTabChange?u.activeIndex:_,J={props:u,state:{id:v,isPrevButtonDisabled:h,isNextButtonDisabled:w,hiddenTabsState:j,activeIndex:_}},V=E.setMetaData(N({},J)),X=V.ptm,M=V.ptmo,K=function(e,t){return M(z(e,"pt"),t,{props:e.props,parent:J})},Y=function(e){return e===W},z=function(e,t){return I.getCProp(e,t)},$=function(e,t){return e&&a.ObjectUtils.isValidChild(e,"TabPanel")&&j.every((function(e){return e!==t}))},F=function(e,t){var n;(e.preventDefault(),u.onBeforeTabClose&&!1===u.onBeforeTabClose({originalEvent:e,index:t}))||(T([].concat(f(n=j)||b(n)||d(n)||m(),[t])),u.onTabClose&&u.onTabClose({originalEvent:e,index:t}))},G=function(e,t,n){if(e&&e.preventDefault(),!z(t,"disabled")){if(u.onBeforeTabChange&&!1===u.onBeforeTabChange({originalEvent:e,index:n}))return;u.onTabChange?u.onTabChange({originalEvent:e,index:n}):k(n)}Z(n)},Q=function(e,t,n){"Enter"===e.key&&G(e,t,n)},Z=function(e){var t=H.current["tab_".concat(e)];t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest"})},ee=function(e){var t,n,r,l;u.scrollable&&(n=(t=B.current).scrollLeft,r=t.scrollWidth,l=a.DomHandler.getWidth(B.current),P(0===n),S(n===r-l)),e.preventDefault()},te=function(){return[q.current,L.current].reduce((function(e,t){return t?e+a.DomHandler.getWidth(t):e}),0)},ne=function(){P(!0),S(!1),T([]),u.onTabChange?u.onTabChange({index:W}):k(u.activeIndex)};s.useEffect((function(){var e;e=H.current["tab_".concat(W)],R.current.style.width=a.DomHandler.getWidth(e)+"px",R.current.style.left=a.DomHandler.getOffset(e).left-a.DomHandler.getOffset(A.current).left+"px"})),n.useMountEffect((function(){v||y(a.UniqueComponentId())})),n.useUpdateEffect((function(){if(a.ObjectUtils.isNotEmpty(j)){var e=(t=j[j.length-1],(n=s.Children.map(u.children,(function(e,t){if($(e,t))return{tab:e,index:t}}))).find((function(e){var n=e.index;return!z(e.tab,"disabled")&&n>=t}))||n.reverse().find((function(e){var n=e.index;return!z(e.tab,"disabled")&&t>n})));e&&G(null,e.tab,e.index)}var t,n}),[j]),n.useUpdateEffect((function(){Z(u.activeIndex)}),[u.activeIndex]),s.useImperativeHandle(l,(function(){return{props:u,reset:ne,getElement:function(){return U.current}}}));var re,ae,le,oe,ie,ce,ue,se=function(e,t){var n=Y(t),l=I.getCProps(e),o=l.headerClassName,i=l.style,p=l.className,f=l.disabled,b=l.leftIcon,d=l.rightIcon,m=l.header,y=l.headerTemplate,g=l.closable,h=l.closeIcon,P=N(N({},l.headerStyle||{}),i||{}),C=a.classNames("p-unselectable-text",{"p-tabview-selected p-highlight":n,"p-disabled":f},o,p),w=v+"_header_"+t,O=v+"_content_"+t,E=f?null:0,S=b&&a.IconUtils.getJSXIcon(b,void 0,{props:u}),x=a.mergeProps({className:"p-tabview-title"},K(e,"headertitle")),j=s.createElement("span",x,m),T=d&&a.IconUtils.getJSXIcon(d,void 0,{props:u}),D="p-tabview-close",_=g?a.IconUtils.getJSXIcon(h||s.createElement(c.TimesIcon,{className:D,onClick:function(e){return F(e,t)}}),{className:D,onClick:function(e){return F(e,t)}},{props:u}):null,k=a.mergeProps({id:w,role:"tab",className:"p-tabview-nav-link",tabIndex:E,"aria-controls":O,"aria-selected":n,onClick:function(n){return G(n,e,t)},onKeyDown:function(n){return Q(n,e,t)}},K(e,"headeraction")),U=s.createElement("a",k,S,j,T,_,s.createElement(r.Ripple,null));y&&(U=a.ObjectUtils.getJSXElement(y,{className:"p-tabview-nav-link",titleClassName:"p-tabview-title",onClick:function(n){return G(n,e,t)},onKeyDown:function(n){return Q(n,e,t)},leftIconElement:S,titleElement:j,rightIconElement:T,element:U,props:u,index:t,selected:n,ariaControls:O}));var B=a.mergeProps({ref:function(e){return H.current["tab_".concat(t)]=e},className:C,style:P,role:"presentation"},K(e,"root"),K(e,"header"));return s.createElement("li",B,U)},pe=a.classNames("p-tabview p-component",{"p-tabview-scrollable":u.scrollable},u.className),fe=a.mergeProps({id:v,ref:U,style:u.style,className:pe},E.getOtherProps(u),X("root")),be=a.mergeProps({className:"p-tabview-nav-container"},X("navcontainer")),de=(re=s.Children.map(u.children,(function(e,t){if($(e,t))return se(e,t)})),ae=a.mergeProps({id:v,ref:B,className:"p-tabview-nav-content",style:u.style,onScroll:ee},X("navcontent")),le=a.mergeProps({ref:A,className:"p-tabview-nav",role:"tablist"},X("nav")),oe=a.mergeProps({ref:R,className:"p-tabview-ink-bar"},X("inkbar")),s.createElement("div",ae,s.createElement("ul",le,re,s.createElement("li",oe)))),me=function(){var e=a.classNames("p-tabview-panels",u.panelContainerClassName),t=a.mergeProps({className:e,style:u.panelContainerStyle},X("panelcontainer")),n=s.Children.map(u.children,(function(e,t){if($(e,t)&&(!u.renderActiveOnly||Y(t))){var n=Y(t),r=N(N({},z(e,"contentStyle")||{}),z(e,"style")||{}),l=a.classNames(z(e,"contentClassName"),z(e,"className"),"p-tabview-panel",{"p-hidden":!n}),o=a.mergeProps({id:v+"_content_"+t,className:l,style:r,role:"tabpanel","aria-labelledby":v+"_header_"+t,"aria-hidden":!n},I.getCOtherProps(e),K(e,"root"),K(e,"content"));return s.createElement("div",o,u.renderActiveOnly?n&&z(e,"children"):z(e,"children"))}}));return s.createElement("div",t,n)}(),ve=(ie=a.mergeProps(X("previcon")),ce=a.IconUtils.getJSXIcon(u.prevButton||s.createElement(i.ChevronLeftIcon,ie),N({},ie),{props:u}),ue=a.mergeProps({ref:q,type:"button",className:"p-tabview-nav-prev p-tabview-nav-btn p-link","aria-label":t.ariaLabel("previousPageLabel"),onClick:function(e){return t=a.DomHandler.getWidth(B.current)-te(),void(B.current.scrollLeft=(n=B.current.scrollLeft-t)<=0?0:n);var t,n}},X("prevbutton")),u.scrollable&&!h?s.createElement("button",ue,ce,s.createElement(r.Ripple,null)):null),ye=function(){var e=a.mergeProps({"aria-hidden":"true"},X("nexticon")),n=a.IconUtils.getJSXIcon(u.nextButton||s.createElement(o.ChevronRightIcon,e),N({},e),{props:u}),l=a.mergeProps({ref:L,type:"button",className:"p-tabview-nav-next p-tabview-nav-btn p-link","aria-label":t.ariaLabel("nextPageLabel"),onClick:function(e){return t=a.DomHandler.getWidth(B.current)-te(),void(B.current.scrollLeft=(n=B.current.scrollLeft+t)>=(r=B.current.scrollWidth-t)?r:n);var t,n,r}},X("nextbutton"));if(u.scrollable&&!w)return s.createElement("button",l,n,s.createElement(r.Ripple,null))}();return s.createElement("div",fe,s.createElement("div",be,ve,de,ye),me)}));x.displayName="TabPanel",j.displayName="TabView",exports.TabPanel=x,exports.TabView=j;
|