primereact 8.4.0 → 8.5.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/accordion/accordion.d.ts +2 -2
- package/api/api.cjs.js +1 -1
- package/api/api.d.ts +3 -3
- package/api/api.esm.js +1 -1
- package/api/api.js +1 -1
- package/autocomplete/autocomplete.cjs.js +3 -7
- package/autocomplete/autocomplete.cjs.min.js +1 -1
- package/autocomplete/autocomplete.d.ts +2 -2
- package/autocomplete/autocomplete.esm.js +3 -7
- package/autocomplete/autocomplete.esm.min.js +1 -1
- package/autocomplete/autocomplete.js +3 -7
- package/autocomplete/autocomplete.min.js +1 -1
- package/avatar/avatar.d.ts +1 -1
- package/avatargroup/avatargroup.d.ts +1 -1
- package/badge/badge.d.ts +1 -1
- package/breadcrumb/breadcrumb.cjs.js +12 -0
- package/breadcrumb/breadcrumb.cjs.min.js +1 -1
- package/breadcrumb/breadcrumb.d.ts +1 -1
- package/breadcrumb/breadcrumb.esm.js +12 -0
- package/breadcrumb/breadcrumb.esm.min.js +1 -1
- package/breadcrumb/breadcrumb.js +12 -0
- package/breadcrumb/breadcrumb.min.js +1 -1
- package/button/button.cjs.js +5 -1
- package/button/button.cjs.min.js +1 -1
- package/button/button.d.ts +3 -2
- package/button/button.esm.js +5 -1
- package/button/button.esm.min.js +1 -1
- package/button/button.js +5 -1
- package/button/button.min.js +1 -1
- package/calendar/calendar.cjs.js +40 -40
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.d.ts +2 -5
- package/calendar/calendar.esm.js +40 -40
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +41 -41
- package/calendar/calendar.min.js +1 -1
- package/captcha/captcha.cjs.js +7 -7
- package/captcha/captcha.esm.js +7 -7
- package/captcha/captcha.js +7 -7
- package/card/card.d.ts +1 -1
- package/carousel/carousel.cjs.js +61 -42
- package/carousel/carousel.cjs.min.js +1 -1
- package/carousel/carousel.d.ts +3 -1
- package/carousel/carousel.esm.js +61 -42
- package/carousel/carousel.esm.min.js +1 -1
- package/carousel/carousel.js +61 -42
- package/carousel/carousel.min.js +1 -1
- package/cascadeselect/cascadeselect.cjs.js +1 -1
- package/cascadeselect/cascadeselect.d.ts +2 -2
- package/cascadeselect/cascadeselect.esm.js +1 -1
- package/cascadeselect/cascadeselect.js +1 -1
- package/checkbox/checkbox.cjs.js +12 -2
- package/checkbox/checkbox.cjs.min.js +1 -1
- package/checkbox/checkbox.d.ts +1 -1
- package/checkbox/checkbox.esm.js +12 -2
- package/checkbox/checkbox.esm.min.js +1 -1
- package/checkbox/checkbox.js +12 -2
- package/checkbox/checkbox.min.js +1 -1
- package/chip/chip.d.ts +1 -1
- package/chips/chips.cjs.js +3 -2
- package/chips/chips.cjs.min.js +1 -1
- package/chips/chips.d.ts +3 -3
- package/chips/chips.esm.js +3 -2
- package/chips/chips.esm.min.js +1 -1
- package/chips/chips.js +3 -2
- package/chips/chips.min.js +1 -1
- package/colorpicker/colorpicker.cjs.js +2 -2
- package/colorpicker/colorpicker.d.ts +1 -1
- package/colorpicker/colorpicker.esm.js +2 -2
- package/colorpicker/colorpicker.js +2 -2
- package/column/column.d.ts +5 -4
- package/columngroup/columngroup.d.ts +1 -1
- package/confirmdialog/confirmdialog.cjs.js +6 -2
- package/confirmdialog/confirmdialog.cjs.min.js +1 -1
- package/confirmdialog/confirmdialog.esm.js +6 -2
- package/confirmdialog/confirmdialog.esm.min.js +1 -1
- package/confirmdialog/confirmdialog.js +6 -2
- package/confirmdialog/confirmdialog.min.js +1 -1
- package/confirmpopup/confirmpopup.cjs.js +9 -3
- package/confirmpopup/confirmpopup.cjs.min.js +1 -1
- package/confirmpopup/confirmpopup.esm.js +9 -3
- package/confirmpopup/confirmpopup.esm.min.js +1 -1
- package/confirmpopup/confirmpopup.js +9 -3
- package/confirmpopup/confirmpopup.min.js +1 -1
- package/contextmenu/contextmenu.cjs.js +4 -0
- package/contextmenu/contextmenu.cjs.min.js +1 -1
- package/contextmenu/contextmenu.esm.js +4 -0
- package/contextmenu/contextmenu.esm.min.js +1 -1
- package/contextmenu/contextmenu.js +4 -0
- package/contextmenu/contextmenu.min.js +1 -1
- package/core/core.js +121 -122
- package/core/core.min.js +8 -8
- package/csstransition/csstransition.d.ts +2 -2
- package/datascroller/datascroller.cjs.js +1 -1
- package/datascroller/datascroller.esm.js +1 -1
- package/datascroller/datascroller.js +1 -1
- package/datatable/datatable.cjs.js +2 -2
- package/datatable/datatable.d.ts +2 -2
- package/datatable/datatable.esm.js +2 -2
- package/datatable/datatable.js +2 -2
- package/dataview/dataview.d.ts +2 -2
- package/deferredcontent/deferredcontent.d.ts +1 -1
- package/dialog/dialog.cjs.js +10 -3
- package/dialog/dialog.cjs.min.js +1 -1
- package/dialog/dialog.esm.js +10 -3
- package/dialog/dialog.esm.min.js +1 -1
- package/dialog/dialog.js +10 -3
- package/dialog/dialog.min.css +1 -1
- package/dialog/dialog.min.js +1 -1
- package/divider/divider.d.ts +1 -1
- package/dock/dock.cjs.js +4 -0
- package/dock/dock.cjs.min.js +1 -1
- package/dock/dock.d.ts +1 -1
- package/dock/dock.esm.js +4 -0
- package/dock/dock.esm.min.js +1 -1
- package/dock/dock.js +4 -0
- package/dock/dock.min.js +1 -1
- package/dropdown/dropdown.cjs.js +4 -3
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.d.ts +1 -1
- package/dropdown/dropdown.esm.js +4 -3
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +4 -3
- package/dropdown/dropdown.min.js +1 -1
- package/editor/editor.cjs.js +3 -3
- package/editor/editor.esm.js +3 -3
- package/editor/editor.js +3 -3
- package/fieldset/fieldset.d.ts +1 -1
- package/fileupload/fileupload.cjs.js +13 -7
- package/fileupload/fileupload.cjs.min.js +1 -1
- package/fileupload/fileupload.d.ts +7 -6
- package/fileupload/fileupload.esm.js +13 -7
- package/fileupload/fileupload.esm.min.js +1 -1
- package/fileupload/fileupload.js +13 -7
- package/fileupload/fileupload.min.js +1 -1
- package/fullcalendar/fullcalendar.d.ts +1 -1
- package/galleria/galleria.cjs.js +4 -4
- package/galleria/galleria.esm.js +4 -4
- package/galleria/galleria.js +4 -4
- package/gmap/gmap.d.ts +2 -2
- package/image/image.d.ts +1 -1
- package/inplace/inplace.d.ts +1 -1
- package/inputmask/inputmask.cjs.js +3 -3
- package/inputmask/inputmask.d.ts +1 -1
- package/inputmask/inputmask.esm.js +3 -3
- package/inputmask/inputmask.js +3 -3
- package/inputswitch/inputswitch.d.ts +1 -1
- package/inputtext/inputtext.d.ts +3 -6
- package/inputtextarea/inputtextarea.d.ts +2 -5
- package/keyfilter/keyfilter.cjs.js +3 -56
- package/keyfilter/keyfilter.cjs.min.js +1 -1
- package/keyfilter/keyfilter.esm.js +3 -56
- package/keyfilter/keyfilter.esm.min.js +1 -1
- package/keyfilter/keyfilter.js +5 -56
- package/keyfilter/keyfilter.min.js +1 -1
- package/knob/knob.cjs.js +1 -1
- package/knob/knob.d.ts +1 -1
- package/knob/knob.esm.js +1 -1
- package/knob/knob.js +1 -1
- package/listbox/listbox.d.ts +0 -1
- package/megamenu/megamenu.cjs.js +4 -0
- package/megamenu/megamenu.cjs.min.js +1 -1
- package/megamenu/megamenu.d.ts +1 -2
- package/megamenu/megamenu.esm.js +4 -0
- package/megamenu/megamenu.esm.min.js +1 -1
- package/megamenu/megamenu.js +4 -0
- package/megamenu/megamenu.min.js +1 -1
- package/menu/menu.cjs.js +4 -0
- package/menu/menu.cjs.min.js +1 -1
- package/menu/menu.esm.js +4 -0
- package/menu/menu.esm.min.js +1 -1
- package/menu/menu.js +4 -0
- package/menu/menu.min.js +1 -1
- package/menubar/menubar.cjs.js +9 -0
- package/menubar/menubar.cjs.min.js +1 -1
- package/menubar/menubar.d.ts +1 -1
- package/menubar/menubar.esm.js +9 -0
- package/menubar/menubar.esm.min.js +1 -1
- package/menubar/menubar.js +9 -0
- package/menubar/menubar.min.js +1 -1
- package/menuitem/menuitem.d.ts +1 -0
- package/message/message.cjs.js +17 -8
- package/message/message.cjs.min.js +1 -1
- package/message/message.d.ts +3 -1
- package/message/message.esm.js +18 -9
- package/message/message.esm.min.js +1 -1
- package/message/message.js +17 -8
- package/message/message.min.js +1 -1
- package/messages/messages.cjs.js +18 -9
- package/messages/messages.cjs.min.js +1 -1
- package/messages/messages.d.ts +3 -0
- package/messages/messages.esm.js +19 -10
- package/messages/messages.esm.min.js +1 -1
- package/messages/messages.js +18 -9
- package/messages/messages.min.js +1 -1
- package/multiselect/multiselect.cjs.js +12 -2
- package/multiselect/multiselect.cjs.min.js +1 -1
- package/multiselect/multiselect.d.ts +1 -1
- package/multiselect/multiselect.esm.js +12 -2
- package/multiselect/multiselect.esm.min.js +1 -1
- package/multiselect/multiselect.js +12 -2
- package/multiselect/multiselect.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.cjs.js +1 -1
- package/multistatecheckbox/multistatecheckbox.d.ts +1 -1
- package/multistatecheckbox/multistatecheckbox.esm.js +1 -1
- package/multistatecheckbox/multistatecheckbox.js +1 -1
- package/orderlist/orderlist.d.ts +1 -1
- package/organizationchart/organizationchart.d.ts +2 -2
- package/overlaypanel/overlaypanel.min.css +1 -1
- package/package.json +1 -1
- package/paginator/paginator.cjs.js +1 -1
- package/paginator/paginator.d.ts +2 -2
- package/paginator/paginator.esm.js +1 -1
- package/paginator/paginator.js +1 -1
- package/panel/panel.d.ts +1 -1
- package/panelmenu/panelmenu.cjs.js +8 -0
- package/panelmenu/panelmenu.cjs.min.js +1 -1
- package/panelmenu/panelmenu.d.ts +1 -1
- package/panelmenu/panelmenu.esm.js +8 -0
- package/panelmenu/panelmenu.esm.min.js +1 -1
- package/panelmenu/panelmenu.js +8 -0
- package/panelmenu/panelmenu.min.js +1 -1
- package/password/password.d.ts +2 -2
- package/picklist/picklist.d.ts +1 -1
- package/primereact.all.cjs.js +474 -311
- package/primereact.all.cjs.min.js +1 -1
- package/primereact.all.esm.js +474 -311
- package/primereact.all.esm.min.js +1 -1
- package/primereact.all.js +474 -311
- package/primereact.all.min.js +1 -1
- package/progressbar/progressbar.d.ts +1 -1
- package/progressspinner/progressspinner.d.ts +1 -1
- package/radiobutton/radiobutton.cjs.js +12 -3
- package/radiobutton/radiobutton.cjs.min.js +1 -1
- package/radiobutton/radiobutton.esm.js +12 -3
- package/radiobutton/radiobutton.esm.min.js +1 -1
- package/radiobutton/radiobutton.js +12 -3
- package/radiobutton/radiobutton.min.js +1 -1
- package/rating/rating.cjs.js +56 -15
- package/rating/rating.cjs.min.js +1 -1
- package/rating/rating.d.ts +8 -1
- package/rating/rating.esm.js +57 -16
- package/rating/rating.esm.min.js +1 -1
- package/rating/rating.js +56 -15
- package/rating/rating.min.css +1 -1
- package/rating/rating.min.js +1 -1
- package/resources/primereact.css +292 -270
- package/resources/primereact.min.css +1 -1
- package/resources/themes/arya-blue/theme.css +9 -10
- package/resources/themes/arya-green/theme.css +9 -10
- package/resources/themes/arya-orange/theme.css +9 -10
- package/resources/themes/arya-purple/theme.css +9 -10
- package/resources/themes/bootstrap4-dark-blue/theme.css +10 -11
- package/resources/themes/bootstrap4-dark-purple/theme.css +10 -11
- package/resources/themes/bootstrap4-light-blue/theme.css +10 -11
- package/resources/themes/bootstrap4-light-purple/theme.css +10 -11
- package/resources/themes/fluent-light/theme.css +9 -10
- package/resources/themes/lara-dark-blue/theme.css +9 -10
- package/resources/themes/lara-dark-indigo/theme.css +9 -10
- package/resources/themes/lara-dark-purple/theme.css +9 -10
- package/resources/themes/lara-dark-teal/theme.css +9 -10
- package/resources/themes/lara-light-blue/theme.css +9 -10
- package/resources/themes/lara-light-indigo/theme.css +9 -10
- package/resources/themes/lara-light-purple/theme.css +9 -10
- package/resources/themes/lara-light-teal/theme.css +9 -10
- package/resources/themes/luna-amber/theme.css +10 -11
- package/resources/themes/luna-blue/theme.css +10 -11
- package/resources/themes/luna-green/theme.css +10 -11
- package/resources/themes/luna-pink/theme.css +10 -11
- package/resources/themes/md-dark-deeppurple/theme.css +17 -18
- package/resources/themes/md-dark-indigo/theme.css +17 -18
- package/resources/themes/md-light-deeppurple/theme.css +17 -18
- package/resources/themes/md-light-indigo/theme.css +17 -18
- package/resources/themes/mdc-dark-deeppurple/theme.css +17 -18
- package/resources/themes/mdc-dark-indigo/theme.css +17 -18
- package/resources/themes/mdc-light-deeppurple/theme.css +17 -18
- package/resources/themes/mdc-light-indigo/theme.css +17 -18
- package/resources/themes/nova/theme.css +10 -11
- package/resources/themes/nova-accent/theme.css +9 -10
- package/resources/themes/nova-alt/theme.css +10 -11
- package/resources/themes/rhea/theme.css +9 -10
- package/resources/themes/saga-blue/theme.css +9 -10
- package/resources/themes/saga-green/theme.css +9 -10
- package/resources/themes/saga-orange/theme.css +9 -10
- package/resources/themes/saga-purple/theme.css +9 -10
- package/resources/themes/tailwind-light/theme.css +9 -10
- package/resources/themes/vela-blue/theme.css +9 -10
- package/resources/themes/vela-green/theme.css +9 -10
- package/resources/themes/vela-orange/theme.css +9 -10
- package/resources/themes/vela-purple/theme.css +9 -10
- package/ripple/ripple.d.ts +1 -1
- package/row/row.d.ts +1 -1
- package/scrollpanel/scrollpanel.cjs.js +1 -1
- package/scrollpanel/scrollpanel.d.ts +1 -1
- package/scrollpanel/scrollpanel.esm.js +1 -1
- package/scrollpanel/scrollpanel.js +1 -1
- package/scrolltop/scrolltop.d.ts +1 -1
- package/selectbutton/selectbutton.d.ts +1 -1
- package/selectitem/selectitem.d.ts +1 -1
- package/sidebar/sidebar.d.ts +1 -1
- package/sidebar/sidebar.min.css +1 -1
- package/skeleton/skeleton.d.ts +1 -1
- package/slidemenu/slidemenu.cjs.js +4 -0
- package/slidemenu/slidemenu.cjs.min.js +1 -1
- package/slidemenu/slidemenu.esm.js +4 -0
- package/slidemenu/slidemenu.esm.min.js +1 -1
- package/slidemenu/slidemenu.js +4 -0
- package/slidemenu/slidemenu.min.js +1 -1
- package/slider/slider.d.ts +2 -2
- package/speeddial/speeddial.cjs.js +4 -0
- package/speeddial/speeddial.cjs.min.js +1 -1
- package/speeddial/speeddial.esm.js +4 -0
- package/speeddial/speeddial.esm.min.js +1 -1
- package/speeddial/speeddial.js +4 -0
- package/speeddial/speeddial.min.js +1 -1
- package/splitbutton/splitbutton.cjs.js +8 -0
- package/splitbutton/splitbutton.cjs.min.js +1 -1
- package/splitbutton/splitbutton.d.ts +2 -1
- package/splitbutton/splitbutton.esm.js +8 -0
- package/splitbutton/splitbutton.esm.min.js +1 -1
- package/splitbutton/splitbutton.js +8 -0
- package/splitbutton/splitbutton.min.js +1 -1
- package/splitter/splitter.d.ts +2 -2
- package/steps/steps.cjs.js +4 -0
- package/steps/steps.cjs.min.js +1 -1
- package/steps/steps.esm.js +4 -0
- package/steps/steps.esm.min.js +1 -1
- package/steps/steps.js +4 -0
- package/steps/steps.min.js +1 -1
- package/styleclass/styleclass.d.ts +1 -1
- package/tabmenu/tabmenu.cjs.js +6 -1
- package/tabmenu/tabmenu.cjs.min.js +1 -1
- package/tabmenu/tabmenu.d.ts +1 -1
- package/tabmenu/tabmenu.esm.js +6 -1
- package/tabmenu/tabmenu.esm.min.js +1 -1
- package/tabmenu/tabmenu.js +6 -1
- package/tabmenu/tabmenu.min.js +1 -1
- package/tabview/tabview.d.ts +1 -1
- package/tag/tag.d.ts +1 -1
- package/tieredmenu/tieredmenu.cjs.js +6 -1
- package/tieredmenu/tieredmenu.cjs.min.js +1 -1
- package/tieredmenu/tieredmenu.esm.js +6 -1
- package/tieredmenu/tieredmenu.esm.min.js +1 -1
- package/tieredmenu/tieredmenu.js +6 -1
- package/tieredmenu/tieredmenu.min.js +1 -1
- package/timeline/timeline.d.ts +1 -1
- package/toast/toast.cjs.js +39 -32
- package/toast/toast.cjs.min.js +1 -1
- package/toast/toast.esm.js +39 -32
- package/toast/toast.esm.min.js +1 -1
- package/toast/toast.js +39 -32
- package/toast/toast.min.js +1 -1
- package/togglebutton/togglebutton.d.ts +1 -1
- package/toolbar/toolbar.d.ts +1 -1
- package/tooltip/tooltip.cjs.js +29 -16
- package/tooltip/tooltip.cjs.min.js +1 -1
- package/tooltip/tooltip.esm.js +29 -16
- package/tooltip/tooltip.esm.min.js +1 -1
- package/tooltip/tooltip.js +29 -16
- package/tooltip/tooltip.min.js +1 -1
- package/tooltip/tooltipoptions.d.ts +1 -1
- package/tree/tree.cjs.js +1 -1
- package/tree/tree.d.ts +1 -1
- package/tree/tree.esm.js +1 -1
- package/tree/tree.js +1 -1
- package/treeselect/treeselect.cjs.js +12 -6
- package/treeselect/treeselect.cjs.min.js +1 -1
- package/treeselect/treeselect.d.ts +13 -3
- package/treeselect/treeselect.esm.js +12 -6
- package/treeselect/treeselect.esm.min.js +1 -1
- package/treeselect/treeselect.js +12 -6
- package/treeselect/treeselect.min.js +1 -1
- package/treetable/treetable.cjs.js +2 -2
- package/treetable/treetable.d.ts +1 -1
- package/treetable/treetable.esm.js +2 -2
- package/treetable/treetable.js +2 -2
- package/tristatecheckbox/tristatecheckbox.cjs.js +1 -1
- package/tristatecheckbox/tristatecheckbox.d.ts +1 -1
- package/tristatecheckbox/tristatecheckbox.esm.js +1 -1
- package/tristatecheckbox/tristatecheckbox.js +1 -1
- package/utils/utils.cjs.js +35 -29
- package/utils/utils.cjs.min.js +1 -1
- package/utils/utils.d.ts +13 -10
- package/utils/utils.esm.js +35 -29
- package/utils/utils.esm.min.js +1 -1
- package/utils/utils.js +35 -29
- package/utils/utils.min.js +1 -1
- package/web-types.json +100 -6
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import t from"primereact/api";import{useResizeListener as r,useOverlayScrollListener as n,useMountEffect as o,useUpdateEffect as u,useUnmountEffect as i}from"primereact/hooks";import{Portal as a}from"primereact/portal";import{DomHandler as c,ZIndexUtils as l,ObjectUtils as s,classNames as f}from"primereact/utils";function p(){return p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},p.apply(this,arguments)}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function h(e){if(Array.isArray(e))return d(e)}function m(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function v(e,t){if(e){if("string"==typeof e)return d(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?d(e,t):void 0}}function y(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function g(e){if(Array.isArray(e))return e}function E(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,u=[],i=!0,a=!1;try{for(r=r.call(e);!(i=(n=r.next()).done)&&(u.push(n.value),!t||u.length!==t);i=!0);}catch(e){a=!0,o=e}finally{try{i||null==r.return||r.return()}finally{if(a)throw o}}return u}}function b(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function w(e,t){return g(e)||E(e,t)||v(e,t)||b()}var T=e.memo(e.forwardRef((function(d,g){var E=w(e.useState(!1),2),b=E[0],x=E[1],S=w(e.useState(d.position),2),k=S[0],A=S[1],O=w(e.useState(""),2),I=O[0],C=O[1],D=e.useRef(null),H=e.useRef(null),L=e.useRef(null),N=e.useRef(null),R=e.useRef(!0),j=e.useRef({}),W=e.useRef(null),P=w(r({listener:function(e){!c.isTouchDevice()&&ee(e)}}),2),B=P[0],Z=P[1],F=w(n({target:L.current,listener:function(e){ee(e)},when:b}),2),M=F[0],Y=F[1],_=function(e){return X(e,"mousetrack")||d.mouseTrack},z=function(e){return"true"===X(e,"disabled")||$(e,"disabled")||d.disabled},K=function(e){return X(e,"showondisabled")||d.showOnDisabled},U=function(){return X(L.current,"autohide")||d.autoHide},X=function(e,t){return $(e,"data-pr-".concat(t))?e.getAttribute("data-pr-".concat(t)):null},$=function(e,t){return e&&e.hasAttribute(t)},q=function(e){var t=X(e,"showevent")||d.showEvent,r=X(e,"hideevent")||d.hideEvent;_(e)
|
|
1
|
+
import*as e from"react";import t from"primereact/api";import{useResizeListener as r,useOverlayScrollListener as n,useMountEffect as o,useUpdateEffect as u,useUnmountEffect as i}from"primereact/hooks";import{Portal as a}from"primereact/portal";import{DomHandler as c,ZIndexUtils as l,ObjectUtils as s,classNames as f}from"primereact/utils";function p(){return p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},p.apply(this,arguments)}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function h(e){if(Array.isArray(e))return d(e)}function m(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function v(e,t){if(e){if("string"==typeof e)return d(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?d(e,t):void 0}}function y(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function g(e){if(Array.isArray(e))return e}function E(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,u=[],i=!0,a=!1;try{for(r=r.call(e);!(i=(n=r.next()).done)&&(u.push(n.value),!t||u.length!==t);i=!0);}catch(e){a=!0,o=e}finally{try{i||null==r.return||r.return()}finally{if(a)throw o}}return u}}function b(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function w(e,t){return g(e)||E(e,t)||v(e,t)||b()}var T=e.memo(e.forwardRef((function(d,g){var E=w(e.useState(!1),2),b=E[0],x=E[1],S=w(e.useState(d.position),2),k=S[0],A=S[1],O=w(e.useState(""),2),I=O[0],C=O[1],D=e.useRef(null),H=e.useRef(null),L=e.useRef(null),N=e.useRef(null),R=e.useRef(!0),j=e.useRef({}),W=e.useRef(null),P=w(r({listener:function(e){!c.isTouchDevice()&&ee(e)}}),2),B=P[0],Z=P[1],F=w(n({target:L.current,listener:function(e){ee(e)},when:b}),2),M=F[0],Y=F[1],_=function(e){return X(e,"mousetrack")||d.mouseTrack},z=function(e){return"true"===X(e,"disabled")||$(e,"disabled")||d.disabled},K=function(e){return X(e,"showondisabled")||d.showOnDisabled},U=function(){return X(L.current,"autohide")||d.autoHide},X=function(e,t){return $(e,"data-pr-".concat(t))?e.getAttribute("data-pr-".concat(t)):null},$=function(e,t){return e&&e.hasAttribute(t)},q=function(e){var t=[X(e,"showevent")||d.showEvent],r=[X(e,"hideevent")||d.hideEvent];if(_(e))t=["mousemove"],r=["mouseleave"];else{var n=X(e,"event")||d.event;"focus"===n&&(t=["focus"],r=["blur"]),"both"===n&&(t=["focus","mouseenter"],r=["blur","mouseleave"])}return{showEvents:t,hideEvents:r}},G=function(e){return{top:X(e,"mousetracktop")||d.mouseTrackTop,left:X(e,"mousetrackleft")||d.mouseTrackLeft}},J=function(e,t){if(H.current){var r=X(e,"tooltip")||d.content;r?(H.current.innerHTML="",H.current.appendChild(document.createTextNode(r)),t()):d.children&&t()}},Q=function(e){J(L.current,(function(){var r=W.current,n=r.pageX,o=r.pageY;d.autoZIndex&&!l.get(D.current)&&l.set("tooltip",D.current,t.autoZIndex,d.baseZIndex||t.zIndex.tooltip),D.current.style.left="",D.current.style.top="",U()&&(D.current.style.pointerEvents="none"),_(L.current)&&!N.current&&(N.current={width:c.getOuterWidth(D.current),height:c.getOuterHeight(D.current)}),te(L.current,{x:n,y:o},e)}))},V=function(e){L.current=e.currentTarget;var t,r=z(L.current);(t=K(L.current)&&r?L.current.firstChild:L.current,!(d.content||X(t,"tooltip")||d.children))||r||(W.current=e,b?ae("updateDelay",Q):ce(d.onBeforeShow,{originalEvent:e,target:L.current})&&ae("showDelay",(function(){x(!0),ce(d.onShow,{originalEvent:e,target:L.current})})))},ee=function(e){(le(),b)&&(ce(d.onBeforeHide,{originalEvent:e,target:L.current})&&ae("hideDelay",(function(){(U()||!1!==R.current)&&(l.clear(D.current),c.removeClass(D.current,"p-tooltip-active"),x(!1),ce(d.onHide,{originalEvent:e,target:L.current}))})))},te=function(e,t,r){var n=0,o=0,u=r||k;if(_(e)&&t){var i={width:c.getOuterWidth(D.current),height:c.getOuterHeight(D.current)};n=t.x,o=t.y;var a=G(e),l=a.top,s=a.left;switch(u){case"left":n-=i.width+s,o-=i.height/2-l;break;case"right":n+=s,o-=i.height/2-l;break;case"top":n-=i.width/2-s,o-=i.height+l;break;case"bottom":n-=i.width/2-s,o+=l}n<=0||N.current.width>i.width?(D.current.style.left="0px",D.current.style.right=window.innerWidth-i.width-n+"px"):(D.current.style.right="",D.current.style.left=n+"px"),D.current.style.top=o+"px",c.addClass(D.current,"p-tooltip-active")}else{var f=c.findCollisionPosition(u),p=X(e,"my")||d.my||f.my,h=X(e,"at")||d.at||f.at;D.current.style.padding="0px",c.flipfitCollision(D.current,e,p,h,(function(e){var t=e.at,r=t.x,n=d.at?"center"!==r&&r!==e.my.x?r:t.y:e.at["".concat(f.axis)];D.current.style.padding="",A(n),re(n),c.addClass(D.current,"p-tooltip-active")}))}},re=function(e){if(D.current){var t=getComputedStyle(D.current);"left"===e?D.current.style.left=parseFloat(t.left)-2*parseFloat(t.paddingLeft)+"px":"top"===e&&(D.current.style.top=parseFloat(t.top)-2*parseFloat(t.paddingTop)+"px")}},ne=function(){U()||(R.current=!1)},oe=function(e){U()||(R.current=!0,ee(e))},ue=function(e){if(e){var t=q(e),r=t.showEvents,n=t.hideEvents,o=se(e);r.forEach((function(e){return o.addEventListener(e,V)})),n.forEach((function(e){return o.addEventListener(e,ee)}))}},ie=function(e){if(e){var t=q(e),r=t.showEvents,n=t.hideEvents,o=se(e);r.forEach((function(e){return o.removeEventListener(e,V)})),n.forEach((function(e){return o.removeEventListener(e,ee)}))}},ae=function(e,t){le();var r=X(L.current,e.toLowerCase())||d[e];r?j.current["".concat(e)]=setTimeout((function(){return t()}),r):t()},ce=function(e){if(e){for(var t=arguments.length,r=new Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];var o=e.apply(void 0,r);return void 0===o&&(o=!0),o}return!0},le=function(){Object.values(j.current).forEach((function(e){return clearTimeout(e)}))},se=function(e){if(e){if(K(e)){if(e.hasWrapper)return e.parentElement;var t=document.createElement("span");return e.parentNode.insertBefore(t,e),t.appendChild(e),e.hasWrapper=!0,t}var r;return e.hasWrapper&&((r=e.parentElement).replaceWith.apply(r,h(n=e.parentElement.childNodes)||m(n)||v(n)||y()),delete e.hasWrapper),e}var n;return null},fe=function(e){de(e),pe(e)},pe=function(e){he(e||d.target,ue)},de=function(e){he(e||d.target,ie)},he=function(e,t){if(e=s.getRefElement(e))if(c.isElement(e))t(e);else{var r=function(e){c.find(document,e).forEach((function(e){t(e)}))};e instanceof Array?e.forEach((function(e){r(e)})):r(e)}};e.useEffect((function(){b&&L.current&&z(L.current)&&ee()})),o((function(){pe()})),u((function(){return pe(),function(){de()}}),[V,ee,d.target]),u((function(){if(b){var e=X(L.current,"position")||k,t=X(L.current,"classname");A(e),C(t),Q(e),B(),M()}else A(d.position),C(""),L.current=null,N.current=null,R.current=!0;return function(){Z(),Y()}}),[b]),u((function(){b&&ae("updateDelay",(function(){J(L.current,(function(){te(L.current)}))}))}),[d.content]),i((function(){le(),de(),l.clear(D.current)})),e.useImperativeHandle(g,(function(){return{props:d,updateTargetEvents:fe,loadTargetEvents:pe,unloadTargetEvents:de,getElement:function(){return D.current},getTarget:function(){return L.current}}}));var me,ve,ye,ge,Ee,be,we;if(b){var Te=(Ee=s.findDiffKeys(d,T.defaultProps),be=f("p-tooltip p-component",(me={},ve="p-tooltip-".concat(k),ye=!0,ve in me?Object.defineProperty(me,ve,{value:ye,enumerable:!0,configurable:!0,writable:!0}):me[ve]=ye,me),d.className,I),ge=L.current,we=!(d.content||X(ge,"tooltip")),e.createElement("div",p({id:d.id,ref:D,className:be,style:d.style,role:"tooltip","aria-hidden":b},Ee,{onMouseEnter:ne,onMouseLeave:oe}),e.createElement("div",{className:"p-tooltip-arrow"}),e.createElement("div",{ref:H,className:"p-tooltip-text"},we&&d.children)));return e.createElement(a,{element:Te,appendTo:d.appendTo,visible:!0})}return null})));T.displayName="Tooltip",T.defaultProps={__TYPE:"Tooltip",id:null,target:null,content:null,disabled:!1,className:null,style:null,appendTo:null,position:"right",my:null,at:null,event:null,showEvent:"mouseenter",hideEvent:"mouseleave",autoZIndex:!0,baseZIndex:0,mouseTrack:!1,mouseTrackTop:5,mouseTrackLeft:5,showDelay:0,updateDelay:0,hideDelay:0,autoHide:!0,showOnDisabled:!1,onBeforeShow:null,onBeforeHide:null,onShow:null,onHide:null};export{T as Tooltip};
|
package/tooltip/tooltip.js
CHANGED
|
@@ -212,24 +212,29 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, hooks, portal,
|
|
|
212
212
|
};
|
|
213
213
|
|
|
214
214
|
var getEvents = function getEvents(target) {
|
|
215
|
-
var
|
|
216
|
-
var
|
|
215
|
+
var showEvents = [getTargetOption(target, 'showevent') || props.showEvent];
|
|
216
|
+
var hideEvents = [getTargetOption(target, 'hideevent') || props.hideEvent];
|
|
217
217
|
|
|
218
218
|
if (isMouseTrack(target)) {
|
|
219
|
-
|
|
220
|
-
|
|
219
|
+
showEvents = ['mousemove'];
|
|
220
|
+
hideEvents = ['mouseleave'];
|
|
221
221
|
} else {
|
|
222
222
|
var event = getTargetOption(target, 'event') || props.event;
|
|
223
223
|
|
|
224
224
|
if (event === 'focus') {
|
|
225
|
-
|
|
226
|
-
|
|
225
|
+
showEvents = ['focus'];
|
|
226
|
+
hideEvents = ['blur'];
|
|
227
|
+
}
|
|
228
|
+
|
|
229
|
+
if (event === 'both') {
|
|
230
|
+
showEvents = ['focus', 'mouseenter'];
|
|
231
|
+
hideEvents = ['blur', 'mouseleave'];
|
|
227
232
|
}
|
|
228
233
|
}
|
|
229
234
|
|
|
230
235
|
return {
|
|
231
|
-
|
|
232
|
-
|
|
236
|
+
showEvents: showEvents,
|
|
237
|
+
hideEvents: hideEvents
|
|
233
238
|
};
|
|
234
239
|
};
|
|
235
240
|
|
|
@@ -442,24 +447,32 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, hooks, portal,
|
|
|
442
447
|
var bindTargetEvent = function bindTargetEvent(target) {
|
|
443
448
|
if (target) {
|
|
444
449
|
var _getEvents = getEvents(target),
|
|
445
|
-
|
|
446
|
-
|
|
450
|
+
showEvents = _getEvents.showEvents,
|
|
451
|
+
hideEvents = _getEvents.hideEvents;
|
|
447
452
|
|
|
448
453
|
var currentTarget = getTarget(target);
|
|
449
|
-
|
|
450
|
-
|
|
454
|
+
showEvents.forEach(function (event) {
|
|
455
|
+
return currentTarget.addEventListener(event, show);
|
|
456
|
+
});
|
|
457
|
+
hideEvents.forEach(function (event) {
|
|
458
|
+
return currentTarget.addEventListener(event, hide);
|
|
459
|
+
});
|
|
451
460
|
}
|
|
452
461
|
};
|
|
453
462
|
|
|
454
463
|
var unbindTargetEvent = function unbindTargetEvent(target) {
|
|
455
464
|
if (target) {
|
|
456
465
|
var _getEvents2 = getEvents(target),
|
|
457
|
-
|
|
458
|
-
|
|
466
|
+
showEvents = _getEvents2.showEvents,
|
|
467
|
+
hideEvents = _getEvents2.hideEvents;
|
|
459
468
|
|
|
460
469
|
var currentTarget = getTarget(target);
|
|
461
|
-
|
|
462
|
-
|
|
470
|
+
showEvents.forEach(function (event) {
|
|
471
|
+
return currentTarget.removeEventListener(event, show);
|
|
472
|
+
});
|
|
473
|
+
hideEvents.forEach(function (event) {
|
|
474
|
+
return currentTarget.removeEventListener(event, hide);
|
|
475
|
+
});
|
|
463
476
|
}
|
|
464
477
|
};
|
|
465
478
|
|
package/tooltip/tooltip.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.tooltip=function(e,t,r,n,o,u){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.tooltip=function(e,t,r,n,o,u){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var c=i(t),l=a(r);function s(){return s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},s.apply(this,arguments)}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function d(e){if(Array.isArray(e))return f(e)}function p(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function h(e,t){if(e){if("string"==typeof e)return f(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?f(e,t):void 0}}function m(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function v(e){if(Array.isArray(e))return e}function y(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,u=[],a=!0,i=!1;try{for(r=r.call(e);!(a=(n=r.next()).done)&&(u.push(n.value),!t||u.length!==t);a=!0);}catch(e){i=!0,o=e}finally{try{a||null==r.return||r.return()}finally{if(i)throw o}}return u}}function g(){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 b(e,t){return v(e)||y(e,t)||h(e,t)||g()}var E=c.memo(c.forwardRef((function(e,t){var r=b(c.useState(!1),2),a=r[0],i=r[1],f=b(c.useState(e.position),2),v=f[0],y=f[1],g=b(c.useState(""),2),w=g[0],T=g[1],x=c.useRef(null),D=c.useRef(null),O=c.useRef(null),H=c.useRef(null),j=c.useRef(!0),S=c.useRef({}),I=c.useRef(null),k=b(n.useResizeListener({listener:function(e){!u.DomHandler.isTouchDevice()&&X(e)}}),2),A=k[0],L=k[1],C=b(n.useOverlayScrollListener({target:O.current,listener:function(e){X(e)},when:a}),2),R=C[0],U=C[1],N=function(t){return M(t,"mousetrack")||e.mouseTrack},P=function(t){return"true"===M(t,"disabled")||_(t,"disabled")||e.disabled},Z=function(t){return M(t,"showondisabled")||e.showOnDisabled},W=function(){return M(O.current,"autohide")||e.autoHide},M=function(e,t){return _(e,"data-pr-".concat(t))?e.getAttribute("data-pr-".concat(t)):null},_=function(e,t){return e&&e.hasAttribute(t)},B=function(t){var r=[M(t,"showevent")||e.showEvent],n=[M(t,"hideevent")||e.hideEvent];if(N(t))r=["mousemove"],n=["mouseleave"];else{var o=M(t,"event")||e.event;"focus"===o&&(r=["focus"],n=["blur"]),"both"===o&&(r=["focus","mouseenter"],n=["blur","mouseleave"])}return{showEvents:r,hideEvents:n}},F=function(t){return{top:M(t,"mousetracktop")||e.mouseTrackTop,left:M(t,"mousetrackleft")||e.mouseTrackLeft}},z=function(t,r){if(D.current){var n=M(t,"tooltip")||e.content;n?(D.current.innerHTML="",D.current.appendChild(document.createTextNode(n)),r()):e.children&&r()}},Y=function(t){z(O.current,(function(){var r=I.current,n=r.pageX,o=r.pageY;e.autoZIndex&&!u.ZIndexUtils.get(x.current)&&u.ZIndexUtils.set("tooltip",x.current,l.default.autoZIndex,e.baseZIndex||l.default.zIndex.tooltip),x.current.style.left="",x.current.style.top="",W()&&(x.current.style.pointerEvents="none"),N(O.current)&&!H.current&&(H.current={width:u.DomHandler.getOuterWidth(x.current),height:u.DomHandler.getOuterHeight(x.current)}),$(O.current,{x:n,y:o},t)}))},K=function(t){O.current=t.currentTarget;var r,n=P(O.current);(r=Z(O.current)&&n?O.current.firstChild:O.current,!(e.content||M(r,"tooltip")||e.children))||n||(I.current=t,a?ee("updateDelay",Y):te(e.onBeforeShow,{originalEvent:t,target:O.current})&&ee("showDelay",(function(){i(!0),te(e.onShow,{originalEvent:t,target:O.current})})))},X=function(t){(re(),a)&&(te(e.onBeforeHide,{originalEvent:t,target:O.current})&&ee("hideDelay",(function(){(W()||!1!==j.current)&&(u.ZIndexUtils.clear(x.current),u.DomHandler.removeClass(x.current,"p-tooltip-active"),i(!1),te(e.onHide,{originalEvent:t,target:O.current}))})))},$=function(t,r,n){var o=0,a=0,i=n||v;if(N(t)&&r){var c={width:u.DomHandler.getOuterWidth(x.current),height:u.DomHandler.getOuterHeight(x.current)};o=r.x,a=r.y;var l=F(t),s=l.top,f=l.left;switch(i){case"left":o-=c.width+f,a-=c.height/2-s;break;case"right":o+=f,a-=c.height/2-s;break;case"top":o-=c.width/2-f,a-=c.height+s;break;case"bottom":o-=c.width/2-f,a+=s}o<=0||H.current.width>c.width?(x.current.style.left="0px",x.current.style.right=window.innerWidth-c.width-o+"px"):(x.current.style.right="",x.current.style.left=o+"px"),x.current.style.top=a+"px",u.DomHandler.addClass(x.current,"p-tooltip-active")}else{var d=u.DomHandler.findCollisionPosition(i),p=M(t,"my")||e.my||d.my,h=M(t,"at")||e.at||d.at;x.current.style.padding="0px",u.DomHandler.flipfitCollision(x.current,t,p,h,(function(t){var r=t.at,n=r.x,o=e.at?"center"!==n&&n!==t.my.x?n:r.y:t.at["".concat(d.axis)];x.current.style.padding="",y(o),q(o),u.DomHandler.addClass(x.current,"p-tooltip-active")}))}},q=function(e){if(x.current){var t=getComputedStyle(x.current);"left"===e?x.current.style.left=parseFloat(t.left)-2*parseFloat(t.paddingLeft)+"px":"top"===e&&(x.current.style.top=parseFloat(t.top)-2*parseFloat(t.paddingTop)+"px")}},G=function(){W()||(j.current=!1)},J=function(e){W()||(j.current=!0,X(e))},Q=function(e){if(e){var t=B(e),r=t.showEvents,n=t.hideEvents,o=ne(e);r.forEach((function(e){return o.addEventListener(e,K)})),n.forEach((function(e){return o.addEventListener(e,X)}))}},V=function(e){if(e){var t=B(e),r=t.showEvents,n=t.hideEvents,o=ne(e);r.forEach((function(e){return o.removeEventListener(e,K)})),n.forEach((function(e){return o.removeEventListener(e,X)}))}},ee=function(t,r){re();var n=M(O.current,t.toLowerCase())||e[t];n?S.current["".concat(t)]=setTimeout((function(){return r()}),n):r()},te=function(e){if(e){for(var t=arguments.length,r=new Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];var o=e.apply(void 0,r);return void 0===o&&(o=!0),o}return!0},re=function(){Object.values(S.current).forEach((function(e){return clearTimeout(e)}))},ne=function(e){if(e){if(Z(e)){if(e.hasWrapper)return e.parentElement;var t=document.createElement("span");return e.parentNode.insertBefore(t,e),t.appendChild(e),e.hasWrapper=!0,t}var r;return e.hasWrapper&&((r=e.parentElement).replaceWith.apply(r,d(n=e.parentElement.childNodes)||p(n)||h(n)||m()),delete e.hasWrapper),e}var n;return null},oe=function(e){ae(e),ue(e)},ue=function(t){ie(t||e.target,Q)},ae=function(t){ie(t||e.target,V)},ie=function(e,t){if(e=u.ObjectUtils.getRefElement(e))if(u.DomHandler.isElement(e))t(e);else{var r=function(e){u.DomHandler.find(document,e).forEach((function(e){t(e)}))};e instanceof Array?e.forEach((function(e){r(e)})):r(e)}};c.useEffect((function(){a&&O.current&&P(O.current)&&X()})),n.useMountEffect((function(){ue()})),n.useUpdateEffect((function(){return ue(),function(){ae()}}),[K,X,e.target]),n.useUpdateEffect((function(){if(a){var t=M(O.current,"position")||v,r=M(O.current,"classname");y(t),T(r),Y(t),A(),R()}else y(e.position),T(""),O.current=null,H.current=null,j.current=!0;return function(){L(),U()}}),[a]),n.useUpdateEffect((function(){a&&ee("updateDelay",(function(){z(O.current,(function(){$(O.current)}))}))}),[e.content]),n.useUnmountEffect((function(){re(),ae(),u.ZIndexUtils.clear(x.current)})),c.useImperativeHandle(t,(function(){return{props:e,updateTargetEvents:oe,loadTargetEvents:ue,unloadTargetEvents:ae,getElement:function(){return x.current},getTarget:function(){return O.current}}}));var ce,le,se,fe,de,pe,he;if(a){var me=(de=u.ObjectUtils.findDiffKeys(e,E.defaultProps),pe=u.classNames("p-tooltip p-component",(ce={},le="p-tooltip-".concat(v),se=!0,le in ce?Object.defineProperty(ce,le,{value:se,enumerable:!0,configurable:!0,writable:!0}):ce[le]=se,ce),e.className,w),fe=O.current,he=!(e.content||M(fe,"tooltip")),c.createElement("div",s({id:e.id,ref:x,className:pe,style:e.style,role:"tooltip","aria-hidden":a},de,{onMouseEnter:G,onMouseLeave:J}),c.createElement("div",{className:"p-tooltip-arrow"}),c.createElement("div",{ref:D,className:"p-tooltip-text"},he&&e.children)));return c.createElement(o.Portal,{element:me,appendTo:e.appendTo,visible:!0})}return null})));return E.displayName="Tooltip",E.defaultProps={__TYPE:"Tooltip",id:null,target:null,content:null,disabled:!1,className:null,style:null,appendTo:null,position:"right",my:null,at:null,event:null,showEvent:"mouseenter",hideEvent:"mouseleave",autoZIndex:!0,baseZIndex:0,mouseTrack:!1,mouseTrackTop:5,mouseTrackLeft:5,showDelay:0,updateDelay:0,hideDelay:0,autoHide:!0,showOnDisabled:!1,onBeforeShow:null,onBeforeHide:null,onShow:null,onHide:null},e.Tooltip=E,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.portal,primereact.utils);
|
|
@@ -2,7 +2,7 @@ import * as React from 'react';
|
|
|
2
2
|
|
|
3
3
|
type TooltipPositionType = 'top' | 'bottom' | 'left' | 'right';
|
|
4
4
|
|
|
5
|
-
type TooltipEventType = 'hover' | 'focus';
|
|
5
|
+
type TooltipEventType = 'hover' | 'focus' | 'both';
|
|
6
6
|
|
|
7
7
|
type TooltipAppendToType = 'self' | HTMLElement | undefined | null;
|
|
8
8
|
|
package/tree/tree.cjs.js
CHANGED
|
@@ -646,7 +646,7 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
|
|
|
646
646
|
};
|
|
647
647
|
|
|
648
648
|
var onDragStart = function onDragStart(event) {
|
|
649
|
-
event.dataTransfer.setData(
|
|
649
|
+
event.dataTransfer.setData('text', props.dragdropScope);
|
|
650
650
|
event.dataTransfer.setData(props.dragdropScope, props.dragdropScope);
|
|
651
651
|
|
|
652
652
|
if (props.onDragStart) {
|
package/tree/tree.d.ts
CHANGED
package/tree/tree.esm.js
CHANGED
|
@@ -622,7 +622,7 @@ var UITreeNode = /*#__PURE__*/React.memo(function (props) {
|
|
|
622
622
|
};
|
|
623
623
|
|
|
624
624
|
var onDragStart = function onDragStart(event) {
|
|
625
|
-
event.dataTransfer.setData(
|
|
625
|
+
event.dataTransfer.setData('text', props.dragdropScope);
|
|
626
626
|
event.dataTransfer.setData(props.dragdropScope, props.dragdropScope);
|
|
627
627
|
|
|
628
628
|
if (props.onDragStart) {
|
package/tree/tree.js
CHANGED
|
@@ -642,7 +642,7 @@ this.primereact.tree = (function (exports, React, utils, ripple) {
|
|
|
642
642
|
};
|
|
643
643
|
|
|
644
644
|
var onDragStart = function onDragStart(event) {
|
|
645
|
-
event.dataTransfer.setData(
|
|
645
|
+
event.dataTransfer.setData('text', props.dragdropScope);
|
|
646
646
|
event.dataTransfer.setData(props.dragdropScope, props.dragdropScope);
|
|
647
647
|
|
|
648
648
|
if (props.onDragStart) {
|
|
@@ -189,7 +189,7 @@ var TreeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
|
|
|
189
189
|
overlayVisibleState = _React$useState4[0],
|
|
190
190
|
setOverlayVisibleState = _React$useState4[1];
|
|
191
191
|
|
|
192
|
-
var _React$useState5 = React__namespace.useState(
|
|
192
|
+
var _React$useState5 = React__namespace.useState(props.expandedKeys),
|
|
193
193
|
_React$useState6 = _slicedToArray(_React$useState5, 2),
|
|
194
194
|
expandedKeysState = _React$useState6[0],
|
|
195
195
|
setExpandedKeysState = _React$useState6[1];
|
|
@@ -205,6 +205,7 @@ var TreeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
|
|
|
205
205
|
var focusInputRef = React__namespace.useRef(null);
|
|
206
206
|
var triggerRef = React__namespace.useRef(null);
|
|
207
207
|
var selfChange = React__namespace.useRef(null);
|
|
208
|
+
var expandedKeys = props.onToggle ? props.expandedKeys : expandedKeysState;
|
|
208
209
|
var filteredValue = props.onFilterValueChange ? props.filterValue : filterValueState;
|
|
209
210
|
var isValueEmpty = utils.ObjectUtils.isEmpty(props.value);
|
|
210
211
|
var hasNoOptions = utils.ObjectUtils.isEmpty(props.options);
|
|
@@ -288,7 +289,11 @@ var TreeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
|
|
|
288
289
|
};
|
|
289
290
|
|
|
290
291
|
var onNodeToggle = function onNodeToggle(e) {
|
|
291
|
-
|
|
292
|
+
if (props.onToggle) {
|
|
293
|
+
props.onToggle(e);
|
|
294
|
+
} else {
|
|
295
|
+
setExpandedKeysState(e.value);
|
|
296
|
+
}
|
|
292
297
|
};
|
|
293
298
|
|
|
294
299
|
var onFilterValueChange = function onFilterValueChange(e) {
|
|
@@ -500,7 +505,7 @@ var TreeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
|
|
|
500
505
|
|
|
501
506
|
var expandPath = function expandPath(path) {
|
|
502
507
|
if (path.length > 0) {
|
|
503
|
-
var
|
|
508
|
+
var _expandedKeys = _objectSpread({}, expandedKeysState || {});
|
|
504
509
|
|
|
505
510
|
var _iterator5 = _createForOfIteratorHelper(path),
|
|
506
511
|
_step5;
|
|
@@ -508,7 +513,7 @@ var TreeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
|
|
|
508
513
|
try {
|
|
509
514
|
for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
|
|
510
515
|
var key = _step5.value;
|
|
511
|
-
|
|
516
|
+
_expandedKeys[key] = true;
|
|
512
517
|
}
|
|
513
518
|
} catch (err) {
|
|
514
519
|
_iterator5.e(err);
|
|
@@ -516,7 +521,7 @@ var TreeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
|
|
|
516
521
|
_iterator5.f();
|
|
517
522
|
}
|
|
518
523
|
|
|
519
|
-
setExpandedKeysState(
|
|
524
|
+
setExpandedKeysState(_expandedKeys);
|
|
520
525
|
}
|
|
521
526
|
};
|
|
522
527
|
|
|
@@ -641,7 +646,7 @@ var TreeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
|
|
|
641
646
|
onSelectionChange: onSelectionChange,
|
|
642
647
|
onSelect: onNodeSelect,
|
|
643
648
|
onUnselect: onNodeUnselect,
|
|
644
|
-
expandedKeys:
|
|
649
|
+
expandedKeys: expandedKeys,
|
|
645
650
|
onToggle: onNodeToggle,
|
|
646
651
|
onExpand: props.onNodeExpand,
|
|
647
652
|
onCollapse: props.onNodeCollapse,
|
|
@@ -784,6 +789,7 @@ TreeSelect.defaultProps = {
|
|
|
784
789
|
ariaLabel: null,
|
|
785
790
|
ariaLabelledBy: null,
|
|
786
791
|
selectionMode: 'single',
|
|
792
|
+
expandedKeys: null,
|
|
787
793
|
panelStyle: null,
|
|
788
794
|
panelClassName: null,
|
|
789
795
|
appendTo: null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/hooks"),l=require("primereact/overlayservice"),r=require("primereact/ripple"),a=require("primereact/tree"),o=require("primereact/utils"),i=require("primereact/csstransition"),c=require("primereact/portal");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var p=s(e),f=u(t);function d(){return d=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},d.apply(this,arguments)}function m(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function y(e){if(Array.isArray(e))return e}function v(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,a=[],o=!0,i=!1;try{for(n=n.call(e);!(o=(l=n.next()).done)&&(a.push(l.value),!t||a.length!==t);o=!0);}catch(e){i=!0,r=e}finally{try{o||null==n.return||n.return()}finally{if(i)throw r}}return a}}function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function b(e,t){if(e){if("string"==typeof e)return h(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?h(e,t):void 0}}function g(){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 E(e,t){return y(e)||v(e,t)||b(e,t)||g()}var O=p.forwardRef((function(e,t){var n,l,r=(n={maxHeight:e.scrollHeight||"auto"},l=o.classNames("p-treeselect-panel p-component",e.panelClassName),p.createElement(i.CSSTransition,{nodeRef:t,classNames:"p-connected-overlay",in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:e.onEnter,onEntering:e.onEntering,onEntered:e.onEntered,onExit:e.onExit,onExited:e.onExited},p.createElement("div",{ref:t,className:l,style:e.panelStyle,onClick:e.onClick},e.header,p.createElement("div",{className:"p-treeselect-items-wrapper",style:n},e.children),e.footer)));return p.createElement(c.Portal,{element:r,appendTo:e.appendTo})}));function N(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function S(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?N(Object(n),!0).forEach((function(t){m(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):N(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function w(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=j(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var l=0,r=function(){};return{s:r,n:function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,o=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){i=!0,a=e},f:function(){try{o||null==n.return||n.return()}finally{if(i)throw a}}}}function j(e,t){if(e){if("string"==typeof e)return x(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?x(e,t):void 0}}function x(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}O.displayName="TreeSelectPanel";var C=p.memo(p.forwardRef((function(e,i){var c=E(p.useState(!1),2),u=c[0],s=c[1],y=E(p.useState(!1),2),v=y[0],h=y[1],b=E(p.useState({}),2),g=b[0],N=b[1],j=E(p.useState(""),2),x=j[0],k=j[1],I=p.useRef(null),T=p.useRef(null),P=p.useRef(null),U=p.useRef(null),H=p.useRef(null),D=p.useRef(null),F=e.onFilterValueChange?e.filterValue:x,M=o.ObjectUtils.isEmpty(e.value),A=o.ObjectUtils.isEmpty(e.options),K="single"===e.selectionMode,R="checkbox"===e.selectionMode,V={filter:function(e){return ne(e)},reset:function(){return le()}},q=E(n.useOverlayListener({target:I,overlay:T,listener:function(e,t){t.valid&&X()},when:v}),2),L=q[0],_=q[1],B=function(){return de.length?de.map((function(e){return e.label})).join(", "):e.placeholder},J=function(){h(!0)},X=function(){h(!1)},Z=function(){s(!0)},z=function(){s(!1)},$=function(t){e.onChange&&(D.current=!0,e.onChange({originalEvent:t.originalEvent,value:t.value,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:t.value}}))},Y=function(t){e.onNodeSelect&&e.onNodeSelect(t),K&&X()},G=function(t){e.onNodeUnselect&&e.onNodeUnselect(t)},Q=function(e){N(e.value)},W=function(e){k(e.value)},ee=function(e){switch(e.which){case 40:!v&&e.altKey&&J();break;case 32:v||(J(),e.preventDefault());break;case 13:case 27:v&&(X(),e.preventDefault());break;case 9:X()}},te=function(e){13===e.which&&e.preventDefault()},ne=function(t){var n=t.target.value;e.onFilterValueChange?e.onFilterValueChange({originalEvent:t,value:n}):k(n)},le=function(){k("")},re=function(){o.DomHandler.alignOverlay(T.current,H.current.parentElement,e.appendTo||f.default.appendTo)},ae=function(){var e=o.DomHandler.findSingle(T.current,".p-treenode-content.p-highlight");e&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"start"})},oe=function t(n,l,r){if(n){if(ie(n,l)&&(r.push(n),delete l[n.key]),Object.keys(l).length&&n.children){var a,o=w(n.children);try{for(o.s();!(a=o.n()).done;){t(a.value,l,r)}}catch(e){o.e(e)}finally{o.f()}}}else{var i,c=w(e.options);try{for(c.s();!(i=c.n()).done;){t(i.value,l,r)}}catch(e){c.e(e)}finally{c.f()}}},ie=function(e,t){return R?t[e.key]&&t[e.key].checked:t[e.key]},ce=function(){var t=K?m({},"".concat(e.value),!0):S({},e.value);N({}),t&&e.options&&ue(null,null,t)},ue=function t(n,l,r){if(n){if(ie(n,r)&&(se(l),delete r[n.key]),Object.keys(r).length&&n.children){var a,o=w(n.children);try{for(o.s();!(a=o.n()).done;){var i=a.value;l.push(n.key),t(i,l,r)}}catch(e){o.e(e)}finally{o.f()}}}else{var c,u=w(e.options);try{for(u.s();!(c=u.n()).done;){t(c.value,[],r)}}catch(e){u.e(e)}finally{u.f()}}},se=function(e){if(e.length>0){var t,n=S({},g||{}),l=w(e);try{for(l.s();!(t=l.n()).done;){n[t.value]=!0}}catch(e){l.e(e)}finally{l.f()}N(n)}};p.useImperativeHandle(i,(function(){return{props:e,getElement:function(){return I.current}}})),n.useMountEffect((function(){ce()})),n.useUpdateEffect((function(){v&&e.filter&&re()})),n.useUpdateEffect((function(){ce()}),[e.options]),n.useUpdateEffect((function(){v&&g&&re()}),[g]),n.useUpdateEffect((function(){v&&(D.current||ce(),D.current=!1)}),[e.value]),n.useUnmountEffect((function(){o.ZIndexUtils.clear(T.current)}));var pe,fe=function(){if(e.filter){var t=o.ObjectUtils.isNotEmpty(F)?F:"",n=p.createElement("div",{className:"p-treeselect-filter-container"},p.createElement("input",{ref:P,type:"text",value:t,autoComplete:"off",className:"p-treeselect-filter p-inputtext p-component",placeholder:e.filterPlaceholder,onKeyDown:te,onChange:ne,disabled:e.disabled}),p.createElement("span",{className:"p-treeselect-filter-icon pi pi-search"}));if(e.filterTemplate)n=o.ObjectUtils.getJSXElement(e.filterTemplate,{className:"p-treeselect-filter-container",element:n,filterOptions:V,filterInputKeyDown:te,filterInputChange:ne,filterIconClassName:"p-dropdown-filter-icon pi pi-search",props:e});return p.createElement(p.Fragment,null,n)}},de=function(){var t=[];if(o.ObjectUtils.isNotEmpty(e.value)&&e.options){var n=K?m({},"".concat(e.value),!0):S({},e.value);oe(null,n,t)}return t}(),me=o.ObjectUtils.findDiffKeys(e,C.defaultProps),ye=o.classNames("p-treeselect p-component p-inputwrapper",{"p-treeselect-chip":"chip"===e.display,"p-disabled":e.disabled,"p-focus":u,"p-inputwrapper-filled":!M,"p-inputwrapper-focus":u||v},e.className),ve=p.createElement("div",{className:"p-hidden-accessible"},p.createElement("input",{ref:U,role:"listbox",id:e.inputId,type:"text",readOnly:!0,"aria-expanded":v,onFocus:Z,onBlur:z,onKeyDown:ee,disabled:e.disabled,tabIndex:e.tabIndex,"aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledBy})),he=function(){var t=o.classNames("p-treeselect-label",{"p-placeholder":B()===e.placeholder,"p-treeselect-label-empty":!e.placeholder&&M}),n=null;return e.valueTemplate?n=o.ObjectUtils.getJSXElement(e.valueTemplate,de,e):"comma"===e.display?n=B()||"empty":"chip"===e.display&&(n=p.createElement(p.Fragment,null,de&&de.map((function(e,t){return p.createElement("div",{className:"p-treeselect-token",key:"".concat(e.key,"_").concat(t)},p.createElement("span",{className:"p-treeselect-token-label"},e.label))})),M&&(e.placeholder||"empty"))),p.createElement("div",{className:"p-treeselect-label-container"},p.createElement("div",{className:t},n))}(),be=(pe=o.classNames("p-treeselect-trigger-icon p-clickable",e.dropdownIcon),p.createElement("div",{ref:H,className:"p-treeselect-trigger",role:"button","aria-haspopup":"listbox","aria-expanded":v},p.createElement("span",{className:pe}))),ge=p.createElement(p.Fragment,null,p.createElement(a.Tree,{value:e.options,selectionMode:e.selectionMode,selectionKeys:e.value,metaKeySelection:e.metaKeySelection,onSelectionChange:$,onSelect:Y,onUnselect:G,expandedKeys:g,onToggle:Q,onExpand:e.onNodeExpand,onCollapse:e.onNodeCollapse,filter:e.filter,filterValue:F,filterBy:e.filterBy,filterMode:e.filterMode,filterPlaceholder:e.filterPlaceholder,filterLocale:e.filterLocale,showHeader:!1,onFilterValueChange:W}),A&&p.createElement("div",{className:"p-treeselect-empty-message"},e.emptyMessage||t.localeOption("emptyMessage"))),Ee=function(){var t=fe(),n=p.createElement("button",{type:"button",className:"p-treeselect-close p-link",onClick:X},p.createElement("span",{className:"p-treeselect-close-icon pi pi-times"}),p.createElement(r.Ripple,null)),l=p.createElement("div",{className:"p-treeselect-header"},t,n);return e.panelHeaderTemplate?o.ObjectUtils.getJSXElement(e.panelHeaderTemplate,{className:"p-treeselect-header",filterElement:t,closeElement:n,closeElementClassName:"p-treeselect-close p-link",closeIconClassName:"p-treeselect-close-icon pi pi-times",onCloseClick:X,element:l,props:e}):l}(),Oe=o.ObjectUtils.getJSXElement(e.panelFooterTemplate,e);return p.createElement("div",d({id:e.id,ref:I,className:ye,style:e.style},me,{onClick:function(t){e.disabled||T.current&&T.current.contains(t.target)||o.DomHandler.hasClass(t.target,"p-treeselect-close")||(o.DomHandler.focus(U.current),v?X():J())}}),ve,he,be,p.createElement(O,{ref:T,appendTo:e.appendTo,panelStyle:e.panelStyle,panelClassName:e.panelClassName,scrollHeight:e.scrollHeight,onClick:function(e){l.OverlayService.emit("overlay-click",{originalEvent:e,target:I.current})},header:Ee,footer:Oe,transitionOptions:e.transitionOptions,in:v,onEnter:function(){o.ZIndexUtils.set("overlay",T.current,f.default.autoZIndex,f.default.zIndex.overlay),re(),ae()},onEntered:function(){L(),e.filter&&e.filterInputAutoFocus&&o.DomHandler.focus(P.current,e.filterInputAutoFocus),e.onShow&&e.onShow()},onExit:function(){_()},onExited:function(){e.filter&&e.resetFilterOnHide&&le(),o.ZIndexUtils.clear(T.current),e.onHide&&e.onHide()}},ge))})));C.displayName="TreeSelect",C.defaultProps={__TYPE:"TreeSelect",id:null,value:null,name:null,style:null,className:null,disabled:!1,options:null,scrollHeight:"400px",placeholder:null,tabIndex:null,inputId:null,ariaLabel:null,ariaLabelledBy:null,selectionMode:"single",panelStyle:null,panelClassName:null,appendTo:null,emptyMessage:null,display:"comma",metaKeySelection:!0,valueTemplate:null,panelHeaderTemplate:null,panelFooterTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",filter:!1,filterTemplate:null,filterValue:null,filterBy:"label",filterMode:"lenient",filterPlaceholder:null,filterLocale:void 0,filterInputAutoFocus:!0,resetFilterOnHide:!1,onShow:null,onHide:null,onChange:null,onNodeSelect:null,onNodeUnselect:null,onNodeExpand:null,onNodeCollapse:null,onFilterValueChange:null},exports.TreeSelect=C;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/hooks"),l=require("primereact/overlayservice"),r=require("primereact/ripple"),a=require("primereact/tree"),o=require("primereact/utils"),i=require("primereact/csstransition"),c=require("primereact/portal");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var p=s(e),f=u(t);function d(){return d=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},d.apply(this,arguments)}function m(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function y(e){if(Array.isArray(e))return e}function v(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,a=[],o=!0,i=!1;try{for(n=n.call(e);!(o=(l=n.next()).done)&&(a.push(l.value),!t||a.length!==t);o=!0);}catch(e){i=!0,r=e}finally{try{o||null==n.return||n.return()}finally{if(i)throw r}}return a}}function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function b(e,t){if(e){if("string"==typeof e)return h(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?h(e,t):void 0}}function g(){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 E(e,t){return y(e)||v(e,t)||b(e,t)||g()}var O=p.forwardRef((function(e,t){var n,l,r=(n={maxHeight:e.scrollHeight||"auto"},l=o.classNames("p-treeselect-panel p-component",e.panelClassName),p.createElement(i.CSSTransition,{nodeRef:t,classNames:"p-connected-overlay",in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:e.onEnter,onEntering:e.onEntering,onEntered:e.onEntered,onExit:e.onExit,onExited:e.onExited},p.createElement("div",{ref:t,className:l,style:e.panelStyle,onClick:e.onClick},e.header,p.createElement("div",{className:"p-treeselect-items-wrapper",style:n},e.children),e.footer)));return p.createElement(c.Portal,{element:r,appendTo:e.appendTo})}));function N(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function S(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?N(Object(n),!0).forEach((function(t){m(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):N(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function w(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=j(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var l=0,r=function(){};return{s:r,n:function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,o=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){i=!0,a=e},f:function(){try{o||null==n.return||n.return()}finally{if(i)throw a}}}}function j(e,t){if(e){if("string"==typeof e)return x(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?x(e,t):void 0}}function x(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}O.displayName="TreeSelectPanel";var C=p.memo(p.forwardRef((function(e,i){var c=E(p.useState(!1),2),u=c[0],s=c[1],y=E(p.useState(!1),2),v=y[0],h=y[1],b=E(p.useState(e.expandedKeys),2),g=b[0],N=b[1],j=E(p.useState(""),2),x=j[0],k=j[1],T=p.useRef(null),I=p.useRef(null),P=p.useRef(null),U=p.useRef(null),H=p.useRef(null),D=p.useRef(null),F=e.onToggle?e.expandedKeys:g,M=e.onFilterValueChange?e.filterValue:x,A=o.ObjectUtils.isEmpty(e.value),K=o.ObjectUtils.isEmpty(e.options),R="single"===e.selectionMode,V="checkbox"===e.selectionMode,q={filter:function(e){return le(e)},reset:function(){return re()}},L=E(n.useOverlayListener({target:T,overlay:I,listener:function(e,t){t.valid&&Z()},when:v}),2),_=L[0],B=L[1],J=function(){return me.length?me.map((function(e){return e.label})).join(", "):e.placeholder},X=function(){h(!0)},Z=function(){h(!1)},z=function(){s(!0)},$=function(){s(!1)},Y=function(t){e.onChange&&(D.current=!0,e.onChange({originalEvent:t.originalEvent,value:t.value,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:t.value}}))},G=function(t){e.onNodeSelect&&e.onNodeSelect(t),R&&Z()},Q=function(t){e.onNodeUnselect&&e.onNodeUnselect(t)},W=function(t){e.onToggle?e.onToggle(t):N(t.value)},ee=function(e){k(e.value)},te=function(e){switch(e.which){case 40:!v&&e.altKey&&X();break;case 32:v||(X(),e.preventDefault());break;case 13:case 27:v&&(Z(),e.preventDefault());break;case 9:Z()}},ne=function(e){13===e.which&&e.preventDefault()},le=function(t){var n=t.target.value;e.onFilterValueChange?e.onFilterValueChange({originalEvent:t,value:n}):k(n)},re=function(){k("")},ae=function(){o.DomHandler.alignOverlay(I.current,H.current.parentElement,e.appendTo||f.default.appendTo)},oe=function(){var e=o.DomHandler.findSingle(I.current,".p-treenode-content.p-highlight");e&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"start"})},ie=function t(n,l,r){if(n){if(ce(n,l)&&(r.push(n),delete l[n.key]),Object.keys(l).length&&n.children){var a,o=w(n.children);try{for(o.s();!(a=o.n()).done;){t(a.value,l,r)}}catch(e){o.e(e)}finally{o.f()}}}else{var i,c=w(e.options);try{for(c.s();!(i=c.n()).done;){t(i.value,l,r)}}catch(e){c.e(e)}finally{c.f()}}},ce=function(e,t){return V?t[e.key]&&t[e.key].checked:t[e.key]},ue=function(){var t=R?m({},"".concat(e.value),!0):S({},e.value);N({}),t&&e.options&&se(null,null,t)},se=function t(n,l,r){if(n){if(ce(n,r)&&(pe(l),delete r[n.key]),Object.keys(r).length&&n.children){var a,o=w(n.children);try{for(o.s();!(a=o.n()).done;){var i=a.value;l.push(n.key),t(i,l,r)}}catch(e){o.e(e)}finally{o.f()}}}else{var c,u=w(e.options);try{for(u.s();!(c=u.n()).done;){t(c.value,[],r)}}catch(e){u.e(e)}finally{u.f()}}},pe=function(e){if(e.length>0){var t,n=S({},g||{}),l=w(e);try{for(l.s();!(t=l.n()).done;){n[t.value]=!0}}catch(e){l.e(e)}finally{l.f()}N(n)}};p.useImperativeHandle(i,(function(){return{props:e,getElement:function(){return T.current}}})),n.useMountEffect((function(){ue()})),n.useUpdateEffect((function(){v&&e.filter&&ae()})),n.useUpdateEffect((function(){ue()}),[e.options]),n.useUpdateEffect((function(){v&&g&&ae()}),[g]),n.useUpdateEffect((function(){v&&(D.current||ue(),D.current=!1)}),[e.value]),n.useUnmountEffect((function(){o.ZIndexUtils.clear(I.current)}));var fe,de=function(){if(e.filter){var t=o.ObjectUtils.isNotEmpty(M)?M:"",n=p.createElement("div",{className:"p-treeselect-filter-container"},p.createElement("input",{ref:P,type:"text",value:t,autoComplete:"off",className:"p-treeselect-filter p-inputtext p-component",placeholder:e.filterPlaceholder,onKeyDown:ne,onChange:le,disabled:e.disabled}),p.createElement("span",{className:"p-treeselect-filter-icon pi pi-search"}));if(e.filterTemplate)n=o.ObjectUtils.getJSXElement(e.filterTemplate,{className:"p-treeselect-filter-container",element:n,filterOptions:q,filterInputKeyDown:ne,filterInputChange:le,filterIconClassName:"p-dropdown-filter-icon pi pi-search",props:e});return p.createElement(p.Fragment,null,n)}},me=function(){var t=[];if(o.ObjectUtils.isNotEmpty(e.value)&&e.options){var n=R?m({},"".concat(e.value),!0):S({},e.value);ie(null,n,t)}return t}(),ye=o.ObjectUtils.findDiffKeys(e,C.defaultProps),ve=o.classNames("p-treeselect p-component p-inputwrapper",{"p-treeselect-chip":"chip"===e.display,"p-disabled":e.disabled,"p-focus":u,"p-inputwrapper-filled":!A,"p-inputwrapper-focus":u||v},e.className),he=p.createElement("div",{className:"p-hidden-accessible"},p.createElement("input",{ref:U,role:"listbox",id:e.inputId,type:"text",readOnly:!0,"aria-expanded":v,onFocus:z,onBlur:$,onKeyDown:te,disabled:e.disabled,tabIndex:e.tabIndex,"aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledBy})),be=function(){var t=o.classNames("p-treeselect-label",{"p-placeholder":J()===e.placeholder,"p-treeselect-label-empty":!e.placeholder&&A}),n=null;return e.valueTemplate?n=o.ObjectUtils.getJSXElement(e.valueTemplate,me,e):"comma"===e.display?n=J()||"empty":"chip"===e.display&&(n=p.createElement(p.Fragment,null,me&&me.map((function(e,t){return p.createElement("div",{className:"p-treeselect-token",key:"".concat(e.key,"_").concat(t)},p.createElement("span",{className:"p-treeselect-token-label"},e.label))})),A&&(e.placeholder||"empty"))),p.createElement("div",{className:"p-treeselect-label-container"},p.createElement("div",{className:t},n))}(),ge=(fe=o.classNames("p-treeselect-trigger-icon p-clickable",e.dropdownIcon),p.createElement("div",{ref:H,className:"p-treeselect-trigger",role:"button","aria-haspopup":"listbox","aria-expanded":v},p.createElement("span",{className:fe}))),Ee=p.createElement(p.Fragment,null,p.createElement(a.Tree,{value:e.options,selectionMode:e.selectionMode,selectionKeys:e.value,metaKeySelection:e.metaKeySelection,onSelectionChange:Y,onSelect:G,onUnselect:Q,expandedKeys:F,onToggle:W,onExpand:e.onNodeExpand,onCollapse:e.onNodeCollapse,filter:e.filter,filterValue:M,filterBy:e.filterBy,filterMode:e.filterMode,filterPlaceholder:e.filterPlaceholder,filterLocale:e.filterLocale,showHeader:!1,onFilterValueChange:ee}),K&&p.createElement("div",{className:"p-treeselect-empty-message"},e.emptyMessage||t.localeOption("emptyMessage"))),Oe=function(){var t=de(),n=p.createElement("button",{type:"button",className:"p-treeselect-close p-link",onClick:Z},p.createElement("span",{className:"p-treeselect-close-icon pi pi-times"}),p.createElement(r.Ripple,null)),l=p.createElement("div",{className:"p-treeselect-header"},t,n);return e.panelHeaderTemplate?o.ObjectUtils.getJSXElement(e.panelHeaderTemplate,{className:"p-treeselect-header",filterElement:t,closeElement:n,closeElementClassName:"p-treeselect-close p-link",closeIconClassName:"p-treeselect-close-icon pi pi-times",onCloseClick:Z,element:l,props:e}):l}(),Ne=o.ObjectUtils.getJSXElement(e.panelFooterTemplate,e);return p.createElement("div",d({id:e.id,ref:T,className:ve,style:e.style},ye,{onClick:function(t){e.disabled||I.current&&I.current.contains(t.target)||o.DomHandler.hasClass(t.target,"p-treeselect-close")||(o.DomHandler.focus(U.current),v?Z():X())}}),he,be,ge,p.createElement(O,{ref:I,appendTo:e.appendTo,panelStyle:e.panelStyle,panelClassName:e.panelClassName,scrollHeight:e.scrollHeight,onClick:function(e){l.OverlayService.emit("overlay-click",{originalEvent:e,target:T.current})},header:Oe,footer:Ne,transitionOptions:e.transitionOptions,in:v,onEnter:function(){o.ZIndexUtils.set("overlay",I.current,f.default.autoZIndex,f.default.zIndex.overlay),ae(),oe()},onEntered:function(){_(),e.filter&&e.filterInputAutoFocus&&o.DomHandler.focus(P.current,e.filterInputAutoFocus),e.onShow&&e.onShow()},onExit:function(){B()},onExited:function(){e.filter&&e.resetFilterOnHide&&re(),o.ZIndexUtils.clear(I.current),e.onHide&&e.onHide()}},Ee))})));C.displayName="TreeSelect",C.defaultProps={__TYPE:"TreeSelect",id:null,value:null,name:null,style:null,className:null,disabled:!1,options:null,scrollHeight:"400px",placeholder:null,tabIndex:null,inputId:null,ariaLabel:null,ariaLabelledBy:null,selectionMode:"single",expandedKeys:null,panelStyle:null,panelClassName:null,appendTo:null,emptyMessage:null,display:"comma",metaKeySelection:!0,valueTemplate:null,panelHeaderTemplate:null,panelFooterTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",filter:!1,filterTemplate:null,filterValue:null,filterBy:"label",filterMode:"lenient",filterPlaceholder:null,filterLocale:void 0,filterInputAutoFocus:!0,resetFilterOnHide:!1,onShow:null,onHide:null,onChange:null,onNodeSelect:null,onNodeUnselect:null,onNodeExpand:null,onNodeCollapse:null,onFilterValueChange:null},exports.TreeSelect=C;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import TreeNode from '../treenode';
|
|
3
|
-
import TreeEventNodeParams from '../tree';
|
|
4
2
|
import { CSSTransitionProps } from '../csstransition';
|
|
3
|
+
import TreeNode from '../treenode';
|
|
5
4
|
|
|
6
5
|
type TreeSelectSelectionModeType = 'single' | 'multiple' | 'checkbox';
|
|
7
6
|
|
|
@@ -62,6 +61,15 @@ interface TreeSelectEventNodeParams {
|
|
|
62
61
|
node: TreeNode;
|
|
63
62
|
}
|
|
64
63
|
|
|
64
|
+
interface TreeSelectExpandedKeysType {
|
|
65
|
+
[key: string]: boolean;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
interface TreeSelectExpandedParams {
|
|
69
|
+
originalEvent: React.SyntheticEvent;
|
|
70
|
+
value: TreeSelectExpandedKeysType;
|
|
71
|
+
}
|
|
72
|
+
|
|
65
73
|
interface TreeSelectFilterValueChangeParams {
|
|
66
74
|
originalEvent: React.FormEvent<HTMLInputElement>;
|
|
67
75
|
value: string;
|
|
@@ -72,7 +80,7 @@ interface TreeSelectFilterOptions {
|
|
|
72
80
|
reset?: () => void;
|
|
73
81
|
}
|
|
74
82
|
|
|
75
|
-
export interface TreeSelectProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange'|'value' | 'ref'> {
|
|
83
|
+
export interface TreeSelectProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange' | 'value' | 'ref'> {
|
|
76
84
|
value?: TreeSelectSelectionKeys;
|
|
77
85
|
name?: string;
|
|
78
86
|
disabled?: boolean;
|
|
@@ -87,6 +95,7 @@ export interface TreeSelectProps extends Omit<React.DetailedHTMLProps<React.Inpu
|
|
|
87
95
|
panelClassName?: string;
|
|
88
96
|
appendTo?: TreeSelectAppendToType;
|
|
89
97
|
emptyMessage?: string;
|
|
98
|
+
expandedKeys?: TreeSelectExpandedKeysType;
|
|
90
99
|
display?: TreeSelectDisplayType;
|
|
91
100
|
metaKeySelection?: boolean;
|
|
92
101
|
valueTemplate?: TreeSelectValueTemplateType;
|
|
@@ -106,6 +115,7 @@ export interface TreeSelectProps extends Omit<React.DetailedHTMLProps<React.Inpu
|
|
|
106
115
|
onShow?(): void;
|
|
107
116
|
onHide?(): void;
|
|
108
117
|
onChange?(e: TreeSelectChangeParams): void;
|
|
118
|
+
onToggle?(e: TreeSelectExpandedParams): void;
|
|
109
119
|
onNodeSelect?(e: TreeSelectEventNodeParams): void;
|
|
110
120
|
onNodeUnselect?(e: TreeSelectEventNodeParams): void;
|
|
111
121
|
onNodeExpand?(e: TreeSelectEventNodeParams): void;
|
|
@@ -162,7 +162,7 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
162
162
|
overlayVisibleState = _React$useState4[0],
|
|
163
163
|
setOverlayVisibleState = _React$useState4[1];
|
|
164
164
|
|
|
165
|
-
var _React$useState5 = React.useState(
|
|
165
|
+
var _React$useState5 = React.useState(props.expandedKeys),
|
|
166
166
|
_React$useState6 = _slicedToArray(_React$useState5, 2),
|
|
167
167
|
expandedKeysState = _React$useState6[0],
|
|
168
168
|
setExpandedKeysState = _React$useState6[1];
|
|
@@ -178,6 +178,7 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
178
178
|
var focusInputRef = React.useRef(null);
|
|
179
179
|
var triggerRef = React.useRef(null);
|
|
180
180
|
var selfChange = React.useRef(null);
|
|
181
|
+
var expandedKeys = props.onToggle ? props.expandedKeys : expandedKeysState;
|
|
181
182
|
var filteredValue = props.onFilterValueChange ? props.filterValue : filterValueState;
|
|
182
183
|
var isValueEmpty = ObjectUtils.isEmpty(props.value);
|
|
183
184
|
var hasNoOptions = ObjectUtils.isEmpty(props.options);
|
|
@@ -261,7 +262,11 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
261
262
|
};
|
|
262
263
|
|
|
263
264
|
var onNodeToggle = function onNodeToggle(e) {
|
|
264
|
-
|
|
265
|
+
if (props.onToggle) {
|
|
266
|
+
props.onToggle(e);
|
|
267
|
+
} else {
|
|
268
|
+
setExpandedKeysState(e.value);
|
|
269
|
+
}
|
|
265
270
|
};
|
|
266
271
|
|
|
267
272
|
var onFilterValueChange = function onFilterValueChange(e) {
|
|
@@ -473,7 +478,7 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
473
478
|
|
|
474
479
|
var expandPath = function expandPath(path) {
|
|
475
480
|
if (path.length > 0) {
|
|
476
|
-
var
|
|
481
|
+
var _expandedKeys = _objectSpread({}, expandedKeysState || {});
|
|
477
482
|
|
|
478
483
|
var _iterator5 = _createForOfIteratorHelper(path),
|
|
479
484
|
_step5;
|
|
@@ -481,7 +486,7 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
481
486
|
try {
|
|
482
487
|
for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
|
|
483
488
|
var key = _step5.value;
|
|
484
|
-
|
|
489
|
+
_expandedKeys[key] = true;
|
|
485
490
|
}
|
|
486
491
|
} catch (err) {
|
|
487
492
|
_iterator5.e(err);
|
|
@@ -489,7 +494,7 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
489
494
|
_iterator5.f();
|
|
490
495
|
}
|
|
491
496
|
|
|
492
|
-
setExpandedKeysState(
|
|
497
|
+
setExpandedKeysState(_expandedKeys);
|
|
493
498
|
}
|
|
494
499
|
};
|
|
495
500
|
|
|
@@ -614,7 +619,7 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
614
619
|
onSelectionChange: onSelectionChange,
|
|
615
620
|
onSelect: onNodeSelect,
|
|
616
621
|
onUnselect: onNodeUnselect,
|
|
617
|
-
expandedKeys:
|
|
622
|
+
expandedKeys: expandedKeys,
|
|
618
623
|
onToggle: onNodeToggle,
|
|
619
624
|
onExpand: props.onNodeExpand,
|
|
620
625
|
onCollapse: props.onNodeCollapse,
|
|
@@ -757,6 +762,7 @@ TreeSelect.defaultProps = {
|
|
|
757
762
|
ariaLabel: null,
|
|
758
763
|
ariaLabelledBy: null,
|
|
759
764
|
selectionMode: 'single',
|
|
765
|
+
expandedKeys: null,
|
|
760
766
|
panelStyle: null,
|
|
761
767
|
panelClassName: null,
|
|
762
768
|
appendTo: null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import t,{localeOption as n}from"primereact/api";import{useOverlayListener as l,useMountEffect as r,useUpdateEffect as a,useUnmountEffect as o}from"primereact/hooks";import{OverlayService as i}from"primereact/overlayservice";import{Ripple as c}from"primereact/ripple";import{Tree as u}from"primereact/tree";import{classNames as s,ObjectUtils as p,ZIndexUtils as f,DomHandler as m}from"primereact/utils";import{CSSTransition as d}from"primereact/csstransition";import{Portal as y}from"primereact/portal";function v(){return v=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},v.apply(this,arguments)}function h(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function g(e){if(Array.isArray(e))return e}function b(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,a=[],o=!0,i=!1;try{for(n=n.call(e);!(o=(l=n.next()).done)&&(a.push(l.value),!t||a.length!==t);o=!0);}catch(e){i=!0,r=e}finally{try{o||null==n.return||n.return()}finally{if(i)throw r}}return a}}function E(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function N(e,t){if(e){if("string"==typeof e)return E(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?E(e,t):void 0}}function w(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function S(e,t){return g(e)||b(e,t)||N(e,t)||w()}var O=e.forwardRef((function(t,n){var l,r,a=(l={maxHeight:t.scrollHeight||"auto"},r=s("p-treeselect-panel p-component",t.panelClassName),e.createElement(d,{nodeRef:n,classNames:"p-connected-overlay",in:t.in,timeout:{enter:120,exit:100},options:t.transitionOptions,unmountOnExit:!0,onEnter:t.onEnter,onEntering:t.onEntering,onEntered:t.onEntered,onExit:t.onExit,onExited:t.onExited},e.createElement("div",{ref:n,className:r,style:t.panelStyle,onClick:t.onClick},t.header,e.createElement("div",{className:"p-treeselect-items-wrapper",style:l},t.children),t.footer)));return e.createElement(y,{element:a,appendTo:t.appendTo})}));function C(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?C(Object(n),!0).forEach((function(t){h(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):C(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function x(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=I(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var l=0,r=function(){};return{s:r,n:function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,o=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){i=!0,a=e},f:function(){try{o||null==n.return||n.return()}finally{if(i)throw a}}}}function I(e,t){if(e){if("string"==typeof e)return T(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?T(e,t):void 0}}function T(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}O.displayName="TreeSelectPanel";var j=e.memo(e.forwardRef((function(d,y){var g=S(e.useState(!1),2),b=g[0],E=g[1],N=S(e.useState(!1),2),w=N[0],C=N[1],I=S(e.useState({}),2),T=I[0],P=I[1],F=S(e.useState(""),2),A=F[0],H=F[1],M=e.useRef(null),D=e.useRef(null),K=e.useRef(null),V=e.useRef(null),R=e.useRef(null),L=e.useRef(null),B=d.onFilterValueChange?d.filterValue:A,U=p.isEmpty(d.value),J=p.isEmpty(d.options),X="single"===d.selectionMode,_="checkbox"===d.selectionMode,$={filter:function(e){return ce(e)},reset:function(){return ue()}},z=S(l({target:M,overlay:D,listener:function(e,t){t.valid&&Q()},when:w}),2),Y=z[0],Z=z[1],q=function(){return be.length?be.map((function(e){return e.label})).join(", "):d.placeholder},G=function(){C(!0)},Q=function(){C(!1)},W=function(){E(!0)},ee=function(){E(!1)},te=function(e){d.onChange&&(L.current=!0,d.onChange({originalEvent:e.originalEvent,value:e.value,stopPropagation:function(){},preventDefault:function(){},target:{name:d.name,id:d.id,value:e.value}}))},ne=function(e){d.onNodeSelect&&d.onNodeSelect(e),X&&Q()},le=function(e){d.onNodeUnselect&&d.onNodeUnselect(e)},re=function(e){P(e.value)},ae=function(e){H(e.value)},oe=function(e){switch(e.which){case 40:!w&&e.altKey&&G();break;case 32:w||(G(),e.preventDefault());break;case 13:case 27:w&&(Q(),e.preventDefault());break;case 9:Q()}},ie=function(e){13===e.which&&e.preventDefault()},ce=function(e){var t=e.target.value;d.onFilterValueChange?d.onFilterValueChange({originalEvent:e,value:t}):H(t)},ue=function(){H("")},se=function(){m.alignOverlay(D.current,R.current.parentElement,d.appendTo||t.appendTo)},pe=function(){var e=m.findSingle(D.current,".p-treenode-content.p-highlight");e&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"start"})},fe=function e(t,n,l){if(t){if(me(t,n)&&(l.push(t),delete n[t.key]),Object.keys(n).length&&t.children){var r,a=x(t.children);try{for(a.s();!(r=a.n()).done;){e(r.value,n,l)}}catch(e){a.e(e)}finally{a.f()}}}else{var o,i=x(d.options);try{for(i.s();!(o=i.n()).done;){e(o.value,n,l)}}catch(e){i.e(e)}finally{i.f()}}},me=function(e,t){return _?t[e.key]&&t[e.key].checked:t[e.key]},de=function(){var e=X?h({},"".concat(d.value),!0):k({},d.value);P({}),e&&d.options&&ye(null,null,e)},ye=function e(t,n,l){if(t){if(me(t,l)&&(ve(n),delete l[t.key]),Object.keys(l).length&&t.children){var r,a=x(t.children);try{for(a.s();!(r=a.n()).done;){var o=r.value;n.push(t.key),e(o,n,l)}}catch(e){a.e(e)}finally{a.f()}}}else{var i,c=x(d.options);try{for(c.s();!(i=c.n()).done;){e(i.value,[],l)}}catch(e){c.e(e)}finally{c.f()}}},ve=function(e){if(e.length>0){var t,n=k({},T||{}),l=x(e);try{for(l.s();!(t=l.n()).done;){n[t.value]=!0}}catch(e){l.e(e)}finally{l.f()}P(n)}};e.useImperativeHandle(y,(function(){return{props:d,getElement:function(){return M.current}}})),r((function(){de()})),a((function(){w&&d.filter&&se()})),a((function(){de()}),[d.options]),a((function(){w&&T&&se()}),[T]),a((function(){w&&(L.current||de(),L.current=!1)}),[d.value]),o((function(){f.clear(D.current)}));var he,ge=function(){if(d.filter){var t=p.isNotEmpty(B)?B:"",n=e.createElement("div",{className:"p-treeselect-filter-container"},e.createElement("input",{ref:K,type:"text",value:t,autoComplete:"off",className:"p-treeselect-filter p-inputtext p-component",placeholder:d.filterPlaceholder,onKeyDown:ie,onChange:ce,disabled:d.disabled}),e.createElement("span",{className:"p-treeselect-filter-icon pi pi-search"}));if(d.filterTemplate)n=p.getJSXElement(d.filterTemplate,{className:"p-treeselect-filter-container",element:n,filterOptions:$,filterInputKeyDown:ie,filterInputChange:ce,filterIconClassName:"p-dropdown-filter-icon pi pi-search",props:d});return e.createElement(e.Fragment,null,n)}},be=function(){var e=[];if(p.isNotEmpty(d.value)&&d.options){var t=X?h({},"".concat(d.value),!0):k({},d.value);fe(null,t,e)}return e}(),Ee=p.findDiffKeys(d,j.defaultProps),Ne=s("p-treeselect p-component p-inputwrapper",{"p-treeselect-chip":"chip"===d.display,"p-disabled":d.disabled,"p-focus":b,"p-inputwrapper-filled":!U,"p-inputwrapper-focus":b||w},d.className),we=e.createElement("div",{className:"p-hidden-accessible"},e.createElement("input",{ref:V,role:"listbox",id:d.inputId,type:"text",readOnly:!0,"aria-expanded":w,onFocus:W,onBlur:ee,onKeyDown:oe,disabled:d.disabled,tabIndex:d.tabIndex,"aria-label":d.ariaLabel,"aria-labelledby":d.ariaLabelledBy})),Se=function(){var t=s("p-treeselect-label",{"p-placeholder":q()===d.placeholder,"p-treeselect-label-empty":!d.placeholder&&U}),n=null;return d.valueTemplate?n=p.getJSXElement(d.valueTemplate,be,d):"comma"===d.display?n=q()||"empty":"chip"===d.display&&(n=e.createElement(e.Fragment,null,be&&be.map((function(t,n){return e.createElement("div",{className:"p-treeselect-token",key:"".concat(t.key,"_").concat(n)},e.createElement("span",{className:"p-treeselect-token-label"},t.label))})),U&&(d.placeholder||"empty"))),e.createElement("div",{className:"p-treeselect-label-container"},e.createElement("div",{className:t},n))}(),Oe=(he=s("p-treeselect-trigger-icon p-clickable",d.dropdownIcon),e.createElement("div",{ref:R,className:"p-treeselect-trigger",role:"button","aria-haspopup":"listbox","aria-expanded":w},e.createElement("span",{className:he}))),Ce=e.createElement(e.Fragment,null,e.createElement(u,{value:d.options,selectionMode:d.selectionMode,selectionKeys:d.value,metaKeySelection:d.metaKeySelection,onSelectionChange:te,onSelect:ne,onUnselect:le,expandedKeys:T,onToggle:re,onExpand:d.onNodeExpand,onCollapse:d.onNodeCollapse,filter:d.filter,filterValue:B,filterBy:d.filterBy,filterMode:d.filterMode,filterPlaceholder:d.filterPlaceholder,filterLocale:d.filterLocale,showHeader:!1,onFilterValueChange:ae}),J&&e.createElement("div",{className:"p-treeselect-empty-message"},d.emptyMessage||n("emptyMessage"))),ke=function(){var t=ge(),n=e.createElement("button",{type:"button",className:"p-treeselect-close p-link",onClick:Q},e.createElement("span",{className:"p-treeselect-close-icon pi pi-times"}),e.createElement(c,null)),l=e.createElement("div",{className:"p-treeselect-header"},t,n);return d.panelHeaderTemplate?p.getJSXElement(d.panelHeaderTemplate,{className:"p-treeselect-header",filterElement:t,closeElement:n,closeElementClassName:"p-treeselect-close p-link",closeIconClassName:"p-treeselect-close-icon pi pi-times",onCloseClick:Q,element:l,props:d}):l}(),xe=p.getJSXElement(d.panelFooterTemplate,d);return e.createElement("div",v({id:d.id,ref:M,className:Ne,style:d.style},Ee,{onClick:function(e){d.disabled||D.current&&D.current.contains(e.target)||m.hasClass(e.target,"p-treeselect-close")||(m.focus(V.current),w?Q():G())}}),we,Se,Oe,e.createElement(O,{ref:D,appendTo:d.appendTo,panelStyle:d.panelStyle,panelClassName:d.panelClassName,scrollHeight:d.scrollHeight,onClick:function(e){i.emit("overlay-click",{originalEvent:e,target:M.current})},header:ke,footer:xe,transitionOptions:d.transitionOptions,in:w,onEnter:function(){f.set("overlay",D.current,t.autoZIndex,t.zIndex.overlay),se(),pe()},onEntered:function(){Y(),d.filter&&d.filterInputAutoFocus&&m.focus(K.current,d.filterInputAutoFocus),d.onShow&&d.onShow()},onExit:function(){Z()},onExited:function(){d.filter&&d.resetFilterOnHide&&ue(),f.clear(D.current),d.onHide&&d.onHide()}},Ce))})));j.displayName="TreeSelect",j.defaultProps={__TYPE:"TreeSelect",id:null,value:null,name:null,style:null,className:null,disabled:!1,options:null,scrollHeight:"400px",placeholder:null,tabIndex:null,inputId:null,ariaLabel:null,ariaLabelledBy:null,selectionMode:"single",panelStyle:null,panelClassName:null,appendTo:null,emptyMessage:null,display:"comma",metaKeySelection:!0,valueTemplate:null,panelHeaderTemplate:null,panelFooterTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",filter:!1,filterTemplate:null,filterValue:null,filterBy:"label",filterMode:"lenient",filterPlaceholder:null,filterLocale:void 0,filterInputAutoFocus:!0,resetFilterOnHide:!1,onShow:null,onHide:null,onChange:null,onNodeSelect:null,onNodeUnselect:null,onNodeExpand:null,onNodeCollapse:null,onFilterValueChange:null};export{j as TreeSelect};
|
|
1
|
+
import*as e from"react";import t,{localeOption as n}from"primereact/api";import{useOverlayListener as l,useMountEffect as r,useUpdateEffect as a,useUnmountEffect as o}from"primereact/hooks";import{OverlayService as i}from"primereact/overlayservice";import{Ripple as c}from"primereact/ripple";import{Tree as u}from"primereact/tree";import{classNames as s,ObjectUtils as p,ZIndexUtils as f,DomHandler as d}from"primereact/utils";import{CSSTransition as m}from"primereact/csstransition";import{Portal as y}from"primereact/portal";function v(){return v=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},v.apply(this,arguments)}function h(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function g(e){if(Array.isArray(e))return e}function b(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,a=[],o=!0,i=!1;try{for(n=n.call(e);!(o=(l=n.next()).done)&&(a.push(l.value),!t||a.length!==t);o=!0);}catch(e){i=!0,r=e}finally{try{o||null==n.return||n.return()}finally{if(i)throw r}}return a}}function E(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function N(e,t){if(e){if("string"==typeof e)return E(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?E(e,t):void 0}}function w(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function S(e,t){return g(e)||b(e,t)||N(e,t)||w()}var O=e.forwardRef((function(t,n){var l,r,a=(l={maxHeight:t.scrollHeight||"auto"},r=s("p-treeselect-panel p-component",t.panelClassName),e.createElement(m,{nodeRef:n,classNames:"p-connected-overlay",in:t.in,timeout:{enter:120,exit:100},options:t.transitionOptions,unmountOnExit:!0,onEnter:t.onEnter,onEntering:t.onEntering,onEntered:t.onEntered,onExit:t.onExit,onExited:t.onExited},e.createElement("div",{ref:n,className:r,style:t.panelStyle,onClick:t.onClick},t.header,e.createElement("div",{className:"p-treeselect-items-wrapper",style:l},t.children),t.footer)));return e.createElement(y,{element:a,appendTo:t.appendTo})}));function x(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function C(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?x(Object(n),!0).forEach((function(t){h(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):x(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function k(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=T(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var l=0,r=function(){};return{s:r,n:function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,o=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){i=!0,a=e},f:function(){try{o||null==n.return||n.return()}finally{if(i)throw a}}}}function T(e,t){if(e){if("string"==typeof e)return I(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?I(e,t):void 0}}function I(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}O.displayName="TreeSelectPanel";var j=e.memo(e.forwardRef((function(m,y){var g=S(e.useState(!1),2),b=g[0],E=g[1],N=S(e.useState(!1),2),w=N[0],x=N[1],T=S(e.useState(m.expandedKeys),2),I=T[0],P=T[1],F=S(e.useState(""),2),A=F[0],H=F[1],K=e.useRef(null),M=e.useRef(null),D=e.useRef(null),V=e.useRef(null),R=e.useRef(null),L=e.useRef(null),B=m.onToggle?m.expandedKeys:I,U=m.onFilterValueChange?m.filterValue:A,J=p.isEmpty(m.value),X=p.isEmpty(m.options),_="single"===m.selectionMode,$="checkbox"===m.selectionMode,z={filter:function(e){return ue(e)},reset:function(){return se()}},Y=S(l({target:K,overlay:M,listener:function(e,t){t.valid&&W()},when:w}),2),Z=Y[0],q=Y[1],G=function(){return Ee.length?Ee.map((function(e){return e.label})).join(", "):m.placeholder},Q=function(){x(!0)},W=function(){x(!1)},ee=function(){E(!0)},te=function(){E(!1)},ne=function(e){m.onChange&&(L.current=!0,m.onChange({originalEvent:e.originalEvent,value:e.value,stopPropagation:function(){},preventDefault:function(){},target:{name:m.name,id:m.id,value:e.value}}))},le=function(e){m.onNodeSelect&&m.onNodeSelect(e),_&&W()},re=function(e){m.onNodeUnselect&&m.onNodeUnselect(e)},ae=function(e){m.onToggle?m.onToggle(e):P(e.value)},oe=function(e){H(e.value)},ie=function(e){switch(e.which){case 40:!w&&e.altKey&&Q();break;case 32:w||(Q(),e.preventDefault());break;case 13:case 27:w&&(W(),e.preventDefault());break;case 9:W()}},ce=function(e){13===e.which&&e.preventDefault()},ue=function(e){var t=e.target.value;m.onFilterValueChange?m.onFilterValueChange({originalEvent:e,value:t}):H(t)},se=function(){H("")},pe=function(){d.alignOverlay(M.current,R.current.parentElement,m.appendTo||t.appendTo)},fe=function(){var e=d.findSingle(M.current,".p-treenode-content.p-highlight");e&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"start"})},de=function e(t,n,l){if(t){if(me(t,n)&&(l.push(t),delete n[t.key]),Object.keys(n).length&&t.children){var r,a=k(t.children);try{for(a.s();!(r=a.n()).done;){e(r.value,n,l)}}catch(e){a.e(e)}finally{a.f()}}}else{var o,i=k(m.options);try{for(i.s();!(o=i.n()).done;){e(o.value,n,l)}}catch(e){i.e(e)}finally{i.f()}}},me=function(e,t){return $?t[e.key]&&t[e.key].checked:t[e.key]},ye=function(){var e=_?h({},"".concat(m.value),!0):C({},m.value);P({}),e&&m.options&&ve(null,null,e)},ve=function e(t,n,l){if(t){if(me(t,l)&&(he(n),delete l[t.key]),Object.keys(l).length&&t.children){var r,a=k(t.children);try{for(a.s();!(r=a.n()).done;){var o=r.value;n.push(t.key),e(o,n,l)}}catch(e){a.e(e)}finally{a.f()}}}else{var i,c=k(m.options);try{for(c.s();!(i=c.n()).done;){e(i.value,[],l)}}catch(e){c.e(e)}finally{c.f()}}},he=function(e){if(e.length>0){var t,n=C({},I||{}),l=k(e);try{for(l.s();!(t=l.n()).done;){n[t.value]=!0}}catch(e){l.e(e)}finally{l.f()}P(n)}};e.useImperativeHandle(y,(function(){return{props:m,getElement:function(){return K.current}}})),r((function(){ye()})),a((function(){w&&m.filter&&pe()})),a((function(){ye()}),[m.options]),a((function(){w&&I&&pe()}),[I]),a((function(){w&&(L.current||ye(),L.current=!1)}),[m.value]),o((function(){f.clear(M.current)}));var ge,be=function(){if(m.filter){var t=p.isNotEmpty(U)?U:"",n=e.createElement("div",{className:"p-treeselect-filter-container"},e.createElement("input",{ref:D,type:"text",value:t,autoComplete:"off",className:"p-treeselect-filter p-inputtext p-component",placeholder:m.filterPlaceholder,onKeyDown:ce,onChange:ue,disabled:m.disabled}),e.createElement("span",{className:"p-treeselect-filter-icon pi pi-search"}));if(m.filterTemplate)n=p.getJSXElement(m.filterTemplate,{className:"p-treeselect-filter-container",element:n,filterOptions:z,filterInputKeyDown:ce,filterInputChange:ue,filterIconClassName:"p-dropdown-filter-icon pi pi-search",props:m});return e.createElement(e.Fragment,null,n)}},Ee=function(){var e=[];if(p.isNotEmpty(m.value)&&m.options){var t=_?h({},"".concat(m.value),!0):C({},m.value);de(null,t,e)}return e}(),Ne=p.findDiffKeys(m,j.defaultProps),we=s("p-treeselect p-component p-inputwrapper",{"p-treeselect-chip":"chip"===m.display,"p-disabled":m.disabled,"p-focus":b,"p-inputwrapper-filled":!J,"p-inputwrapper-focus":b||w},m.className),Se=e.createElement("div",{className:"p-hidden-accessible"},e.createElement("input",{ref:V,role:"listbox",id:m.inputId,type:"text",readOnly:!0,"aria-expanded":w,onFocus:ee,onBlur:te,onKeyDown:ie,disabled:m.disabled,tabIndex:m.tabIndex,"aria-label":m.ariaLabel,"aria-labelledby":m.ariaLabelledBy})),Oe=function(){var t=s("p-treeselect-label",{"p-placeholder":G()===m.placeholder,"p-treeselect-label-empty":!m.placeholder&&J}),n=null;return m.valueTemplate?n=p.getJSXElement(m.valueTemplate,Ee,m):"comma"===m.display?n=G()||"empty":"chip"===m.display&&(n=e.createElement(e.Fragment,null,Ee&&Ee.map((function(t,n){return e.createElement("div",{className:"p-treeselect-token",key:"".concat(t.key,"_").concat(n)},e.createElement("span",{className:"p-treeselect-token-label"},t.label))})),J&&(m.placeholder||"empty"))),e.createElement("div",{className:"p-treeselect-label-container"},e.createElement("div",{className:t},n))}(),xe=(ge=s("p-treeselect-trigger-icon p-clickable",m.dropdownIcon),e.createElement("div",{ref:R,className:"p-treeselect-trigger",role:"button","aria-haspopup":"listbox","aria-expanded":w},e.createElement("span",{className:ge}))),Ce=e.createElement(e.Fragment,null,e.createElement(u,{value:m.options,selectionMode:m.selectionMode,selectionKeys:m.value,metaKeySelection:m.metaKeySelection,onSelectionChange:ne,onSelect:le,onUnselect:re,expandedKeys:B,onToggle:ae,onExpand:m.onNodeExpand,onCollapse:m.onNodeCollapse,filter:m.filter,filterValue:U,filterBy:m.filterBy,filterMode:m.filterMode,filterPlaceholder:m.filterPlaceholder,filterLocale:m.filterLocale,showHeader:!1,onFilterValueChange:oe}),X&&e.createElement("div",{className:"p-treeselect-empty-message"},m.emptyMessage||n("emptyMessage"))),ke=function(){var t=be(),n=e.createElement("button",{type:"button",className:"p-treeselect-close p-link",onClick:W},e.createElement("span",{className:"p-treeselect-close-icon pi pi-times"}),e.createElement(c,null)),l=e.createElement("div",{className:"p-treeselect-header"},t,n);return m.panelHeaderTemplate?p.getJSXElement(m.panelHeaderTemplate,{className:"p-treeselect-header",filterElement:t,closeElement:n,closeElementClassName:"p-treeselect-close p-link",closeIconClassName:"p-treeselect-close-icon pi pi-times",onCloseClick:W,element:l,props:m}):l}(),Te=p.getJSXElement(m.panelFooterTemplate,m);return e.createElement("div",v({id:m.id,ref:K,className:we,style:m.style},Ne,{onClick:function(e){m.disabled||M.current&&M.current.contains(e.target)||d.hasClass(e.target,"p-treeselect-close")||(d.focus(V.current),w?W():Q())}}),Se,Oe,xe,e.createElement(O,{ref:M,appendTo:m.appendTo,panelStyle:m.panelStyle,panelClassName:m.panelClassName,scrollHeight:m.scrollHeight,onClick:function(e){i.emit("overlay-click",{originalEvent:e,target:K.current})},header:ke,footer:Te,transitionOptions:m.transitionOptions,in:w,onEnter:function(){f.set("overlay",M.current,t.autoZIndex,t.zIndex.overlay),pe(),fe()},onEntered:function(){Z(),m.filter&&m.filterInputAutoFocus&&d.focus(D.current,m.filterInputAutoFocus),m.onShow&&m.onShow()},onExit:function(){q()},onExited:function(){m.filter&&m.resetFilterOnHide&&se(),f.clear(M.current),m.onHide&&m.onHide()}},Ce))})));j.displayName="TreeSelect",j.defaultProps={__TYPE:"TreeSelect",id:null,value:null,name:null,style:null,className:null,disabled:!1,options:null,scrollHeight:"400px",placeholder:null,tabIndex:null,inputId:null,ariaLabel:null,ariaLabelledBy:null,selectionMode:"single",expandedKeys:null,panelStyle:null,panelClassName:null,appendTo:null,emptyMessage:null,display:"comma",metaKeySelection:!0,valueTemplate:null,panelHeaderTemplate:null,panelFooterTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",filter:!1,filterTemplate:null,filterValue:null,filterBy:"label",filterMode:"lenient",filterPlaceholder:null,filterLocale:void 0,filterInputAutoFocus:!0,resetFilterOnHide:!1,onShow:null,onHide:null,onChange:null,onNodeSelect:null,onNodeUnselect:null,onNodeExpand:null,onNodeCollapse:null,onFilterValueChange:null};export{j as TreeSelect};
|
package/treeselect/treeselect.js
CHANGED
|
@@ -179,7 +179,7 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, overl
|
|
|
179
179
|
overlayVisibleState = _React$useState4[0],
|
|
180
180
|
setOverlayVisibleState = _React$useState4[1];
|
|
181
181
|
|
|
182
|
-
var _React$useState5 = React__namespace.useState(
|
|
182
|
+
var _React$useState5 = React__namespace.useState(props.expandedKeys),
|
|
183
183
|
_React$useState6 = _slicedToArray(_React$useState5, 2),
|
|
184
184
|
expandedKeysState = _React$useState6[0],
|
|
185
185
|
setExpandedKeysState = _React$useState6[1];
|
|
@@ -195,6 +195,7 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, overl
|
|
|
195
195
|
var focusInputRef = React__namespace.useRef(null);
|
|
196
196
|
var triggerRef = React__namespace.useRef(null);
|
|
197
197
|
var selfChange = React__namespace.useRef(null);
|
|
198
|
+
var expandedKeys = props.onToggle ? props.expandedKeys : expandedKeysState;
|
|
198
199
|
var filteredValue = props.onFilterValueChange ? props.filterValue : filterValueState;
|
|
199
200
|
var isValueEmpty = utils.ObjectUtils.isEmpty(props.value);
|
|
200
201
|
var hasNoOptions = utils.ObjectUtils.isEmpty(props.options);
|
|
@@ -278,7 +279,11 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, overl
|
|
|
278
279
|
};
|
|
279
280
|
|
|
280
281
|
var onNodeToggle = function onNodeToggle(e) {
|
|
281
|
-
|
|
282
|
+
if (props.onToggle) {
|
|
283
|
+
props.onToggle(e);
|
|
284
|
+
} else {
|
|
285
|
+
setExpandedKeysState(e.value);
|
|
286
|
+
}
|
|
282
287
|
};
|
|
283
288
|
|
|
284
289
|
var onFilterValueChange = function onFilterValueChange(e) {
|
|
@@ -490,7 +495,7 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, overl
|
|
|
490
495
|
|
|
491
496
|
var expandPath = function expandPath(path) {
|
|
492
497
|
if (path.length > 0) {
|
|
493
|
-
var
|
|
498
|
+
var _expandedKeys = _objectSpread({}, expandedKeysState || {});
|
|
494
499
|
|
|
495
500
|
var _iterator5 = _createForOfIteratorHelper(path),
|
|
496
501
|
_step5;
|
|
@@ -498,7 +503,7 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, overl
|
|
|
498
503
|
try {
|
|
499
504
|
for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
|
|
500
505
|
var key = _step5.value;
|
|
501
|
-
|
|
506
|
+
_expandedKeys[key] = true;
|
|
502
507
|
}
|
|
503
508
|
} catch (err) {
|
|
504
509
|
_iterator5.e(err);
|
|
@@ -506,7 +511,7 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, overl
|
|
|
506
511
|
_iterator5.f();
|
|
507
512
|
}
|
|
508
513
|
|
|
509
|
-
setExpandedKeysState(
|
|
514
|
+
setExpandedKeysState(_expandedKeys);
|
|
510
515
|
}
|
|
511
516
|
};
|
|
512
517
|
|
|
@@ -631,7 +636,7 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, overl
|
|
|
631
636
|
onSelectionChange: onSelectionChange,
|
|
632
637
|
onSelect: onNodeSelect,
|
|
633
638
|
onUnselect: onNodeUnselect,
|
|
634
|
-
expandedKeys:
|
|
639
|
+
expandedKeys: expandedKeys,
|
|
635
640
|
onToggle: onNodeToggle,
|
|
636
641
|
onExpand: props.onNodeExpand,
|
|
637
642
|
onCollapse: props.onNodeCollapse,
|
|
@@ -774,6 +779,7 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, overl
|
|
|
774
779
|
ariaLabel: null,
|
|
775
780
|
ariaLabelledBy: null,
|
|
776
781
|
selectionMode: 'single',
|
|
782
|
+
expandedKeys: null,
|
|
777
783
|
panelStyle: null,
|
|
778
784
|
panelClassName: null,
|
|
779
785
|
appendTo: null,
|