primereact 10.6.5 → 10.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/api/api.d.ts +8 -0
- package/button/button.cjs.js +1 -0
- package/button/button.cjs.min.js +1 -1
- package/button/button.esm.js +1 -0
- package/button/button.esm.min.js +1 -1
- package/button/button.js +1 -0
- package/button/button.min.js +1 -1
- package/calendar/calendar.cjs.js +81 -45
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.d.ts +8 -10
- package/calendar/calendar.esm.js +81 -45
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +81 -45
- package/calendar/calendar.min.js +1 -1
- package/chart/chart.d.ts +1 -13
- package/checkbox/checkbox.cjs.js +64 -0
- package/checkbox/checkbox.cjs.min.js +1 -1
- package/checkbox/checkbox.d.ts +12 -0
- package/checkbox/checkbox.esm.js +64 -0
- package/checkbox/checkbox.esm.min.js +1 -1
- package/checkbox/checkbox.js +64 -0
- package/checkbox/checkbox.min.js +1 -1
- package/colorpicker/colorpicker.cjs.js +18 -4
- package/colorpicker/colorpicker.cjs.min.js +1 -1
- package/colorpicker/colorpicker.esm.js +19 -5
- package/colorpicker/colorpicker.esm.min.js +1 -1
- package/colorpicker/colorpicker.js +18 -4
- package/colorpicker/colorpicker.min.js +1 -1
- package/column/column.d.ts +36 -14
- package/core/core.js +213 -58
- package/core/core.min.js +12 -12
- package/csstransition/csstransition.cjs.js +0 -6
- package/csstransition/csstransition.esm.js +0 -6
- package/csstransition/csstransition.js +0 -6
- package/datatable/datatable.cjs.js +157 -100
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.d.ts +1 -1
- package/datatable/datatable.esm.js +157 -100
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +157 -100
- package/datatable/datatable.min.js +1 -1
- package/dialog/dialog.cjs.js +19 -4
- package/dialog/dialog.cjs.min.js +1 -1
- package/dialog/dialog.esm.js +19 -4
- package/dialog/dialog.esm.min.js +1 -1
- package/dialog/dialog.js +19 -4
- package/dialog/dialog.min.js +1 -1
- package/dropdown/dropdown.cjs.js +10 -8
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.esm.js +10 -8
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +10 -8
- package/dropdown/dropdown.min.js +1 -1
- package/focustrap/focustrap.cjs.js +12 -1
- package/focustrap/focustrap.cjs.min.js +1 -1
- package/focustrap/focustrap.esm.js +12 -1
- package/focustrap/focustrap.esm.min.js +1 -1
- package/focustrap/focustrap.js +12 -1
- package/focustrap/focustrap.min.js +1 -1
- package/galleria/galleria.cjs.js +7 -0
- package/galleria/galleria.cjs.min.js +1 -1
- package/galleria/galleria.esm.js +8 -1
- package/galleria/galleria.esm.min.js +1 -1
- package/galleria/galleria.js +7 -0
- package/galleria/galleria.min.js +1 -1
- package/hooks/hooks.cjs.js +2 -1
- package/hooks/hooks.cjs.min.js +1 -1
- package/hooks/hooks.esm.js +2 -1
- package/hooks/hooks.esm.min.js +1 -1
- package/hooks/hooks.js +2 -1
- package/hooks/hooks.min.js +1 -1
- package/inputnumber/inputnumber.cjs.js +17 -13
- package/inputnumber/inputnumber.cjs.min.js +1 -1
- package/inputnumber/inputnumber.esm.js +17 -13
- package/inputnumber/inputnumber.esm.min.js +1 -1
- package/inputnumber/inputnumber.js +17 -13
- package/inputnumber/inputnumber.min.js +1 -1
- package/inputotp/inputotp.cjs.js +26 -3
- package/inputotp/inputotp.cjs.min.js +1 -1
- package/inputotp/inputotp.esm.js +27 -4
- package/inputotp/inputotp.esm.min.js +1 -1
- package/inputotp/inputotp.js +26 -3
- package/inputotp/inputotp.min.js +1 -1
- package/inputtext/inputtext.d.ts +1 -1
- package/keyfilter/keyfilter.cjs.js +1 -1
- package/keyfilter/keyfilter.cjs.min.js +1 -1
- package/keyfilter/keyfilter.esm.js +1 -1
- package/keyfilter/keyfilter.esm.min.js +1 -1
- package/keyfilter/keyfilter.js +1 -1
- package/keyfilter/keyfilter.min.js +1 -1
- package/listbox/listbox.cjs.js +23 -35
- package/listbox/listbox.cjs.min.js +1 -1
- package/listbox/listbox.esm.js +23 -35
- package/listbox/listbox.esm.min.js +1 -1
- package/listbox/listbox.js +23 -35
- package/listbox/listbox.min.js +1 -1
- package/menubar/menubar.d.ts +9 -0
- package/metergroup/metergroup.cjs.js +5 -4
- package/metergroup/metergroup.cjs.min.js +1 -1
- package/metergroup/metergroup.d.ts +3 -10
- package/metergroup/metergroup.esm.js +5 -4
- package/metergroup/metergroup.esm.min.js +1 -1
- package/metergroup/metergroup.js +5 -4
- package/metergroup/metergroup.min.js +1 -1
- package/multiselect/multiselect.cjs.js +11 -2
- package/multiselect/multiselect.cjs.min.js +1 -1
- package/multiselect/multiselect.esm.js +11 -2
- package/multiselect/multiselect.esm.min.js +1 -1
- package/multiselect/multiselect.js +11 -2
- package/multiselect/multiselect.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.cjs.js +9 -0
- package/multistatecheckbox/multistatecheckbox.cjs.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.esm.js +9 -0
- package/multistatecheckbox/multistatecheckbox.esm.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.js +9 -0
- package/multistatecheckbox/multistatecheckbox.min.js +1 -1
- package/organizationchart/organizationchart.cjs.js +0 -1
- package/organizationchart/organizationchart.esm.js +0 -1
- package/organizationchart/organizationchart.js +0 -1
- package/package.json +4 -4
- package/paginator/paginator.cjs.js +1 -1
- package/paginator/paginator.cjs.min.js +1 -1
- package/paginator/paginator.esm.js +1 -1
- package/paginator/paginator.esm.min.js +1 -1
- package/paginator/paginator.js +1 -1
- package/paginator/paginator.min.js +1 -1
- package/panelmenu/panelmenu.cjs.js +13 -12
- package/panelmenu/panelmenu.cjs.min.js +1 -1
- package/panelmenu/panelmenu.esm.js +13 -12
- package/panelmenu/panelmenu.esm.min.js +1 -1
- package/panelmenu/panelmenu.js +13 -12
- package/panelmenu/panelmenu.min.js +1 -1
- package/passthrough/tailwind/index.cjs.js +10 -81
- package/passthrough/tailwind/index.cjs.min.js +1 -1
- package/passthrough/tailwind/index.esm.js +10 -81
- package/passthrough/tailwind/index.esm.min.js +1 -1
- package/passthrough/tailwind/index.js +10 -81
- package/passthrough/tailwind/index.min.js +1 -1
- package/password/password.cjs.js +2 -2
- package/password/password.cjs.min.js +1 -1
- package/password/password.esm.js +2 -2
- package/password/password.esm.min.js +1 -1
- package/password/password.js +2 -2
- package/password/password.min.js +1 -1
- package/primereact.all.cjs.js +2826 -1797
- package/primereact.all.cjs.min.js +1 -1
- package/primereact.all.esm.js +2823 -1798
- package/primereact.all.esm.min.js +1 -1
- package/primereact.all.js +2826 -1797
- package/primereact.all.min.js +1 -1
- package/radiobutton/radiobutton.cjs.js +13 -10
- package/radiobutton/radiobutton.cjs.min.js +1 -1
- package/radiobutton/radiobutton.esm.js +13 -10
- package/radiobutton/radiobutton.esm.min.js +1 -1
- package/radiobutton/radiobutton.js +13 -10
- package/radiobutton/radiobutton.min.js +1 -1
- package/resources/images/line.gif +0 -0
- package/resources/themes/arya-blue/theme.css +62 -0
- package/resources/themes/arya-green/theme.css +62 -0
- package/resources/themes/arya-orange/theme.css +62 -0
- package/resources/themes/bootstrap4-dark-blue/theme.css +62 -0
- package/resources/themes/bootstrap4-dark-purple/theme.css +207 -43
- package/resources/themes/bootstrap4-light-blue/theme.css +62 -0
- package/resources/themes/bootstrap4-light-purple/theme.css +207 -43
- package/resources/themes/fluent-light/theme.css +62 -0
- package/resources/themes/lara-dark-amber/fonts/Inter-italic.var.woff2 +0 -0
- package/resources/themes/lara-dark-amber/fonts/Inter-roman.var.woff2 +0 -0
- package/resources/themes/lara-dark-amber/theme.css +62 -9
- package/resources/themes/lara-dark-blue/fonts/Inter-italic.var.woff2 +0 -0
- package/resources/themes/lara-dark-blue/fonts/Inter-roman.var.woff2 +0 -0
- package/resources/themes/lara-dark-blue/theme.css +62 -9
- package/resources/themes/lara-dark-cyan/fonts/Inter-italic.var.woff2 +0 -0
- package/resources/themes/lara-dark-cyan/fonts/Inter-roman.var.woff2 +0 -0
- package/resources/themes/lara-dark-cyan/theme.css +62 -9
- package/resources/themes/lara-dark-green/fonts/Inter-italic.var.woff2 +0 -0
- package/resources/themes/lara-dark-green/fonts/Inter-roman.var.woff2 +0 -0
- package/resources/themes/lara-dark-green/theme.css +62 -9
- package/resources/themes/lara-dark-indigo/fonts/Inter-italic.var.woff2 +0 -0
- package/resources/themes/lara-dark-indigo/fonts/Inter-roman.var.woff2 +0 -0
- package/resources/themes/lara-dark-indigo/theme.css +62 -9
- package/resources/themes/lara-dark-pink/fonts/Inter-italic.var.woff2 +0 -0
- package/resources/themes/lara-dark-pink/fonts/Inter-roman.var.woff2 +0 -0
- package/resources/themes/lara-dark-pink/theme.css +62 -9
- package/resources/themes/lara-dark-purple/fonts/Inter-italic.var.woff2 +0 -0
- package/resources/themes/lara-dark-purple/fonts/Inter-roman.var.woff2 +0 -0
- package/resources/themes/lara-dark-teal/fonts/Inter-italic.var.woff2 +0 -0
- package/resources/themes/lara-dark-teal/fonts/Inter-roman.var.woff2 +0 -0
- package/resources/themes/lara-dark-teal/theme.css +62 -9
- package/resources/themes/lara-light-amber/fonts/Inter-italic.var.woff2 +0 -0
- package/resources/themes/lara-light-amber/fonts/Inter-roman.var.woff2 +0 -0
- package/resources/themes/lara-light-amber/theme.css +62 -9
- package/resources/themes/lara-light-blue/fonts/Inter-italic.var.woff2 +0 -0
- package/resources/themes/lara-light-blue/fonts/Inter-roman.var.woff2 +0 -0
- package/resources/themes/lara-light-blue/theme.css +62 -9
- package/resources/themes/lara-light-cyan/fonts/Inter-italic.var.woff2 +0 -0
- package/resources/themes/lara-light-cyan/fonts/Inter-roman.var.woff2 +0 -0
- package/resources/themes/lara-light-cyan/theme.css +62 -9
- package/resources/themes/lara-light-green/fonts/Inter-italic.var.woff2 +0 -0
- package/resources/themes/lara-light-green/fonts/Inter-roman.var.woff2 +0 -0
- package/resources/themes/lara-light-green/theme.css +62 -9
- package/resources/themes/lara-light-indigo/fonts/Inter-italic.var.woff2 +0 -0
- package/resources/themes/lara-light-indigo/fonts/Inter-roman.var.woff2 +0 -0
- package/resources/themes/lara-light-indigo/theme.css +62 -9
- package/resources/themes/lara-light-pink/fonts/Inter-italic.var.woff2 +0 -0
- package/resources/themes/lara-light-pink/fonts/Inter-roman.var.woff2 +0 -0
- package/resources/themes/lara-light-pink/theme.css +62 -9
- package/resources/themes/lara-light-purple/fonts/Inter-italic.var.woff2 +0 -0
- package/resources/themes/lara-light-purple/fonts/Inter-roman.var.woff2 +0 -0
- package/resources/themes/lara-light-teal/fonts/Inter-italic.var.woff2 +0 -0
- package/resources/themes/lara-light-teal/fonts/Inter-roman.var.woff2 +0 -0
- package/resources/themes/lara-light-teal/theme.css +62 -9
- package/resources/themes/luna-amber/theme.css +62 -0
- package/resources/themes/luna-blue/theme.css +62 -0
- package/resources/themes/luna-green/theme.css +62 -0
- package/resources/themes/luna-pink/theme.css +62 -0
- package/resources/themes/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff +0 -0
- package/resources/themes/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 +0 -0
- package/resources/themes/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff +0 -0
- package/resources/themes/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 +0 -0
- package/resources/themes/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff +0 -0
- package/resources/themes/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 +0 -0
- package/resources/themes/md-dark-deeppurple/theme.css +225 -43
- package/resources/themes/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff +0 -0
- package/resources/themes/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 +0 -0
- package/resources/themes/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff +0 -0
- package/resources/themes/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 +0 -0
- package/resources/themes/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff +0 -0
- package/resources/themes/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 +0 -0
- package/resources/themes/md-dark-indigo/theme.css +213 -151
- package/resources/themes/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff +0 -0
- package/resources/themes/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 +0 -0
- package/resources/themes/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff +0 -0
- package/resources/themes/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 +0 -0
- package/resources/themes/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff +0 -0
- package/resources/themes/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 +0 -0
- package/resources/themes/md-light-deeppurple/theme.css +225 -43
- package/resources/themes/md-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff +0 -0
- package/resources/themes/md-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 +0 -0
- package/resources/themes/md-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff +0 -0
- package/resources/themes/md-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 +0 -0
- package/resources/themes/md-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff +0 -0
- package/resources/themes/md-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 +0 -0
- package/resources/themes/md-light-indigo/theme.css +62 -0
- package/resources/themes/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff +0 -0
- package/resources/themes/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 +0 -0
- package/resources/themes/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff +0 -0
- package/resources/themes/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 +0 -0
- package/resources/themes/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff +0 -0
- package/resources/themes/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 +0 -0
- package/resources/themes/mdc-dark-deeppurple/theme.css +225 -43
- package/resources/themes/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff +0 -0
- package/resources/themes/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 +0 -0
- package/resources/themes/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff +0 -0
- package/resources/themes/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 +0 -0
- package/resources/themes/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff +0 -0
- package/resources/themes/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 +0 -0
- package/resources/themes/mdc-dark-indigo/theme.css +213 -151
- package/resources/themes/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff +0 -0
- package/resources/themes/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 +0 -0
- package/resources/themes/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff +0 -0
- package/resources/themes/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 +0 -0
- package/resources/themes/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff +0 -0
- package/resources/themes/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 +0 -0
- package/resources/themes/mdc-light-deeppurple/theme.css +225 -43
- package/resources/themes/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff +0 -0
- package/resources/themes/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 +0 -0
- package/resources/themes/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff +0 -0
- package/resources/themes/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 +0 -0
- package/resources/themes/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff +0 -0
- package/resources/themes/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 +0 -0
- package/resources/themes/mdc-light-indigo/theme.css +62 -0
- package/resources/themes/mira/fonts/Inter-Bold.woff +0 -0
- package/resources/themes/mira/fonts/Inter-Bold.woff2 +0 -0
- package/resources/themes/mira/fonts/Inter-Medium.woff +0 -0
- package/resources/themes/mira/fonts/Inter-Medium.woff2 +0 -0
- package/resources/themes/mira/fonts/Inter-Regular.woff +0 -0
- package/resources/themes/mira/fonts/Inter-Regular.woff2 +0 -0
- package/resources/themes/mira/fonts/Inter-SemiBold.woff +0 -0
- package/resources/themes/mira/fonts/Inter-SemiBold.woff2 +0 -0
- package/resources/themes/mira/theme.css +62 -0
- package/resources/themes/nano/theme.css +62 -0
- package/resources/themes/nova/theme.css +62 -0
- package/resources/themes/nova-accent/theme.css +62 -0
- package/resources/themes/nova-alt/theme.css +62 -0
- package/resources/themes/rhea/theme.css +62 -0
- package/resources/themes/saga-blue/theme.css +62 -0
- package/resources/themes/saga-green/theme.css +62 -0
- package/resources/themes/saga-orange/theme.css +62 -0
- package/resources/themes/soho-dark/fonts/lato-v17-latin-ext_latin-300.woff +0 -0
- package/resources/themes/soho-dark/fonts/lato-v17-latin-ext_latin-300.woff2 +0 -0
- package/resources/themes/soho-dark/fonts/lato-v17-latin-ext_latin-700.woff +0 -0
- package/resources/themes/soho-dark/fonts/lato-v17-latin-ext_latin-700.woff2 +0 -0
- package/resources/themes/soho-dark/fonts/lato-v17-latin-ext_latin-regular.woff +0 -0
- package/resources/themes/soho-dark/fonts/lato-v17-latin-ext_latin-regular.woff2 +0 -0
- package/resources/themes/soho-dark/theme.css +87 -25
- package/resources/themes/soho-light/fonts/lato-v17-latin-ext_latin-300.woff +0 -0
- package/resources/themes/soho-light/fonts/lato-v17-latin-ext_latin-300.woff2 +0 -0
- package/resources/themes/soho-light/fonts/lato-v17-latin-ext_latin-700.woff +0 -0
- package/resources/themes/soho-light/fonts/lato-v17-latin-ext_latin-700.woff2 +0 -0
- package/resources/themes/soho-light/fonts/lato-v17-latin-ext_latin-regular.woff +0 -0
- package/resources/themes/soho-light/fonts/lato-v17-latin-ext_latin-regular.woff2 +0 -0
- package/resources/themes/soho-light/theme.css +62 -0
- package/resources/themes/tailwind-light/fonts/Inter-Bold.woff +0 -0
- package/resources/themes/tailwind-light/fonts/Inter-Bold.woff2 +0 -0
- package/resources/themes/tailwind-light/fonts/Inter-Light.woff +0 -0
- package/resources/themes/tailwind-light/fonts/Inter-Light.woff2 +0 -0
- package/resources/themes/tailwind-light/fonts/Inter-Medium.woff +0 -0
- package/resources/themes/tailwind-light/fonts/Inter-Medium.woff2 +0 -0
- package/resources/themes/tailwind-light/fonts/Inter-Regular.woff +0 -0
- package/resources/themes/tailwind-light/fonts/Inter-Regular.woff2 +0 -0
- package/resources/themes/tailwind-light/fonts/Inter-SemiBold.woff +0 -0
- package/resources/themes/tailwind-light/fonts/Inter-SemiBold.woff2 +0 -0
- package/resources/themes/tailwind-light/theme.css +62 -0
- package/resources/themes/vela-blue/theme.css +62 -0
- package/resources/themes/vela-green/theme.css +62 -0
- package/resources/themes/vela-orange/theme.css +62 -0
- package/resources/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-300.woff +0 -0
- package/resources/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-300.woff2 +0 -0
- package/resources/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-600.woff +0 -0
- package/resources/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-600.woff2 +0 -0
- package/resources/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-700.woff +0 -0
- package/resources/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-700.woff2 +0 -0
- package/resources/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-regular.woff +0 -0
- package/resources/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-regular.woff2 +0 -0
- package/resources/themes/viva-dark/theme.css +62 -0
- package/resources/themes/viva-light/fonts/poppins-v15-latin-ext_latin-300.woff +0 -0
- package/resources/themes/viva-light/fonts/poppins-v15-latin-ext_latin-300.woff2 +0 -0
- package/resources/themes/viva-light/fonts/poppins-v15-latin-ext_latin-600.woff +0 -0
- package/resources/themes/viva-light/fonts/poppins-v15-latin-ext_latin-600.woff2 +0 -0
- package/resources/themes/viva-light/fonts/poppins-v15-latin-ext_latin-700.woff +0 -0
- package/resources/themes/viva-light/fonts/poppins-v15-latin-ext_latin-700.woff2 +0 -0
- package/resources/themes/viva-light/fonts/poppins-v15-latin-ext_latin-regular.woff +0 -0
- package/resources/themes/viva-light/fonts/poppins-v15-latin-ext_latin-regular.woff2 +0 -0
- package/resources/themes/viva-light/theme.css +62 -0
- package/sidebar/sidebar.d.ts +4 -0
- package/splitbutton/splitbutton.cjs.js +0 -1
- package/splitbutton/splitbutton.cjs.min.js +1 -1
- package/splitbutton/splitbutton.esm.js +0 -1
- package/splitbutton/splitbutton.esm.min.js +1 -1
- package/splitbutton/splitbutton.js +0 -1
- package/splitbutton/splitbutton.min.js +1 -1
- package/tabview/tabview.cjs.js +0 -3
- package/tabview/tabview.cjs.min.js +1 -1
- package/tabview/tabview.d.ts +1 -1
- package/tabview/tabview.esm.js +0 -3
- package/tabview/tabview.esm.min.js +1 -1
- package/tabview/tabview.js +0 -3
- package/tabview/tabview.min.js +1 -1
- package/tieredmenu/tieredmenu.cjs.js +0 -1
- package/tieredmenu/tieredmenu.cjs.min.js +1 -1
- package/tieredmenu/tieredmenu.esm.js +0 -1
- package/tieredmenu/tieredmenu.esm.min.js +1 -1
- package/tieredmenu/tieredmenu.js +0 -1
- package/tieredmenu/tieredmenu.min.js +1 -1
- package/tooltip/tooltip.cjs.js +12 -3
- package/tooltip/tooltip.cjs.min.js +1 -1
- package/tooltip/tooltip.esm.js +13 -4
- package/tooltip/tooltip.esm.min.js +1 -1
- package/tooltip/tooltip.js +12 -3
- package/tooltip/tooltip.min.js +1 -1
- package/tooltip/tooltipoptions.d.ts +5 -0
- package/tree/tree.cjs.js +60 -14
- package/tree/tree.cjs.min.js +1 -1
- package/tree/tree.esm.js +60 -14
- package/tree/tree.esm.min.js +1 -1
- package/tree/tree.js +60 -14
- package/tree/tree.min.js +1 -1
- package/treeselect/treeselect.cjs.js +0 -1
- package/treeselect/treeselect.cjs.min.js +1 -1
- package/treeselect/treeselect.esm.js +0 -1
- package/treeselect/treeselect.esm.min.js +1 -1
- package/treeselect/treeselect.js +0 -1
- package/treeselect/treeselect.min.js +1 -1
- package/treetable/treetable.cjs.js +249 -9
- package/treetable/treetable.cjs.min.js +1 -1
- package/treetable/treetable.d.ts +29 -0
- package/treetable/treetable.esm.js +249 -9
- package/treetable/treetable.esm.min.js +1 -1
- package/treetable/treetable.js +249 -9
- package/treetable/treetable.min.js +1 -1
- package/utils/utils.cjs.js +3 -6
- package/utils/utils.cjs.min.js +1 -1
- package/utils/utils.d.ts +7 -4
- package/utils/utils.esm.js +3 -6
- package/utils/utils.esm.min.js +1 -1
- package/utils/utils.js +3 -6
- package/utils/utils.min.js +1 -1
- package/virtualscroller/virtualscroller.cjs.js +23 -1
- package/virtualscroller/virtualscroller.cjs.min.js +1 -1
- package/virtualscroller/virtualscroller.esm.js +23 -1
- package/virtualscroller/virtualscroller.esm.min.js +1 -1
- package/virtualscroller/virtualscroller.js +23 -1
- package/virtualscroller/virtualscroller.min.js +1 -1
- package/web-types.json +77 -30
|
@@ -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=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){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}return t.parentElement}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;
|
|
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 O(){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 x(t,e){return w(t)||E(t,e)||b(t,e)||O()}var S=r.ComponentBase.extend({defaultProps:{__TYPE:"Tooltip",appendTo:null,at:null,autoHide:!0,autoZIndex:!0,baseZIndex:0,className:null,closeOnEscape:!1,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 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 j(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){m(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 D=u.memo(u.forwardRef((function(t,a){var l=n.useMergeProps(),p=u.useContext(e.PrimeReactContext),f=S.getProps(t,p),d=x(u.useState(!1),2),m=d[0],h=d[1],w=x(u.useState(f.position||"right"),2),E=w[0],O=w[1],T=x(u.useState(""),2),D=T[0],H=T[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"}),n.useGlobalOnEscapeKey({callback:function(){it()},when:f.closeOnEscape,priority:[n.ESC_KEY_HANDLING_PRIORITIES.TOOLTIP,0]});var A=u.useRef(null),L=u.useRef(null),R=u.useRef(null),U=u.useRef(null),M=u.useRef(!0),Z=u.useRef({}),_=u.useRef(null),W=x(n.useResizeListener({listener:function(t){!i.DomHandler.isTouchDevice()&&it(t)}}),2),q=W[0],B=W[1],z=x(n.useOverlayScrollListener({target:R.current,listener:function(t){it(t)},when:m}),2),F=z[0],Y=z[1],G=function(t){return J(t,"mousetrack")||f.mouseTrack},K=function(t){return"true"===J(t,"disabled")||Q(t,"disabled")||f.disabled},X=function(t){return J(t,"showondisabled")||f.showOnDisabled},$=function(){return J(R.current,"autohide")||f.autoHide},J=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=[J(t,"showevent")||f.showEvent],r=[J(t,"hideevent")||f.hideEvent];if(G(t))e=["mousemove"],r=["mouseleave"];else{var n=J(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 J(t,"position")||E},et=function(t){return{top:J(t,"mousetracktop")||f.mouseTrackTop,left:J(t,"mousetrackleft")||f.mouseTrackLeft}},rt=function(t,e){if(L.current){var r=J(t,"tooltip")||f.content;r?(L.current.innerHTML="",L.current.appendChild(document.createTextNode(r)),e()):f.children&&e()}},nt=function(t){rt(R.current,(function(){var e=_.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="",$()&&(A.current.style.pointerEvents="none");var o=G(R.current)||"mouse"===t;(o&&!U.current||o)&&(U.current={width:i.DomHandler.getOuterWidth(A.current),height:i.DomHandler.getOuterHeight(A.current)}),at(R.current,{x:r,y:n},t)}))},ot=function(t){R.current=t.currentTarget;var e,r=K(R.current);(e=X(R.current)&&r?R.current.firstChild:R.current,!(f.content||J(e,"tooltip")||f.children))||r||(_.current=t,m?pt("updateDelay",nt):ft(f.onBeforeShow,{originalEvent:t,target:R.current})&&pt("showDelay",(function(){h(!0),ft(f.onShow,{originalEvent:t,target:R.current})})))},it=function(t){(dt(),m)&&(ft(f.onBeforeHide,{originalEvent:t,target:R.current})&&pt("hideDelay",(function(){($()||!1!==M.current)&&(i.ZIndexUtils.clear(A.current),i.DomHandler.removeClass(A.current,"p-tooltip-active"),h(!1),ft(f.onHide,{originalEvent:t,target:R.current}))})))},at=function(t,e,r){var n=0,o=0,a=r||E;if((G(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=et(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?(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=J(t,"my")||f.my||p.my,m=J(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="",O(n),lt(n),i.DomHandler.addClass(A.current,"p-tooltip-active")}))}},lt=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")}},ut=function(t){$()||(M.current=!0,it(t))},ct=function(t){if(t){var e=V(t),r=e.showEvents,n=e.hideEvents,o=mt(t);r.forEach((function(t){return null==o?void 0:o.addEventListener(t,ot)})),n.forEach((function(t){return null==o?void 0:o.addEventListener(t,it)}))}},st=function(t){if(t){var e=V(t),r=e.showEvents,n=e.hideEvents,o=mt(t);r.forEach((function(t){return null==o?void 0:o.removeEventListener(t,ot)})),n.forEach((function(t){return null==o?void 0:o.removeEventListener(t,it)}))}},pt=function(t,e){dt();var r=J(R.current,t.toLowerCase())||f[t];r?Z.current["".concat(t)]=setTimeout((function(){return e()}),r):e()},ft=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},dt=function(){Object.values(Z.current).forEach((function(t){return clearTimeout(t)}))},mt=function(t){if(t){if(X(t)){if(!t.hasWrapper){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}return t.parentElement}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},ht=function(t){yt(t),vt(t)},vt=function(t){bt(t||f.target,ct)},yt=function(t){bt(t||f.target,st)},bt=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&&R.current&&K(R.current)&&it()})),n.useUpdateEffect((function(){return vt(),function(){yt()}}),[ot,it,f.target]),n.useUpdateEffect((function(){if(m){var t=tt(R.current),e=J(R.current,"classname");O(t),H(e),nt(t),q(),F()}else O(f.position||"right"),H(""),R.current=null,U.current=null,M.current=!0;return function(){B(),Y()}}),[m]),n.useUpdateEffect((function(){var t=tt(R.current);m&&"mouse"!==t&&pt("updateDelay",(function(){rt(R.current,(function(){at(R.current)}))}))}),[f.content]),n.useUnmountEffect((function(){it(),i.ZIndexUtils.clear(A.current)})),u.useImperativeHandle(a,(function(){return{props:f,updateTargetEvents:ht,loadTargetEvents:vt,unloadTargetEvents:yt,show:ot,hide:it,getElement:function(){return A.current},getTarget:function(){return R.current}}}));var gt,wt,Et,Ot,xt;if(m){var St=(gt=R.current,wt=!(f.content||J(gt,"tooltip")),Et=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){$()||(M.current=!1)},onMouseLeave:function(t){return ut(t)}},S.getOtherProps(f),k("root")),Ot=l({className:N("arrow"),style:C("arrow",j({},P))},k("arrow")),xt=l({className:N("text")},k("text")),u.createElement("div",s({ref:A},Et),u.createElement("div",Ot),u.createElement("div",s({ref:L},xt),wt&&f.children)));return u.createElement(o.Portal,{element:St,appendTo:f.appendTo,visible:!0})}return null})));D.displayName="Tooltip",exports.Tooltip=D;
|
package/tooltip/tooltip.esm.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
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 { useMergeProps, useResizeListener, useOverlayScrollListener, useMountEffect, useUpdateEffect, useUnmountEffect } from 'primereact/hooks';
|
|
5
|
+
import { useMergeProps, useGlobalOnEscapeKey, ESC_KEY_HANDLING_PRIORITIES, useResizeListener, useOverlayScrollListener, useMountEffect, useUpdateEffect, useUnmountEffect } from 'primereact/hooks';
|
|
6
6
|
import { Portal } from 'primereact/portal';
|
|
7
7
|
import { classNames, DomHandler, ZIndexUtils, ObjectUtils } from 'primereact/utils';
|
|
8
8
|
|
|
@@ -163,6 +163,7 @@ var TooltipBase = ComponentBase.extend({
|
|
|
163
163
|
autoZIndex: true,
|
|
164
164
|
baseZIndex: 0,
|
|
165
165
|
className: null,
|
|
166
|
+
closeOnEscape: false,
|
|
166
167
|
content: null,
|
|
167
168
|
disabled: false,
|
|
168
169
|
event: null,
|
|
@@ -203,7 +204,7 @@ var Tooltip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
|
|
|
203
204
|
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
204
205
|
visibleState = _React$useState2[0],
|
|
205
206
|
setVisibleState = _React$useState2[1];
|
|
206
|
-
var _React$useState3 = React.useState(props.position),
|
|
207
|
+
var _React$useState3 = React.useState(props.position || 'right'),
|
|
207
208
|
_React$useState4 = _slicedToArray(_React$useState3, 2),
|
|
208
209
|
positionState = _React$useState4[0],
|
|
209
210
|
setPositionState = _React$useState4[1];
|
|
@@ -233,6 +234,13 @@ var Tooltip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
|
|
|
233
234
|
useHandleStyle(TooltipBase.css.styles, isUnstyled, {
|
|
234
235
|
name: 'tooltip'
|
|
235
236
|
});
|
|
237
|
+
useGlobalOnEscapeKey({
|
|
238
|
+
callback: function callback() {
|
|
239
|
+
hide();
|
|
240
|
+
},
|
|
241
|
+
when: props.closeOnEscape,
|
|
242
|
+
priority: [ESC_KEY_HANDLING_PRIORITIES.TOOLTIP, 0]
|
|
243
|
+
});
|
|
236
244
|
var elementRef = React.useRef(null);
|
|
237
245
|
var textRef = React.useRef(null);
|
|
238
246
|
var currentTargetRef = React.useRef(null);
|
|
@@ -618,7 +626,7 @@ var Tooltip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
|
|
|
618
626
|
bindWindowResizeListener();
|
|
619
627
|
bindOverlayScrollListener();
|
|
620
628
|
} else {
|
|
621
|
-
setPositionState(props.position);
|
|
629
|
+
setPositionState(props.position || 'right');
|
|
622
630
|
setClassNameState('');
|
|
623
631
|
currentTargetRef.current = null;
|
|
624
632
|
containerSize.current = null;
|
|
@@ -630,7 +638,8 @@ var Tooltip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
|
|
|
630
638
|
};
|
|
631
639
|
}, [visibleState]);
|
|
632
640
|
useUpdateEffect(function () {
|
|
633
|
-
|
|
641
|
+
var position = getPosition(currentTargetRef.current);
|
|
642
|
+
if (visibleState && position !== 'mouse') {
|
|
634
643
|
applyDelay('updateDelay', function () {
|
|
635
644
|
updateText(currentTargetRef.current, function () {
|
|
636
645
|
align(currentTargetRef.current);
|
|
@@ -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{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){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}return t.parentElement}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};
|
|
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,useGlobalOnEscapeKey as a,ESC_KEY_HANDLING_PRIORITIES as u,useResizeListener as l,useOverlayScrollListener as c,useMountEffect as p,useUpdateEffect as s,useUnmountEffect as f}from"primereact/hooks";import{Portal as d}from"primereact/portal";import{classNames as m,DomHandler as h,ZIndexUtils as v,ObjectUtils as y}from"primereact/utils";function b(){return b=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},b.apply(this,arguments)}function g(t){return g="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},g(t)}function w(t,e){if("object"!==g(t)||null===t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,e||"default");if("object"!==g(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}function E(t){var e=w(t,"string");return"symbol"===g(e)?e:String(e)}function O(t,e,r){return(e=E(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function x(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 T(t){if(Array.isArray(t))return x(t)}function S(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function j(t,e){if(t){if("string"==typeof t)return x(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)?x(t,e):void 0}}function P(){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 k(t){if(Array.isArray(t))return t}function I(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 D(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function N(t,e){return k(t)||I(t,e)||j(t,e)||D()}var C=n.extend({defaultProps:{__TYPE:"Tooltip",appendTo:null,at:null,autoHide:!0,autoZIndex:!0,baseZIndex:0,className:null,closeOnEscape:!1,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 m("p-tooltip p-component",O({},"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 A(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 L(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?A(Object(r),!0).forEach((function(e){O(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):A(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var H=t.memo(t.forwardRef((function(n,g){var w=i(),E=t.useContext(r),O=C.getProps(n,E),x=N(t.useState(!1),2),k=x[0],I=x[1],D=N(t.useState(O.position||"right"),2),A=D[0],H=D[1],R=N(t.useState(""),2),W=R[0],M=R[1],Z={props:O,state:{visible:k,position:A,className:W},context:{right:"right"===A,left:"left"===A,top:"top"===A,bottom:"bottom"===A}},B=C.setMetaData(Z),F=B.ptm,U=B.cx,z=B.sx;o(C.css.styles,B.isUnstyled,{name:"tooltip"}),a({callback:function(){ht()},when:O.closeOnEscape,priority:[u.TOOLTIP,0]});var Y=t.useRef(null),_=t.useRef(null),X=t.useRef(null),$=t.useRef(null),q=t.useRef(!0),G=t.useRef({}),J=t.useRef(null),K=N(l({listener:function(t){!h.isTouchDevice()&&ht(t)}}),2),Q=K[0],V=K[1],tt=N(c({target:X.current,listener:function(t){ht(t)},when:k}),2),et=tt[0],rt=tt[1],nt=function(t){return ut(t,"mousetrack")||O.mouseTrack},ot=function(t){return"true"===ut(t,"disabled")||lt(t,"disabled")||O.disabled},it=function(t){return ut(t,"showondisabled")||O.showOnDisabled},at=function(){return ut(X.current,"autohide")||O.autoHide},ut=function(t,e){return lt(t,"data-pr-".concat(e))?t.getAttribute("data-pr-".concat(e)):null},lt=function(t,e){return t&&t.hasAttribute(e)},ct=function(t){var e=[ut(t,"showevent")||O.showEvent],r=[ut(t,"hideevent")||O.hideEvent];if(nt(t))e=["mousemove"],r=["mouseleave"];else{var n=ut(t,"event")||O.event;"focus"===n&&(e=["focus"],r=["blur"]),"both"===n&&(e=["focus","mouseenter"],r=["blur","mouseleave"])}return{showEvents:e,hideEvents:r}},pt=function(t){return ut(t,"position")||A},st=function(t){return{top:ut(t,"mousetracktop")||O.mouseTrackTop,left:ut(t,"mousetrackleft")||O.mouseTrackLeft}},ft=function(t,e){if(_.current){var r=ut(t,"tooltip")||O.content;r?(_.current.innerHTML="",_.current.appendChild(document.createTextNode(r)),e()):O.children&&e()}},dt=function(t){ft(X.current,(function(){var r=J.current,n=r.pageX,o=r.pageY;O.autoZIndex&&!v.get(Y.current)&&v.set("tooltip",Y.current,E&&E.autoZIndex||e.autoZIndex,O.baseZIndex||E&&E.zIndex.tooltip||e.zIndex.tooltip),Y.current.style.left="",Y.current.style.top="",at()&&(Y.current.style.pointerEvents="none");var i=nt(X.current)||"mouse"===t;(i&&!$.current||i)&&($.current={width:h.getOuterWidth(Y.current),height:h.getOuterHeight(Y.current)}),vt(X.current,{x:n,y:o},t)}))},mt=function(t){X.current=t.currentTarget;var e,r=ot(X.current);(e=it(X.current)&&r?X.current.firstChild:X.current,!(O.content||ut(e,"tooltip")||O.children))||r||(J.current=t,k?Et("updateDelay",dt):Ot(O.onBeforeShow,{originalEvent:t,target:X.current})&&Et("showDelay",(function(){I(!0),Ot(O.onShow,{originalEvent:t,target:X.current})})))},ht=function(t){(xt(),k)&&(Ot(O.onBeforeHide,{originalEvent:t,target:X.current})&&Et("hideDelay",(function(){(at()||!1!==q.current)&&(v.clear(Y.current),h.removeClass(Y.current,"p-tooltip-active"),I(!1),Ot(O.onHide,{originalEvent:t,target:X.current}))})))},vt=function(t,e,r){var n=0,o=0,i=r||A;if((nt(t)||"mouse"==i)&&e){var a={width:h.getOuterWidth(Y.current),height:h.getOuterHeight(Y.current)};n=e.x,o=e.y;var u=st(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?(Y.current.style.left="0px",Y.current.style.right=window.innerWidth-a.width-n+"px"):(Y.current.style.right="",Y.current.style.left=n+"px"),Y.current.style.top=o+"px",h.addClass(Y.current,"p-tooltip-active")}else{var p=h.findCollisionPosition(i),s=ut(t,"my")||O.my||p.my,f=ut(t,"at")||O.at||p.at;Y.current.style.padding="0px",h.flipfitCollision(Y.current,t,s,f,(function(t){var e=t.at,r=e.x,n=O.at?"center"!==r&&r!==t.my.x?r:e.y:t.at["".concat(p.axis)];Y.current.style.padding="",H(n),yt(n),h.addClass(Y.current,"p-tooltip-active")}))}},yt=function(t){if(Y.current){var e=getComputedStyle(Y.current);"left"===t?Y.current.style.left=parseFloat(e.left)-2*parseFloat(e.paddingLeft)+"px":"top"===t&&(Y.current.style.top=parseFloat(e.top)-2*parseFloat(e.paddingTop)+"px")}},bt=function(t){at()||(q.current=!0,ht(t))},gt=function(t){if(t){var e=ct(t),r=e.showEvents,n=e.hideEvents,o=Tt(t);r.forEach((function(t){return null==o?void 0:o.addEventListener(t,mt)})),n.forEach((function(t){return null==o?void 0:o.addEventListener(t,ht)}))}},wt=function(t){if(t){var e=ct(t),r=e.showEvents,n=e.hideEvents,o=Tt(t);r.forEach((function(t){return null==o?void 0:o.removeEventListener(t,mt)})),n.forEach((function(t){return null==o?void 0:o.removeEventListener(t,ht)}))}},Et=function(t,e){xt();var r=ut(X.current,t.toLowerCase())||O[t];r?G.current["".concat(t)]=setTimeout((function(){return e()}),r):e()},Ot=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},xt=function(){Object.values(G.current).forEach((function(t){return clearTimeout(t)}))},Tt=function(t){if(t){if(it(t)){if(!t.hasWrapper){var e=document.createElement("div");return"INPUT"===t.nodeName?h.addMultipleClasses(e,"p-tooltip-target-wrapper p-inputwrapper"):h.addClass(e,"p-tooltip-target-wrapper"),t.parentNode.insertBefore(e,t),e.appendChild(t),t.hasWrapper=!0,e}return t.parentElement}var r;return t.hasWrapper&&((r=t.parentElement).replaceWith.apply(r,T(n=t.parentElement.childNodes)||S(n)||j(n)||P()),delete t.hasWrapper),t}var n;return null},St=function(t){Pt(t),jt(t)},jt=function(t){kt(t||O.target,gt)},Pt=function(t){kt(t||O.target,wt)},kt=function(t,e){if(t=y.getRefElement(t))if(h.isElement(t))e(t);else{var r=function(t){h.find(document,t).forEach((function(t){e(t)}))};t instanceof Array?t.forEach((function(t){r(t)})):r(t)}};p((function(){k&&X.current&&ot(X.current)&&ht()})),s((function(){return jt(),function(){Pt()}}),[mt,ht,O.target]),s((function(){if(k){var t=pt(X.current),e=ut(X.current,"classname");H(t),M(e),dt(t),Q(),et()}else H(O.position||"right"),M(""),X.current=null,$.current=null,q.current=!0;return function(){V(),rt()}}),[k]),s((function(){var t=pt(X.current);k&&"mouse"!==t&&Et("updateDelay",(function(){ft(X.current,(function(){vt(X.current)}))}))}),[O.content]),f((function(){ht(),v.clear(Y.current)})),t.useImperativeHandle(g,(function(){return{props:O,updateTargetEvents:St,loadTargetEvents:jt,unloadTargetEvents:Pt,show:mt,hide:ht,getElement:function(){return Y.current},getTarget:function(){return X.current}}}));var It,Dt,Nt,Ct,At;if(k){var Lt=(It=X.current,Dt=!(O.content||ut(It,"tooltip")),Nt=w({id:O.id,className:m(O.className,U("root",{positionState:A,classNameState:W})),style:O.style,role:"tooltip","aria-hidden":k,onMouseEnter:function(t){at()||(q.current=!1)},onMouseLeave:function(t){return bt(t)}},C.getOtherProps(O),F("root")),Ct=w({className:U("arrow"),style:z("arrow",L({},Z))},F("arrow")),At=w({className:U("text")},F("text")),t.createElement("div",b({ref:Y},Nt),t.createElement("div",Ct),t.createElement("div",b({ref:_},At),Dt&&O.children)));return t.createElement(d,{element:Lt,appendTo:O.appendTo,visible:!0})}return null})));H.displayName="Tooltip";export{H as Tooltip};
|
package/tooltip/tooltip.js
CHANGED
|
@@ -182,6 +182,7 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, componentbase,
|
|
|
182
182
|
autoZIndex: true,
|
|
183
183
|
baseZIndex: 0,
|
|
184
184
|
className: null,
|
|
185
|
+
closeOnEscape: false,
|
|
185
186
|
content: null,
|
|
186
187
|
disabled: false,
|
|
187
188
|
event: null,
|
|
@@ -222,7 +223,7 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, componentbase,
|
|
|
222
223
|
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
223
224
|
visibleState = _React$useState2[0],
|
|
224
225
|
setVisibleState = _React$useState2[1];
|
|
225
|
-
var _React$useState3 = React__namespace.useState(props.position),
|
|
226
|
+
var _React$useState3 = React__namespace.useState(props.position || 'right'),
|
|
226
227
|
_React$useState4 = _slicedToArray(_React$useState3, 2),
|
|
227
228
|
positionState = _React$useState4[0],
|
|
228
229
|
setPositionState = _React$useState4[1];
|
|
@@ -252,6 +253,13 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, componentbase,
|
|
|
252
253
|
componentbase.useHandleStyle(TooltipBase.css.styles, isUnstyled, {
|
|
253
254
|
name: 'tooltip'
|
|
254
255
|
});
|
|
256
|
+
hooks.useGlobalOnEscapeKey({
|
|
257
|
+
callback: function callback() {
|
|
258
|
+
hide();
|
|
259
|
+
},
|
|
260
|
+
when: props.closeOnEscape,
|
|
261
|
+
priority: [hooks.ESC_KEY_HANDLING_PRIORITIES.TOOLTIP, 0]
|
|
262
|
+
});
|
|
255
263
|
var elementRef = React__namespace.useRef(null);
|
|
256
264
|
var textRef = React__namespace.useRef(null);
|
|
257
265
|
var currentTargetRef = React__namespace.useRef(null);
|
|
@@ -637,7 +645,7 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, componentbase,
|
|
|
637
645
|
bindWindowResizeListener();
|
|
638
646
|
bindOverlayScrollListener();
|
|
639
647
|
} else {
|
|
640
|
-
setPositionState(props.position);
|
|
648
|
+
setPositionState(props.position || 'right');
|
|
641
649
|
setClassNameState('');
|
|
642
650
|
currentTargetRef.current = null;
|
|
643
651
|
containerSize.current = null;
|
|
@@ -649,7 +657,8 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, componentbase,
|
|
|
649
657
|
};
|
|
650
658
|
}, [visibleState]);
|
|
651
659
|
hooks.useUpdateEffect(function () {
|
|
652
|
-
|
|
660
|
+
var position = getPosition(currentTargetRef.current);
|
|
661
|
+
if (visibleState && position !== 'mouse') {
|
|
653
662
|
applyDelay('updateDelay', function () {
|
|
654
663
|
updateText(currentTargetRef.current, function () {
|
|
655
664
|
align(currentTargetRef.current);
|
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 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){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}return t.parentElement}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);
|
|
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 T=n.ComponentBase.extend({defaultProps:{__TYPE:"Tooltip",appendTo:null,at:null,autoHide:!0,autoZIndex:!0,baseZIndex:0,className:null,closeOnEscape:!1,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 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 D(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){h(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 H=c.memo(c.forwardRef((function(t,e){var l=o.useMergeProps(),u=c.useContext(r.PrimeReactContext),f=T.getProps(t,u),d=S(c.useState(!1),2),m=d[0],h=d[1],v=S(c.useState(f.position||"right"),2),E=v[0],O=v[1],x=S(c.useState(""),2),j=x[0],H=x[1],P={props:f,state:{visible:m,position:E,className:j},context:{right:"right"===E,left:"left"===E,top:"top"===E,bottom:"bottom"===E}},I=T.setMetaData(P),k=I.ptm,N=I.cx,C=I.sx;n.useHandleStyle(T.css.styles,I.isUnstyled,{name:"tooltip"}),o.useGlobalOnEscapeKey({callback:function(){it()},when:f.closeOnEscape,priority:[o.ESC_KEY_HANDLING_PRIORITIES.TOOLTIP,0]});var A=c.useRef(null),L=c.useRef(null),R=c.useRef(null),U=c.useRef(null),M=c.useRef(!0),Z=c.useRef({}),_=c.useRef(null),W=S(o.useResizeListener({listener:function(t){!a.DomHandler.isTouchDevice()&&it(t)}}),2),B=W[0],z=W[1],F=S(o.useOverlayScrollListener({target:R.current,listener:function(t){it(t)},when:m}),2),Y=F[0],G=F[1],K=function(t){return J(t,"mousetrack")||f.mouseTrack},X=function(t){return"true"===J(t,"disabled")||Q(t,"disabled")||f.disabled},$=function(t){return J(t,"showondisabled")||f.showOnDisabled},q=function(){return J(R.current,"autohide")||f.autoHide},J=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=[J(t,"showevent")||f.showEvent],r=[J(t,"hideevent")||f.hideEvent];if(K(t))e=["mousemove"],r=["mouseleave"];else{var n=J(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 J(t,"position")||E},et=function(t){return{top:J(t,"mousetracktop")||f.mouseTrackTop,left:J(t,"mousetrackleft")||f.mouseTrackLeft}},rt=function(t,e){if(L.current){var r=J(t,"tooltip")||f.content;r?(L.current.innerHTML="",L.current.appendChild(document.createTextNode(r)),e()):f.children&&e()}},nt=function(t){rt(R.current,(function(){var e=_.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="",q()&&(A.current.style.pointerEvents="none");var o=K(R.current)||"mouse"===t;(o&&!U.current||o)&&(U.current={width:a.DomHandler.getOuterWidth(A.current),height:a.DomHandler.getOuterHeight(A.current)}),at(R.current,{x:r,y:n},t)}))},ot=function(t){R.current=t.currentTarget;var e,r=X(R.current);(e=$(R.current)&&r?R.current.firstChild:R.current,!(f.content||J(e,"tooltip")||f.children))||r||(_.current=t,m?pt("updateDelay",nt):ft(f.onBeforeShow,{originalEvent:t,target:R.current})&&pt("showDelay",(function(){h(!0),ft(f.onShow,{originalEvent:t,target:R.current})})))},it=function(t){(dt(),m)&&(ft(f.onBeforeHide,{originalEvent:t,target:R.current})&&pt("hideDelay",(function(){(q()||!1!==M.current)&&(a.ZIndexUtils.clear(A.current),a.DomHandler.removeClass(A.current,"p-tooltip-active"),h(!1),ft(f.onHide,{originalEvent:t,target:R.current}))})))},at=function(t,e,r){var n=0,o=0,i=r||E;if((K(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=et(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=J(t,"my")||f.my||p.my,m=J(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),lt(n),a.DomHandler.addClass(A.current,"p-tooltip-active")}))}},lt=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")}},ut=function(t){q()||(M.current=!0,it(t))},ct=function(t){if(t){var e=V(t),r=e.showEvents,n=e.hideEvents,o=mt(t);r.forEach((function(t){return null==o?void 0:o.addEventListener(t,ot)})),n.forEach((function(t){return null==o?void 0:o.addEventListener(t,it)}))}},st=function(t){if(t){var e=V(t),r=e.showEvents,n=e.hideEvents,o=mt(t);r.forEach((function(t){return null==o?void 0:o.removeEventListener(t,ot)})),n.forEach((function(t){return null==o?void 0:o.removeEventListener(t,it)}))}},pt=function(t,e){dt();var r=J(R.current,t.toLowerCase())||f[t];r?Z.current["".concat(t)]=setTimeout((function(){return e()}),r):e()},ft=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},dt=function(){Object.values(Z.current).forEach((function(t){return clearTimeout(t)}))},mt=function(t){if(t){if($(t)){if(!t.hasWrapper){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}return t.parentElement}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},ht=function(t){yt(t),vt(t)},vt=function(t){bt(t||f.target,ct)},yt=function(t){bt(t||f.target,st)},bt=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&&X(R.current)&&it()})),o.useUpdateEffect((function(){return vt(),function(){yt()}}),[ot,it,f.target]),o.useUpdateEffect((function(){if(m){var t=tt(R.current),e=J(R.current,"classname");O(t),H(e),nt(t),B(),Y()}else O(f.position||"right"),H(""),R.current=null,U.current=null,M.current=!0;return function(){z(),G()}}),[m]),o.useUpdateEffect((function(){var t=tt(R.current);m&&"mouse"!==t&&pt("updateDelay",(function(){rt(R.current,(function(){at(R.current)}))}))}),[f.content]),o.useUnmountEffect((function(){it(),a.ZIndexUtils.clear(A.current)})),c.useImperativeHandle(e,(function(){return{props:f,updateTargetEvents:ht,loadTargetEvents:vt,unloadTargetEvents:yt,show:ot,hide:it,getElement:function(){return A.current},getTarget:function(){return R.current}}}));var gt,wt,Et,Ot,xt;if(m){var St=(gt=R.current,wt=!(f.content||J(gt,"tooltip")),Et=l({id:f.id,className:a.classNames(f.className,N("root",{positionState:E,classNameState:j})),style:f.style,role:"tooltip","aria-hidden":m,onMouseEnter:function(t){q()||(M.current=!1)},onMouseLeave:function(t){return ut(t)}},T.getOtherProps(f),k("root")),Ot=l({className:N("arrow"),style:C("arrow",D({},P))},k("arrow")),xt=l({className:N("text")},k("text")),c.createElement("div",p({ref:A},Et),c.createElement("div",Ot),c.createElement("div",p({ref:L},xt),wt&&f.children)));return c.createElement(i.Portal,{element:St,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);
|
|
@@ -58,6 +58,11 @@ export interface TooltipOptions {
|
|
|
58
58
|
* Style class of the tooltip.
|
|
59
59
|
*/
|
|
60
60
|
className?: string | undefined;
|
|
61
|
+
/**
|
|
62
|
+
* Specifies if pressing escape key should hide the tooltip.
|
|
63
|
+
* @defaultValue false
|
|
64
|
+
*/
|
|
65
|
+
closeOnEscape?: boolean | undefined;
|
|
61
66
|
/**
|
|
62
67
|
* When present, it specifies that the tooltip should be hidden.
|
|
63
68
|
* @defaultValue false
|
package/tree/tree.cjs.js
CHANGED
|
@@ -342,8 +342,15 @@ var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
|
|
|
342
342
|
var mergeProps = hooks.useMergeProps();
|
|
343
343
|
var context = React__namespace.useContext(api.PrimeReactContext);
|
|
344
344
|
var props = CheckboxBase.getProps(inProps, context);
|
|
345
|
+
var _React$useState = React__namespace.useState(false),
|
|
346
|
+
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
347
|
+
focusedState = _React$useState2[0],
|
|
348
|
+
setFocusedState = _React$useState2[1];
|
|
345
349
|
var _CheckboxBase$setMeta = CheckboxBase.setMetaData({
|
|
346
350
|
props: props,
|
|
351
|
+
state: {
|
|
352
|
+
focused: focusedState
|
|
353
|
+
},
|
|
347
354
|
context: {
|
|
348
355
|
checked: props.checked === props.trueValue,
|
|
349
356
|
disabled: props.disabled
|
|
@@ -397,10 +404,12 @@ var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
|
|
|
397
404
|
};
|
|
398
405
|
var _onFocus = function onFocus() {
|
|
399
406
|
var _props$onFocus;
|
|
407
|
+
setFocusedState(true);
|
|
400
408
|
props === null || props === void 0 || (_props$onFocus = props.onFocus) === null || _props$onFocus === void 0 || _props$onFocus.call(props);
|
|
401
409
|
};
|
|
402
410
|
var _onBlur = function onBlur() {
|
|
403
411
|
var _props$onBlur;
|
|
412
|
+
setFocusedState(false);
|
|
404
413
|
props === null || props === void 0 || (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 || _props$onBlur.call(props);
|
|
405
414
|
};
|
|
406
415
|
React__namespace.useImperativeHandle(ref, function () {
|
|
@@ -567,14 +576,33 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
|
|
|
567
576
|
});
|
|
568
577
|
}
|
|
569
578
|
};
|
|
579
|
+
var findNextNonDroppointSibling = function findNextNonDroppointSibling(nodeElement) {
|
|
580
|
+
var nextNodeSibling = nodeElement.nextSibling;
|
|
581
|
+
if (nextNodeSibling) {
|
|
582
|
+
var isNextDropPoint = nextNodeSibling.getAttribute('data-pc-section') === 'droppoint';
|
|
583
|
+
if (isNextDropPoint) {
|
|
584
|
+
//skip drop point and return next elemnt
|
|
585
|
+
if (nextNodeSibling.nextElementSibling) {
|
|
586
|
+
return nextNodeSibling.nextElementSibling;
|
|
587
|
+
} else {
|
|
588
|
+
//nothing after droppoint go outside
|
|
589
|
+
return null;
|
|
590
|
+
}
|
|
591
|
+
}
|
|
592
|
+
return nextNodeSibling;
|
|
593
|
+
}
|
|
594
|
+
return null;
|
|
595
|
+
};
|
|
570
596
|
var findNextSiblingOfAncestor = function findNextSiblingOfAncestor(nodeElement) {
|
|
571
597
|
var parentNodeElement = getParentNodeElement(nodeElement);
|
|
572
|
-
return parentNodeElement ? parentNodeElement
|
|
598
|
+
return parentNodeElement ? findNextNonDroppointSibling(parentNodeElement) || findNextSiblingOfAncestor(parentNodeElement) : null;
|
|
573
599
|
};
|
|
574
600
|
var findLastVisibleDescendant = function findLastVisibleDescendant(nodeElement) {
|
|
575
601
|
var childrenListElement = nodeElement.children[1];
|
|
576
602
|
if (childrenListElement) {
|
|
577
|
-
|
|
603
|
+
//skip droppoint
|
|
604
|
+
var offset = props.dragdropScope ? 2 : 1;
|
|
605
|
+
var lastChildElement = childrenListElement.children[childrenListElement.children.length - offset];
|
|
578
606
|
return findLastVisibleDescendant(lastChildElement);
|
|
579
607
|
}
|
|
580
608
|
return nodeElement;
|
|
@@ -778,10 +806,11 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
|
|
|
778
806
|
var onArrowDown = function onArrowDown(event) {
|
|
779
807
|
var nodeElement = event.target.getAttribute('data-pc-section') === 'toggler' ? event.target.closest('[role="treeitem"]') : event.target;
|
|
780
808
|
var listElement = nodeElement.children[1];
|
|
809
|
+
var nextElement = getNextElement(nodeElement);
|
|
781
810
|
if (listElement) {
|
|
782
|
-
focusRowChange(nodeElement, listElement.children[0]);
|
|
783
|
-
} else if (
|
|
784
|
-
focusRowChange(nodeElement,
|
|
811
|
+
focusRowChange(nodeElement, props.dragdropScope ? listElement.children[1] : listElement.children[0]);
|
|
812
|
+
} else if (nextElement) {
|
|
813
|
+
focusRowChange(nodeElement, nextElement);
|
|
785
814
|
} else {
|
|
786
815
|
var nextSiblingAncestor = findNextSiblingOfAncestor(nodeElement);
|
|
787
816
|
if (nextSiblingAncestor) {
|
|
@@ -790,10 +819,25 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
|
|
|
790
819
|
}
|
|
791
820
|
event.preventDefault();
|
|
792
821
|
};
|
|
822
|
+
var getPreviousElement = function getPreviousElement(element) {
|
|
823
|
+
var prev = element.previousElementSibling;
|
|
824
|
+
if (prev) {
|
|
825
|
+
return !props.dragdropScope ? prev : prev.previousElementSibling;
|
|
826
|
+
}
|
|
827
|
+
return null;
|
|
828
|
+
};
|
|
829
|
+
var getNextElement = function getNextElement(element) {
|
|
830
|
+
var next = element.nextElementSibling;
|
|
831
|
+
if (next) {
|
|
832
|
+
return !props.dragdropScope ? next : next.nextElementSibling;
|
|
833
|
+
}
|
|
834
|
+
return null;
|
|
835
|
+
};
|
|
793
836
|
var onArrowUp = function onArrowUp(event) {
|
|
794
837
|
var nodeElement = event.target;
|
|
795
|
-
|
|
796
|
-
|
|
838
|
+
var previous = getPreviousElement(nodeElement);
|
|
839
|
+
if (previous) {
|
|
840
|
+
focusRowChange(nodeElement, previous, findLastVisibleDescendant(previous));
|
|
797
841
|
} else {
|
|
798
842
|
var parentNodeElement = getParentNodeElement(nodeElement);
|
|
799
843
|
if (parentNodeElement) {
|
|
@@ -981,18 +1025,18 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
|
|
|
981
1025
|
}
|
|
982
1026
|
};
|
|
983
1027
|
var onDropPointDragOver = function onDropPointDragOver(event) {
|
|
984
|
-
if (event.dataTransfer.types[1] === props.dragdropScope.toLocaleLowerCase()) {
|
|
1028
|
+
if (props.dragdropScope && event.dataTransfer.types[1] === props.dragdropScope.toLocaleLowerCase()) {
|
|
985
1029
|
event.dataTransfer.dropEffect = 'move';
|
|
986
1030
|
event.preventDefault();
|
|
987
1031
|
}
|
|
988
1032
|
};
|
|
989
1033
|
var onDropPointDragEnter = function onDropPointDragEnter(event) {
|
|
990
|
-
if (event.dataTransfer.types[1] === props.dragdropScope.toLocaleLowerCase()) {
|
|
1034
|
+
if (props.dragdropScope && event.dataTransfer.types[1] === props.dragdropScope.toLocaleLowerCase()) {
|
|
991
1035
|
utils.DomHandler.addClass(event.target, 'p-treenode-droppoint-active');
|
|
992
1036
|
}
|
|
993
1037
|
};
|
|
994
1038
|
var onDropPointDragLeave = function onDropPointDragLeave(event) {
|
|
995
|
-
if (event.dataTransfer.types[1] === props.dragdropScope.toLocaleLowerCase()) {
|
|
1039
|
+
if (props.dragdropScope && event.dataTransfer.types[1] === props.dragdropScope.toLocaleLowerCase()) {
|
|
996
1040
|
utils.DomHandler.removeClass(event.target, 'p-treenode-droppoint-active');
|
|
997
1041
|
}
|
|
998
1042
|
};
|
|
@@ -1011,19 +1055,19 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
|
|
|
1011
1055
|
}
|
|
1012
1056
|
};
|
|
1013
1057
|
var onDragOver = function onDragOver(event) {
|
|
1014
|
-
if (event.dataTransfer.types[1] === props.dragdropScope.toLocaleLowerCase() && props.node.droppable !== false) {
|
|
1058
|
+
if (props.dragdropScope && event.dataTransfer.types[1] === props.dragdropScope.toLocaleLowerCase() && props.node.droppable !== false) {
|
|
1015
1059
|
event.dataTransfer.dropEffect = 'move';
|
|
1016
1060
|
event.preventDefault();
|
|
1017
1061
|
event.stopPropagation();
|
|
1018
1062
|
}
|
|
1019
1063
|
};
|
|
1020
1064
|
var onDragEnter = function onDragEnter(event) {
|
|
1021
|
-
if (event.dataTransfer.types[1] === props.dragdropScope.toLocaleLowerCase() && props.node.droppable !== false) {
|
|
1065
|
+
if (props.dragdropScope && event.dataTransfer.types[1] === props.dragdropScope.toLocaleLowerCase() && props.node.droppable !== false) {
|
|
1022
1066
|
utils.DomHandler.addClass(contentRef.current, 'p-treenode-dragover');
|
|
1023
1067
|
}
|
|
1024
1068
|
};
|
|
1025
1069
|
var onDragLeave = function onDragLeave(event) {
|
|
1026
|
-
if (event.dataTransfer.types[1] === props.dragdropScope.toLocaleLowerCase() && props.node.droppable !== false) {
|
|
1070
|
+
if (props.dragdropScope && event.dataTransfer.types[1] === props.dragdropScope.toLocaleLowerCase() && props.node.droppable !== false) {
|
|
1027
1071
|
var rect = event.currentTarget.getBoundingClientRect();
|
|
1028
1072
|
if (event.nativeEvent.x > rect.left + rect.width || event.nativeEvent.x < rect.left || event.nativeEvent.y >= Math.floor(rect.top + rect.height) || event.nativeEvent.y < rect.top) {
|
|
1029
1073
|
utils.DomHandler.removeClass(contentRef.current, 'p-treenode-dragover');
|
|
@@ -1340,7 +1384,9 @@ var Tree = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
|
|
|
1340
1384
|
if (nodeElement) {
|
|
1341
1385
|
nodeElement.tabIndex = '-1';
|
|
1342
1386
|
}
|
|
1343
|
-
|
|
1387
|
+
|
|
1388
|
+
//skip droppoint
|
|
1389
|
+
var childElement = props.dragdropScope ? listElement.children[1] : listElement.children[0];
|
|
1344
1390
|
if (childElement) {
|
|
1345
1391
|
childElement.tabIndex = '0';
|
|
1346
1392
|
childElement.focus();
|