primereact 10.3.0 → 10.3.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/accordion/accordion.cjs.js +24 -20
- package/accordion/accordion.cjs.min.js +1 -1
- package/accordion/accordion.d.ts +36 -1
- package/accordion/accordion.esm.js +16 -12
- package/accordion/accordion.esm.min.js +1 -1
- package/accordion/accordion.js +22 -18
- package/accordion/accordion.min.js +1 -1
- package/api/api.cjs.js +39 -33
- package/api/api.cjs.min.js +1 -1
- package/api/api.d.ts +14 -3
- package/api/api.esm.js +39 -33
- package/api/api.esm.min.js +1 -1
- package/api/api.js +39 -33
- package/api/api.min.js +1 -1
- package/autocomplete/autocomplete.cjs.js +24 -21
- package/autocomplete/autocomplete.cjs.min.js +1 -1
- package/autocomplete/autocomplete.d.ts +6 -1
- package/autocomplete/autocomplete.esm.js +7 -4
- package/autocomplete/autocomplete.esm.min.js +1 -1
- package/autocomplete/autocomplete.js +24 -21
- package/autocomplete/autocomplete.min.js +1 -1
- package/avatar/avatar.cjs.js +6 -4
- package/avatar/avatar.cjs.min.js +1 -1
- package/avatar/avatar.esm.js +3 -1
- package/avatar/avatar.esm.min.js +1 -1
- package/avatar/avatar.js +7 -6
- package/avatar/avatar.min.js +1 -1
- package/avatargroup/avatargroup.cjs.js +3 -1
- package/avatargroup/avatargroup.cjs.min.js +1 -1
- package/avatargroup/avatargroup.esm.js +3 -1
- package/avatargroup/avatargroup.esm.min.js +1 -1
- package/avatargroup/avatargroup.js +4 -3
- package/avatargroup/avatargroup.min.js +1 -1
- package/badge/badge.cjs.js +3 -1
- package/badge/badge.cjs.min.js +1 -1
- package/badge/badge.esm.js +3 -1
- package/badge/badge.esm.min.js +1 -1
- package/badge/badge.js +4 -3
- package/badge/badge.min.js +1 -1
- package/blockui/blockui.cjs.js +11 -7
- package/blockui/blockui.cjs.min.js +1 -1
- package/blockui/blockui.esm.js +11 -7
- package/blockui/blockui.esm.min.js +1 -1
- package/blockui/blockui.js +11 -7
- package/blockui/blockui.min.js +1 -1
- package/breadcrumb/breadcrumb.cjs.js +12 -11
- package/breadcrumb/breadcrumb.cjs.min.js +1 -1
- package/breadcrumb/breadcrumb.esm.js +3 -2
- package/breadcrumb/breadcrumb.esm.min.js +1 -1
- package/breadcrumb/breadcrumb.js +12 -11
- package/breadcrumb/breadcrumb.min.js +1 -1
- package/button/button.cjs.js +9 -6
- package/button/button.cjs.min.js +1 -1
- package/button/button.esm.js +4 -1
- package/button/button.esm.min.js +1 -1
- package/button/button.js +10 -8
- package/button/button.min.js +1 -1
- package/calendar/calendar.cjs.js +158 -113
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.d.ts +3 -5
- package/calendar/calendar.esm.js +92 -47
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +158 -113
- package/calendar/calendar.min.js +1 -1
- package/card/card.cjs.js +11 -9
- package/card/card.cjs.min.js +1 -1
- package/card/card.esm.js +4 -2
- package/card/card.esm.min.js +1 -1
- package/card/card.js +10 -9
- package/card/card.min.js +1 -1
- package/carousel/carousel.cjs.js +1 -1
- package/carousel/carousel.cjs.min.js +1 -1
- package/carousel/carousel.esm.js +1 -1
- package/carousel/carousel.esm.min.js +1 -1
- package/carousel/carousel.js +1 -1
- package/carousel/carousel.min.js +1 -1
- package/cascadeselect/cascadeselect.cjs.js +60 -36
- package/cascadeselect/cascadeselect.cjs.min.js +1 -1
- package/cascadeselect/cascadeselect.d.ts +27 -4
- package/cascadeselect/cascadeselect.esm.js +46 -22
- package/cascadeselect/cascadeselect.esm.min.js +1 -1
- package/cascadeselect/cascadeselect.js +61 -37
- package/cascadeselect/cascadeselect.min.js +1 -1
- package/chart/chart.cjs.js +4 -3
- package/chart/chart.cjs.min.js +1 -1
- package/chart/chart.esm.js +3 -2
- package/chart/chart.esm.min.js +1 -1
- package/chart/chart.js +5 -4
- package/chart/chart.min.js +1 -1
- package/checkbox/checkbox.cjs.js +31 -30
- package/checkbox/checkbox.cjs.min.js +1 -1
- package/checkbox/checkbox.esm.js +28 -27
- package/checkbox/checkbox.esm.min.js +1 -1
- package/checkbox/checkbox.js +32 -31
- package/checkbox/checkbox.min.js +1 -1
- package/chip/chip.cjs.js +13 -7
- package/chip/chip.cjs.min.js +1 -1
- package/chip/chip.d.ts +17 -2
- package/chip/chip.esm.js +9 -3
- package/chip/chip.esm.min.js +1 -1
- package/chip/chip.js +14 -9
- package/chip/chip.min.js +1 -1
- package/chips/chips.cjs.js +10 -8
- package/chips/chips.cjs.min.js +1 -1
- package/chips/chips.esm.js +5 -3
- package/chips/chips.esm.min.js +1 -1
- package/chips/chips.js +10 -8
- package/chips/chips.min.js +1 -1
- package/colorpicker/colorpicker.cjs.js +9 -8
- package/colorpicker/colorpicker.cjs.min.js +1 -1
- package/colorpicker/colorpicker.d.ts +1 -1
- package/colorpicker/colorpicker.esm.js +2 -1
- package/colorpicker/colorpicker.esm.min.js +1 -1
- package/colorpicker/colorpicker.js +9 -8
- package/colorpicker/colorpicker.min.js +1 -1
- package/column/column.d.ts +1 -1
- package/componentbase/componentbase.cjs.js +62 -50
- package/componentbase/componentbase.cjs.min.js +1 -1
- package/componentbase/componentbase.esm.js +63 -51
- package/componentbase/componentbase.esm.min.js +1 -1
- package/componentbase/componentbase.js +62 -50
- package/componentbase/componentbase.min.js +1 -1
- package/confirmdialog/confirmdialog.cjs.js +32 -22
- package/confirmdialog/confirmdialog.cjs.min.js +1 -1
- package/confirmdialog/confirmdialog.d.ts +19 -3
- package/confirmdialog/confirmdialog.esm.js +30 -20
- package/confirmdialog/confirmdialog.esm.min.js +1 -1
- package/confirmdialog/confirmdialog.js +32 -22
- package/confirmdialog/confirmdialog.min.js +1 -1
- package/confirmpopup/confirmpopup.cjs.js +41 -128
- package/confirmpopup/confirmpopup.cjs.min.js +1 -1
- package/confirmpopup/confirmpopup.d.ts +12 -2
- package/confirmpopup/confirmpopup.esm.js +36 -123
- package/confirmpopup/confirmpopup.esm.min.js +1 -1
- package/confirmpopup/confirmpopup.js +41 -128
- package/confirmpopup/confirmpopup.min.js +1 -1
- package/contextmenu/contextmenu.cjs.js +14 -12
- package/contextmenu/contextmenu.cjs.min.js +1 -1
- package/contextmenu/contextmenu.d.ts +1 -1
- package/contextmenu/contextmenu.esm.js +5 -3
- package/contextmenu/contextmenu.esm.min.js +1 -1
- package/contextmenu/contextmenu.js +14 -12
- package/contextmenu/contextmenu.min.js +1 -1
- package/core/core.js +1232 -649
- package/core/core.min.js +44 -44
- package/datascroller/datascroller.cjs.js +8 -7
- package/datascroller/datascroller.cjs.min.js +1 -1
- package/datascroller/datascroller.esm.js +3 -2
- package/datascroller/datascroller.esm.min.js +1 -1
- package/datascroller/datascroller.js +8 -7
- package/datascroller/datascroller.min.js +1 -1
- package/datatable/datatable.cjs.js +166 -146
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.d.ts +4 -3
- package/datatable/datatable.esm.js +72 -52
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +166 -146
- package/datatable/datatable.min.js +1 -1
- package/dataview/dataview.d.ts +1 -1
- package/deferredcontent/deferredcontent.cjs.js +3 -3
- package/deferredcontent/deferredcontent.cjs.min.js +1 -1
- package/deferredcontent/deferredcontent.esm.js +3 -3
- package/deferredcontent/deferredcontent.esm.min.js +1 -1
- package/deferredcontent/deferredcontent.js +4 -3
- package/deferredcontent/deferredcontent.min.js +1 -1
- package/dialog/dialog.cjs.js +40 -130
- package/dialog/dialog.cjs.min.js +1 -1
- package/dialog/dialog.d.ts +2 -2
- package/dialog/dialog.esm.js +35 -125
- package/dialog/dialog.esm.min.js +1 -1
- package/dialog/dialog.js +41 -131
- package/dialog/dialog.min.js +1 -1
- package/divider/divider.cjs.js +6 -4
- package/divider/divider.cjs.min.js +1 -1
- package/divider/divider.esm.js +4 -2
- package/divider/divider.esm.min.js +1 -1
- package/divider/divider.js +5 -4
- package/divider/divider.min.js +1 -1
- package/dock/dock.cjs.js +10 -9
- package/dock/dock.cjs.min.js +1 -1
- package/dock/dock.esm.js +3 -2
- package/dock/dock.esm.min.js +1 -1
- package/dock/dock.js +10 -9
- package/dock/dock.min.js +1 -1
- package/dropdown/dropdown.cjs.js +46 -36
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.d.ts +1 -1
- package/dropdown/dropdown.esm.js +21 -11
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +47 -37
- package/dropdown/dropdown.min.js +1 -1
- package/editor/editor.cjs.js +8 -7
- package/editor/editor.cjs.min.js +1 -1
- package/editor/editor.esm.js +4 -3
- package/editor/editor.esm.min.js +1 -1
- package/editor/editor.js +8 -7
- package/editor/editor.min.js +1 -1
- package/fieldset/fieldset.cjs.js +9 -8
- package/fieldset/fieldset.cjs.min.js +1 -1
- package/fieldset/fieldset.esm.js +3 -2
- package/fieldset/fieldset.esm.min.js +1 -1
- package/fieldset/fieldset.js +9 -8
- package/fieldset/fieldset.min.js +1 -1
- package/fileupload/fileupload.cjs.js +25 -24
- package/fileupload/fileupload.cjs.min.js +1 -1
- package/fileupload/fileupload.esm.js +5 -4
- package/fileupload/fileupload.esm.min.js +1 -1
- package/fileupload/fileupload.js +26 -26
- package/fileupload/fileupload.min.js +1 -1
- package/galleria/galleria.cjs.js +13 -12
- package/galleria/galleria.cjs.min.js +1 -1
- package/galleria/galleria.esm.js +4 -3
- package/galleria/galleria.esm.min.js +1 -1
- package/galleria/galleria.js +14 -13
- package/galleria/galleria.min.js +1 -1
- package/hooks/hooks.cjs.js +254 -94
- package/hooks/hooks.cjs.min.js +1 -1
- package/hooks/hooks.d.ts +12 -4
- package/hooks/hooks.esm.js +253 -96
- package/hooks/hooks.esm.min.js +1 -1
- package/hooks/hooks.js +254 -94
- package/hooks/hooks.min.js +1 -1
- package/icons/arrowdown/index.cjs.js +1 -1
- package/icons/arrowdown/index.cjs.min.js +1 -1
- package/icons/arrowdown/index.esm.js +1 -1
- package/icons/arrowdown/index.esm.min.js +1 -1
- package/icons/arrowdown/index.js +1 -1
- package/icons/arrowdown/index.min.js +1 -1
- package/icons/arrowup/index.cjs.js +1 -1
- package/icons/arrowup/index.cjs.min.js +1 -1
- package/icons/arrowup/index.esm.js +1 -1
- package/icons/arrowup/index.esm.min.js +1 -1
- package/icons/arrowup/index.js +1 -1
- package/icons/arrowup/index.min.js +1 -1
- package/icons/ban/index.cjs.js +1 -1
- package/icons/ban/index.cjs.min.js +1 -1
- package/icons/ban/index.esm.js +1 -1
- package/icons/ban/index.esm.min.js +1 -1
- package/icons/ban/index.js +1 -1
- package/icons/ban/index.min.js +1 -1
- package/icons/download/index.cjs.js +1 -1
- package/icons/download/index.cjs.min.js +1 -1
- package/icons/download/index.esm.js +1 -1
- package/icons/download/index.esm.min.js +1 -1
- package/icons/download/index.js +1 -1
- package/icons/download/index.min.js +1 -1
- package/icons/exclamationtriangle/index.cjs.js +1 -1
- package/icons/exclamationtriangle/index.cjs.min.js +1 -1
- package/icons/exclamationtriangle/index.esm.js +1 -1
- package/icons/exclamationtriangle/index.esm.min.js +1 -1
- package/icons/exclamationtriangle/index.js +1 -1
- package/icons/exclamationtriangle/index.min.js +1 -1
- package/icons/eyeslash/index.cjs.js +1 -1
- package/icons/eyeslash/index.cjs.min.js +1 -1
- package/icons/eyeslash/index.esm.js +1 -1
- package/icons/eyeslash/index.esm.min.js +1 -1
- package/icons/eyeslash/index.js +1 -1
- package/icons/eyeslash/index.min.js +1 -1
- package/icons/filter/index.cjs.js +1 -1
- package/icons/filter/index.cjs.min.js +1 -1
- package/icons/filter/index.esm.js +1 -1
- package/icons/filter/index.esm.min.js +1 -1
- package/icons/filter/index.js +1 -1
- package/icons/filter/index.min.js +1 -1
- package/icons/filterslash/index.cjs.js +1 -1
- package/icons/filterslash/index.cjs.min.js +1 -1
- package/icons/filterslash/index.esm.js +1 -1
- package/icons/filterslash/index.esm.min.js +1 -1
- package/icons/filterslash/index.js +1 -1
- package/icons/filterslash/index.min.js +1 -1
- package/icons/infocircle/index.cjs.js +1 -1
- package/icons/infocircle/index.cjs.min.js +1 -1
- package/icons/infocircle/index.esm.js +1 -1
- package/icons/infocircle/index.esm.min.js +1 -1
- package/icons/infocircle/index.js +1 -1
- package/icons/infocircle/index.min.js +1 -1
- package/icons/pencil/index.cjs.js +1 -1
- package/icons/pencil/index.cjs.min.js +1 -1
- package/icons/pencil/index.esm.js +1 -1
- package/icons/pencil/index.esm.min.js +1 -1
- package/icons/pencil/index.js +1 -1
- package/icons/pencil/index.min.js +1 -1
- package/icons/plus/index.cjs.js +1 -1
- package/icons/plus/index.cjs.min.js +1 -1
- package/icons/plus/index.esm.js +1 -1
- package/icons/plus/index.esm.min.js +1 -1
- package/icons/plus/index.js +1 -1
- package/icons/plus/index.min.js +1 -1
- package/icons/refresh/index.cjs.js +1 -1
- package/icons/refresh/index.cjs.min.js +1 -1
- package/icons/refresh/index.esm.js +1 -1
- package/icons/refresh/index.esm.min.js +1 -1
- package/icons/refresh/index.js +1 -1
- package/icons/refresh/index.min.js +1 -1
- package/icons/search/index.cjs.js +1 -1
- package/icons/search/index.cjs.min.js +1 -1
- package/icons/search/index.esm.js +1 -1
- package/icons/search/index.esm.min.js +1 -1
- package/icons/search/index.js +1 -1
- package/icons/search/index.min.js +1 -1
- package/icons/searchminus/index.cjs.js +1 -1
- package/icons/searchminus/index.cjs.min.js +1 -1
- package/icons/searchminus/index.esm.js +1 -1
- package/icons/searchminus/index.esm.min.js +1 -1
- package/icons/searchminus/index.js +1 -1
- package/icons/searchminus/index.min.js +1 -1
- package/icons/searchplus/index.cjs.js +1 -1
- package/icons/searchplus/index.cjs.min.js +1 -1
- package/icons/searchplus/index.esm.js +1 -1
- package/icons/searchplus/index.esm.min.js +1 -1
- package/icons/searchplus/index.js +1 -1
- package/icons/searchplus/index.min.js +1 -1
- package/icons/sortalt/index.cjs.js +1 -1
- package/icons/sortalt/index.cjs.min.js +1 -1
- package/icons/sortalt/index.esm.js +1 -1
- package/icons/sortalt/index.esm.min.js +1 -1
- package/icons/sortalt/index.js +1 -1
- package/icons/sortalt/index.min.js +1 -1
- package/icons/sortamountdown/index.cjs.js +1 -1
- package/icons/sortamountdown/index.cjs.min.js +1 -1
- package/icons/sortamountdown/index.esm.js +1 -1
- package/icons/sortamountdown/index.esm.min.js +1 -1
- package/icons/sortamountdown/index.js +1 -1
- package/icons/sortamountdown/index.min.js +1 -1
- package/icons/sortamountupalt/index.cjs.js +1 -1
- package/icons/sortamountupalt/index.cjs.min.js +1 -1
- package/icons/sortamountupalt/index.esm.js +1 -1
- package/icons/sortamountupalt/index.esm.min.js +1 -1
- package/icons/sortamountupalt/index.js +1 -1
- package/icons/sortamountupalt/index.min.js +1 -1
- package/icons/spinner/index.cjs.js +1 -1
- package/icons/spinner/index.cjs.min.js +1 -1
- package/icons/spinner/index.esm.js +1 -1
- package/icons/spinner/index.esm.min.js +1 -1
- package/icons/spinner/index.js +1 -1
- package/icons/spinner/index.min.js +1 -1
- package/icons/star/index.cjs.js +1 -1
- package/icons/star/index.cjs.min.js +1 -1
- package/icons/star/index.esm.js +1 -1
- package/icons/star/index.esm.min.js +1 -1
- package/icons/star/index.js +1 -1
- package/icons/star/index.min.js +1 -1
- package/icons/starfill/index.cjs.js +1 -1
- package/icons/starfill/index.cjs.min.js +1 -1
- package/icons/starfill/index.esm.js +1 -1
- package/icons/starfill/index.esm.min.js +1 -1
- package/icons/starfill/index.js +1 -1
- package/icons/starfill/index.min.js +1 -1
- package/icons/thlarge/index.cjs.js +1 -1
- package/icons/thlarge/index.cjs.min.js +1 -1
- package/icons/thlarge/index.esm.js +1 -1
- package/icons/thlarge/index.esm.min.js +1 -1
- package/icons/thlarge/index.js +1 -1
- package/icons/thlarge/index.min.js +1 -1
- package/icons/timescircle/index.cjs.js +1 -1
- package/icons/timescircle/index.cjs.min.js +1 -1
- package/icons/timescircle/index.esm.js +1 -1
- package/icons/timescircle/index.esm.min.js +1 -1
- package/icons/timescircle/index.js +1 -1
- package/icons/timescircle/index.min.js +1 -1
- package/icons/trash/index.cjs.js +1 -1
- package/icons/trash/index.cjs.min.js +1 -1
- package/icons/trash/index.esm.js +1 -1
- package/icons/trash/index.esm.min.js +1 -1
- package/icons/trash/index.js +1 -1
- package/icons/trash/index.min.js +1 -1
- package/icons/undo/index.cjs.js +1 -1
- package/icons/undo/index.cjs.min.js +1 -1
- package/icons/undo/index.esm.js +1 -1
- package/icons/undo/index.esm.min.js +1 -1
- package/icons/undo/index.js +1 -1
- package/icons/undo/index.min.js +1 -1
- package/icons/upload/index.cjs.js +1 -1
- package/icons/upload/index.cjs.min.js +1 -1
- package/icons/upload/index.esm.js +1 -1
- package/icons/upload/index.esm.min.js +1 -1
- package/icons/upload/index.js +1 -1
- package/icons/upload/index.min.js +1 -1
- package/icons/windowmaximize/index.cjs.js +1 -1
- package/icons/windowmaximize/index.cjs.min.js +1 -1
- package/icons/windowmaximize/index.esm.js +1 -1
- package/icons/windowmaximize/index.esm.min.js +1 -1
- package/icons/windowmaximize/index.js +1 -1
- package/icons/windowmaximize/index.min.js +1 -1
- package/icons/windowminimize/index.cjs.js +1 -1
- package/icons/windowminimize/index.cjs.min.js +1 -1
- package/icons/windowminimize/index.esm.js +1 -1
- package/icons/windowminimize/index.esm.min.js +1 -1
- package/icons/windowminimize/index.js +1 -1
- package/icons/windowminimize/index.min.js +1 -1
- package/image/image.cjs.js +45 -151
- package/image/image.cjs.min.js +1 -1
- package/image/image.esm.js +26 -132
- package/image/image.esm.min.js +1 -1
- package/image/image.js +46 -152
- package/image/image.min.js +1 -1
- package/inplace/inplace.cjs.js +12 -4
- package/inplace/inplace.cjs.min.js +1 -1
- package/inplace/inplace.esm.js +9 -1
- package/inplace/inplace.esm.min.js +1 -1
- package/inplace/inplace.js +13 -6
- package/inplace/inplace.min.js +1 -1
- package/inputmask/inputmask.cjs.js +15 -6
- package/inputmask/inputmask.cjs.min.js +1 -1
- package/inputmask/inputmask.esm.js +15 -6
- package/inputmask/inputmask.esm.min.js +1 -1
- package/inputmask/inputmask.js +15 -6
- package/inputmask/inputmask.min.js +1 -1
- package/inputnumber/inputnumber.cjs.js +84 -26
- package/inputnumber/inputnumber.cjs.min.js +1 -1
- package/inputnumber/inputnumber.d.ts +7 -0
- package/inputnumber/inputnumber.esm.js +80 -22
- package/inputnumber/inputnumber.esm.min.js +1 -1
- package/inputnumber/inputnumber.js +84 -26
- package/inputnumber/inputnumber.min.js +1 -1
- package/inputswitch/inputswitch.cjs.js +8 -7
- package/inputswitch/inputswitch.cjs.min.js +1 -1
- package/inputswitch/inputswitch.esm.js +6 -5
- package/inputswitch/inputswitch.esm.min.js +1 -1
- package/inputswitch/inputswitch.js +8 -7
- package/inputswitch/inputswitch.min.js +1 -1
- package/inputtext/inputtext.cjs.js +10 -7
- package/inputtext/inputtext.cjs.min.js +1 -1
- package/inputtext/inputtext.esm.js +10 -7
- package/inputtext/inputtext.esm.min.js +1 -1
- package/inputtext/inputtext.js +11 -9
- package/inputtext/inputtext.min.js +1 -1
- package/inputtextarea/inputtextarea.cjs.js +3 -1
- package/inputtextarea/inputtextarea.cjs.min.js +1 -1
- package/inputtextarea/inputtextarea.esm.js +3 -1
- package/inputtextarea/inputtextarea.esm.min.js +1 -1
- package/inputtextarea/inputtextarea.js +4 -3
- package/inputtextarea/inputtextarea.min.js +1 -1
- package/knob/knob.cjs.js +7 -6
- package/knob/knob.cjs.min.js +1 -1
- package/knob/knob.esm.js +3 -2
- package/knob/knob.esm.min.js +1 -1
- package/knob/knob.js +8 -7
- package/knob/knob.min.js +1 -1
- package/listbox/listbox.cjs.js +31 -14
- package/listbox/listbox.cjs.min.js +1 -1
- package/listbox/listbox.d.ts +8 -3
- package/listbox/listbox.esm.js +23 -6
- package/listbox/listbox.esm.min.js +1 -1
- package/listbox/listbox.js +31 -14
- package/listbox/listbox.min.js +1 -1
- package/megamenu/megamenu.cjs.js +94 -92
- package/megamenu/megamenu.cjs.min.js +1 -1
- package/megamenu/megamenu.esm.js +73 -71
- package/megamenu/megamenu.esm.min.js +1 -1
- package/megamenu/megamenu.js +94 -92
- package/megamenu/megamenu.min.js +1 -1
- package/mention/mention.cjs.js +133 -57
- package/mention/mention.cjs.min.js +1 -1
- package/mention/mention.d.ts +4 -0
- package/mention/mention.esm.js +128 -52
- package/mention/mention.esm.min.js +1 -1
- package/mention/mention.js +133 -57
- package/mention/mention.min.js +1 -1
- package/menu/menu.cjs.js +22 -117
- package/menu/menu.cjs.min.js +1 -1
- package/menu/menu.d.ts +1 -1
- package/menu/menu.esm.js +15 -110
- package/menu/menu.esm.min.js +1 -1
- package/menu/menu.js +22 -117
- package/menu/menu.min.js +1 -1
- package/menubar/menubar.cjs.js +15 -13
- package/menubar/menubar.cjs.min.js +1 -1
- package/menubar/menubar.esm.js +4 -2
- package/menubar/menubar.esm.min.js +1 -1
- package/menubar/menubar.js +15 -13
- package/menubar/menubar.min.js +1 -1
- package/message/message.cjs.js +5 -3
- package/message/message.cjs.min.js +1 -1
- package/message/message.esm.js +3 -1
- package/message/message.esm.min.js +1 -1
- package/message/message.js +6 -5
- package/message/message.min.js +1 -1
- package/messages/messages.cjs.js +5 -4
- package/messages/messages.cjs.min.js +1 -1
- package/messages/messages.esm.js +3 -2
- package/messages/messages.esm.min.js +1 -1
- package/messages/messages.js +6 -5
- package/messages/messages.min.js +1 -1
- package/multiselect/multiselect.cjs.js +89 -67
- package/multiselect/multiselect.cjs.min.js +1 -1
- package/multiselect/multiselect.d.ts +5 -1
- package/multiselect/multiselect.esm.js +56 -34
- package/multiselect/multiselect.esm.min.js +1 -1
- package/multiselect/multiselect.js +90 -68
- package/multiselect/multiselect.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.cjs.js +5 -4
- package/multistatecheckbox/multistatecheckbox.cjs.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.esm.js +3 -2
- package/multistatecheckbox/multistatecheckbox.esm.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.js +5 -4
- package/multistatecheckbox/multistatecheckbox.min.js +1 -1
- package/orderlist/orderlist.cjs.js +21 -18
- package/orderlist/orderlist.cjs.min.js +1 -1
- package/orderlist/orderlist.d.ts +11 -1
- package/orderlist/orderlist.esm.js +6 -3
- package/orderlist/orderlist.esm.min.js +1 -1
- package/orderlist/orderlist.js +21 -18
- package/orderlist/orderlist.min.js +1 -1
- package/organizationchart/organizationchart.cjs.js +32 -19
- package/organizationchart/organizationchart.cjs.min.js +1 -1
- package/organizationchart/organizationchart.esm.js +15 -2
- package/organizationchart/organizationchart.esm.min.js +1 -1
- package/organizationchart/organizationchart.js +31 -19
- package/organizationchart/organizationchart.min.js +1 -1
- package/overlaypanel/overlaypanel.cjs.js +15 -109
- package/overlaypanel/overlaypanel.cjs.min.js +1 -1
- package/overlaypanel/overlaypanel.d.ts +1 -1
- package/overlaypanel/overlaypanel.esm.js +12 -106
- package/overlaypanel/overlaypanel.esm.min.js +1 -1
- package/overlaypanel/overlaypanel.js +16 -110
- package/overlaypanel/overlaypanel.min.js +1 -1
- package/package.json +1 -1
- package/paginator/paginator.cjs.js +271 -21
- package/paginator/paginator.cjs.min.js +1 -1
- package/paginator/paginator.d.ts +2 -2
- package/paginator/paginator.esm.js +265 -15
- package/paginator/paginator.esm.min.js +1 -1
- package/paginator/paginator.js +271 -21
- package/paginator/paginator.min.js +1 -1
- package/panel/panel.cjs.js +11 -10
- package/panel/panel.cjs.min.js +1 -1
- package/panel/panel.esm.js +3 -2
- package/panel/panel.esm.min.js +1 -1
- package/panel/panel.js +11 -10
- package/panel/panel.min.js +1 -1
- package/panelmenu/panelmenu.cjs.js +39 -34
- package/panelmenu/panelmenu.cjs.min.js +1 -1
- package/panelmenu/panelmenu.esm.js +20 -15
- package/panelmenu/panelmenu.esm.min.js +1 -1
- package/panelmenu/panelmenu.js +39 -34
- package/panelmenu/panelmenu.min.js +1 -1
- package/passthrough/index.cjs.js +5 -3
- package/passthrough/index.cjs.min.js +1 -1
- package/passthrough/index.d.ts +1 -0
- package/passthrough/index.esm.js +5 -3
- package/passthrough/index.esm.min.js +1 -1
- package/passthrough/index.js +5 -3
- package/passthrough/index.min.js +1 -1
- package/passthrough/tailwind/index.cjs.js +401 -391
- package/passthrough/tailwind/index.cjs.min.js +1 -1
- package/passthrough/tailwind/index.esm.js +401 -391
- package/passthrough/tailwind/index.esm.min.js +1 -1
- package/passthrough/tailwind/index.js +401 -391
- package/passthrough/tailwind/index.min.js +1 -1
- package/password/password.cjs.js +18 -12
- package/password/password.cjs.min.js +1 -1
- package/password/password.d.ts +1 -1
- package/password/password.esm.js +11 -5
- package/password/password.esm.min.js +1 -1
- package/password/password.js +18 -12
- package/password/password.min.js +1 -1
- package/picklist/picklist.cjs.js +725 -192
- package/picklist/picklist.cjs.min.js +1 -1
- package/picklist/picklist.d.ts +11 -1
- package/picklist/picklist.esm.js +713 -180
- package/picklist/picklist.esm.min.js +1 -1
- package/picklist/picklist.js +725 -192
- package/picklist/picklist.min.js +1 -1
- package/portal/portal.cjs.js +7 -1
- package/portal/portal.cjs.min.js +1 -1
- package/portal/portal.esm.js +7 -1
- package/portal/portal.esm.min.js +1 -1
- package/portal/portal.js +7 -1
- package/portal/portal.min.js +1 -1
- package/primereact.all.cjs.js +3715 -2447
- package/primereact.all.cjs.min.js +1 -1
- package/primereact.all.esm.js +3711 -2447
- package/primereact.all.esm.min.js +1 -1
- package/primereact.all.js +3715 -2447
- package/primereact.all.min.js +1 -1
- package/progressbar/progressbar.cjs.js +8 -6
- package/progressbar/progressbar.cjs.min.js +1 -1
- package/progressbar/progressbar.esm.js +3 -1
- package/progressbar/progressbar.esm.min.js +1 -1
- package/progressbar/progressbar.js +9 -8
- package/progressbar/progressbar.min.js +1 -1
- package/progressspinner/progressspinner.cjs.js +5 -3
- package/progressspinner/progressspinner.cjs.min.js +1 -1
- package/progressspinner/progressspinner.esm.js +3 -1
- package/progressspinner/progressspinner.esm.min.js +1 -1
- package/progressspinner/progressspinner.js +6 -5
- package/progressspinner/progressspinner.min.js +1 -1
- package/radiobutton/radiobutton.cjs.js +32 -31
- package/radiobutton/radiobutton.cjs.min.js +1 -1
- package/radiobutton/radiobutton.esm.js +29 -28
- package/radiobutton/radiobutton.esm.min.js +1 -1
- package/radiobutton/radiobutton.js +33 -32
- package/radiobutton/radiobutton.min.js +1 -1
- package/rating/rating.cjs.js +9 -7
- package/rating/rating.cjs.min.js +1 -1
- package/rating/rating.esm.js +4 -2
- package/rating/rating.esm.min.js +1 -1
- package/rating/rating.js +9 -8
- package/rating/rating.min.js +1 -1
- package/resources/themes/arya-blue/theme.css +18 -9
- package/resources/themes/arya-green/theme.css +18 -9
- package/resources/themes/arya-orange/theme.css +18 -9
- package/resources/themes/arya-purple/theme.css +18 -9
- package/resources/themes/bootstrap4-dark-blue/theme.css +18 -9
- package/resources/themes/bootstrap4-dark-purple/theme.css +18 -9
- package/resources/themes/bootstrap4-light-blue/theme.css +18 -9
- package/resources/themes/bootstrap4-light-purple/theme.css +18 -9
- package/resources/themes/fluent-light/theme.css +18 -9
- package/resources/themes/lara-dark-amber/theme.css +18 -9
- package/resources/themes/lara-dark-blue/theme.css +18 -9
- package/resources/themes/lara-dark-cyan/theme.css +18 -9
- package/resources/themes/lara-dark-green/theme.css +18 -9
- package/resources/themes/lara-dark-indigo/theme.css +18 -9
- package/resources/themes/lara-dark-pink/theme.css +18 -9
- package/resources/themes/lara-dark-purple/theme.css +18 -9
- package/resources/themes/lara-dark-teal/theme.css +18 -9
- package/resources/themes/lara-light-amber/theme.css +18 -9
- package/resources/themes/lara-light-blue/theme.css +18 -9
- package/resources/themes/lara-light-cyan/theme.css +18 -9
- package/resources/themes/lara-light-green/theme.css +18 -9
- package/resources/themes/lara-light-indigo/theme.css +18 -9
- package/resources/themes/lara-light-pink/theme.css +18 -9
- package/resources/themes/lara-light-purple/theme.css +18 -9
- package/resources/themes/lara-light-teal/theme.css +18 -9
- package/resources/themes/luna-amber/theme.css +18 -9
- package/resources/themes/luna-blue/theme.css +18 -9
- package/resources/themes/luna-green/theme.css +18 -9
- package/resources/themes/luna-pink/theme.css +18 -9
- package/resources/themes/md-dark-deeppurple/theme.css +18 -9
- package/resources/themes/md-dark-indigo/theme.css +18 -9
- package/resources/themes/md-light-deeppurple/theme.css +18 -9
- package/resources/themes/md-light-indigo/theme.css +18 -9
- package/resources/themes/mdc-dark-deeppurple/theme.css +18 -9
- package/resources/themes/mdc-dark-indigo/theme.css +18 -9
- package/resources/themes/mdc-light-deeppurple/theme.css +18 -9
- package/resources/themes/mdc-light-indigo/theme.css +18 -9
- package/resources/themes/mira/theme.css +18 -9
- package/resources/themes/nano/theme.css +18 -9
- package/resources/themes/nova/theme.css +18 -9
- package/resources/themes/nova-accent/theme.css +18 -9
- package/resources/themes/nova-alt/theme.css +18 -9
- package/resources/themes/rhea/theme.css +18 -9
- package/resources/themes/saga-blue/theme.css +18 -9
- package/resources/themes/saga-green/theme.css +18 -9
- package/resources/themes/saga-orange/theme.css +18 -9
- package/resources/themes/saga-purple/theme.css +18 -9
- package/resources/themes/soho-dark/theme.css +18 -9
- package/resources/themes/soho-light/theme.css +18 -9
- package/resources/themes/tailwind-light/theme.css +18 -9
- package/resources/themes/vela-blue/theme.css +18 -9
- package/resources/themes/vela-green/theme.css +18 -9
- package/resources/themes/vela-orange/theme.css +18 -9
- package/resources/themes/vela-purple/theme.css +18 -9
- package/resources/themes/viva-dark/theme.css +18 -9
- package/resources/themes/viva-light/theme.css +18 -9
- package/ripple/ripple.cjs.js +8 -4
- package/ripple/ripple.cjs.min.js +1 -1
- package/ripple/ripple.esm.js +9 -5
- package/ripple/ripple.esm.min.js +1 -1
- package/ripple/ripple.js +8 -4
- package/ripple/ripple.min.js +1 -1
- package/row/row.cjs.js +4 -2
- package/row/row.cjs.min.js +1 -1
- package/row/row.esm.js +4 -2
- package/row/row.esm.min.js +1 -1
- package/row/row.js +4 -3
- package/row/row.min.js +1 -1
- package/scrollpanel/scrollpanel.cjs.js +7 -6
- package/scrollpanel/scrollpanel.cjs.min.js +1 -1
- package/scrollpanel/scrollpanel.esm.js +3 -2
- package/scrollpanel/scrollpanel.esm.min.js +1 -1
- package/scrollpanel/scrollpanel.js +8 -7
- package/scrollpanel/scrollpanel.min.js +1 -1
- package/scrolltop/scrolltop.cjs.js +4 -3
- package/scrolltop/scrolltop.cjs.min.js +1 -1
- package/scrolltop/scrolltop.esm.js +3 -2
- package/scrolltop/scrolltop.esm.min.js +1 -1
- package/scrolltop/scrolltop.js +4 -3
- package/scrolltop/scrolltop.min.js +1 -1
- package/selectbutton/selectbutton.cjs.js +6 -3
- package/selectbutton/selectbutton.cjs.min.js +1 -1
- package/selectbutton/selectbutton.esm.js +4 -1
- package/selectbutton/selectbutton.esm.min.js +1 -1
- package/selectbutton/selectbutton.js +7 -5
- package/selectbutton/selectbutton.min.js +1 -1
- package/sidebar/sidebar.cjs.js +17 -113
- package/sidebar/sidebar.cjs.min.js +1 -1
- package/sidebar/sidebar.d.ts +3 -3
- package/sidebar/sidebar.esm.js +12 -108
- package/sidebar/sidebar.esm.min.js +1 -1
- package/sidebar/sidebar.js +18 -114
- package/sidebar/sidebar.min.js +1 -1
- package/skeleton/skeleton.cjs.js +3 -1
- package/skeleton/skeleton.cjs.min.js +1 -1
- package/skeleton/skeleton.esm.js +3 -1
- package/skeleton/skeleton.esm.min.js +1 -1
- package/skeleton/skeleton.js +4 -3
- package/skeleton/skeleton.min.js +1 -1
- package/slidemenu/slidemenu.cjs.js +23 -116
- package/slidemenu/slidemenu.cjs.min.js +1 -1
- package/slidemenu/slidemenu.d.ts +1 -1
- package/slidemenu/slidemenu.esm.js +12 -105
- package/slidemenu/slidemenu.esm.min.js +1 -1
- package/slidemenu/slidemenu.js +23 -116
- package/slidemenu/slidemenu.min.js +1 -1
- package/slider/slider.cjs.js +6 -5
- package/slider/slider.cjs.min.js +1 -1
- package/slider/slider.esm.js +4 -3
- package/slider/slider.esm.min.js +1 -1
- package/slider/slider.js +6 -5
- package/slider/slider.min.js +1 -1
- package/speeddial/speeddial.cjs.js +19 -10
- package/speeddial/speeddial.cjs.min.js +1 -1
- package/speeddial/speeddial.esm.js +14 -5
- package/speeddial/speeddial.esm.min.js +1 -1
- package/speeddial/speeddial.js +19 -10
- package/speeddial/speeddial.min.js +1 -1
- package/splitbutton/splitbutton.cjs.js +105 -94
- package/splitbutton/splitbutton.cjs.min.js +1 -1
- package/splitbutton/splitbutton.d.ts +1 -1
- package/splitbutton/splitbutton.esm.js +94 -83
- package/splitbutton/splitbutton.esm.min.js +1 -1
- package/splitbutton/splitbutton.js +105 -94
- package/splitbutton/splitbutton.min.js +1 -1
- package/splitter/splitter.cjs.js +5 -4
- package/splitter/splitter.cjs.min.js +1 -1
- package/splitter/splitter.esm.js +3 -2
- package/splitter/splitter.esm.min.js +1 -1
- package/splitter/splitter.js +5 -4
- package/splitter/splitter.min.js +1 -1
- package/steps/steps.cjs.js +8 -7
- package/steps/steps.cjs.min.js +1 -1
- package/steps/steps.esm.js +3 -2
- package/steps/steps.esm.min.js +1 -1
- package/steps/steps.js +8 -7
- package/steps/steps.min.js +1 -1
- package/tabmenu/tabmenu.cjs.js +17 -14
- package/tabmenu/tabmenu.cjs.min.js +1 -1
- package/tabmenu/tabmenu.esm.js +12 -9
- package/tabmenu/tabmenu.esm.min.js +1 -1
- package/tabmenu/tabmenu.js +17 -14
- package/tabmenu/tabmenu.min.js +1 -1
- package/tabview/tabview.cjs.js +38 -22
- package/tabview/tabview.cjs.min.js +1 -1
- package/tabview/tabview.d.ts +35 -0
- package/tabview/tabview.esm.js +26 -10
- package/tabview/tabview.esm.min.js +1 -1
- package/tabview/tabview.js +38 -22
- package/tabview/tabview.min.js +1 -1
- package/tag/tag.cjs.js +5 -3
- package/tag/tag.cjs.min.js +1 -1
- package/tag/tag.esm.js +3 -1
- package/tag/tag.esm.min.js +1 -1
- package/tag/tag.js +6 -5
- package/tag/tag.min.js +1 -1
- package/terminal/terminal.cjs.js +11 -9
- package/terminal/terminal.cjs.min.js +1 -1
- package/terminal/terminal.esm.js +3 -1
- package/terminal/terminal.esm.min.js +1 -1
- package/terminal/terminal.js +12 -11
- package/terminal/terminal.min.js +1 -1
- package/tieredmenu/tieredmenu.cjs.js +14 -12
- package/tieredmenu/tieredmenu.cjs.min.js +1 -1
- package/tieredmenu/tieredmenu.d.ts +1 -1
- package/tieredmenu/tieredmenu.esm.js +6 -4
- package/tieredmenu/tieredmenu.esm.min.js +1 -1
- package/tieredmenu/tieredmenu.js +14 -12
- package/tieredmenu/tieredmenu.min.js +1 -1
- package/timeline/timeline.cjs.js +10 -8
- package/timeline/timeline.cjs.min.js +1 -1
- package/timeline/timeline.esm.js +3 -1
- package/timeline/timeline.esm.min.js +1 -1
- package/timeline/timeline.js +10 -9
- package/timeline/timeline.min.js +1 -1
- package/toast/toast.cjs.js +12 -10
- package/toast/toast.cjs.min.js +1 -1
- package/toast/toast.d.ts +2 -2
- package/toast/toast.esm.js +4 -2
- package/toast/toast.esm.min.js +1 -1
- package/toast/toast.js +12 -10
- package/toast/toast.min.js +1 -1
- package/togglebutton/togglebutton.cjs.js +78 -7
- package/togglebutton/togglebutton.cjs.min.js +1 -1
- package/togglebutton/togglebutton.esm.js +77 -6
- package/togglebutton/togglebutton.esm.min.js +1 -1
- package/togglebutton/togglebutton.js +79 -8
- package/togglebutton/togglebutton.min.js +1 -1
- package/toolbar/toolbar.cjs.js +7 -5
- package/toolbar/toolbar.cjs.min.js +1 -1
- package/toolbar/toolbar.esm.js +3 -1
- package/toolbar/toolbar.esm.min.js +1 -1
- package/toolbar/toolbar.js +7 -6
- package/toolbar/toolbar.min.js +1 -1
- package/tooltip/tooltip.cjs.js +4 -3
- package/tooltip/tooltip.cjs.min.js +1 -1
- package/tooltip/tooltip.d.ts +27 -0
- package/tooltip/tooltip.esm.js +3 -2
- package/tooltip/tooltip.esm.min.js +1 -1
- package/tooltip/tooltip.js +4 -3
- package/tooltip/tooltip.min.js +1 -1
- package/tooltip/tooltipoptions.d.ts +1 -1
- package/tree/tree.cjs.js +267 -150
- package/tree/tree.cjs.min.js +1 -1
- package/tree/tree.d.ts +8 -0
- package/tree/tree.esm.js +250 -133
- package/tree/tree.esm.min.js +1 -1
- package/tree/tree.js +268 -152
- package/tree/tree.min.js +1 -1
- package/treeselect/treeselect.cjs.js +209 -71
- package/treeselect/treeselect.cjs.min.js +1 -1
- package/treeselect/treeselect.d.ts +26 -1
- package/treeselect/treeselect.esm.js +191 -53
- package/treeselect/treeselect.esm.min.js +1 -1
- package/treeselect/treeselect.js +210 -73
- package/treeselect/treeselect.min.js +1 -1
- package/treetable/treetable.cjs.js +139 -107
- package/treetable/treetable.cjs.min.js +1 -1
- package/treetable/treetable.d.ts +3 -3
- package/treetable/treetable.esm.js +86 -54
- package/treetable/treetable.esm.min.js +1 -1
- package/treetable/treetable.js +139 -107
- package/treetable/treetable.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.cjs.js +6 -5
- package/tristatecheckbox/tristatecheckbox.cjs.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.esm.js +3 -2
- package/tristatecheckbox/tristatecheckbox.esm.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.js +6 -5
- package/tristatecheckbox/tristatecheckbox.min.js +1 -1
- package/utils/utils.cjs.js +52 -9
- package/utils/utils.cjs.min.js +1 -1
- package/utils/utils.d.ts +3 -2
- package/utils/utils.esm.js +52 -10
- package/utils/utils.esm.min.js +1 -1
- package/utils/utils.js +52 -9
- package/utils/utils.min.js +1 -1
- package/web-types.json +137 -30
package/toolbar/toolbar.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.toolbar=function(e,t,r,n,l){"use strict";function o(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
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.toolbar=function(e,t,r,n,l,a){"use strict";function o(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 s=o(t),c=n.ComponentBase.extend({defaultProps:{__TYPE:"Toolbar",id:null,style:null,className:null,left:null,right:null,start:null,center:null,end:null,children:void 0},css:{classes:{root:function(e){return a.classNames("p-toolbar p-component",e.props.className)},start:"p-toolbar-group-start p-toolbar-group-left",center:"p-toolbar-group-center",end:"p-toolbar-group-end p-toolbar-group-right"},styles:"\n @layer primereact {\n .p-toolbar {\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n }\n \n .p-toolbar-group-start,\n .p-toolbar-group-center,\n .p-toolbar-group-end {\n display: flex;\n align-items: center;\n }\n \n .p-toolbar-group-left,\n .p-toolbar-group-right {\n display: flex;\n align-items: center;\n }\n }\n "}}),p=s.memo(s.forwardRef((function(e,t){var o=l.useMergeProps(),p=s.useContext(r.PrimeReactContext),i=c.getProps(e,p),u=s.useRef(null),m=a.ObjectUtils.getJSXElement(i.left||i.start,i),d=a.ObjectUtils.getJSXElement(i.center,i),b=a.ObjectUtils.getJSXElement(i.right||i.end,i),f=c.setMetaData({props:i}),g=f.ptm,y=f.cx;n.useHandleStyle(c.css.styles,f.isUnstyled,{name:"toolbar"}),s.useImperativeHandle(t,(function(){return{props:i,getElement:function(){return u.current}}}));var v=o({className:y("start")},g("start")),h=o({className:y("center")},g("center")),O=o({className:y("end")},g("end")),j=o({id:i.id,ref:u,style:i.style,className:y("root"),role:"toolbar"},c.getOtherProps(i),g("root"));return s.createElement("div",j,s.createElement("div",v,m),s.createElement("div",h,d),s.createElement("div",O,b))})));return p.displayName="Toolbar",e.Toolbar=p,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils);
|
package/tooltip/tooltip.cjs.js
CHANGED
|
@@ -223,6 +223,7 @@ var TooltipBase = componentbase.ComponentBase.extend({
|
|
|
223
223
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
224
224
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
225
225
|
var Tooltip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
|
|
226
|
+
var mergeProps = hooks.useMergeProps();
|
|
226
227
|
var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
|
|
227
228
|
var props = TooltipBase.getProps(inProps, context);
|
|
228
229
|
var _React$useState = React__namespace.useState(false),
|
|
@@ -683,7 +684,7 @@ var Tooltip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
|
|
|
683
684
|
});
|
|
684
685
|
var createElement = function createElement() {
|
|
685
686
|
var empty = isTargetContentEmpty(currentTargetRef.current);
|
|
686
|
-
var rootProps =
|
|
687
|
+
var rootProps = mergeProps({
|
|
687
688
|
id: props.id,
|
|
688
689
|
className: utils.classNames(props.className, cx('root', {
|
|
689
690
|
positionState: positionState,
|
|
@@ -699,11 +700,11 @@ var Tooltip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
|
|
|
699
700
|
return _onMouseLeave(e);
|
|
700
701
|
}
|
|
701
702
|
}, TooltipBase.getOtherProps(props), ptm('root'));
|
|
702
|
-
var arrowProps =
|
|
703
|
+
var arrowProps = mergeProps({
|
|
703
704
|
className: cx('arrow'),
|
|
704
705
|
style: sx('arrow', _objectSpread({}, metaData))
|
|
705
706
|
}, ptm('arrow'));
|
|
706
|
-
var textProps =
|
|
707
|
+
var textProps = mergeProps({
|
|
707
708
|
className: cx('text')
|
|
708
709
|
}, ptm('text'));
|
|
709
710
|
return /*#__PURE__*/React__namespace.createElement("div", _extends({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),e=require("primereact/api"),r=require("primereact/componentbase"),n=require("primereact/hooks"),o=require("primereact/portal"),i=require("primereact/utils");function a(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}function l(t){if(t&&t.__esModule)return t;var e=Object.create(null);return t&&Object.keys(t).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(e,r,n.get?n:{enumerable:!0,get:function(){return t[r]}})}})),e.default=t,Object.freeze(e)}var u=l(t),c=a(e);function s(){return s=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},s.apply(this,arguments)}function p(t){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},p(t)}function f(t,e){if("object"!==p(t)||null===t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,e||"default");if("object"!==p(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}function d(t){var e=f(t,"string");return"symbol"===p(e)?e:String(e)}function m(t,e,r){return(e=d(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function h(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}function v(t){if(Array.isArray(t))return h(t)}function y(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function b(t,e){if(t){if("string"==typeof t)return h(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?h(t,e):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 w(t){if(Array.isArray(t))return t}function E(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,o,i,a,l=[],u=!0,c=!1;try{if(i=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=i.call(r)).done)&&(l.push(n.value),l.length!==e);u=!0);}catch(t){c=!0,o=t}finally{try{if(!u&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(c)throw o}}return l}}function x(){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(t,e){return w(t)||E(t,e)||b(t,e)||x()}var S=r.ComponentBase.extend({defaultProps:{__TYPE:"Tooltip",appendTo:null,at:null,autoHide:!0,autoZIndex:!0,baseZIndex:0,className:null,content:null,disabled:!1,event:null,hideDelay:0,hideEvent:"mouseleave",id:null,mouseTrack:!1,mouseTrackLeft:5,mouseTrackTop:5,my:null,onBeforeHide:null,onBeforeShow:null,onHide:null,onShow:null,position:"right",showDelay:0,showEvent:"mouseenter",showOnDisabled:!1,style:null,target:null,updateDelay:0,children:void 0},css:{classes:{root:function(t){var e=t.classNameState;return i.classNames("p-tooltip p-component",m({},"p-tooltip-".concat(t.positionState),!0),e)},arrow:"p-tooltip-arrow",text:"p-tooltip-text"},styles:"\n@layer primereact {\n .p-tooltip {\n position: absolute;\n padding: .25em .5rem;\n /* #3687: Tooltip prevent scrollbar flickering */\n top: -9999px;\n left: -9999px;\n }\n \n .p-tooltip.p-tooltip-right,\n .p-tooltip.p-tooltip-left {\n padding: 0 .25rem;\n }\n \n .p-tooltip.p-tooltip-top,\n .p-tooltip.p-tooltip-bottom {\n padding:.25em 0;\n }\n \n .p-tooltip .p-tooltip-text {\n white-space: pre-line;\n word-break: break-word;\n }\n \n .p-tooltip-arrow {\n position: absolute;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid;\n }\n \n .p-tooltip-right .p-tooltip-arrow {\n top: 50%;\n left: 0;\n margin-top: -.25rem;\n border-width: .25em .25em .25em 0;\n }\n \n .p-tooltip-left .p-tooltip-arrow {\n top: 50%;\n right: 0;\n margin-top: -.25rem;\n border-width: .25em 0 .25em .25rem;\n }\n \n .p-tooltip.p-tooltip-top {\n padding: .25em 0;\n }\n \n .p-tooltip-top .p-tooltip-arrow {\n bottom: 0;\n left: 50%;\n margin-left: -.25rem;\n border-width: .25em .25em 0;\n }\n \n .p-tooltip-bottom .p-tooltip-arrow {\n top: 0;\n left: 50%;\n margin-left: -.25rem;\n border-width: 0 .25em .25rem;\n }\n\n .p-tooltip-target-wrapper {\n display: inline-flex;\n }\n}\n",inlineStyles:{arrow:function(t){var e=t.context;return{top:e.bottom?"0":e.right||e.left||!e.right&&!e.left&&!e.top&&!e.bottom?"50%":null,bottom:e.top?"0":null,left:!e.right&&(e.right||e.left||e.top||e.bottom)?e.top||e.bottom?"50%":null:"0",right:e.left?"0":null}}}}});function j(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function T(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?j(Object(r),!0).forEach((function(e){m(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):j(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var D=u.memo(u.forwardRef((function(t,a){var l=u.useContext(e.PrimeReactContext),p=S.getProps(t,l),f=O(u.useState(!1),2),d=f[0],m=f[1],h=O(u.useState(p.position),2),w=h[0],E=h[1],x=O(u.useState(""),2),j=x[0],D=x[1],P={props:p,state:{visible:d,position:w,className:j},context:{right:"right"===w,left:"left"===w,top:"top"===w,bottom:"bottom"===w}},H=S.setMetaData(P),I=H.ptm,k=H.cx,N=H.sx;r.useHandleStyle(S.css.styles,H.isUnstyled,{name:"tooltip"});var C=u.useRef(null),A=u.useRef(null),L=u.useRef(null),U=u.useRef(null),R=u.useRef(!0),Z=u.useRef({}),M=u.useRef(null),W=O(n.useResizeListener({listener:function(t){!i.DomHandler.isTouchDevice()&&nt(t)}}),2),q=W[0],B=W[1],_=O(n.useOverlayScrollListener({target:L.current,listener:function(t){nt(t)},when:d}),2),z=_[0],F=_[1],Y=function(t){return J(t,"mousetrack")||p.mouseTrack},X=function(t){return"true"===J(t,"disabled")||K(t,"disabled")||p.disabled},$=function(t){return J(t,"showondisabled")||p.showOnDisabled},G=function(){return J(L.current,"autohide")||p.autoHide},J=function(t,e){return K(t,"data-pr-".concat(e))?t.getAttribute("data-pr-".concat(e)):null},K=function(t,e){return t&&t.hasAttribute(e)},Q=function(t){var e=[J(t,"showevent")||p.showEvent],r=[J(t,"hideevent")||p.hideEvent];if(Y(t))e=["mousemove"],r=["mouseleave"];else{var n=J(t,"event")||p.event;"focus"===n&&(e=["focus"],r=["blur"]),"both"===n&&(e=["focus","mouseenter"],r=["blur","mouseleave"])}return{showEvents:e,hideEvents:r}},V=function(t){return{top:J(t,"mousetracktop")||p.mouseTrackTop,left:J(t,"mousetrackleft")||p.mouseTrackLeft}},tt=function(t,e){if(A.current){var r=J(t,"tooltip")||p.content;r?(A.current.innerHTML="",A.current.appendChild(document.createTextNode(r)),e()):p.children&&e()}},et=function(t){tt(L.current,(function(){var e=M.current,r=e.pageX,n=e.pageY;p.autoZIndex&&!i.ZIndexUtils.get(C.current)&&i.ZIndexUtils.set("tooltip",C.current,l&&l.autoZIndex||c.default.autoZIndex,p.baseZIndex||l&&l.zIndex.tooltip||c.default.zIndex.tooltip),C.current.style.left="",C.current.style.top="",G()&&(C.current.style.pointerEvents="none");var o=Y(L.current)||"mouse"===t;(o&&!U.current||o)&&(U.current={width:i.DomHandler.getOuterWidth(C.current),height:i.DomHandler.getOuterHeight(C.current)}),ot(L.current,{x:r,y:n},t)}))},rt=function(t){L.current=t.currentTarget;var e,r=X(L.current);(e=$(L.current)&&r?L.current.firstChild:L.current,!(p.content||J(e,"tooltip")||p.children))||r||(M.current=t,d?ct("updateDelay",et):st(p.onBeforeShow,{originalEvent:t,target:L.current})&&ct("showDelay",(function(){m(!0),st(p.onShow,{originalEvent:t,target:L.current})})))},nt=function(t){(pt(),d)&&(st(p.onBeforeHide,{originalEvent:t,target:L.current})&&ct("hideDelay",(function(){(G()||!1!==R.current)&&(i.ZIndexUtils.clear(C.current),i.DomHandler.removeClass(C.current,"p-tooltip-active"),m(!1),st(p.onHide,{originalEvent:t,target:L.current}))})))},ot=function(t,e,r){var n=0,o=0,a=r||w;if((Y(t)||"mouse"==a)&&e){var l={width:i.DomHandler.getOuterWidth(C.current),height:i.DomHandler.getOuterHeight(C.current)};n=e.x,o=e.y;var u=V(t),c=u.top,s=u.left;switch(a){case"left":n-=l.width+s,o-=l.height/2-c;break;case"right":case"mouse":n+=s,o-=l.height/2-c;break;case"top":n-=l.width/2-s,o-=l.height+c;break;case"bottom":n-=l.width/2-s,o+=c}n<=0||U.current.width>l.width?(C.current.style.left="0px",C.current.style.right=window.innerWidth-l.width-n+"px"):(C.current.style.right="",C.current.style.left=n+"px"),C.current.style.top=o+"px",i.DomHandler.addClass(C.current,"p-tooltip-active")}else{var f=i.DomHandler.findCollisionPosition(a),d=J(t,"my")||p.my||f.my,m=J(t,"at")||p.at||f.at;C.current.style.padding="0px",i.DomHandler.flipfitCollision(C.current,t,d,m,(function(t){var e=t.at,r=e.x,n=p.at?"center"!==r&&r!==t.my.x?r:e.y:t.at["".concat(f.axis)];C.current.style.padding="",E(n),it(n),i.DomHandler.addClass(C.current,"p-tooltip-active")}))}},it=function(t){if(C.current){var e=getComputedStyle(C.current);"left"===t?C.current.style.left=parseFloat(e.left)-2*parseFloat(e.paddingLeft)+"px":"top"===t&&(C.current.style.top=parseFloat(e.top)-2*parseFloat(e.paddingTop)+"px")}},at=function(t){G()||(R.current=!0,nt(t))},lt=function(t){if(t){var e=Q(t),r=e.showEvents,n=e.hideEvents,o=ft(t);r.forEach((function(t){return null==o?void 0:o.addEventListener(t,rt)})),n.forEach((function(t){return null==o?void 0:o.addEventListener(t,nt)}))}},ut=function(t){if(t){var e=Q(t),r=e.showEvents,n=e.hideEvents,o=ft(t);r.forEach((function(t){return null==o?void 0:o.removeEventListener(t,rt)})),n.forEach((function(t){return null==o?void 0:o.removeEventListener(t,nt)}))}},ct=function(t,e){pt();var r=J(L.current,t.toLowerCase())||p[t];r?Z.current["".concat(t)]=setTimeout((function(){return e()}),r):e()},st=function(t){if(t){for(var e=arguments.length,r=new Array(e>1?e-1:0),n=1;n<e;n++)r[n-1]=arguments[n];var o=t.apply(void 0,r);return void 0===o&&(o=!0),o}return!0},pt=function(){Object.values(Z.current).forEach((function(t){return clearTimeout(t)}))},ft=function(t){if(t){if($(t)){if(t.hasWrapper)return t.parentElement;var e=document.createElement("div");return"INPUT"===t.nodeName?i.DomHandler.addMultipleClasses(e,"p-tooltip-target-wrapper p-inputwrapper"):i.DomHandler.addClass(e,"p-tooltip-target-wrapper"),t.parentNode.insertBefore(e,t),e.appendChild(t),t.hasWrapper=!0,e}var r;return t.hasWrapper&&((r=t.parentElement).replaceWith.apply(r,v(n=t.parentElement.childNodes)||y(n)||b(n)||g()),delete t.hasWrapper),t}var n;return null},dt=function(t){ht(t),mt(t)},mt=function(t){vt(t||p.target,lt)},ht=function(t){vt(t||p.target,ut)},vt=function(t,e){if(t=i.ObjectUtils.getRefElement(t))if(i.DomHandler.isElement(t))e(t);else{var r=function(t){i.DomHandler.find(document,t).forEach((function(t){e(t)}))};t instanceof Array?t.forEach((function(t){r(t)})):r(t)}};n.useMountEffect((function(){d&&L.current&&X(L.current)&&nt()})),n.useUpdateEffect((function(){return mt(),function(){ht()}}),[rt,nt,p.target]),n.useUpdateEffect((function(){if(d){var t=J(L.current,"position")||w,e=J(L.current,"classname");E(t),D(e),et(t),q(),z()}else E(p.position),D(""),L.current=null,U.current=null,R.current=!0;return function(){B(),F()}}),[d]),n.useUpdateEffect((function(){d&&ct("updateDelay",(function(){tt(L.current,(function(){ot(L.current)}))}))}),[p.content]),n.useUnmountEffect((function(){nt(),i.ZIndexUtils.clear(C.current)})),u.useImperativeHandle(a,(function(){return{props:p,updateTargetEvents:dt,loadTargetEvents:mt,unloadTargetEvents:ht,show:rt,hide:nt,getElement:function(){return C.current},getTarget:function(){return L.current}}}));var yt,bt,gt,wt,Et;if(d){var xt=(yt=L.current,bt=!(p.content||J(yt,"tooltip")),gt=i.mergeProps({id:p.id,className:i.classNames(p.className,k("root",{positionState:w,classNameState:j})),style:p.style,role:"tooltip","aria-hidden":d,onMouseEnter:function(t){G()||(R.current=!1)},onMouseLeave:function(t){return at(t)}},S.getOtherProps(p),I("root")),wt=i.mergeProps({className:k("arrow"),style:N("arrow",T({},P))},I("arrow")),Et=i.mergeProps({className:k("text")},I("text")),u.createElement("div",s({ref:C},gt),u.createElement("div",wt),u.createElement("div",s({ref:A},Et),bt&&p.children)));return u.createElement(o.Portal,{element:xt,appendTo:p.appendTo,visible:!0})}return null})));D.displayName="Tooltip",exports.Tooltip=D;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),e=require("primereact/api"),r=require("primereact/componentbase"),n=require("primereact/hooks"),o=require("primereact/portal"),i=require("primereact/utils");function a(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}function l(t){if(t&&t.__esModule)return t;var e=Object.create(null);return t&&Object.keys(t).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(e,r,n.get?n:{enumerable:!0,get:function(){return t[r]}})}})),e.default=t,Object.freeze(e)}var u=l(t),c=a(e);function s(){return s=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},s.apply(this,arguments)}function p(t){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},p(t)}function f(t,e){if("object"!==p(t)||null===t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,e||"default");if("object"!==p(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}function d(t){var e=f(t,"string");return"symbol"===p(e)?e:String(e)}function m(t,e,r){return(e=d(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function h(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}function v(t){if(Array.isArray(t))return h(t)}function y(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function b(t,e){if(t){if("string"==typeof t)return h(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?h(t,e):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 w(t){if(Array.isArray(t))return t}function E(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,o,i,a,l=[],u=!0,c=!1;try{if(i=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=i.call(r)).done)&&(l.push(n.value),l.length!==e);u=!0);}catch(t){c=!0,o=t}finally{try{if(!u&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(c)throw o}}return l}}function x(){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(t,e){return w(t)||E(t,e)||b(t,e)||x()}var S=r.ComponentBase.extend({defaultProps:{__TYPE:"Tooltip",appendTo:null,at:null,autoHide:!0,autoZIndex:!0,baseZIndex:0,className:null,content:null,disabled:!1,event:null,hideDelay:0,hideEvent:"mouseleave",id:null,mouseTrack:!1,mouseTrackLeft:5,mouseTrackTop:5,my:null,onBeforeHide:null,onBeforeShow:null,onHide:null,onShow:null,position:"right",showDelay:0,showEvent:"mouseenter",showOnDisabled:!1,style:null,target:null,updateDelay:0,children:void 0},css:{classes:{root:function(t){var e=t.classNameState;return i.classNames("p-tooltip p-component",m({},"p-tooltip-".concat(t.positionState),!0),e)},arrow:"p-tooltip-arrow",text:"p-tooltip-text"},styles:"\n@layer primereact {\n .p-tooltip {\n position: absolute;\n padding: .25em .5rem;\n /* #3687: Tooltip prevent scrollbar flickering */\n top: -9999px;\n left: -9999px;\n }\n \n .p-tooltip.p-tooltip-right,\n .p-tooltip.p-tooltip-left {\n padding: 0 .25rem;\n }\n \n .p-tooltip.p-tooltip-top,\n .p-tooltip.p-tooltip-bottom {\n padding:.25em 0;\n }\n \n .p-tooltip .p-tooltip-text {\n white-space: pre-line;\n word-break: break-word;\n }\n \n .p-tooltip-arrow {\n position: absolute;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid;\n }\n \n .p-tooltip-right .p-tooltip-arrow {\n top: 50%;\n left: 0;\n margin-top: -.25rem;\n border-width: .25em .25em .25em 0;\n }\n \n .p-tooltip-left .p-tooltip-arrow {\n top: 50%;\n right: 0;\n margin-top: -.25rem;\n border-width: .25em 0 .25em .25rem;\n }\n \n .p-tooltip.p-tooltip-top {\n padding: .25em 0;\n }\n \n .p-tooltip-top .p-tooltip-arrow {\n bottom: 0;\n left: 50%;\n margin-left: -.25rem;\n border-width: .25em .25em 0;\n }\n \n .p-tooltip-bottom .p-tooltip-arrow {\n top: 0;\n left: 50%;\n margin-left: -.25rem;\n border-width: 0 .25em .25rem;\n }\n\n .p-tooltip-target-wrapper {\n display: inline-flex;\n }\n}\n",inlineStyles:{arrow:function(t){var e=t.context;return{top:e.bottom?"0":e.right||e.left||!e.right&&!e.left&&!e.top&&!e.bottom?"50%":null,bottom:e.top?"0":null,left:!e.right&&(e.right||e.left||e.top||e.bottom)?e.top||e.bottom?"50%":null:"0",right:e.left?"0":null}}}}});function j(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function T(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?j(Object(r),!0).forEach((function(e){m(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):j(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var D=u.memo(u.forwardRef((function(t,a){var l=n.useMergeProps(),p=u.useContext(e.PrimeReactContext),f=S.getProps(t,p),d=O(u.useState(!1),2),m=d[0],h=d[1],w=O(u.useState(f.position),2),E=w[0],x=w[1],j=O(u.useState(""),2),D=j[0],H=j[1],P={props:f,state:{visible:m,position:E,className:D},context:{right:"right"===E,left:"left"===E,top:"top"===E,bottom:"bottom"===E}},I=S.setMetaData(P),k=I.ptm,N=I.cx,C=I.sx;r.useHandleStyle(S.css.styles,I.isUnstyled,{name:"tooltip"});var A=u.useRef(null),L=u.useRef(null),U=u.useRef(null),R=u.useRef(null),M=u.useRef(!0),Z=u.useRef({}),W=u.useRef(null),q=O(n.useResizeListener({listener:function(t){!i.DomHandler.isTouchDevice()&&ot(t)}}),2),B=q[0],_=q[1],z=O(n.useOverlayScrollListener({target:U.current,listener:function(t){ot(t)},when:m}),2),F=z[0],Y=z[1],X=function(t){return K(t,"mousetrack")||f.mouseTrack},$=function(t){return"true"===K(t,"disabled")||Q(t,"disabled")||f.disabled},G=function(t){return K(t,"showondisabled")||f.showOnDisabled},J=function(){return K(U.current,"autohide")||f.autoHide},K=function(t,e){return Q(t,"data-pr-".concat(e))?t.getAttribute("data-pr-".concat(e)):null},Q=function(t,e){return t&&t.hasAttribute(e)},V=function(t){var e=[K(t,"showevent")||f.showEvent],r=[K(t,"hideevent")||f.hideEvent];if(X(t))e=["mousemove"],r=["mouseleave"];else{var n=K(t,"event")||f.event;"focus"===n&&(e=["focus"],r=["blur"]),"both"===n&&(e=["focus","mouseenter"],r=["blur","mouseleave"])}return{showEvents:e,hideEvents:r}},tt=function(t){return{top:K(t,"mousetracktop")||f.mouseTrackTop,left:K(t,"mousetrackleft")||f.mouseTrackLeft}},et=function(t,e){if(L.current){var r=K(t,"tooltip")||f.content;r?(L.current.innerHTML="",L.current.appendChild(document.createTextNode(r)),e()):f.children&&e()}},rt=function(t){et(U.current,(function(){var e=W.current,r=e.pageX,n=e.pageY;f.autoZIndex&&!i.ZIndexUtils.get(A.current)&&i.ZIndexUtils.set("tooltip",A.current,p&&p.autoZIndex||c.default.autoZIndex,f.baseZIndex||p&&p.zIndex.tooltip||c.default.zIndex.tooltip),A.current.style.left="",A.current.style.top="",J()&&(A.current.style.pointerEvents="none");var o=X(U.current)||"mouse"===t;(o&&!R.current||o)&&(R.current={width:i.DomHandler.getOuterWidth(A.current),height:i.DomHandler.getOuterHeight(A.current)}),it(U.current,{x:r,y:n},t)}))},nt=function(t){U.current=t.currentTarget;var e,r=$(U.current);(e=G(U.current)&&r?U.current.firstChild:U.current,!(f.content||K(e,"tooltip")||f.children))||r||(W.current=t,m?st("updateDelay",rt):pt(f.onBeforeShow,{originalEvent:t,target:U.current})&&st("showDelay",(function(){h(!0),pt(f.onShow,{originalEvent:t,target:U.current})})))},ot=function(t){(ft(),m)&&(pt(f.onBeforeHide,{originalEvent:t,target:U.current})&&st("hideDelay",(function(){(J()||!1!==M.current)&&(i.ZIndexUtils.clear(A.current),i.DomHandler.removeClass(A.current,"p-tooltip-active"),h(!1),pt(f.onHide,{originalEvent:t,target:U.current}))})))},it=function(t,e,r){var n=0,o=0,a=r||E;if((X(t)||"mouse"==a)&&e){var l={width:i.DomHandler.getOuterWidth(A.current),height:i.DomHandler.getOuterHeight(A.current)};n=e.x,o=e.y;var u=tt(t),c=u.top,s=u.left;switch(a){case"left":n-=l.width+s,o-=l.height/2-c;break;case"right":case"mouse":n+=s,o-=l.height/2-c;break;case"top":n-=l.width/2-s,o-=l.height+c;break;case"bottom":n-=l.width/2-s,o+=c}n<=0||R.current.width>l.width?(A.current.style.left="0px",A.current.style.right=window.innerWidth-l.width-n+"px"):(A.current.style.right="",A.current.style.left=n+"px"),A.current.style.top=o+"px",i.DomHandler.addClass(A.current,"p-tooltip-active")}else{var p=i.DomHandler.findCollisionPosition(a),d=K(t,"my")||f.my||p.my,m=K(t,"at")||f.at||p.at;A.current.style.padding="0px",i.DomHandler.flipfitCollision(A.current,t,d,m,(function(t){var e=t.at,r=e.x,n=f.at?"center"!==r&&r!==t.my.x?r:e.y:t.at["".concat(p.axis)];A.current.style.padding="",x(n),at(n),i.DomHandler.addClass(A.current,"p-tooltip-active")}))}},at=function(t){if(A.current){var e=getComputedStyle(A.current);"left"===t?A.current.style.left=parseFloat(e.left)-2*parseFloat(e.paddingLeft)+"px":"top"===t&&(A.current.style.top=parseFloat(e.top)-2*parseFloat(e.paddingTop)+"px")}},lt=function(t){J()||(M.current=!0,ot(t))},ut=function(t){if(t){var e=V(t),r=e.showEvents,n=e.hideEvents,o=dt(t);r.forEach((function(t){return null==o?void 0:o.addEventListener(t,nt)})),n.forEach((function(t){return null==o?void 0:o.addEventListener(t,ot)}))}},ct=function(t){if(t){var e=V(t),r=e.showEvents,n=e.hideEvents,o=dt(t);r.forEach((function(t){return null==o?void 0:o.removeEventListener(t,nt)})),n.forEach((function(t){return null==o?void 0:o.removeEventListener(t,ot)}))}},st=function(t,e){ft();var r=K(U.current,t.toLowerCase())||f[t];r?Z.current["".concat(t)]=setTimeout((function(){return e()}),r):e()},pt=function(t){if(t){for(var e=arguments.length,r=new Array(e>1?e-1:0),n=1;n<e;n++)r[n-1]=arguments[n];var o=t.apply(void 0,r);return void 0===o&&(o=!0),o}return!0},ft=function(){Object.values(Z.current).forEach((function(t){return clearTimeout(t)}))},dt=function(t){if(t){if(G(t)){if(t.hasWrapper)return t.parentElement;var e=document.createElement("div");return"INPUT"===t.nodeName?i.DomHandler.addMultipleClasses(e,"p-tooltip-target-wrapper p-inputwrapper"):i.DomHandler.addClass(e,"p-tooltip-target-wrapper"),t.parentNode.insertBefore(e,t),e.appendChild(t),t.hasWrapper=!0,e}var r;return t.hasWrapper&&((r=t.parentElement).replaceWith.apply(r,v(n=t.parentElement.childNodes)||y(n)||b(n)||g()),delete t.hasWrapper),t}var n;return null},mt=function(t){vt(t),ht(t)},ht=function(t){yt(t||f.target,ut)},vt=function(t){yt(t||f.target,ct)},yt=function(t,e){if(t=i.ObjectUtils.getRefElement(t))if(i.DomHandler.isElement(t))e(t);else{var r=function(t){i.DomHandler.find(document,t).forEach((function(t){e(t)}))};t instanceof Array?t.forEach((function(t){r(t)})):r(t)}};n.useMountEffect((function(){m&&U.current&&$(U.current)&&ot()})),n.useUpdateEffect((function(){return ht(),function(){vt()}}),[nt,ot,f.target]),n.useUpdateEffect((function(){if(m){var t=K(U.current,"position")||E,e=K(U.current,"classname");x(t),H(e),rt(t),B(),F()}else x(f.position),H(""),U.current=null,R.current=null,M.current=!0;return function(){_(),Y()}}),[m]),n.useUpdateEffect((function(){m&&st("updateDelay",(function(){et(U.current,(function(){it(U.current)}))}))}),[f.content]),n.useUnmountEffect((function(){ot(),i.ZIndexUtils.clear(A.current)})),u.useImperativeHandle(a,(function(){return{props:f,updateTargetEvents:mt,loadTargetEvents:ht,unloadTargetEvents:vt,show:nt,hide:ot,getElement:function(){return A.current},getTarget:function(){return U.current}}}));var bt,gt,wt,Et,xt;if(m){var Ot=(bt=U.current,gt=!(f.content||K(bt,"tooltip")),wt=l({id:f.id,className:i.classNames(f.className,N("root",{positionState:E,classNameState:D})),style:f.style,role:"tooltip","aria-hidden":m,onMouseEnter:function(t){J()||(M.current=!1)},onMouseLeave:function(t){return lt(t)}},S.getOtherProps(f),k("root")),Et=l({className:N("arrow"),style:C("arrow",T({},P))},k("arrow")),xt=l({className:N("text")},k("text")),u.createElement("div",s({ref:A},wt),u.createElement("div",Et),u.createElement("div",s({ref:L},xt),gt&&f.children)));return u.createElement(o.Portal,{element:Ot,appendTo:f.appendTo,visible:!0})}return null})));D.displayName="Tooltip",exports.Tooltip=D;
|
package/tooltip/tooltip.d.ts
CHANGED
|
@@ -21,6 +21,7 @@ export declare type TooltipPassThroughType<T> = PassThroughType<T, TooltipPassTh
|
|
|
21
21
|
export interface TooltipPassThroughMethodOptions {
|
|
22
22
|
props: TooltipProps;
|
|
23
23
|
state: TooltipState;
|
|
24
|
+
context: TooltipContext;
|
|
24
25
|
}
|
|
25
26
|
|
|
26
27
|
/**
|
|
@@ -47,6 +48,32 @@ export interface TooltipPassThroughOptions {
|
|
|
47
48
|
hooks?: ComponentHooks;
|
|
48
49
|
}
|
|
49
50
|
|
|
51
|
+
/**
|
|
52
|
+
* Defines current inline context in Tooltip component.
|
|
53
|
+
*/
|
|
54
|
+
export interface TooltipContext {
|
|
55
|
+
/**
|
|
56
|
+
* Right aligned tooltip as a boolean.
|
|
57
|
+
* @defaultValue false
|
|
58
|
+
*/
|
|
59
|
+
right: boolean;
|
|
60
|
+
/**
|
|
61
|
+
* Right aligned tooltip as a boolean.
|
|
62
|
+
* @defaultValue false
|
|
63
|
+
*/
|
|
64
|
+
left: boolean;
|
|
65
|
+
/**
|
|
66
|
+
* Right aligned tooltip as a boolean.
|
|
67
|
+
* @defaultValue false
|
|
68
|
+
*/
|
|
69
|
+
top: boolean;
|
|
70
|
+
/**
|
|
71
|
+
* Right aligned tooltip as a boolean.
|
|
72
|
+
* @defaultValue false
|
|
73
|
+
*/
|
|
74
|
+
bottom: boolean;
|
|
75
|
+
}
|
|
76
|
+
|
|
50
77
|
/**
|
|
51
78
|
* Defines current inline state in Tooltip component.
|
|
52
79
|
*/
|
package/tooltip/tooltip.esm.js
CHANGED
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import PrimeReact, { PrimeReactContext } from 'primereact/api';
|
|
4
4
|
import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
|
|
5
|
-
import { useResizeListener, useOverlayScrollListener, useMountEffect, useUpdateEffect, useUnmountEffect } from 'primereact/hooks';
|
|
5
|
+
import { useMergeProps, useResizeListener, useOverlayScrollListener, useMountEffect, useUpdateEffect, useUnmountEffect } from 'primereact/hooks';
|
|
6
6
|
import { Portal } from 'primereact/portal';
|
|
7
|
-
import { classNames, DomHandler, ZIndexUtils, ObjectUtils
|
|
7
|
+
import { classNames, DomHandler, ZIndexUtils, ObjectUtils } from 'primereact/utils';
|
|
8
8
|
|
|
9
9
|
function _extends() {
|
|
10
10
|
_extends = Object.assign ? Object.assign.bind() : function (target) {
|
|
@@ -196,6 +196,7 @@ var TooltipBase = ComponentBase.extend({
|
|
|
196
196
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
197
197
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
198
198
|
var Tooltip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
|
|
199
|
+
var mergeProps = useMergeProps();
|
|
199
200
|
var context = React.useContext(PrimeReactContext);
|
|
200
201
|
var props = TooltipBase.getProps(inProps, context);
|
|
201
202
|
var _React$useState = React.useState(false),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as t from"react";import e,{PrimeReactContext as r}from"primereact/api";import{ComponentBase as n,useHandleStyle as o}from"primereact/componentbase";import{useResizeListener as i,useOverlayScrollListener as a,useMountEffect as u,useUpdateEffect as l,useUnmountEffect as c}from"primereact/hooks";import{Portal as p}from"primereact/portal";import{classNames as s,DomHandler as f,ZIndexUtils as d,ObjectUtils as m,mergeProps as h}from"primereact/utils";function v(){return v=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},v.apply(this,arguments)}function y(t){return y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},y(t)}function b(t,e){if("object"!==y(t)||null===t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,e||"default");if("object"!==y(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}function g(t){var e=b(t,"string");return"symbol"===y(e)?e:String(e)}function w(t,e,r){return(e=g(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function E(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}function x(t){if(Array.isArray(t))return E(t)}function O(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function S(t,e){if(t){if("string"==typeof t)return E(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?E(t,e):void 0}}function T(){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 j(t){if(Array.isArray(t))return t}function P(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,o,i,a,u=[],l=!0,c=!1;try{if(i=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;l=!1}else for(;!(l=(n=i.call(r)).done)&&(u.push(n.value),u.length!==e);l=!0);}catch(t){c=!0,o=t}finally{try{if(!l&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(c)throw o}}return u}}function k(){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 D(t,e){return j(t)||P(t,e)||S(t,e)||k()}var I=n.extend({defaultProps:{__TYPE:"Tooltip",appendTo:null,at:null,autoHide:!0,autoZIndex:!0,baseZIndex:0,className:null,content:null,disabled:!1,event:null,hideDelay:0,hideEvent:"mouseleave",id:null,mouseTrack:!1,mouseTrackLeft:5,mouseTrackTop:5,my:null,onBeforeHide:null,onBeforeShow:null,onHide:null,onShow:null,position:"right",showDelay:0,showEvent:"mouseenter",showOnDisabled:!1,style:null,target:null,updateDelay:0,children:void 0},css:{classes:{root:function(t){var e=t.classNameState;return s("p-tooltip p-component",w({},"p-tooltip-".concat(t.positionState),!0),e)},arrow:"p-tooltip-arrow",text:"p-tooltip-text"},styles:"\n@layer primereact {\n .p-tooltip {\n position: absolute;\n padding: .25em .5rem;\n /* #3687: Tooltip prevent scrollbar flickering */\n top: -9999px;\n left: -9999px;\n }\n \n .p-tooltip.p-tooltip-right,\n .p-tooltip.p-tooltip-left {\n padding: 0 .25rem;\n }\n \n .p-tooltip.p-tooltip-top,\n .p-tooltip.p-tooltip-bottom {\n padding:.25em 0;\n }\n \n .p-tooltip .p-tooltip-text {\n white-space: pre-line;\n word-break: break-word;\n }\n \n .p-tooltip-arrow {\n position: absolute;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid;\n }\n \n .p-tooltip-right .p-tooltip-arrow {\n top: 50%;\n left: 0;\n margin-top: -.25rem;\n border-width: .25em .25em .25em 0;\n }\n \n .p-tooltip-left .p-tooltip-arrow {\n top: 50%;\n right: 0;\n margin-top: -.25rem;\n border-width: .25em 0 .25em .25rem;\n }\n \n .p-tooltip.p-tooltip-top {\n padding: .25em 0;\n }\n \n .p-tooltip-top .p-tooltip-arrow {\n bottom: 0;\n left: 50%;\n margin-left: -.25rem;\n border-width: .25em .25em 0;\n }\n \n .p-tooltip-bottom .p-tooltip-arrow {\n top: 0;\n left: 50%;\n margin-left: -.25rem;\n border-width: 0 .25em .25rem;\n }\n\n .p-tooltip-target-wrapper {\n display: inline-flex;\n }\n}\n",inlineStyles:{arrow:function(t){var e=t.context;return{top:e.bottom?"0":e.right||e.left||!e.right&&!e.left&&!e.top&&!e.bottom?"50%":null,bottom:e.top?"0":null,left:!e.right&&(e.right||e.left||e.top||e.bottom)?e.top||e.bottom?"50%":null:"0",right:e.left?"0":null}}}}});function N(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function C(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?N(Object(r),!0).forEach((function(e){w(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):N(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var A=t.memo(t.forwardRef((function(n,y){var b=t.useContext(r),g=I.getProps(n,b),w=D(t.useState(!1),2),E=w[0],j=w[1],P=D(t.useState(g.position),2),k=P[0],N=P[1],A=D(t.useState(""),2),H=A[0],L=A[1],R={props:g,state:{visible:E,position:k,className:H},context:{right:"right"===k,left:"left"===k,top:"top"===k,bottom:"bottom"===k}},W=I.setMetaData(R),M=W.ptm,Z=W.cx,B=W.sx;o(I.css.styles,W.isUnstyled,{name:"tooltip"});var F=t.useRef(null),U=t.useRef(null),z=t.useRef(null),Y=t.useRef(null),_=t.useRef(!0),X=t.useRef({}),$=t.useRef(null),q=D(i({listener:function(t){!f.isTouchDevice()&&st(t)}}),2),G=q[0],J=q[1],K=D(a({target:z.current,listener:function(t){st(t)},when:E}),2),Q=K[0],V=K[1],tt=function(t){return ot(t,"mousetrack")||g.mouseTrack},et=function(t){return"true"===ot(t,"disabled")||it(t,"disabled")||g.disabled},rt=function(t){return ot(t,"showondisabled")||g.showOnDisabled},nt=function(){return ot(z.current,"autohide")||g.autoHide},ot=function(t,e){return it(t,"data-pr-".concat(e))?t.getAttribute("data-pr-".concat(e)):null},it=function(t,e){return t&&t.hasAttribute(e)},at=function(t){var e=[ot(t,"showevent")||g.showEvent],r=[ot(t,"hideevent")||g.hideEvent];if(tt(t))e=["mousemove"],r=["mouseleave"];else{var n=ot(t,"event")||g.event;"focus"===n&&(e=["focus"],r=["blur"]),"both"===n&&(e=["focus","mouseenter"],r=["blur","mouseleave"])}return{showEvents:e,hideEvents:r}},ut=function(t){return{top:ot(t,"mousetracktop")||g.mouseTrackTop,left:ot(t,"mousetrackleft")||g.mouseTrackLeft}},lt=function(t,e){if(U.current){var r=ot(t,"tooltip")||g.content;r?(U.current.innerHTML="",U.current.appendChild(document.createTextNode(r)),e()):g.children&&e()}},ct=function(t){lt(z.current,(function(){var r=$.current,n=r.pageX,o=r.pageY;g.autoZIndex&&!d.get(F.current)&&d.set("tooltip",F.current,b&&b.autoZIndex||e.autoZIndex,g.baseZIndex||b&&b.zIndex.tooltip||e.zIndex.tooltip),F.current.style.left="",F.current.style.top="",nt()&&(F.current.style.pointerEvents="none");var i=tt(z.current)||"mouse"===t;(i&&!Y.current||i)&&(Y.current={width:f.getOuterWidth(F.current),height:f.getOuterHeight(F.current)}),ft(z.current,{x:n,y:o},t)}))},pt=function(t){z.current=t.currentTarget;var e,r=et(z.current);(e=rt(z.current)&&r?z.current.firstChild:z.current,!(g.content||ot(e,"tooltip")||g.children))||r||($.current=t,E?yt("updateDelay",ct):bt(g.onBeforeShow,{originalEvent:t,target:z.current})&&yt("showDelay",(function(){j(!0),bt(g.onShow,{originalEvent:t,target:z.current})})))},st=function(t){(gt(),E)&&(bt(g.onBeforeHide,{originalEvent:t,target:z.current})&&yt("hideDelay",(function(){(nt()||!1!==_.current)&&(d.clear(F.current),f.removeClass(F.current,"p-tooltip-active"),j(!1),bt(g.onHide,{originalEvent:t,target:z.current}))})))},ft=function(t,e,r){var n=0,o=0,i=r||k;if((tt(t)||"mouse"==i)&&e){var a={width:f.getOuterWidth(F.current),height:f.getOuterHeight(F.current)};n=e.x,o=e.y;var u=ut(t),l=u.top,c=u.left;switch(i){case"left":n-=a.width+c,o-=a.height/2-l;break;case"right":case"mouse":n+=c,o-=a.height/2-l;break;case"top":n-=a.width/2-c,o-=a.height+l;break;case"bottom":n-=a.width/2-c,o+=l}n<=0||Y.current.width>a.width?(F.current.style.left="0px",F.current.style.right=window.innerWidth-a.width-n+"px"):(F.current.style.right="",F.current.style.left=n+"px"),F.current.style.top=o+"px",f.addClass(F.current,"p-tooltip-active")}else{var p=f.findCollisionPosition(i),s=ot(t,"my")||g.my||p.my,d=ot(t,"at")||g.at||p.at;F.current.style.padding="0px",f.flipfitCollision(F.current,t,s,d,(function(t){var e=t.at,r=e.x,n=g.at?"center"!==r&&r!==t.my.x?r:e.y:t.at["".concat(p.axis)];F.current.style.padding="",N(n),dt(n),f.addClass(F.current,"p-tooltip-active")}))}},dt=function(t){if(F.current){var e=getComputedStyle(F.current);"left"===t?F.current.style.left=parseFloat(e.left)-2*parseFloat(e.paddingLeft)+"px":"top"===t&&(F.current.style.top=parseFloat(e.top)-2*parseFloat(e.paddingTop)+"px")}},mt=function(t){nt()||(_.current=!0,st(t))},ht=function(t){if(t){var e=at(t),r=e.showEvents,n=e.hideEvents,o=wt(t);r.forEach((function(t){return null==o?void 0:o.addEventListener(t,pt)})),n.forEach((function(t){return null==o?void 0:o.addEventListener(t,st)}))}},vt=function(t){if(t){var e=at(t),r=e.showEvents,n=e.hideEvents,o=wt(t);r.forEach((function(t){return null==o?void 0:o.removeEventListener(t,pt)})),n.forEach((function(t){return null==o?void 0:o.removeEventListener(t,st)}))}},yt=function(t,e){gt();var r=ot(z.current,t.toLowerCase())||g[t];r?X.current["".concat(t)]=setTimeout((function(){return e()}),r):e()},bt=function(t){if(t){for(var e=arguments.length,r=new Array(e>1?e-1:0),n=1;n<e;n++)r[n-1]=arguments[n];var o=t.apply(void 0,r);return void 0===o&&(o=!0),o}return!0},gt=function(){Object.values(X.current).forEach((function(t){return clearTimeout(t)}))},wt=function(t){if(t){if(rt(t)){if(t.hasWrapper)return t.parentElement;var e=document.createElement("div");return"INPUT"===t.nodeName?f.addMultipleClasses(e,"p-tooltip-target-wrapper p-inputwrapper"):f.addClass(e,"p-tooltip-target-wrapper"),t.parentNode.insertBefore(e,t),e.appendChild(t),t.hasWrapper=!0,e}var r;return t.hasWrapper&&((r=t.parentElement).replaceWith.apply(r,x(n=t.parentElement.childNodes)||O(n)||S(n)||T()),delete t.hasWrapper),t}var n;return null},Et=function(t){Ot(t),xt(t)},xt=function(t){St(t||g.target,ht)},Ot=function(t){St(t||g.target,vt)},St=function(t,e){if(t=m.getRefElement(t))if(f.isElement(t))e(t);else{var r=function(t){f.find(document,t).forEach((function(t){e(t)}))};t instanceof Array?t.forEach((function(t){r(t)})):r(t)}};u((function(){E&&z.current&&et(z.current)&&st()})),l((function(){return xt(),function(){Ot()}}),[pt,st,g.target]),l((function(){if(E){var t=ot(z.current,"position")||k,e=ot(z.current,"classname");N(t),L(e),ct(t),G(),Q()}else N(g.position),L(""),z.current=null,Y.current=null,_.current=!0;return function(){J(),V()}}),[E]),l((function(){E&&yt("updateDelay",(function(){lt(z.current,(function(){ft(z.current)}))}))}),[g.content]),c((function(){st(),d.clear(F.current)})),t.useImperativeHandle(y,(function(){return{props:g,updateTargetEvents:Et,loadTargetEvents:xt,unloadTargetEvents:Ot,show:pt,hide:st,getElement:function(){return F.current},getTarget:function(){return z.current}}}));var Tt,jt,Pt,kt,Dt;if(E){var It=(Tt=z.current,jt=!(g.content||ot(Tt,"tooltip")),Pt=h({id:g.id,className:s(g.className,Z("root",{positionState:k,classNameState:H})),style:g.style,role:"tooltip","aria-hidden":E,onMouseEnter:function(t){nt()||(_.current=!1)},onMouseLeave:function(t){return mt(t)}},I.getOtherProps(g),M("root")),kt=h({className:Z("arrow"),style:B("arrow",C({},R))},M("arrow")),Dt=h({className:Z("text")},M("text")),t.createElement("div",v({ref:F},Pt),t.createElement("div",kt),t.createElement("div",v({ref:U},Dt),jt&&g.children)));return t.createElement(p,{element:It,appendTo:g.appendTo,visible:!0})}return null})));A.displayName="Tooltip";export{A as Tooltip};
|
|
1
|
+
import*as t from"react";import e,{PrimeReactContext as r}from"primereact/api";import{ComponentBase as n,useHandleStyle as o}from"primereact/componentbase";import{useMergeProps as i,useResizeListener as a,useOverlayScrollListener as u,useMountEffect as l,useUpdateEffect as c,useUnmountEffect as p}from"primereact/hooks";import{Portal as s}from"primereact/portal";import{classNames as f,DomHandler as d,ZIndexUtils as m,ObjectUtils as h}from"primereact/utils";function v(){return v=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},v.apply(this,arguments)}function y(t){return y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},y(t)}function b(t,e){if("object"!==y(t)||null===t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,e||"default");if("object"!==y(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}function g(t){var e=b(t,"string");return"symbol"===y(e)?e:String(e)}function w(t,e,r){return(e=g(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function E(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}function x(t){if(Array.isArray(t))return E(t)}function O(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function S(t,e){if(t){if("string"==typeof t)return E(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?E(t,e):void 0}}function T(){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 j(t){if(Array.isArray(t))return t}function P(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,o,i,a,u=[],l=!0,c=!1;try{if(i=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;l=!1}else for(;!(l=(n=i.call(r)).done)&&(u.push(n.value),u.length!==e);l=!0);}catch(t){c=!0,o=t}finally{try{if(!l&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(c)throw o}}return u}}function k(){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 D(t,e){return j(t)||P(t,e)||S(t,e)||k()}var I=n.extend({defaultProps:{__TYPE:"Tooltip",appendTo:null,at:null,autoHide:!0,autoZIndex:!0,baseZIndex:0,className:null,content:null,disabled:!1,event:null,hideDelay:0,hideEvent:"mouseleave",id:null,mouseTrack:!1,mouseTrackLeft:5,mouseTrackTop:5,my:null,onBeforeHide:null,onBeforeShow:null,onHide:null,onShow:null,position:"right",showDelay:0,showEvent:"mouseenter",showOnDisabled:!1,style:null,target:null,updateDelay:0,children:void 0},css:{classes:{root:function(t){var e=t.classNameState;return f("p-tooltip p-component",w({},"p-tooltip-".concat(t.positionState),!0),e)},arrow:"p-tooltip-arrow",text:"p-tooltip-text"},styles:"\n@layer primereact {\n .p-tooltip {\n position: absolute;\n padding: .25em .5rem;\n /* #3687: Tooltip prevent scrollbar flickering */\n top: -9999px;\n left: -9999px;\n }\n \n .p-tooltip.p-tooltip-right,\n .p-tooltip.p-tooltip-left {\n padding: 0 .25rem;\n }\n \n .p-tooltip.p-tooltip-top,\n .p-tooltip.p-tooltip-bottom {\n padding:.25em 0;\n }\n \n .p-tooltip .p-tooltip-text {\n white-space: pre-line;\n word-break: break-word;\n }\n \n .p-tooltip-arrow {\n position: absolute;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid;\n }\n \n .p-tooltip-right .p-tooltip-arrow {\n top: 50%;\n left: 0;\n margin-top: -.25rem;\n border-width: .25em .25em .25em 0;\n }\n \n .p-tooltip-left .p-tooltip-arrow {\n top: 50%;\n right: 0;\n margin-top: -.25rem;\n border-width: .25em 0 .25em .25rem;\n }\n \n .p-tooltip.p-tooltip-top {\n padding: .25em 0;\n }\n \n .p-tooltip-top .p-tooltip-arrow {\n bottom: 0;\n left: 50%;\n margin-left: -.25rem;\n border-width: .25em .25em 0;\n }\n \n .p-tooltip-bottom .p-tooltip-arrow {\n top: 0;\n left: 50%;\n margin-left: -.25rem;\n border-width: 0 .25em .25rem;\n }\n\n .p-tooltip-target-wrapper {\n display: inline-flex;\n }\n}\n",inlineStyles:{arrow:function(t){var e=t.context;return{top:e.bottom?"0":e.right||e.left||!e.right&&!e.left&&!e.top&&!e.bottom?"50%":null,bottom:e.top?"0":null,left:!e.right&&(e.right||e.left||e.top||e.bottom)?e.top||e.bottom?"50%":null:"0",right:e.left?"0":null}}}}});function N(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function C(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?N(Object(r),!0).forEach((function(e){w(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):N(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var A=t.memo(t.forwardRef((function(n,y){var b=i(),g=t.useContext(r),w=I.getProps(n,g),E=D(t.useState(!1),2),j=E[0],P=E[1],k=D(t.useState(w.position),2),N=k[0],A=k[1],H=D(t.useState(""),2),L=H[0],R=H[1],W={props:w,state:{visible:j,position:N,className:L},context:{right:"right"===N,left:"left"===N,top:"top"===N,bottom:"bottom"===N}},M=I.setMetaData(W),Z=M.ptm,B=M.cx,F=M.sx;o(I.css.styles,M.isUnstyled,{name:"tooltip"});var U=t.useRef(null),z=t.useRef(null),Y=t.useRef(null),_=t.useRef(null),X=t.useRef(!0),$=t.useRef({}),q=t.useRef(null),G=D(a({listener:function(t){!d.isTouchDevice()&&ft(t)}}),2),J=G[0],K=G[1],Q=D(u({target:Y.current,listener:function(t){ft(t)},when:j}),2),V=Q[0],tt=Q[1],et=function(t){return it(t,"mousetrack")||w.mouseTrack},rt=function(t){return"true"===it(t,"disabled")||at(t,"disabled")||w.disabled},nt=function(t){return it(t,"showondisabled")||w.showOnDisabled},ot=function(){return it(Y.current,"autohide")||w.autoHide},it=function(t,e){return at(t,"data-pr-".concat(e))?t.getAttribute("data-pr-".concat(e)):null},at=function(t,e){return t&&t.hasAttribute(e)},ut=function(t){var e=[it(t,"showevent")||w.showEvent],r=[it(t,"hideevent")||w.hideEvent];if(et(t))e=["mousemove"],r=["mouseleave"];else{var n=it(t,"event")||w.event;"focus"===n&&(e=["focus"],r=["blur"]),"both"===n&&(e=["focus","mouseenter"],r=["blur","mouseleave"])}return{showEvents:e,hideEvents:r}},lt=function(t){return{top:it(t,"mousetracktop")||w.mouseTrackTop,left:it(t,"mousetrackleft")||w.mouseTrackLeft}},ct=function(t,e){if(z.current){var r=it(t,"tooltip")||w.content;r?(z.current.innerHTML="",z.current.appendChild(document.createTextNode(r)),e()):w.children&&e()}},pt=function(t){ct(Y.current,(function(){var r=q.current,n=r.pageX,o=r.pageY;w.autoZIndex&&!m.get(U.current)&&m.set("tooltip",U.current,g&&g.autoZIndex||e.autoZIndex,w.baseZIndex||g&&g.zIndex.tooltip||e.zIndex.tooltip),U.current.style.left="",U.current.style.top="",ot()&&(U.current.style.pointerEvents="none");var i=et(Y.current)||"mouse"===t;(i&&!_.current||i)&&(_.current={width:d.getOuterWidth(U.current),height:d.getOuterHeight(U.current)}),dt(Y.current,{x:n,y:o},t)}))},st=function(t){Y.current=t.currentTarget;var e,r=rt(Y.current);(e=nt(Y.current)&&r?Y.current.firstChild:Y.current,!(w.content||it(e,"tooltip")||w.children))||r||(q.current=t,j?bt("updateDelay",pt):gt(w.onBeforeShow,{originalEvent:t,target:Y.current})&&bt("showDelay",(function(){P(!0),gt(w.onShow,{originalEvent:t,target:Y.current})})))},ft=function(t){(wt(),j)&&(gt(w.onBeforeHide,{originalEvent:t,target:Y.current})&&bt("hideDelay",(function(){(ot()||!1!==X.current)&&(m.clear(U.current),d.removeClass(U.current,"p-tooltip-active"),P(!1),gt(w.onHide,{originalEvent:t,target:Y.current}))})))},dt=function(t,e,r){var n=0,o=0,i=r||N;if((et(t)||"mouse"==i)&&e){var a={width:d.getOuterWidth(U.current),height:d.getOuterHeight(U.current)};n=e.x,o=e.y;var u=lt(t),l=u.top,c=u.left;switch(i){case"left":n-=a.width+c,o-=a.height/2-l;break;case"right":case"mouse":n+=c,o-=a.height/2-l;break;case"top":n-=a.width/2-c,o-=a.height+l;break;case"bottom":n-=a.width/2-c,o+=l}n<=0||_.current.width>a.width?(U.current.style.left="0px",U.current.style.right=window.innerWidth-a.width-n+"px"):(U.current.style.right="",U.current.style.left=n+"px"),U.current.style.top=o+"px",d.addClass(U.current,"p-tooltip-active")}else{var p=d.findCollisionPosition(i),s=it(t,"my")||w.my||p.my,f=it(t,"at")||w.at||p.at;U.current.style.padding="0px",d.flipfitCollision(U.current,t,s,f,(function(t){var e=t.at,r=e.x,n=w.at?"center"!==r&&r!==t.my.x?r:e.y:t.at["".concat(p.axis)];U.current.style.padding="",A(n),mt(n),d.addClass(U.current,"p-tooltip-active")}))}},mt=function(t){if(U.current){var e=getComputedStyle(U.current);"left"===t?U.current.style.left=parseFloat(e.left)-2*parseFloat(e.paddingLeft)+"px":"top"===t&&(U.current.style.top=parseFloat(e.top)-2*parseFloat(e.paddingTop)+"px")}},ht=function(t){ot()||(X.current=!0,ft(t))},vt=function(t){if(t){var e=ut(t),r=e.showEvents,n=e.hideEvents,o=Et(t);r.forEach((function(t){return null==o?void 0:o.addEventListener(t,st)})),n.forEach((function(t){return null==o?void 0:o.addEventListener(t,ft)}))}},yt=function(t){if(t){var e=ut(t),r=e.showEvents,n=e.hideEvents,o=Et(t);r.forEach((function(t){return null==o?void 0:o.removeEventListener(t,st)})),n.forEach((function(t){return null==o?void 0:o.removeEventListener(t,ft)}))}},bt=function(t,e){wt();var r=it(Y.current,t.toLowerCase())||w[t];r?$.current["".concat(t)]=setTimeout((function(){return e()}),r):e()},gt=function(t){if(t){for(var e=arguments.length,r=new Array(e>1?e-1:0),n=1;n<e;n++)r[n-1]=arguments[n];var o=t.apply(void 0,r);return void 0===o&&(o=!0),o}return!0},wt=function(){Object.values($.current).forEach((function(t){return clearTimeout(t)}))},Et=function(t){if(t){if(nt(t)){if(t.hasWrapper)return t.parentElement;var e=document.createElement("div");return"INPUT"===t.nodeName?d.addMultipleClasses(e,"p-tooltip-target-wrapper p-inputwrapper"):d.addClass(e,"p-tooltip-target-wrapper"),t.parentNode.insertBefore(e,t),e.appendChild(t),t.hasWrapper=!0,e}var r;return t.hasWrapper&&((r=t.parentElement).replaceWith.apply(r,x(n=t.parentElement.childNodes)||O(n)||S(n)||T()),delete t.hasWrapper),t}var n;return null},xt=function(t){St(t),Ot(t)},Ot=function(t){Tt(t||w.target,vt)},St=function(t){Tt(t||w.target,yt)},Tt=function(t,e){if(t=h.getRefElement(t))if(d.isElement(t))e(t);else{var r=function(t){d.find(document,t).forEach((function(t){e(t)}))};t instanceof Array?t.forEach((function(t){r(t)})):r(t)}};l((function(){j&&Y.current&&rt(Y.current)&&ft()})),c((function(){return Ot(),function(){St()}}),[st,ft,w.target]),c((function(){if(j){var t=it(Y.current,"position")||N,e=it(Y.current,"classname");A(t),R(e),pt(t),J(),V()}else A(w.position),R(""),Y.current=null,_.current=null,X.current=!0;return function(){K(),tt()}}),[j]),c((function(){j&&bt("updateDelay",(function(){ct(Y.current,(function(){dt(Y.current)}))}))}),[w.content]),p((function(){ft(),m.clear(U.current)})),t.useImperativeHandle(y,(function(){return{props:w,updateTargetEvents:xt,loadTargetEvents:Ot,unloadTargetEvents:St,show:st,hide:ft,getElement:function(){return U.current},getTarget:function(){return Y.current}}}));var jt,Pt,kt,Dt,It;if(j){var Nt=(jt=Y.current,Pt=!(w.content||it(jt,"tooltip")),kt=b({id:w.id,className:f(w.className,B("root",{positionState:N,classNameState:L})),style:w.style,role:"tooltip","aria-hidden":j,onMouseEnter:function(t){ot()||(X.current=!1)},onMouseLeave:function(t){return ht(t)}},I.getOtherProps(w),Z("root")),Dt=b({className:B("arrow"),style:F("arrow",C({},W))},Z("arrow")),It=b({className:B("text")},Z("text")),t.createElement("div",v({ref:U},kt),t.createElement("div",Dt),t.createElement("div",v({ref:z},It),Pt&&w.children)));return t.createElement(s,{element:Nt,appendTo:w.appendTo,visible:!0})}return null})));A.displayName="Tooltip";export{A as Tooltip};
|
package/tooltip/tooltip.js
CHANGED
|
@@ -215,6 +215,7 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, componentbase,
|
|
|
215
215
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
216
216
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
217
217
|
var Tooltip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
|
|
218
|
+
var mergeProps = hooks.useMergeProps();
|
|
218
219
|
var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
|
|
219
220
|
var props = TooltipBase.getProps(inProps, context);
|
|
220
221
|
var _React$useState = React__namespace.useState(false),
|
|
@@ -675,7 +676,7 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, componentbase,
|
|
|
675
676
|
});
|
|
676
677
|
var createElement = function createElement() {
|
|
677
678
|
var empty = isTargetContentEmpty(currentTargetRef.current);
|
|
678
|
-
var rootProps =
|
|
679
|
+
var rootProps = mergeProps({
|
|
679
680
|
id: props.id,
|
|
680
681
|
className: utils.classNames(props.className, cx('root', {
|
|
681
682
|
positionState: positionState,
|
|
@@ -691,11 +692,11 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, componentbase,
|
|
|
691
692
|
return _onMouseLeave(e);
|
|
692
693
|
}
|
|
693
694
|
}, TooltipBase.getOtherProps(props), ptm('root'));
|
|
694
|
-
var arrowProps =
|
|
695
|
+
var arrowProps = mergeProps({
|
|
695
696
|
className: cx('arrow'),
|
|
696
697
|
style: sx('arrow', _objectSpread({}, metaData))
|
|
697
698
|
}, ptm('arrow'));
|
|
698
|
-
var textProps =
|
|
699
|
+
var textProps = mergeProps({
|
|
699
700
|
className: cx('text')
|
|
700
701
|
}, ptm('text'));
|
|
701
702
|
return /*#__PURE__*/React__namespace.createElement("div", _extends({
|
package/tooltip/tooltip.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.tooltip=function(t,e,r,n,o,i,a){"use strict";function l(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}function u(t){if(t&&t.__esModule)return t;var e=Object.create(null);return t&&Object.keys(t).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(e,r,n.get?n:{enumerable:!0,get:function(){return t[r]}})}})),e.default=t,Object.freeze(e)}var c=u(e),s=l(r);function p(){return p=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},p.apply(this,arguments)}function f(t){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},f(t)}function d(t,e){if("object"!==f(t)||null===t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,e||"default");if("object"!==f(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}function m(t){var e=d(t,"string");return"symbol"===f(e)?e:String(e)}function h(t,e,r){return(e=m(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function v(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}function y(t){if(Array.isArray(t))return v(t)}function b(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function g(t,e){if(t){if("string"==typeof t)return v(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?v(t,e):void 0}}function w(){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 E(t){if(Array.isArray(t))return t}function O(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,o,i,a,l=[],u=!0,c=!1;try{if(i=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=i.call(r)).done)&&(l.push(n.value),l.length!==e);u=!0);}catch(t){c=!0,o=t}finally{try{if(!u&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(c)throw o}}return l}}function x(){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 S(t,e){return E(t)||O(t,e)||g(t,e)||x()}var j=n.ComponentBase.extend({defaultProps:{__TYPE:"Tooltip",appendTo:null,at:null,autoHide:!0,autoZIndex:!0,baseZIndex:0,className:null,content:null,disabled:!1,event:null,hideDelay:0,hideEvent:"mouseleave",id:null,mouseTrack:!1,mouseTrackLeft:5,mouseTrackTop:5,my:null,onBeforeHide:null,onBeforeShow:null,onHide:null,onShow:null,position:"right",showDelay:0,showEvent:"mouseenter",showOnDisabled:!1,style:null,target:null,updateDelay:0,children:void 0},css:{classes:{root:function(t){var e=t.classNameState;return a.classNames("p-tooltip p-component",h({},"p-tooltip-".concat(t.positionState),!0),e)},arrow:"p-tooltip-arrow",text:"p-tooltip-text"},styles:"\n@layer primereact {\n .p-tooltip {\n position: absolute;\n padding: .25em .5rem;\n /* #3687: Tooltip prevent scrollbar flickering */\n top: -9999px;\n left: -9999px;\n }\n \n .p-tooltip.p-tooltip-right,\n .p-tooltip.p-tooltip-left {\n padding: 0 .25rem;\n }\n \n .p-tooltip.p-tooltip-top,\n .p-tooltip.p-tooltip-bottom {\n padding:.25em 0;\n }\n \n .p-tooltip .p-tooltip-text {\n white-space: pre-line;\n word-break: break-word;\n }\n \n .p-tooltip-arrow {\n position: absolute;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid;\n }\n \n .p-tooltip-right .p-tooltip-arrow {\n top: 50%;\n left: 0;\n margin-top: -.25rem;\n border-width: .25em .25em .25em 0;\n }\n \n .p-tooltip-left .p-tooltip-arrow {\n top: 50%;\n right: 0;\n margin-top: -.25rem;\n border-width: .25em 0 .25em .25rem;\n }\n \n .p-tooltip.p-tooltip-top {\n padding: .25em 0;\n }\n \n .p-tooltip-top .p-tooltip-arrow {\n bottom: 0;\n left: 50%;\n margin-left: -.25rem;\n border-width: .25em .25em 0;\n }\n \n .p-tooltip-bottom .p-tooltip-arrow {\n top: 0;\n left: 50%;\n margin-left: -.25rem;\n border-width: 0 .25em .25rem;\n }\n\n .p-tooltip-target-wrapper {\n display: inline-flex;\n }\n}\n",inlineStyles:{arrow:function(t){var e=t.context;return{top:e.bottom?"0":e.right||e.left||!e.right&&!e.left&&!e.top&&!e.bottom?"50%":null,bottom:e.top?"0":null,left:!e.right&&(e.right||e.left||e.top||e.bottom)?e.top||e.bottom?"50%":null:"0",right:e.left?"0":null}}}}});function T(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function D(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?T(Object(r),!0).forEach((function(e){h(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):T(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var P=c.memo(c.forwardRef((function(t,e){var l=c.useContext(r.PrimeReactContext),u=j.getProps(t,l),f=S(c.useState(!1),2),d=f[0],m=f[1],h=S(c.useState(u.position),2),v=h[0],E=h[1],O=S(c.useState(""),2),x=O[0],T=O[1],P={props:u,state:{visible:d,position:v,className:x},context:{right:"right"===v,left:"left"===v,top:"top"===v,bottom:"bottom"===v}},H=j.setMetaData(P),I=H.ptm,k=H.cx,N=H.sx;n.useHandleStyle(j.css.styles,H.isUnstyled,{name:"tooltip"});var C=c.useRef(null),A=c.useRef(null),L=c.useRef(null),R=c.useRef(null),U=c.useRef(!0),Z=c.useRef({}),M=c.useRef(null),W=S(o.useResizeListener({listener:function(t){!a.DomHandler.isTouchDevice()&&nt(t)}}),2),B=W[0],_=W[1],z=S(o.useOverlayScrollListener({target:L.current,listener:function(t){nt(t)},when:d}),2),F=z[0],Y=z[1],X=function(t){return J(t,"mousetrack")||u.mouseTrack},$=function(t){return"true"===J(t,"disabled")||K(t,"disabled")||u.disabled},q=function(t){return J(t,"showondisabled")||u.showOnDisabled},G=function(){return J(L.current,"autohide")||u.autoHide},J=function(t,e){return K(t,"data-pr-".concat(e))?t.getAttribute("data-pr-".concat(e)):null},K=function(t,e){return t&&t.hasAttribute(e)},Q=function(t){var e=[J(t,"showevent")||u.showEvent],r=[J(t,"hideevent")||u.hideEvent];if(X(t))e=["mousemove"],r=["mouseleave"];else{var n=J(t,"event")||u.event;"focus"===n&&(e=["focus"],r=["blur"]),"both"===n&&(e=["focus","mouseenter"],r=["blur","mouseleave"])}return{showEvents:e,hideEvents:r}},V=function(t){return{top:J(t,"mousetracktop")||u.mouseTrackTop,left:J(t,"mousetrackleft")||u.mouseTrackLeft}},tt=function(t,e){if(A.current){var r=J(t,"tooltip")||u.content;r?(A.current.innerHTML="",A.current.appendChild(document.createTextNode(r)),e()):u.children&&e()}},et=function(t){tt(L.current,(function(){var e=M.current,r=e.pageX,n=e.pageY;u.autoZIndex&&!a.ZIndexUtils.get(C.current)&&a.ZIndexUtils.set("tooltip",C.current,l&&l.autoZIndex||s.default.autoZIndex,u.baseZIndex||l&&l.zIndex.tooltip||s.default.zIndex.tooltip),C.current.style.left="",C.current.style.top="",G()&&(C.current.style.pointerEvents="none");var o=X(L.current)||"mouse"===t;(o&&!R.current||o)&&(R.current={width:a.DomHandler.getOuterWidth(C.current),height:a.DomHandler.getOuterHeight(C.current)}),ot(L.current,{x:r,y:n},t)}))},rt=function(t){L.current=t.currentTarget;var e,r=$(L.current);(e=q(L.current)&&r?L.current.firstChild:L.current,!(u.content||J(e,"tooltip")||u.children))||r||(M.current=t,d?ct("updateDelay",et):st(u.onBeforeShow,{originalEvent:t,target:L.current})&&ct("showDelay",(function(){m(!0),st(u.onShow,{originalEvent:t,target:L.current})})))},nt=function(t){(pt(),d)&&(st(u.onBeforeHide,{originalEvent:t,target:L.current})&&ct("hideDelay",(function(){(G()||!1!==U.current)&&(a.ZIndexUtils.clear(C.current),a.DomHandler.removeClass(C.current,"p-tooltip-active"),m(!1),st(u.onHide,{originalEvent:t,target:L.current}))})))},ot=function(t,e,r){var n=0,o=0,i=r||v;if((X(t)||"mouse"==i)&&e){var l={width:a.DomHandler.getOuterWidth(C.current),height:a.DomHandler.getOuterHeight(C.current)};n=e.x,o=e.y;var c=V(t),s=c.top,p=c.left;switch(i){case"left":n-=l.width+p,o-=l.height/2-s;break;case"right":case"mouse":n+=p,o-=l.height/2-s;break;case"top":n-=l.width/2-p,o-=l.height+s;break;case"bottom":n-=l.width/2-p,o+=s}n<=0||R.current.width>l.width?(C.current.style.left="0px",C.current.style.right=window.innerWidth-l.width-n+"px"):(C.current.style.right="",C.current.style.left=n+"px"),C.current.style.top=o+"px",a.DomHandler.addClass(C.current,"p-tooltip-active")}else{var f=a.DomHandler.findCollisionPosition(i),d=J(t,"my")||u.my||f.my,m=J(t,"at")||u.at||f.at;C.current.style.padding="0px",a.DomHandler.flipfitCollision(C.current,t,d,m,(function(t){var e=t.at,r=e.x,n=u.at?"center"!==r&&r!==t.my.x?r:e.y:t.at["".concat(f.axis)];C.current.style.padding="",E(n),it(n),a.DomHandler.addClass(C.current,"p-tooltip-active")}))}},it=function(t){if(C.current){var e=getComputedStyle(C.current);"left"===t?C.current.style.left=parseFloat(e.left)-2*parseFloat(e.paddingLeft)+"px":"top"===t&&(C.current.style.top=parseFloat(e.top)-2*parseFloat(e.paddingTop)+"px")}},at=function(t){G()||(U.current=!0,nt(t))},lt=function(t){if(t){var e=Q(t),r=e.showEvents,n=e.hideEvents,o=ft(t);r.forEach((function(t){return null==o?void 0:o.addEventListener(t,rt)})),n.forEach((function(t){return null==o?void 0:o.addEventListener(t,nt)}))}},ut=function(t){if(t){var e=Q(t),r=e.showEvents,n=e.hideEvents,o=ft(t);r.forEach((function(t){return null==o?void 0:o.removeEventListener(t,rt)})),n.forEach((function(t){return null==o?void 0:o.removeEventListener(t,nt)}))}},ct=function(t,e){pt();var r=J(L.current,t.toLowerCase())||u[t];r?Z.current["".concat(t)]=setTimeout((function(){return e()}),r):e()},st=function(t){if(t){for(var e=arguments.length,r=new Array(e>1?e-1:0),n=1;n<e;n++)r[n-1]=arguments[n];var o=t.apply(void 0,r);return void 0===o&&(o=!0),o}return!0},pt=function(){Object.values(Z.current).forEach((function(t){return clearTimeout(t)}))},ft=function(t){if(t){if(q(t)){if(t.hasWrapper)return t.parentElement;var e=document.createElement("div");return"INPUT"===t.nodeName?a.DomHandler.addMultipleClasses(e,"p-tooltip-target-wrapper p-inputwrapper"):a.DomHandler.addClass(e,"p-tooltip-target-wrapper"),t.parentNode.insertBefore(e,t),e.appendChild(t),t.hasWrapper=!0,e}var r;return t.hasWrapper&&((r=t.parentElement).replaceWith.apply(r,y(n=t.parentElement.childNodes)||b(n)||g(n)||w()),delete t.hasWrapper),t}var n;return null},dt=function(t){ht(t),mt(t)},mt=function(t){vt(t||u.target,lt)},ht=function(t){vt(t||u.target,ut)},vt=function(t,e){if(t=a.ObjectUtils.getRefElement(t))if(a.DomHandler.isElement(t))e(t);else{var r=function(t){a.DomHandler.find(document,t).forEach((function(t){e(t)}))};t instanceof Array?t.forEach((function(t){r(t)})):r(t)}};o.useMountEffect((function(){d&&L.current&&$(L.current)&&nt()})),o.useUpdateEffect((function(){return mt(),function(){ht()}}),[rt,nt,u.target]),o.useUpdateEffect((function(){if(d){var t=J(L.current,"position")||v,e=J(L.current,"classname");E(t),T(e),et(t),B(),F()}else E(u.position),T(""),L.current=null,R.current=null,U.current=!0;return function(){_(),Y()}}),[d]),o.useUpdateEffect((function(){d&&ct("updateDelay",(function(){tt(L.current,(function(){ot(L.current)}))}))}),[u.content]),o.useUnmountEffect((function(){nt(),a.ZIndexUtils.clear(C.current)})),c.useImperativeHandle(e,(function(){return{props:u,updateTargetEvents:dt,loadTargetEvents:mt,unloadTargetEvents:ht,show:rt,hide:nt,getElement:function(){return C.current},getTarget:function(){return L.current}}}));var yt,bt,gt,wt,Et;if(d){var Ot=(yt=L.current,bt=!(u.content||J(yt,"tooltip")),gt=a.mergeProps({id:u.id,className:a.classNames(u.className,k("root",{positionState:v,classNameState:x})),style:u.style,role:"tooltip","aria-hidden":d,onMouseEnter:function(t){G()||(U.current=!1)},onMouseLeave:function(t){return at(t)}},j.getOtherProps(u),I("root")),wt=a.mergeProps({className:k("arrow"),style:N("arrow",D({},P))},I("arrow")),Et=a.mergeProps({className:k("text")},I("text")),c.createElement("div",p({ref:C},gt),c.createElement("div",wt),c.createElement("div",p({ref:A},Et),bt&&u.children)));return c.createElement(i.Portal,{element:Ot,appendTo:u.appendTo,visible:!0})}return null})));return P.displayName="Tooltip",t.Tooltip=P,Object.defineProperty(t,"__esModule",{value:!0}),t}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.portal,primereact.utils);
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.tooltip=function(t,e,r,n,o,i,a){"use strict";function l(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}function u(t){if(t&&t.__esModule)return t;var e=Object.create(null);return t&&Object.keys(t).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(e,r,n.get?n:{enumerable:!0,get:function(){return t[r]}})}})),e.default=t,Object.freeze(e)}var c=u(e),s=l(r);function p(){return p=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},p.apply(this,arguments)}function f(t){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},f(t)}function d(t,e){if("object"!==f(t)||null===t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,e||"default");if("object"!==f(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}function m(t){var e=d(t,"string");return"symbol"===f(e)?e:String(e)}function h(t,e,r){return(e=m(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function v(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}function y(t){if(Array.isArray(t))return v(t)}function b(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function g(t,e){if(t){if("string"==typeof t)return v(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?v(t,e):void 0}}function w(){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 E(t){if(Array.isArray(t))return t}function O(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,o,i,a,l=[],u=!0,c=!1;try{if(i=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=i.call(r)).done)&&(l.push(n.value),l.length!==e);u=!0);}catch(t){c=!0,o=t}finally{try{if(!u&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(c)throw o}}return l}}function x(){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 S(t,e){return E(t)||O(t,e)||g(t,e)||x()}var j=n.ComponentBase.extend({defaultProps:{__TYPE:"Tooltip",appendTo:null,at:null,autoHide:!0,autoZIndex:!0,baseZIndex:0,className:null,content:null,disabled:!1,event:null,hideDelay:0,hideEvent:"mouseleave",id:null,mouseTrack:!1,mouseTrackLeft:5,mouseTrackTop:5,my:null,onBeforeHide:null,onBeforeShow:null,onHide:null,onShow:null,position:"right",showDelay:0,showEvent:"mouseenter",showOnDisabled:!1,style:null,target:null,updateDelay:0,children:void 0},css:{classes:{root:function(t){var e=t.classNameState;return a.classNames("p-tooltip p-component",h({},"p-tooltip-".concat(t.positionState),!0),e)},arrow:"p-tooltip-arrow",text:"p-tooltip-text"},styles:"\n@layer primereact {\n .p-tooltip {\n position: absolute;\n padding: .25em .5rem;\n /* #3687: Tooltip prevent scrollbar flickering */\n top: -9999px;\n left: -9999px;\n }\n \n .p-tooltip.p-tooltip-right,\n .p-tooltip.p-tooltip-left {\n padding: 0 .25rem;\n }\n \n .p-tooltip.p-tooltip-top,\n .p-tooltip.p-tooltip-bottom {\n padding:.25em 0;\n }\n \n .p-tooltip .p-tooltip-text {\n white-space: pre-line;\n word-break: break-word;\n }\n \n .p-tooltip-arrow {\n position: absolute;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid;\n }\n \n .p-tooltip-right .p-tooltip-arrow {\n top: 50%;\n left: 0;\n margin-top: -.25rem;\n border-width: .25em .25em .25em 0;\n }\n \n .p-tooltip-left .p-tooltip-arrow {\n top: 50%;\n right: 0;\n margin-top: -.25rem;\n border-width: .25em 0 .25em .25rem;\n }\n \n .p-tooltip.p-tooltip-top {\n padding: .25em 0;\n }\n \n .p-tooltip-top .p-tooltip-arrow {\n bottom: 0;\n left: 50%;\n margin-left: -.25rem;\n border-width: .25em .25em 0;\n }\n \n .p-tooltip-bottom .p-tooltip-arrow {\n top: 0;\n left: 50%;\n margin-left: -.25rem;\n border-width: 0 .25em .25rem;\n }\n\n .p-tooltip-target-wrapper {\n display: inline-flex;\n }\n}\n",inlineStyles:{arrow:function(t){var e=t.context;return{top:e.bottom?"0":e.right||e.left||!e.right&&!e.left&&!e.top&&!e.bottom?"50%":null,bottom:e.top?"0":null,left:!e.right&&(e.right||e.left||e.top||e.bottom)?e.top||e.bottom?"50%":null:"0",right:e.left?"0":null}}}}});function T(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function D(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?T(Object(r),!0).forEach((function(e){h(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):T(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var H=c.memo(c.forwardRef((function(t,e){var l=o.useMergeProps(),u=c.useContext(r.PrimeReactContext),f=j.getProps(t,u),d=S(c.useState(!1),2),m=d[0],h=d[1],v=S(c.useState(f.position),2),E=v[0],O=v[1],x=S(c.useState(""),2),T=x[0],H=x[1],P={props:f,state:{visible:m,position:E,className:T},context:{right:"right"===E,left:"left"===E,top:"top"===E,bottom:"bottom"===E}},I=j.setMetaData(P),k=I.ptm,N=I.cx,C=I.sx;n.useHandleStyle(j.css.styles,I.isUnstyled,{name:"tooltip"});var A=c.useRef(null),L=c.useRef(null),R=c.useRef(null),U=c.useRef(null),M=c.useRef(!0),Z=c.useRef({}),W=c.useRef(null),B=S(o.useResizeListener({listener:function(t){!a.DomHandler.isTouchDevice()&&ot(t)}}),2),_=B[0],z=B[1],F=S(o.useOverlayScrollListener({target:R.current,listener:function(t){ot(t)},when:m}),2),Y=F[0],X=F[1],$=function(t){return K(t,"mousetrack")||f.mouseTrack},q=function(t){return"true"===K(t,"disabled")||Q(t,"disabled")||f.disabled},G=function(t){return K(t,"showondisabled")||f.showOnDisabled},J=function(){return K(R.current,"autohide")||f.autoHide},K=function(t,e){return Q(t,"data-pr-".concat(e))?t.getAttribute("data-pr-".concat(e)):null},Q=function(t,e){return t&&t.hasAttribute(e)},V=function(t){var e=[K(t,"showevent")||f.showEvent],r=[K(t,"hideevent")||f.hideEvent];if($(t))e=["mousemove"],r=["mouseleave"];else{var n=K(t,"event")||f.event;"focus"===n&&(e=["focus"],r=["blur"]),"both"===n&&(e=["focus","mouseenter"],r=["blur","mouseleave"])}return{showEvents:e,hideEvents:r}},tt=function(t){return{top:K(t,"mousetracktop")||f.mouseTrackTop,left:K(t,"mousetrackleft")||f.mouseTrackLeft}},et=function(t,e){if(L.current){var r=K(t,"tooltip")||f.content;r?(L.current.innerHTML="",L.current.appendChild(document.createTextNode(r)),e()):f.children&&e()}},rt=function(t){et(R.current,(function(){var e=W.current,r=e.pageX,n=e.pageY;f.autoZIndex&&!a.ZIndexUtils.get(A.current)&&a.ZIndexUtils.set("tooltip",A.current,u&&u.autoZIndex||s.default.autoZIndex,f.baseZIndex||u&&u.zIndex.tooltip||s.default.zIndex.tooltip),A.current.style.left="",A.current.style.top="",J()&&(A.current.style.pointerEvents="none");var o=$(R.current)||"mouse"===t;(o&&!U.current||o)&&(U.current={width:a.DomHandler.getOuterWidth(A.current),height:a.DomHandler.getOuterHeight(A.current)}),it(R.current,{x:r,y:n},t)}))},nt=function(t){R.current=t.currentTarget;var e,r=q(R.current);(e=G(R.current)&&r?R.current.firstChild:R.current,!(f.content||K(e,"tooltip")||f.children))||r||(W.current=t,m?st("updateDelay",rt):pt(f.onBeforeShow,{originalEvent:t,target:R.current})&&st("showDelay",(function(){h(!0),pt(f.onShow,{originalEvent:t,target:R.current})})))},ot=function(t){(ft(),m)&&(pt(f.onBeforeHide,{originalEvent:t,target:R.current})&&st("hideDelay",(function(){(J()||!1!==M.current)&&(a.ZIndexUtils.clear(A.current),a.DomHandler.removeClass(A.current,"p-tooltip-active"),h(!1),pt(f.onHide,{originalEvent:t,target:R.current}))})))},it=function(t,e,r){var n=0,o=0,i=r||E;if(($(t)||"mouse"==i)&&e){var l={width:a.DomHandler.getOuterWidth(A.current),height:a.DomHandler.getOuterHeight(A.current)};n=e.x,o=e.y;var u=tt(t),c=u.top,s=u.left;switch(i){case"left":n-=l.width+s,o-=l.height/2-c;break;case"right":case"mouse":n+=s,o-=l.height/2-c;break;case"top":n-=l.width/2-s,o-=l.height+c;break;case"bottom":n-=l.width/2-s,o+=c}n<=0||U.current.width>l.width?(A.current.style.left="0px",A.current.style.right=window.innerWidth-l.width-n+"px"):(A.current.style.right="",A.current.style.left=n+"px"),A.current.style.top=o+"px",a.DomHandler.addClass(A.current,"p-tooltip-active")}else{var p=a.DomHandler.findCollisionPosition(i),d=K(t,"my")||f.my||p.my,m=K(t,"at")||f.at||p.at;A.current.style.padding="0px",a.DomHandler.flipfitCollision(A.current,t,d,m,(function(t){var e=t.at,r=e.x,n=f.at?"center"!==r&&r!==t.my.x?r:e.y:t.at["".concat(p.axis)];A.current.style.padding="",O(n),at(n),a.DomHandler.addClass(A.current,"p-tooltip-active")}))}},at=function(t){if(A.current){var e=getComputedStyle(A.current);"left"===t?A.current.style.left=parseFloat(e.left)-2*parseFloat(e.paddingLeft)+"px":"top"===t&&(A.current.style.top=parseFloat(e.top)-2*parseFloat(e.paddingTop)+"px")}},lt=function(t){J()||(M.current=!0,ot(t))},ut=function(t){if(t){var e=V(t),r=e.showEvents,n=e.hideEvents,o=dt(t);r.forEach((function(t){return null==o?void 0:o.addEventListener(t,nt)})),n.forEach((function(t){return null==o?void 0:o.addEventListener(t,ot)}))}},ct=function(t){if(t){var e=V(t),r=e.showEvents,n=e.hideEvents,o=dt(t);r.forEach((function(t){return null==o?void 0:o.removeEventListener(t,nt)})),n.forEach((function(t){return null==o?void 0:o.removeEventListener(t,ot)}))}},st=function(t,e){ft();var r=K(R.current,t.toLowerCase())||f[t];r?Z.current["".concat(t)]=setTimeout((function(){return e()}),r):e()},pt=function(t){if(t){for(var e=arguments.length,r=new Array(e>1?e-1:0),n=1;n<e;n++)r[n-1]=arguments[n];var o=t.apply(void 0,r);return void 0===o&&(o=!0),o}return!0},ft=function(){Object.values(Z.current).forEach((function(t){return clearTimeout(t)}))},dt=function(t){if(t){if(G(t)){if(t.hasWrapper)return t.parentElement;var e=document.createElement("div");return"INPUT"===t.nodeName?a.DomHandler.addMultipleClasses(e,"p-tooltip-target-wrapper p-inputwrapper"):a.DomHandler.addClass(e,"p-tooltip-target-wrapper"),t.parentNode.insertBefore(e,t),e.appendChild(t),t.hasWrapper=!0,e}var r;return t.hasWrapper&&((r=t.parentElement).replaceWith.apply(r,y(n=t.parentElement.childNodes)||b(n)||g(n)||w()),delete t.hasWrapper),t}var n;return null},mt=function(t){vt(t),ht(t)},ht=function(t){yt(t||f.target,ut)},vt=function(t){yt(t||f.target,ct)},yt=function(t,e){if(t=a.ObjectUtils.getRefElement(t))if(a.DomHandler.isElement(t))e(t);else{var r=function(t){a.DomHandler.find(document,t).forEach((function(t){e(t)}))};t instanceof Array?t.forEach((function(t){r(t)})):r(t)}};o.useMountEffect((function(){m&&R.current&&q(R.current)&&ot()})),o.useUpdateEffect((function(){return ht(),function(){vt()}}),[nt,ot,f.target]),o.useUpdateEffect((function(){if(m){var t=K(R.current,"position")||E,e=K(R.current,"classname");O(t),H(e),rt(t),_(),Y()}else O(f.position),H(""),R.current=null,U.current=null,M.current=!0;return function(){z(),X()}}),[m]),o.useUpdateEffect((function(){m&&st("updateDelay",(function(){et(R.current,(function(){it(R.current)}))}))}),[f.content]),o.useUnmountEffect((function(){ot(),a.ZIndexUtils.clear(A.current)})),c.useImperativeHandle(e,(function(){return{props:f,updateTargetEvents:mt,loadTargetEvents:ht,unloadTargetEvents:vt,show:nt,hide:ot,getElement:function(){return A.current},getTarget:function(){return R.current}}}));var bt,gt,wt,Et,Ot;if(m){var xt=(bt=R.current,gt=!(f.content||K(bt,"tooltip")),wt=l({id:f.id,className:a.classNames(f.className,N("root",{positionState:E,classNameState:T})),style:f.style,role:"tooltip","aria-hidden":m,onMouseEnter:function(t){J()||(M.current=!1)},onMouseLeave:function(t){return lt(t)}},j.getOtherProps(f),k("root")),Et=l({className:N("arrow"),style:C("arrow",D({},P))},k("arrow")),Ot=l({className:N("text")},k("text")),c.createElement("div",p({ref:A},wt),c.createElement("div",Et),c.createElement("div",p({ref:L},Ot),gt&&f.children)));return c.createElement(i.Portal,{element:xt,appendTo:f.appendTo,visible:!0})}return null})));return H.displayName="Tooltip",t.Tooltip=H,Object.defineProperty(t,"__esModule",{value:!0}),t}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.portal,primereact.utils);
|
|
@@ -34,7 +34,7 @@ export interface TooltipOptions {
|
|
|
34
34
|
* DOM element instance where the overlay panel should be mounted. Valid values are any DOM Element and 'self'. The self value is used to render a component where it is located.
|
|
35
35
|
* @defaultValue document.body
|
|
36
36
|
*/
|
|
37
|
-
appendTo?: 'self' | HTMLElement | null | undefined;
|
|
37
|
+
appendTo?: 'self' | HTMLElement | null | undefined | (() => HTMLElement);
|
|
38
38
|
/**
|
|
39
39
|
* Defines which position on the target element to align the positioned tooltip.
|
|
40
40
|
*/
|