primereact 8.0.1 → 8.2.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/api/api.cjs.js +22 -1
- package/api/api.cjs.min.js +1 -1
- package/api/api.esm.js +22 -2
- package/api/api.esm.min.js +1 -1
- package/api/api.js +22 -1
- package/api/api.min.js +1 -1
- package/autocomplete/autocomplete.cjs.js +42 -24
- package/autocomplete/autocomplete.cjs.min.js +1 -1
- package/autocomplete/autocomplete.d.ts +0 -1
- package/autocomplete/autocomplete.esm.js +43 -25
- package/autocomplete/autocomplete.esm.min.js +1 -1
- package/autocomplete/autocomplete.js +42 -24
- package/autocomplete/autocomplete.min.js +1 -1
- package/avatar/avatar.cjs.js +7 -7
- package/avatar/avatar.cjs.min.js +1 -1
- package/avatar/avatar.d.ts +1 -3
- package/avatar/avatar.esm.js +7 -7
- package/avatar/avatar.esm.min.js +1 -1
- package/avatar/avatar.js +7 -7
- package/avatar/avatar.min.js +1 -1
- package/badge/badge.cjs.js +2 -2
- package/badge/badge.cjs.min.js +1 -1
- package/badge/badge.d.ts +2 -4
- package/badge/badge.esm.js +2 -2
- package/badge/badge.esm.min.js +1 -1
- package/badge/badge.js +2 -2
- package/badge/badge.min.js +1 -1
- package/breadcrumb/breadcrumb.cjs.js +22 -6
- package/breadcrumb/breadcrumb.cjs.min.js +1 -1
- package/breadcrumb/breadcrumb.esm.js +22 -6
- package/breadcrumb/breadcrumb.esm.min.js +1 -1
- package/breadcrumb/breadcrumb.js +22 -6
- package/breadcrumb/breadcrumb.min.js +1 -1
- package/button/button.cjs.js +1 -1
- package/button/button.cjs.min.js +1 -1
- package/button/button.esm.js +1 -1
- package/button/button.esm.min.js +1 -1
- package/button/button.js +1 -1
- package/button/button.min.js +1 -1
- package/calendar/calendar.cjs.js +80 -7
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.d.ts +7 -5
- package/calendar/calendar.esm.js +80 -7
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +80 -7
- package/calendar/calendar.min.js +1 -1
- package/captcha/captcha.cjs.js +1 -0
- package/captcha/captcha.esm.js +1 -0
- package/captcha/captcha.js +1 -0
- package/card/card.d.ts +1 -4
- package/carousel/carousel.cjs.js +18 -17
- package/carousel/carousel.cjs.min.js +1 -1
- package/carousel/carousel.esm.js +19 -18
- package/carousel/carousel.esm.min.js +1 -1
- package/carousel/carousel.js +19 -18
- package/carousel/carousel.min.js +1 -1
- package/cascadeselect/cascadeselect.cjs.js +5 -4
- package/cascadeselect/cascadeselect.cjs.min.js +1 -1
- package/cascadeselect/cascadeselect.d.ts +1 -1
- package/cascadeselect/cascadeselect.esm.js +5 -4
- package/cascadeselect/cascadeselect.esm.min.js +1 -1
- package/cascadeselect/cascadeselect.js +5 -4
- package/cascadeselect/cascadeselect.min.js +1 -1
- package/chart/chart.cjs.js +13 -7
- package/chart/chart.cjs.min.js +1 -1
- package/chart/chart.esm.js +13 -7
- package/chart/chart.esm.min.js +1 -1
- package/chart/chart.js +13 -7
- package/chart/chart.min.js +1 -1
- package/checkbox/checkbox.cjs.js +1 -2
- package/checkbox/checkbox.cjs.min.js +1 -1
- package/checkbox/checkbox.esm.js +2 -3
- package/checkbox/checkbox.esm.min.js +1 -1
- package/checkbox/checkbox.js +1 -2
- package/checkbox/checkbox.min.js +1 -1
- package/chip/chip.d.ts +1 -3
- package/chips/chips.cjs.js +18 -2
- package/chips/chips.cjs.min.js +1 -1
- package/chips/chips.d.ts +3 -0
- package/chips/chips.esm.js +19 -3
- package/chips/chips.esm.min.js +1 -1
- package/chips/chips.js +19 -4
- package/chips/chips.min.js +1 -1
- package/column/column.cjs.js +2 -1
- package/column/column.cjs.min.js +1 -1
- package/column/column.d.ts +2 -0
- package/column/column.esm.js +2 -1
- package/column/column.esm.min.js +1 -1
- package/column/column.js +2 -1
- package/column/column.min.js +1 -1
- package/confirmdialog/confirmdialog.d.ts +1 -6
- package/contextmenu/contextmenu.cjs.js +1 -0
- package/contextmenu/contextmenu.cjs.min.js +1 -1
- package/contextmenu/contextmenu.esm.js +1 -0
- package/contextmenu/contextmenu.esm.min.js +1 -1
- package/contextmenu/contextmenu.js +1 -0
- package/contextmenu/contextmenu.min.js +1 -1
- package/core/core.js +390 -160
- package/core/core.min.js +14 -14
- package/datatable/datatable.cjs.js +68 -27
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.esm.js +69 -28
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +68 -27
- package/datatable/datatable.min.css +1 -1
- package/datatable/datatable.min.js +1 -1
- package/dialog/dialog.cjs.js +7 -3
- package/dialog/dialog.cjs.min.js +1 -1
- package/dialog/dialog.d.ts +2 -0
- package/dialog/dialog.esm.js +7 -3
- package/dialog/dialog.esm.min.js +1 -1
- package/dialog/dialog.js +7 -3
- package/dialog/dialog.min.js +1 -1
- package/dropdown/dropdown.cjs.js +32 -25
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.d.ts +1 -1
- package/dropdown/dropdown.esm.js +32 -25
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +32 -25
- package/dropdown/dropdown.min.js +1 -1
- package/editor/editor.cjs.js +11 -3
- package/editor/editor.cjs.min.js +1 -1
- package/editor/editor.esm.js +11 -3
- package/editor/editor.esm.min.js +1 -1
- package/editor/editor.js +11 -3
- package/editor/editor.min.js +1 -1
- package/fileupload/fileupload.cjs.js +46 -19
- package/fileupload/fileupload.cjs.min.js +1 -1
- package/fileupload/fileupload.d.ts +1 -0
- package/fileupload/fileupload.esm.js +46 -19
- package/fileupload/fileupload.esm.min.js +1 -1
- package/fileupload/fileupload.js +46 -19
- package/fileupload/fileupload.min.js +1 -1
- package/fullcalendar/fullcalendar.cjs.js +1 -0
- package/fullcalendar/fullcalendar.esm.js +1 -0
- package/fullcalendar/fullcalendar.js +1 -0
- package/hooks/hooks.cjs.js +48 -2
- package/hooks/hooks.cjs.min.js +1 -1
- package/hooks/hooks.d.ts +3 -1
- package/hooks/hooks.esm.js +47 -3
- package/hooks/hooks.esm.min.js +1 -1
- package/hooks/hooks.js +48 -2
- package/hooks/hooks.min.js +1 -1
- package/image/image.cjs.js +5 -5
- package/image/image.cjs.min.js +1 -1
- package/image/image.d.ts +1 -3
- package/image/image.esm.js +5 -5
- package/image/image.esm.min.js +1 -1
- package/image/image.js +5 -5
- package/image/image.min.css +1 -1
- package/image/image.min.js +1 -1
- package/inplace/inplace.cjs.js +1 -1
- package/inplace/inplace.cjs.min.js +1 -1
- package/inplace/inplace.esm.js +1 -1
- package/inplace/inplace.esm.min.js +1 -1
- package/inplace/inplace.js +1 -1
- package/inplace/inplace.min.js +1 -1
- package/inputmask/inputmask.cjs.js +7 -5
- package/inputmask/inputmask.cjs.min.js +1 -1
- package/inputmask/inputmask.d.ts +0 -1
- package/inputmask/inputmask.esm.js +7 -5
- package/inputmask/inputmask.esm.min.js +1 -1
- package/inputmask/inputmask.js +7 -5
- package/inputmask/inputmask.min.js +1 -1
- package/inputnumber/inputnumber.cjs.js +37 -4
- package/inputnumber/inputnumber.cjs.min.js +1 -1
- package/inputnumber/inputnumber.esm.js +38 -5
- package/inputnumber/inputnumber.esm.min.js +1 -1
- package/inputnumber/inputnumber.js +37 -4
- package/inputnumber/inputnumber.min.js +1 -1
- package/inputswitch/inputswitch.cjs.js +1 -1
- package/inputswitch/inputswitch.cjs.min.js +1 -1
- package/inputswitch/inputswitch.d.ts +1 -1
- package/inputswitch/inputswitch.esm.js +2 -2
- package/inputswitch/inputswitch.esm.min.js +1 -1
- package/inputswitch/inputswitch.js +1 -1
- package/inputswitch/inputswitch.min.css +1 -1
- package/inputswitch/inputswitch.min.js +1 -1
- package/inputtext/inputtext.min.css +1 -1
- package/listbox/listbox.cjs.js +84 -15
- package/listbox/listbox.cjs.min.js +1 -1
- package/listbox/listbox.d.ts +2 -1
- package/listbox/listbox.esm.js +84 -15
- package/listbox/listbox.esm.min.js +1 -1
- package/listbox/listbox.js +85 -17
- package/listbox/listbox.min.js +1 -1
- package/megamenu/megamenu.cjs.js +32 -12
- package/megamenu/megamenu.cjs.min.js +1 -1
- package/megamenu/megamenu.d.ts +7 -0
- package/megamenu/megamenu.esm.js +32 -12
- package/megamenu/megamenu.esm.min.js +1 -1
- package/megamenu/megamenu.js +32 -12
- package/megamenu/megamenu.min.css +1 -1
- package/megamenu/megamenu.min.js +1 -1
- package/mention/mention.cjs.js +8 -4
- package/mention/mention.cjs.min.js +1 -1
- package/mention/mention.esm.js +8 -4
- package/mention/mention.esm.min.js +1 -1
- package/mention/mention.js +8 -4
- package/mention/mention.min.js +1 -1
- package/menubar/menubar.cjs.js +1 -0
- package/menubar/menubar.cjs.min.js +1 -1
- package/menubar/menubar.esm.js +1 -0
- package/menubar/menubar.esm.min.js +1 -1
- package/menubar/menubar.js +1 -0
- package/menubar/menubar.min.js +1 -1
- package/menuitem/menuitem.d.ts +2 -0
- package/message/message.d.ts +1 -1
- package/messages/messages.cjs.js +3 -2
- package/messages/messages.cjs.min.js +1 -1
- package/messages/messages.d.ts +1 -1
- package/messages/messages.esm.js +3 -2
- package/messages/messages.esm.min.js +1 -1
- package/messages/messages.js +3 -2
- package/messages/messages.min.js +1 -1
- package/multiselect/multiselect.cjs.js +22 -15
- package/multiselect/multiselect.cjs.min.js +1 -1
- package/multiselect/multiselect.d.ts +1 -1
- package/multiselect/multiselect.esm.js +22 -15
- package/multiselect/multiselect.esm.min.js +1 -1
- package/multiselect/multiselect.js +22 -15
- package/multiselect/multiselect.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.cjs.js +30 -24
- package/multistatecheckbox/multistatecheckbox.cjs.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.d.ts +2 -4
- package/multistatecheckbox/multistatecheckbox.esm.js +30 -24
- package/multistatecheckbox/multistatecheckbox.esm.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.js +31 -26
- package/multistatecheckbox/multistatecheckbox.min.js +1 -1
- package/overlaypanel/overlaypanel.cjs.js +2 -2
- package/overlaypanel/overlaypanel.cjs.min.js +1 -1
- package/overlaypanel/overlaypanel.esm.js +2 -2
- package/overlaypanel/overlaypanel.esm.min.js +1 -1
- package/overlaypanel/overlaypanel.js +2 -2
- package/overlaypanel/overlaypanel.min.js +1 -1
- package/package.json +4 -2
- package/paginator/paginator.cjs.js +26 -24
- package/paginator/paginator.cjs.min.js +1 -1
- package/paginator/paginator.esm.js +26 -24
- package/paginator/paginator.esm.min.js +1 -1
- package/paginator/paginator.js +26 -25
- package/paginator/paginator.min.js +1 -1
- package/panelmenu/panelmenu.cjs.js +16 -0
- package/panelmenu/panelmenu.cjs.min.js +1 -1
- package/panelmenu/panelmenu.esm.js +17 -1
- package/panelmenu/panelmenu.esm.min.js +1 -1
- package/panelmenu/panelmenu.js +16 -0
- package/panelmenu/panelmenu.min.js +1 -1
- package/picklist/picklist.cjs.js +175 -16
- package/picklist/picklist.cjs.min.js +1 -1
- package/picklist/picklist.d.ts +34 -1
- package/picklist/picklist.esm.js +175 -16
- package/picklist/picklist.esm.min.js +1 -1
- package/picklist/picklist.js +176 -18
- package/picklist/picklist.min.css +1 -1
- package/picklist/picklist.min.js +1 -1
- package/primereact.all.cjs.js +1262 -495
- package/primereact.all.cjs.min.js +1 -1
- package/primereact.all.esm.js +1260 -496
- package/primereact.all.esm.min.js +1 -1
- package/primereact.all.js +1262 -495
- package/primereact.all.min.js +1 -1
- package/progressbar/progressbar.cjs.js +1 -2
- package/progressbar/progressbar.cjs.min.js +1 -1
- package/progressbar/progressbar.esm.js +1 -2
- package/progressbar/progressbar.esm.min.js +1 -1
- package/progressbar/progressbar.js +1 -2
- package/progressbar/progressbar.min.js +1 -1
- package/radiobutton/radiobutton.cjs.js +6 -6
- package/radiobutton/radiobutton.cjs.min.js +1 -1
- package/radiobutton/radiobutton.d.ts +0 -1
- package/radiobutton/radiobutton.esm.js +7 -7
- package/radiobutton/radiobutton.esm.min.js +1 -1
- package/radiobutton/radiobutton.js +6 -6
- package/radiobutton/radiobutton.min.js +1 -1
- package/resources/primereact.css +266 -208
- package/resources/primereact.min.css +1 -1
- package/resources/themes/arya-blue/theme.css +20 -7
- package/resources/themes/arya-green/theme.css +20 -7
- package/resources/themes/arya-orange/theme.css +20 -7
- package/resources/themes/arya-purple/theme.css +20 -7
- package/resources/themes/bootstrap4-dark-blue/theme.css +20 -7
- package/resources/themes/bootstrap4-dark-purple/theme.css +20 -7
- package/resources/themes/bootstrap4-light-blue/theme.css +19 -6
- package/resources/themes/bootstrap4-light-purple/theme.css +19 -6
- package/resources/themes/fluent-light/theme.css +20 -7
- package/resources/themes/lara-dark-blue/theme.css +20 -7
- package/resources/themes/lara-dark-indigo/theme.css +20 -7
- package/resources/themes/lara-dark-purple/theme.css +20 -7
- package/resources/themes/lara-dark-teal/theme.css +20 -7
- package/resources/themes/lara-light-blue/theme.css +20 -7
- package/resources/themes/lara-light-indigo/theme.css +20 -7
- package/resources/themes/lara-light-purple/theme.css +20 -7
- package/resources/themes/lara-light-teal/theme.css +20 -7
- package/resources/themes/luna-amber/theme.css +20 -7
- package/resources/themes/luna-blue/theme.css +20 -7
- package/resources/themes/luna-green/theme.css +20 -7
- package/resources/themes/luna-pink/theme.css +20 -7
- package/resources/themes/md-dark-deeppurple/theme.css +20 -7
- package/resources/themes/md-dark-indigo/theme.css +20 -7
- package/resources/themes/md-light-deeppurple/theme.css +20 -7
- package/resources/themes/md-light-indigo/theme.css +20 -7
- package/resources/themes/mdc-dark-deeppurple/theme.css +20 -7
- package/resources/themes/mdc-dark-indigo/theme.css +20 -7
- package/resources/themes/mdc-light-deeppurple/theme.css +20 -7
- package/resources/themes/mdc-light-indigo/theme.css +20 -7
- package/resources/themes/nova/theme.css +20 -7
- package/resources/themes/nova-accent/theme.css +20 -7
- package/resources/themes/nova-alt/theme.css +20 -7
- package/resources/themes/rhea/theme.css +20 -7
- package/resources/themes/saga-blue/theme.css +20 -7
- package/resources/themes/saga-green/theme.css +20 -7
- package/resources/themes/saga-orange/theme.css +20 -7
- package/resources/themes/saga-purple/theme.css +20 -7
- package/resources/themes/tailwind-light/theme.css +20 -7
- package/resources/themes/vela-blue/theme.css +20 -7
- package/resources/themes/vela-green/theme.css +20 -7
- package/resources/themes/vela-orange/theme.css +20 -7
- package/resources/themes/vela-purple/theme.css +20 -7
- package/selectbutton/selectbutton.cjs.js +2 -6
- package/selectbutton/selectbutton.cjs.min.js +1 -1
- package/selectbutton/selectbutton.d.ts +1 -1
- package/selectbutton/selectbutton.esm.js +2 -6
- package/selectbutton/selectbutton.esm.min.js +1 -1
- package/selectbutton/selectbutton.js +2 -6
- package/selectbutton/selectbutton.min.js +1 -1
- package/slidemenu/slidemenu.cjs.js +39 -7
- package/slidemenu/slidemenu.cjs.min.js +1 -1
- package/slidemenu/slidemenu.esm.js +39 -7
- package/slidemenu/slidemenu.esm.min.js +1 -1
- package/slidemenu/slidemenu.js +39 -7
- package/slidemenu/slidemenu.min.js +1 -1
- package/slider/slider.cjs.js +6 -3
- package/slider/slider.cjs.min.js +1 -1
- package/slider/slider.d.ts +1 -1
- package/slider/slider.esm.js +6 -3
- package/slider/slider.esm.min.js +1 -1
- package/slider/slider.js +6 -3
- package/slider/slider.min.js +1 -1
- package/splitbutton/splitbutton.cjs.js +16 -9
- package/splitbutton/splitbutton.cjs.min.js +1 -1
- package/splitbutton/splitbutton.d.ts +4 -0
- package/splitbutton/splitbutton.esm.js +16 -9
- package/splitbutton/splitbutton.esm.min.js +1 -1
- package/splitbutton/splitbutton.js +16 -9
- package/splitbutton/splitbutton.min.js +1 -1
- package/splitter/splitter.cjs.js +15 -7
- package/splitter/splitter.cjs.min.js +1 -1
- package/splitter/splitter.esm.js +16 -8
- package/splitter/splitter.esm.min.js +1 -1
- package/splitter/splitter.js +15 -7
- package/splitter/splitter.min.js +1 -1
- package/steps/steps.cjs.js +1 -0
- package/steps/steps.cjs.min.js +1 -1
- package/steps/steps.esm.js +1 -0
- package/steps/steps.esm.min.js +1 -1
- package/steps/steps.js +1 -0
- package/steps/steps.min.js +1 -1
- package/styleclass/styleclass.cjs.js +26 -21
- package/styleclass/styleclass.cjs.min.js +1 -1
- package/styleclass/styleclass.d.ts +1 -1
- package/styleclass/styleclass.esm.js +26 -21
- package/styleclass/styleclass.esm.min.js +1 -1
- package/styleclass/styleclass.js +26 -21
- package/styleclass/styleclass.min.js +1 -1
- package/tag/tag.d.ts +1 -1
- package/terminal/terminal.cjs.js +1 -1
- package/terminal/terminal.cjs.min.js +1 -1
- package/terminal/terminal.esm.js +2 -2
- package/terminal/terminal.esm.min.js +1 -1
- package/terminal/terminal.js +1 -1
- package/terminal/terminal.min.js +1 -1
- package/tieredmenu/tieredmenu.cjs.js +3 -1
- package/tieredmenu/tieredmenu.cjs.min.js +1 -1
- 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/toast/toast.cjs.js +30 -35
- package/toast/toast.cjs.min.js +1 -1
- package/toast/toast.d.ts +2 -1
- package/toast/toast.esm.js +30 -35
- package/toast/toast.esm.min.js +1 -1
- package/toast/toast.js +30 -35
- package/toast/toast.min.css +1 -1
- package/toast/toast.min.js +1 -1
- package/tooltip/tooltip.cjs.js +28 -22
- package/tooltip/tooltip.cjs.min.js +1 -1
- package/tooltip/tooltip.esm.js +28 -22
- package/tooltip/tooltip.esm.min.js +1 -1
- package/tooltip/tooltip.js +28 -22
- package/tooltip/tooltip.min.js +1 -1
- package/tree/tree.cjs.js +9 -1
- package/tree/tree.cjs.min.js +1 -1
- package/tree/tree.esm.js +9 -1
- package/tree/tree.esm.min.js +1 -1
- package/tree/tree.js +9 -1
- package/tree/tree.min.js +1 -1
- package/treeselect/treeselect.cjs.js +2 -2
- package/treeselect/treeselect.cjs.min.js +1 -1
- package/treeselect/treeselect.esm.js +2 -2
- package/treeselect/treeselect.esm.min.js +1 -1
- package/treeselect/treeselect.js +2 -2
- package/treeselect/treeselect.min.js +1 -1
- package/treetable/treetable.cjs.js +11 -1
- package/treetable/treetable.cjs.min.js +1 -1
- package/treetable/treetable.d.ts +3 -3
- package/treetable/treetable.esm.js +11 -1
- package/treetable/treetable.esm.min.js +1 -1
- package/treetable/treetable.js +11 -1
- package/treetable/treetable.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.cjs.js +25 -23
- package/tristatecheckbox/tristatecheckbox.cjs.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.d.ts +2 -4
- package/tristatecheckbox/tristatecheckbox.esm.js +25 -23
- package/tristatecheckbox/tristatecheckbox.esm.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.js +26 -25
- package/tristatecheckbox/tristatecheckbox.min.js +1 -1
- package/utils/utils.cjs.js +21 -5
- package/utils/utils.cjs.min.js +1 -1
- package/utils/utils.d.ts +1 -0
- package/utils/utils.esm.js +21 -5
- package/utils/utils.esm.min.js +1 -1
- package/utils/utils.js +21 -5
- package/utils/utils.min.js +1 -1
- package/virtualscroller/virtualscroller.cjs.js +154 -65
- package/virtualscroller/virtualscroller.cjs.min.js +1 -1
- package/virtualscroller/virtualscroller.d.ts +12 -0
- package/virtualscroller/virtualscroller.esm.js +156 -67
- package/virtualscroller/virtualscroller.esm.min.js +1 -1
- package/virtualscroller/virtualscroller.js +154 -65
- package/virtualscroller/virtualscroller.min.css +1 -1
- package/virtualscroller/virtualscroller.min.js +1 -1
- package/web-types.json +252 -66
package/toast/toast.esm.js
CHANGED
|
@@ -25,21 +25,6 @@ function _extends() {
|
|
|
25
25
|
return _extends.apply(this, arguments);
|
|
26
26
|
}
|
|
27
27
|
|
|
28
|
-
function _defineProperty(obj, key, value) {
|
|
29
|
-
if (key in obj) {
|
|
30
|
-
Object.defineProperty(obj, key, {
|
|
31
|
-
value: value,
|
|
32
|
-
enumerable: true,
|
|
33
|
-
configurable: true,
|
|
34
|
-
writable: true
|
|
35
|
-
});
|
|
36
|
-
} else {
|
|
37
|
-
obj[key] = value;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
return obj;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
28
|
function _arrayLikeToArray(arr, len) {
|
|
44
29
|
if (len == null || len > arr.length) len = arr.length;
|
|
45
30
|
|
|
@@ -117,9 +102,24 @@ function _slicedToArray(arr, i) {
|
|
|
117
102
|
return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
|
|
118
103
|
}
|
|
119
104
|
|
|
120
|
-
function
|
|
105
|
+
function _defineProperty(obj, key, value) {
|
|
106
|
+
if (key in obj) {
|
|
107
|
+
Object.defineProperty(obj, key, {
|
|
108
|
+
value: value,
|
|
109
|
+
enumerable: true,
|
|
110
|
+
configurable: true,
|
|
111
|
+
writable: true
|
|
112
|
+
});
|
|
113
|
+
} else {
|
|
114
|
+
obj[key] = value;
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
return obj;
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
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; }
|
|
121
121
|
|
|
122
|
-
function _objectSpread
|
|
122
|
+
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; }
|
|
123
123
|
var ToastMessage = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
124
124
|
var _props$message = props.message,
|
|
125
125
|
severity = _props$message.severity,
|
|
@@ -167,7 +167,7 @@ var ToastMessage = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
|
|
|
167
167
|
|
|
168
168
|
var createMessage = function createMessage() {
|
|
169
169
|
if (props.message) {
|
|
170
|
-
var contentEl = ObjectUtils.getJSXElement(content, _objectSpread
|
|
170
|
+
var contentEl = ObjectUtils.getJSXElement(content, _objectSpread(_objectSpread({}, props), {}, {
|
|
171
171
|
onClose: onClose
|
|
172
172
|
}));
|
|
173
173
|
var iconClassName = classNames('p-toast-message-icon pi', {
|
|
@@ -209,9 +209,6 @@ var ToastMessage = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
|
|
|
209
209
|
}));
|
|
210
210
|
ToastMessage.displayName = 'ToastMessage';
|
|
211
211
|
|
|
212
|
-
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; }
|
|
213
|
-
|
|
214
|
-
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; }
|
|
215
212
|
var messageIdx = 0;
|
|
216
213
|
var Toast = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
217
214
|
var _React$useState = React.useState([]),
|
|
@@ -226,21 +223,13 @@ var Toast = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
|
|
|
226
223
|
var messages;
|
|
227
224
|
|
|
228
225
|
if (Array.isArray(value)) {
|
|
229
|
-
var
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
var message = _objectSpread({}, currentMessages[i]);
|
|
233
|
-
|
|
234
|
-
message.id = messageIdx++;
|
|
235
|
-
currentMessages[i] = message;
|
|
226
|
+
for (var i = 0; i < value.length; i++) {
|
|
227
|
+
value[i].id = messageIdx++;
|
|
228
|
+
messages = [].concat(_toConsumableArray(messagesState), _toConsumableArray(value));
|
|
236
229
|
}
|
|
237
|
-
|
|
238
|
-
messages = [].concat(_toConsumableArray(messagesState), _toConsumableArray(currentMessages));
|
|
239
230
|
} else {
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
currentMessage.id = messageIdx++;
|
|
243
|
-
messages = messagesState ? [].concat(_toConsumableArray(messagesState), [currentMessage]) : [currentMessage];
|
|
231
|
+
value.id = messageIdx++;
|
|
232
|
+
messages = messagesState ? [].concat(_toConsumableArray(messagesState), [value]) : [value];
|
|
244
233
|
}
|
|
245
234
|
|
|
246
235
|
messagesState.length === 0 && ZIndexUtils.set('toast', containerRef.current, PrimeReact.autoZIndex, props.baseZIndex || PrimeReact.zIndex['toast']);
|
|
@@ -253,6 +242,11 @@ var Toast = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
|
|
|
253
242
|
setMessagesState([]);
|
|
254
243
|
};
|
|
255
244
|
|
|
245
|
+
var replace = function replace(value) {
|
|
246
|
+
var replaced = Array.isArray(value) ? value : [value];
|
|
247
|
+
setMessagesState(replaced);
|
|
248
|
+
};
|
|
249
|
+
|
|
256
250
|
var onClose = function onClose(message) {
|
|
257
251
|
var messages = messagesState.filter(function (msg) {
|
|
258
252
|
return msg.id !== message.id;
|
|
@@ -266,7 +260,7 @@ var Toast = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
|
|
|
266
260
|
};
|
|
267
261
|
|
|
268
262
|
var onExited = function onExited() {
|
|
269
|
-
messagesState.length ===
|
|
263
|
+
messagesState.length === 1 && ZIndexUtils.clear(containerRef.current);
|
|
270
264
|
props.onHide && props.onHide();
|
|
271
265
|
};
|
|
272
266
|
|
|
@@ -276,6 +270,7 @@ var Toast = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
|
|
|
276
270
|
React.useImperativeHandle(ref, function () {
|
|
277
271
|
return {
|
|
278
272
|
show: show,
|
|
273
|
+
replace: replace,
|
|
279
274
|
clear: clear
|
|
280
275
|
};
|
|
281
276
|
});
|
package/toast/toast.esm.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import{TransitionGroup as t}from"react-transition-group";import r from"primereact/api";import{CSSTransition as n}from"primereact/csstransition";import{useTimeout as o,useUnmountEffect as a}from"primereact/hooks";import{Portal as i}from"primereact/portal";import{classNames as
|
|
1
|
+
import*as e from"react";import{TransitionGroup as t}from"react-transition-group";import r from"primereact/api";import{CSSTransition as n}from"primereact/csstransition";import{useTimeout as o,useUnmountEffect as a}from"primereact/hooks";import{Portal as i}from"primereact/portal";import{classNames as l,DomHandler as s,ObjectUtils as c,ZIndexUtils as u}from"primereact/utils";import{Ripple as m}from"primereact/ripple";function p(){return p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},p.apply(this,arguments)}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function y(e){if(Array.isArray(e))return f(e)}function d(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function b(e,t){if(e){if("string"==typeof e)return f(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?f(e,t):void 0}}function v(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function g(e){return y(e)||d(e)||b(e)||v()}function h(e){if(Array.isArray(e))return e}function O(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,a=[],i=!0,l=!1;try{for(r=r.call(e);!(i=(n=r.next()).done)&&(a.push(n.value),!t||a.length!==t);i=!0);}catch(e){l=!0,o=e}finally{try{i||null==r.return||r.return()}finally{if(l)throw o}}return a}}function E(){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 h(e)||O(e,t)||b(e,t)||E()}function j(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function N(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function S(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?N(Object(r),!0).forEach((function(t){j(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):N(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var C=e.memo(e.forwardRef((function(t,r){var n=t.message,a=n.severity,i=n.content,u=n.summary,p=n.detail,f=n.closable,y=n.className,d=n.style,b=n.contentClassName,v=n.contentStyle,g=w(o((function(){h()}),n.life||3e3,!n.sticky),1)[0],h=function(){g(),t.onClose&&t.onClose(t.message)},O=l("p-toast-message",j({},"p-toast-message-".concat(a),a),y),E=l("p-toast-message-content",b),N=function(){if(t.message){var r=c.getJSXElement(i,S(S({},t),{},{onClose:h})),n=l("p-toast-message-icon pi",{"pi-info-circle":"info"===a,"pi-exclamation-triangle":"warn"===a,"pi-times":"error"===a,"pi-check":"success"===a});return r||e.createElement(e.Fragment,null,e.createElement("span",{className:n}),e.createElement("div",{className:"p-toast-message-text"},e.createElement("span",{className:"p-toast-summary"},u),p&&e.createElement("div",{className:"p-toast-detail"},p)))}return null}();return e.createElement("div",{ref:r,className:O,style:d,role:"alert","aria-live":"assertive","aria-atomic":"true",onClick:function(e){!t.onClick||s.hasClass(e.target,"p-toast-icon-close")||s.hasClass(e.target,"p-toast-icon-close-icon")||t.onClick(t.message)}},e.createElement("div",{className:E,style:v},N,!1!==f?e.createElement("button",{type:"button",className:"p-toast-icon-close p-link",onClick:h},e.createElement("span",{className:"p-toast-icon-close-icon pi pi-times"}),e.createElement(m,null)):null))})));C.displayName="ToastMessage";var k=0,A=e.memo(e.forwardRef((function(o,s){var m=w(e.useState([]),2),f=m[0],y=m[1],d=e.useRef(null),b=function(e){if(e){var t;if(Array.isArray(e))for(var n=0;n<e.length;n++)e[n].id=k++,t=[].concat(g(f),g(e));else e.id=k++,t=f?[].concat(g(f),[e]):[e];0===f.length&&u.set("toast",d.current,r.autoZIndex,o.baseZIndex||r.zIndex.toast),y(t)}},v=function(){u.clear(d.current),y([])},h=function(e){var t=Array.isArray(e)?e:[e];y(t)},O=function(e){var t=f.filter((function(t){return t.id!==e.id}));y(t),o.onRemove&&o.onRemove(e)},E=function(){o.onShow&&o.onShow()},j=function(){1===f.length&&u.clear(d.current),o.onHide&&o.onHide()};a((function(){u.clear(d.current)})),e.useImperativeHandle(s,(function(){return{show:b,replace:h,clear:v}}));var N,S,P=(N=c.findDiffKeys(o,A.defaultProps),S=l("p-toast p-component p-toast-"+o.position,o.className),e.createElement("div",p({ref:d,id:o.id,className:S,style:o.style},N),e.createElement(t,null,f.map((function(t){var r=e.createRef();return e.createElement(n,{nodeRef:r,key:t.id,classNames:"p-toast-message",unmountOnExit:!0,timeout:{enter:300,exit:300},onEntered:E,onExited:j,options:o.transitionOptions},e.createElement(C,{ref:r,message:t,onClick:o.onClick,onClose:O}))})))));return e.createElement(i,{element:P,appendTo:o.appendTo})})));A.displayName="Toast",A.defaultProps={__TYPE:"Toast",id:null,className:null,style:null,baseZIndex:0,position:"top-right",transitionOptions:null,appendTo:"self",onClick:null,onRemove:null,onShow:null,onHide:null};export{A as Toast};
|
package/toast/toast.js
CHANGED
|
@@ -43,21 +43,6 @@ this.primereact.toast = (function (exports, React, reactTransitionGroup, PrimeRe
|
|
|
43
43
|
return _extends.apply(this, arguments);
|
|
44
44
|
}
|
|
45
45
|
|
|
46
|
-
function _defineProperty(obj, key, value) {
|
|
47
|
-
if (key in obj) {
|
|
48
|
-
Object.defineProperty(obj, key, {
|
|
49
|
-
value: value,
|
|
50
|
-
enumerable: true,
|
|
51
|
-
configurable: true,
|
|
52
|
-
writable: true
|
|
53
|
-
});
|
|
54
|
-
} else {
|
|
55
|
-
obj[key] = value;
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
return obj;
|
|
59
|
-
}
|
|
60
|
-
|
|
61
46
|
function _arrayLikeToArray(arr, len) {
|
|
62
47
|
if (len == null || len > arr.length) len = arr.length;
|
|
63
48
|
|
|
@@ -135,9 +120,24 @@ this.primereact.toast = (function (exports, React, reactTransitionGroup, PrimeRe
|
|
|
135
120
|
return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
|
|
136
121
|
}
|
|
137
122
|
|
|
138
|
-
function
|
|
123
|
+
function _defineProperty(obj, key, value) {
|
|
124
|
+
if (key in obj) {
|
|
125
|
+
Object.defineProperty(obj, key, {
|
|
126
|
+
value: value,
|
|
127
|
+
enumerable: true,
|
|
128
|
+
configurable: true,
|
|
129
|
+
writable: true
|
|
130
|
+
});
|
|
131
|
+
} else {
|
|
132
|
+
obj[key] = value;
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
return obj;
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
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; }
|
|
139
139
|
|
|
140
|
-
function _objectSpread
|
|
140
|
+
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; }
|
|
141
141
|
var ToastMessage = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
|
|
142
142
|
var _props$message = props.message,
|
|
143
143
|
severity = _props$message.severity,
|
|
@@ -185,7 +185,7 @@ this.primereact.toast = (function (exports, React, reactTransitionGroup, PrimeRe
|
|
|
185
185
|
|
|
186
186
|
var createMessage = function createMessage() {
|
|
187
187
|
if (props.message) {
|
|
188
|
-
var contentEl = utils.ObjectUtils.getJSXElement(content, _objectSpread
|
|
188
|
+
var contentEl = utils.ObjectUtils.getJSXElement(content, _objectSpread(_objectSpread({}, props), {}, {
|
|
189
189
|
onClose: onClose
|
|
190
190
|
}));
|
|
191
191
|
var iconClassName = utils.classNames('p-toast-message-icon pi', {
|
|
@@ -227,9 +227,6 @@ this.primereact.toast = (function (exports, React, reactTransitionGroup, PrimeRe
|
|
|
227
227
|
}));
|
|
228
228
|
ToastMessage.displayName = 'ToastMessage';
|
|
229
229
|
|
|
230
|
-
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; }
|
|
231
|
-
|
|
232
|
-
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; }
|
|
233
230
|
var messageIdx = 0;
|
|
234
231
|
var Toast = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
|
|
235
232
|
var _React$useState = React__namespace.useState([]),
|
|
@@ -244,21 +241,13 @@ this.primereact.toast = (function (exports, React, reactTransitionGroup, PrimeRe
|
|
|
244
241
|
var messages;
|
|
245
242
|
|
|
246
243
|
if (Array.isArray(value)) {
|
|
247
|
-
var
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
var message = _objectSpread({}, currentMessages[i]);
|
|
251
|
-
|
|
252
|
-
message.id = messageIdx++;
|
|
253
|
-
currentMessages[i] = message;
|
|
244
|
+
for (var i = 0; i < value.length; i++) {
|
|
245
|
+
value[i].id = messageIdx++;
|
|
246
|
+
messages = [].concat(_toConsumableArray(messagesState), _toConsumableArray(value));
|
|
254
247
|
}
|
|
255
|
-
|
|
256
|
-
messages = [].concat(_toConsumableArray(messagesState), _toConsumableArray(currentMessages));
|
|
257
248
|
} else {
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
currentMessage.id = messageIdx++;
|
|
261
|
-
messages = messagesState ? [].concat(_toConsumableArray(messagesState), [currentMessage]) : [currentMessage];
|
|
249
|
+
value.id = messageIdx++;
|
|
250
|
+
messages = messagesState ? [].concat(_toConsumableArray(messagesState), [value]) : [value];
|
|
262
251
|
}
|
|
263
252
|
|
|
264
253
|
messagesState.length === 0 && utils.ZIndexUtils.set('toast', containerRef.current, PrimeReact__default["default"].autoZIndex, props.baseZIndex || PrimeReact__default["default"].zIndex['toast']);
|
|
@@ -271,6 +260,11 @@ this.primereact.toast = (function (exports, React, reactTransitionGroup, PrimeRe
|
|
|
271
260
|
setMessagesState([]);
|
|
272
261
|
};
|
|
273
262
|
|
|
263
|
+
var replace = function replace(value) {
|
|
264
|
+
var replaced = Array.isArray(value) ? value : [value];
|
|
265
|
+
setMessagesState(replaced);
|
|
266
|
+
};
|
|
267
|
+
|
|
274
268
|
var onClose = function onClose(message) {
|
|
275
269
|
var messages = messagesState.filter(function (msg) {
|
|
276
270
|
return msg.id !== message.id;
|
|
@@ -284,7 +278,7 @@ this.primereact.toast = (function (exports, React, reactTransitionGroup, PrimeRe
|
|
|
284
278
|
};
|
|
285
279
|
|
|
286
280
|
var onExited = function onExited() {
|
|
287
|
-
messagesState.length ===
|
|
281
|
+
messagesState.length === 1 && utils.ZIndexUtils.clear(containerRef.current);
|
|
288
282
|
props.onHide && props.onHide();
|
|
289
283
|
};
|
|
290
284
|
|
|
@@ -294,6 +288,7 @@ this.primereact.toast = (function (exports, React, reactTransitionGroup, PrimeRe
|
|
|
294
288
|
React__namespace.useImperativeHandle(ref, function () {
|
|
295
289
|
return {
|
|
296
290
|
show: show,
|
|
291
|
+
replace: replace,
|
|
297
292
|
clear: clear
|
|
298
293
|
};
|
|
299
294
|
});
|
package/toast/toast.min.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.p-toast{position:fixed;width:25rem}.p-toast-message-content{display:flex;align-items:flex-start}.p-toast-message-text{flex:1 1 auto}.p-toast-top-right{top:20px;right:20px}.p-toast-top-left{top:20px;left:20px}.p-toast-bottom-left{bottom:20px;left:20px}.p-toast-bottom-right{bottom:20px;right:20px}.p-toast-top-center{top:20px;left:50%;transform:translateX(-50%)}.p-toast-bottom-center{bottom:20px;left:50%;transform:translateX(-50%)}.p-toast-center{left:50%;top:50%;min-width:20vw;transform:translate(-50%,-50%)}.p-toast-icon-close{display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.p-toast-icon-close.p-link{cursor:pointer}.p-toast-message-enter{opacity:0;transform:translateY(50%)}.p-toast-message-enter-active{opacity:1;transform:translateY(0);transition:transform .3s,opacity .3s}.p-toast-message-enter-done{transform:none}.p-toast-message-exit{opacity:1;max-height:1000px}.p-toast-message-exit-active{opacity:0;max-height:0;margin-bottom:0;overflow:hidden;transition:max-height .45s cubic-bezier(0,1,0,1),opacity .3s,margin-bottom .3s}
|
|
1
|
+
.p-toast{position:fixed;width:25rem}.p-toast-message-content{display:flex;align-items:flex-start}.p-toast-message-text{flex:1 1 auto}.p-toast-detail{overflow-wrap:anywhere}.p-toast-top-right{top:20px;right:20px}.p-toast-top-left{top:20px;left:20px}.p-toast-bottom-left{bottom:20px;left:20px}.p-toast-bottom-right{bottom:20px;right:20px}.p-toast-top-center{top:20px;left:50%;transform:translateX(-50%)}.p-toast-bottom-center{bottom:20px;left:50%;transform:translateX(-50%)}.p-toast-center{left:50%;top:50%;min-width:20vw;transform:translate(-50%,-50%)}.p-toast-icon-close{display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.p-toast-icon-close.p-link{cursor:pointer}.p-toast-message-enter{opacity:0;transform:translateY(50%)}.p-toast-message-enter-active{opacity:1;transform:translateY(0);transition:transform .3s,opacity .3s}.p-toast-message-enter-done{transform:none}.p-toast-message-exit{opacity:1;max-height:1000px}.p-toast-message-exit-active{opacity:0;max-height:0;margin-bottom:0;overflow:hidden;transition:max-height .45s cubic-bezier(0,1,0,1),opacity .3s,margin-bottom .3s}
|
package/toast/toast.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.toast=function(e,t,r,
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.toast=function(e,t,n,r,a,o,i,s,l){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}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 f=u(t),m=c(r);function p(){return p=Object.assign||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},p.apply(this,arguments)}function d(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 y(e){if(Array.isArray(e))return d(e)}function b(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function v(e,t){if(e){if("string"==typeof e)return d(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)?d(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 h(e){return y(e)||b(e)||v(e)||g()}function O(e){if(Array.isArray(e))return e}function j(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o=[],i=!0,s=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);i=!0);}catch(e){s=!0,a=e}finally{try{i||null==n.return||n.return()}finally{if(s)throw a}}return o}}function E(){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)||j(e,t)||v(e,t)||E()}function N(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}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 P(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){N(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 C=f.memo(f.forwardRef((function(e,t){var n=e.message,r=n.severity,a=n.content,i=n.summary,c=n.detail,u=n.closable,m=n.className,p=n.style,d=n.contentClassName,y=n.contentStyle,b=w(o.useTimeout((function(){v()}),n.life||3e3,!n.sticky),1)[0],v=function(){b(),e.onClose&&e.onClose(e.message)},g=s.classNames("p-toast-message",N({},"p-toast-message-".concat(r),r),m),h=s.classNames("p-toast-message-content",d),O=function(){if(e.message){var t=s.ObjectUtils.getJSXElement(a,P(P({},e),{},{onClose:v})),n=s.classNames("p-toast-message-icon pi",{"pi-info-circle":"info"===r,"pi-exclamation-triangle":"warn"===r,"pi-times":"error"===r,"pi-check":"success"===r});return t||f.createElement(f.Fragment,null,f.createElement("span",{className:n}),f.createElement("div",{className:"p-toast-message-text"},f.createElement("span",{className:"p-toast-summary"},i),c&&f.createElement("div",{className:"p-toast-detail"},c)))}return null}();return f.createElement("div",{ref:t,className:g,style:p,role:"alert","aria-live":"assertive","aria-atomic":"true",onClick:function(t){!e.onClick||s.DomHandler.hasClass(t.target,"p-toast-icon-close")||s.DomHandler.hasClass(t.target,"p-toast-icon-close-icon")||e.onClick(e.message)}},f.createElement("div",{className:h,style:y},O,!1!==u?f.createElement("button",{type:"button",className:"p-toast-icon-close p-link",onClick:v},f.createElement("span",{className:"p-toast-icon-close-icon pi pi-times"}),f.createElement(l.Ripple,null)):null))})));C.displayName="ToastMessage";var k=0,x=f.memo(f.forwardRef((function(e,t){var r=w(f.useState([]),2),l=r[0],c=r[1],u=f.useRef(null),d=function(t){if(t){var n;if(Array.isArray(t))for(var r=0;r<t.length;r++)t[r].id=k++,n=[].concat(h(l),h(t));else t.id=k++,n=l?[].concat(h(l),[t]):[t];0===l.length&&s.ZIndexUtils.set("toast",u.current,m.default.autoZIndex,e.baseZIndex||m.default.zIndex.toast),c(n)}},y=function(){s.ZIndexUtils.clear(u.current),c([])},b=function(e){var t=Array.isArray(e)?e:[e];c(t)},v=function(t){var n=l.filter((function(e){return e.id!==t.id}));c(n),e.onRemove&&e.onRemove(t)},g=function(){e.onShow&&e.onShow()},O=function(){1===l.length&&s.ZIndexUtils.clear(u.current),e.onHide&&e.onHide()};o.useUnmountEffect((function(){s.ZIndexUtils.clear(u.current)})),f.useImperativeHandle(t,(function(){return{show:d,replace:b,clear:y}}));var j,E,N=(j=s.ObjectUtils.findDiffKeys(e,x.defaultProps),E=s.classNames("p-toast p-component p-toast-"+e.position,e.className),f.createElement("div",p({ref:u,id:e.id,className:E,style:e.style},j),f.createElement(n.TransitionGroup,null,l.map((function(t){var n=f.createRef();return f.createElement(a.CSSTransition,{nodeRef:n,key:t.id,classNames:"p-toast-message",unmountOnExit:!0,timeout:{enter:300,exit:300},onEntered:g,onExited:O,options:e.transitionOptions},f.createElement(C,{ref:n,message:t,onClick:e.onClick,onClose:v}))})))));return f.createElement(i.Portal,{element:N,appendTo:e.appendTo})})));return x.displayName="Toast",x.defaultProps={__TYPE:"Toast",id:null,className:null,style:null,baseZIndex:0,position:"top-right",transitionOptions:null,appendTo:"self",onClick:null,onRemove:null,onShow:null,onHide:null},e.Toast=x,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,ReactTransitionGroup,primereact.api,primereact.csstransition,primereact.hooks,primereact.portal,primereact.utils,primereact.ripple);
|
package/tooltip/tooltip.cjs.js
CHANGED
|
@@ -152,6 +152,11 @@ var Tooltip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
|
|
|
152
152
|
positionState = _React$useState4[0],
|
|
153
153
|
setPositionState = _React$useState4[1];
|
|
154
154
|
|
|
155
|
+
var _React$useState5 = React__namespace.useState(''),
|
|
156
|
+
_React$useState6 = _slicedToArray(_React$useState5, 2),
|
|
157
|
+
classNameState = _React$useState6[0],
|
|
158
|
+
setClassNameState = _React$useState6[1];
|
|
159
|
+
|
|
155
160
|
var elementRef = React__namespace.useRef(null);
|
|
156
161
|
var textRef = React__namespace.useRef(null);
|
|
157
162
|
var currentTargetRef = React__namespace.useRef(null);
|
|
@@ -270,7 +275,7 @@ var Tooltip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
|
|
|
270
275
|
return;
|
|
271
276
|
}
|
|
272
277
|
|
|
273
|
-
var updateTooltipState = function updateTooltipState() {
|
|
278
|
+
var updateTooltipState = function updateTooltipState(position) {
|
|
274
279
|
updateText(currentTargetRef.current, function () {
|
|
275
280
|
if (props.autoZIndex && !utils.ZIndexUtils.get(elementRef.current)) {
|
|
276
281
|
utils.ZIndexUtils.set('tooltip', elementRef.current, PrimeReact__default["default"].autoZIndex, props.baseZIndex || PrimeReact__default["default"].zIndex['tooltip']);
|
|
@@ -293,7 +298,7 @@ var Tooltip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
|
|
|
293
298
|
align(currentTargetRef.current, {
|
|
294
299
|
x: e.pageX,
|
|
295
300
|
y: e.pageY
|
|
296
|
-
});
|
|
301
|
+
}, position);
|
|
297
302
|
});
|
|
298
303
|
};
|
|
299
304
|
|
|
@@ -308,16 +313,16 @@ var Tooltip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
|
|
|
308
313
|
|
|
309
314
|
if (success) {
|
|
310
315
|
applyDelay('showDelay', function () {
|
|
316
|
+
var position = getPosition(currentTargetRef.current);
|
|
317
|
+
var classname = getTargetOption(currentTargetRef.current, 'classname');
|
|
311
318
|
setVisibleState(true);
|
|
312
|
-
setPositionState(
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
}, 0);
|
|
319
|
+
setPositionState(position);
|
|
320
|
+
setClassNameState(classname);
|
|
321
|
+
updateTooltipState(position);
|
|
316
322
|
sendCallback(props.onShow, {
|
|
317
323
|
originalEvent: e,
|
|
318
324
|
target: currentTargetRef.current
|
|
319
325
|
});
|
|
320
|
-
utils.DomHandler.addClass(currentTargetRef.current, getTargetOption(currentTargetRef.current, 'classname'));
|
|
321
326
|
});
|
|
322
327
|
}
|
|
323
328
|
}
|
|
@@ -327,7 +332,6 @@ var Tooltip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
|
|
|
327
332
|
clearTimeouts();
|
|
328
333
|
|
|
329
334
|
if (visibleState) {
|
|
330
|
-
utils.DomHandler.removeClass(currentTargetRef.current, getTargetOption(currentTargetRef.current, 'classname'));
|
|
331
335
|
var success = sendCallback(props.onBeforeHide, {
|
|
332
336
|
originalEvent: e,
|
|
333
337
|
target: currentTargetRef.current
|
|
@@ -343,6 +347,7 @@ var Tooltip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
|
|
|
343
347
|
utils.DomHandler.removeClass(elementRef.current, 'p-tooltip-active');
|
|
344
348
|
setVisibleState(false);
|
|
345
349
|
setPositionState(props.position);
|
|
350
|
+
setClassNameState('');
|
|
346
351
|
currentTargetRef.current = null;
|
|
347
352
|
containerSize.current = null;
|
|
348
353
|
allowHide.current = true;
|
|
@@ -355,9 +360,10 @@ var Tooltip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
|
|
|
355
360
|
}
|
|
356
361
|
};
|
|
357
362
|
|
|
358
|
-
var align = function align(target, coordinate) {
|
|
363
|
+
var align = function align(target, coordinate, position) {
|
|
359
364
|
var left = 0,
|
|
360
|
-
top = 0
|
|
365
|
+
top = 0,
|
|
366
|
+
currentPosition = position || positionState;
|
|
361
367
|
|
|
362
368
|
if (isMouseTrack(target) && coordinate) {
|
|
363
369
|
var _containerSize = {
|
|
@@ -371,7 +377,7 @@ var Tooltip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
|
|
|
371
377
|
mouseTrackTop = _getMouseTrackPositio.top,
|
|
372
378
|
mouseTrackLeft = _getMouseTrackPositio.left;
|
|
373
379
|
|
|
374
|
-
switch (
|
|
380
|
+
switch (currentPosition) {
|
|
375
381
|
case 'left':
|
|
376
382
|
left -= _containerSize.width + mouseTrackLeft;
|
|
377
383
|
top -= _containerSize.height / 2 - mouseTrackTop;
|
|
@@ -404,28 +410,28 @@ var Tooltip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
|
|
|
404
410
|
elementRef.current.style.top = top + 'px';
|
|
405
411
|
utils.DomHandler.addClass(elementRef.current, 'p-tooltip-active');
|
|
406
412
|
} else {
|
|
407
|
-
var pos = utils.DomHandler.findCollisionPosition(
|
|
413
|
+
var pos = utils.DomHandler.findCollisionPosition(currentPosition);
|
|
408
414
|
var my = getTargetOption(target, 'my') || props.my || pos.my;
|
|
409
415
|
var at = getTargetOption(target, 'at') || props.at || pos.at;
|
|
410
416
|
elementRef.current.style.padding = '0px';
|
|
411
|
-
utils.DomHandler.flipfitCollision(elementRef.current, target, my, at, function (
|
|
412
|
-
var
|
|
413
|
-
atX =
|
|
414
|
-
atY =
|
|
415
|
-
var myX =
|
|
416
|
-
var newPosition = props.at ? atX !== 'center' && atX !== myX ? atX : atY :
|
|
417
|
+
utils.DomHandler.flipfitCollision(elementRef.current, target, my, at, function (calculatedPosition) {
|
|
418
|
+
var _calculatedPosition$a = calculatedPosition.at,
|
|
419
|
+
atX = _calculatedPosition$a.x,
|
|
420
|
+
atY = _calculatedPosition$a.y;
|
|
421
|
+
var myX = calculatedPosition.my.x;
|
|
422
|
+
var newPosition = props.at ? atX !== 'center' && atX !== myX ? atX : atY : calculatedPosition.at["".concat(pos.axis)];
|
|
417
423
|
elementRef.current.style.padding = '';
|
|
418
424
|
setPositionState(newPosition);
|
|
419
|
-
updateContainerPosition();
|
|
425
|
+
updateContainerPosition(newPosition);
|
|
420
426
|
utils.DomHandler.addClass(elementRef.current, 'p-tooltip-active');
|
|
421
427
|
});
|
|
422
428
|
}
|
|
423
429
|
};
|
|
424
430
|
|
|
425
|
-
var updateContainerPosition = function updateContainerPosition() {
|
|
431
|
+
var updateContainerPosition = function updateContainerPosition(position) {
|
|
426
432
|
if (elementRef.current) {
|
|
427
433
|
var style = getComputedStyle(elementRef.current);
|
|
428
|
-
if (
|
|
434
|
+
if (position === 'left') elementRef.current.style.left = parseFloat(style.left) - parseFloat(style.paddingLeft) * 2 + 'px';else if (position === 'top') elementRef.current.style.top = parseFloat(style.top) - parseFloat(style.paddingTop) * 2 + 'px';
|
|
429
435
|
}
|
|
430
436
|
};
|
|
431
437
|
|
|
@@ -611,7 +617,7 @@ var Tooltip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
|
|
|
611
617
|
|
|
612
618
|
var createElement = function createElement() {
|
|
613
619
|
var otherProps = utils.ObjectUtils.findDiffKeys(props, Tooltip.defaultProps);
|
|
614
|
-
var tooltipClassName = utils.classNames('p-tooltip p-component', _defineProperty({}, "p-tooltip-".concat(positionState), true), props.className);
|
|
620
|
+
var tooltipClassName = utils.classNames('p-tooltip p-component', _defineProperty({}, "p-tooltip-".concat(positionState), true), props.className, classNameState);
|
|
615
621
|
var empty = isTargetContentEmpty(currentTargetRef.current);
|
|
616
622
|
return /*#__PURE__*/React__namespace.createElement("div", _extends({
|
|
617
623
|
id: props.id,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/hooks"),n=require("primereact/portal"),o=require("primereact/utils");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var i=a(e),l=u(t);function c(){return c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},c.apply(this,arguments)}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function f(e){if(Array.isArray(e))return s(e)}function d(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(e,t){if(e){if("string"==typeof e)return s(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?s(e,t):void 0}}function
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/hooks"),n=require("primereact/portal"),o=require("primereact/utils");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var i=a(e),l=u(t);function c(){return c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},c.apply(this,arguments)}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function f(e){if(Array.isArray(e))return s(e)}function d(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(e,t){if(e){if("string"==typeof e)return s(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?s(e,t):void 0}}function h(){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){if(Array.isArray(e))return e}function m(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,u=[],a=!0,i=!1;try{for(r=r.call(e);!(a=(n=r.next()).done)&&(u.push(n.value),!t||u.length!==t);a=!0);}catch(e){i=!0,o=e}finally{try{a||null==r.return||r.return()}finally{if(i)throw o}}return u}}function y(){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 g(e,t){return v(e)||m(e,t)||p(e,t)||y()}var b=i.memo(i.forwardRef((function(e,t){var u=g(i.useState(!1),2),a=u[0],s=u[1],v=g(i.useState(e.position),2),m=v[0],y=v[1],E=g(i.useState(""),2),w=E[0],x=E[1],T=i.useRef(null),D=i.useRef(null),O=i.useRef(null),H=i.useRef(null),j=i.useRef(!0),S=i.useRef({}),I=g(r.useResizeListener({listener:function(e){!o.DomHandler.isTouchDevice()&&Y(e)}}),2),k=I[0],A=I[1],L=g(r.useOverlayScrollListener({target:O.current,listener:function(e){Y(e)},when:a}),2),C=L[0],U=L[1],N=function(t){return W(t,"mousetrack")||e.mouseTrack},P=function(t){return"true"===W(t,"disabled")||M(t,"disabled")||e.disabled},R=function(t){return W(t,"showondisabled")||e.showOnDisabled},Z=function(){return W(O.current,"autohide")||e.autoHide},W=function(e,t){return M(e,"data-pr-".concat(t))?e.getAttribute("data-pr-".concat(t)):null},M=function(e,t){return e&&e.hasAttribute(t)},_=function(t){var r=W(t,"showevent")||e.showEvent,n=W(t,"hideevent")||e.hideEvent;N(t)?(r="mousemove",n="mouseleave"):"focus"===(W(t,"event")||e.event)&&(r="focus",n="blur");return{showEvent:r,hideEvent:n}},q=function(e){return W(e,"position")||m},B=function(t){return{top:W(t,"mousetracktop")||e.mouseTrackTop,left:W(t,"mousetrackleft")||e.mouseTrackLeft}},F=function(t,r){if(D.current){var n=W(t,"tooltip")||e.content;n?(D.current.innerHTML="",D.current.appendChild(document.createTextNode(n)),r()):e.children&&r()}},z=function(t){O.current=t.currentTarget;var r,n=P(O.current);if(!(r=R(O.current)&&n?O.current.firstChild:O.current,!(e.content||W(r,"tooltip")||e.children))&&!n){var u=function(r){F(O.current,(function(){e.autoZIndex&&!o.ZIndexUtils.get(T.current)&&o.ZIndexUtils.set("tooltip",T.current,l.default.autoZIndex,e.baseZIndex||l.default.zIndex.tooltip),T.current.style.left="",T.current.style.top="",Z()&&(T.current.style.pointerEvents="none"),N(O.current)&&!H.current&&(H.current={width:o.DomHandler.getOuterWidth(T.current),height:o.DomHandler.getOuterHeight(T.current)}),K(O.current,{x:t.pageX,y:t.pageY},r)}))};if(a)V("updateDelay",u);else ee(e.onBeforeShow,{originalEvent:t,target:O.current})&&V("showDelay",(function(){var r=q(O.current),n=W(O.current,"classname");s(!0),y(r),x(n),u(r),ee(e.onShow,{originalEvent:t,target:O.current})}))}},Y=function(t){(te(),a)&&(ee(e.onBeforeHide,{originalEvent:t,target:O.current})&&V("hideDelay",(function(){(Z()||!1!==j.current)&&(o.ZIndexUtils.clear(T.current),o.DomHandler.removeClass(T.current,"p-tooltip-active"),s(!1),y(e.position),x(""),O.current=null,H.current=null,j.current=!0,ee(e.onHide,{originalEvent:t,target:O.current}))})))},K=function(t,r,n){var u=0,a=0,i=n||m;if(N(t)&&r){var l={width:o.DomHandler.getOuterWidth(T.current),height:o.DomHandler.getOuterHeight(T.current)};u=r.x,a=r.y;var c=B(t),s=c.top,f=c.left;switch(i){case"left":u-=l.width+f,a-=l.height/2-s;break;case"right":u+=f,a-=l.height/2-s;break;case"top":u-=l.width/2-f,a-=l.height+s;break;case"bottom":u-=l.width/2-f,a+=s}u<=0||H.current.width>l.width?(T.current.style.left="0px",T.current.style.right=window.innerWidth-l.width-u+"px"):(T.current.style.right="",T.current.style.left=u+"px"),T.current.style.top=a+"px",o.DomHandler.addClass(T.current,"p-tooltip-active")}else{var d=o.DomHandler.findCollisionPosition(i),p=W(t,"my")||e.my||d.my,h=W(t,"at")||e.at||d.at;T.current.style.padding="0px",o.DomHandler.flipfitCollision(T.current,t,p,h,(function(t){var r=t.at,n=r.x,u=e.at?"center"!==n&&n!==t.my.x?n:r.y:t.at["".concat(d.axis)];T.current.style.padding="",y(u),X(u),o.DomHandler.addClass(T.current,"p-tooltip-active")}))}},X=function(e){if(T.current){var t=getComputedStyle(T.current);"left"===e?T.current.style.left=parseFloat(t.left)-2*parseFloat(t.paddingLeft)+"px":"top"===e&&(T.current.style.top=parseFloat(t.top)-2*parseFloat(t.paddingTop)+"px")}},$=function(){Z()||(j.current=!1)},G=function(e){Z()||(j.current=!0,Y(e))},J=function(e){if(e){var t=_(e),r=t.showEvent,n=t.hideEvent,o=re(e);o.addEventListener(r,z),o.addEventListener(n,Y)}},Q=function(e){if(e){var t=_(e),r=t.showEvent,n=t.hideEvent,o=re(e);o.removeEventListener(r,z),o.removeEventListener(n,Y)}},V=function(t,r){te();var n=W(O.current,t.toLowerCase())||e[t];n?S.current["".concat(t)]=setTimeout((function(){return r()}),n):r()},ee=function(e){if(e){for(var t=arguments.length,r=new Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];var o=e.apply(void 0,r);return void 0===o&&(o=!0),o}return!0},te=function(){Object.keys(S.current).forEach((function(e){return clearTimeout(e)}))},re=function(e){if(e){if(R(e)){if(e.hasWrapper)return e.parentElement;var t=document.createElement("span");return e.parentNode.insertBefore(t,e),t.appendChild(e),e.hasWrapper=!0,t}var r;return e.hasWrapper&&((r=e.parentElement).replaceWith.apply(r,f(n=e.parentElement.childNodes)||d(n)||p(n)||h()),delete e.hasWrapper),e}var n;return null},ne=function(e){ue(e),oe(e)},oe=function(t){ae(t||e.target,J)},ue=function(t){ae(t||e.target,Q)},ae=function(e,t){if(e=o.ObjectUtils.getRefElement(e))if(o.DomHandler.isElement(e))t(e);else{var r=function(e){o.DomHandler.find(document,e).forEach((function(e){t(e)}))};e instanceof Array?e.forEach((function(e){r(e)})):r(e)}};i.useEffect((function(){a&&O.current&&P(O.current)&&Y()})),r.useMountEffect((function(){oe()})),r.useUpdateEffect((function(){return oe(),function(){ue()}}),[z,Y,e.target]),r.useUpdateEffect((function(){return a&&(k(),C()),function(){A(),U()}}),[a]),r.useUpdateEffect((function(){a&&V("updateDelay",(function(){F(O.current,(function(){K(O.current)}))}))}),[e.content]),r.useUnmountEffect((function(){te(),ue(),o.ZIndexUtils.clear(T.current)})),i.useImperativeHandle(t,(function(){return{updateTargetEvents:ne,loadTargetEvents:oe,unloadTargetEvents:ue}}));var ie,le,ce,se,fe,de,pe;if(a){var he=(fe=o.ObjectUtils.findDiffKeys(e,b.defaultProps),de=o.classNames("p-tooltip p-component",(ie={},le="p-tooltip-".concat(m),ce=!0,le in ie?Object.defineProperty(ie,le,{value:ce,enumerable:!0,configurable:!0,writable:!0}):ie[le]=ce,ie),e.className,w),se=O.current,pe=!(e.content||W(se,"tooltip")),i.createElement("div",c({id:e.id,ref:T,className:de,style:e.style,role:"tooltip","aria-hidden":a},fe,{onMouseEnter:$,onMouseLeave:G}),i.createElement("div",{className:"p-tooltip-arrow"}),i.createElement("div",{ref:D,className:"p-tooltip-text"},pe&&e.children)));return i.createElement(n.Portal,{element:he,appendTo:e.appendTo,visible:!0})}return null})));b.displayName="Tooltip",b.defaultProps={__TYPE:"Tooltip",id:null,target:null,content:null,disabled:!1,className:null,style:null,appendTo:null,position:"right",my:null,at:null,event:null,showEvent:"mouseenter",hideEvent:"mouseleave",autoZIndex:!0,baseZIndex:0,mouseTrack:!1,mouseTrackTop:5,mouseTrackLeft:5,showDelay:0,updateDelay:0,hideDelay:0,autoHide:!0,showOnDisabled:!1,onBeforeShow:null,onBeforeHide:null,onShow:null,onHide:null},exports.Tooltip=b;
|