primereact 8.0.0-rc.1 → 8.0.0-rc.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -2
- package/accordion/accordion.cjs.js +1 -1
- package/accordion/accordion.cjs.min.js +1 -1
- package/accordion/accordion.d.ts +2 -0
- package/accordion/accordion.esm.js +1 -1
- package/accordion/accordion.esm.min.js +1 -1
- package/accordion/accordion.js +1 -1
- package/accordion/accordion.min.js +1 -1
- package/api/api.cjs.js +2 -5
- package/api/api.cjs.min.js +1 -1
- package/api/api.esm.js +2 -5
- package/api/api.esm.min.js +1 -1
- package/api/api.js +2 -5
- package/api/api.min.js +1 -1
- package/autocomplete/autocomplete.cjs.js +5 -0
- package/autocomplete/autocomplete.cjs.min.js +1 -1
- package/autocomplete/autocomplete.d.ts +2 -1
- package/autocomplete/autocomplete.esm.js +5 -0
- package/autocomplete/autocomplete.esm.min.js +1 -1
- package/autocomplete/autocomplete.js +5 -0
- package/autocomplete/autocomplete.min.js +1 -1
- package/avatar/avatar.d.ts +1 -0
- package/avatargroup/avatargroup.d.ts +1 -0
- package/badge/badge.d.ts +1 -0
- package/blockui/blockui.d.ts +1 -0
- package/breadcrumb/breadcrumb.cjs.js +7 -5
- package/breadcrumb/breadcrumb.cjs.min.js +1 -1
- package/breadcrumb/breadcrumb.d.ts +1 -0
- package/breadcrumb/breadcrumb.esm.js +8 -6
- package/breadcrumb/breadcrumb.esm.min.js +1 -1
- package/breadcrumb/breadcrumb.js +7 -5
- package/breadcrumb/breadcrumb.min.js +1 -1
- package/button/button.cjs.js +3 -1
- package/button/button.cjs.min.js +1 -1
- package/button/button.d.ts +1 -0
- package/button/button.esm.js +3 -1
- package/button/button.esm.min.js +1 -1
- package/button/button.js +3 -1
- package/button/button.min.js +1 -1
- package/calendar/calendar.cjs.js +314 -151
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.d.ts +8 -0
- package/calendar/calendar.esm.js +314 -151
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +315 -152
- package/calendar/calendar.min.css +1 -1
- package/calendar/calendar.min.js +1 -1
- package/captcha/captcha.d.ts +1 -0
- package/card/card.d.ts +1 -0
- package/carousel/carousel.d.ts +1 -0
- package/cascadeselect/cascadeselect.d.ts +4 -2
- package/chart/chart.d.ts +1 -0
- package/checkbox/checkbox.cjs.js +5 -13
- package/checkbox/checkbox.cjs.min.js +1 -1
- package/checkbox/checkbox.d.ts +2 -2
- package/checkbox/checkbox.esm.js +5 -13
- package/checkbox/checkbox.esm.min.js +1 -1
- package/checkbox/checkbox.js +5 -13
- package/checkbox/checkbox.min.js +1 -1
- package/chip/chip.d.ts +1 -0
- package/chips/chips.d.ts +1 -0
- package/colorpicker/colorpicker.d.ts +1 -0
- package/column/column.d.ts +2 -1
- package/columngroup/columngroup.d.ts +3 -1
- package/common/common.min.css +1 -1
- package/confirmdialog/confirmdialog.cjs.js +2 -2
- package/confirmdialog/confirmdialog.d.ts +1 -0
- package/confirmdialog/confirmdialog.esm.js +2 -2
- package/confirmdialog/confirmdialog.js +2 -2
- package/confirmpopup/confirmpopup.cjs.js +2 -2
- package/confirmpopup/confirmpopup.d.ts +1 -0
- package/confirmpopup/confirmpopup.esm.js +2 -2
- package/confirmpopup/confirmpopup.js +2 -2
- package/contextmenu/contextmenu.cjs.js +6 -2
- package/contextmenu/contextmenu.cjs.min.js +1 -1
- package/contextmenu/contextmenu.d.ts +1 -0
- package/contextmenu/contextmenu.esm.js +7 -3
- package/contextmenu/contextmenu.esm.min.js +1 -1
- package/contextmenu/contextmenu.js +6 -2
- package/contextmenu/contextmenu.min.js +1 -1
- package/core/core.js +197 -134
- package/core/core.min.js +9 -9
- package/datascroller/datascroller.d.ts +1 -0
- package/datatable/datatable.cjs.js +4 -4
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.d.ts +2 -1
- package/datatable/datatable.esm.js +4 -4
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +4 -4
- package/datatable/datatable.min.js +1 -1
- package/dataview/dataview.d.ts +2 -0
- package/deferredcontent/deferredcontent.d.ts +1 -0
- package/dialog/dialog.d.ts +1 -0
- package/divider/divider.d.ts +1 -0
- package/dock/dock.cjs.js +5 -3
- package/dock/dock.cjs.min.js +1 -1
- package/dock/dock.d.ts +1 -0
- package/dock/dock.esm.js +6 -4
- package/dock/dock.esm.min.js +1 -1
- package/dock/dock.js +5 -3
- package/dock/dock.min.js +1 -1
- package/dropdown/dropdown.cjs.js +2 -6
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.d.ts +4 -2
- package/dropdown/dropdown.esm.js +2 -6
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +2 -6
- package/dropdown/dropdown.min.js +1 -1
- package/editor/editor.d.ts +1 -0
- package/fieldset/fieldset.d.ts +1 -0
- package/fileupload/fileupload.d.ts +2 -1
- package/fullcalendar/fullcalendar.d.ts +1 -0
- package/galleria/galleria.d.ts +1 -0
- package/gmap/gmap.cjs.js +27 -12
- package/gmap/gmap.cjs.min.js +1 -1
- package/gmap/gmap.d.ts +1 -0
- package/gmap/gmap.esm.js +27 -12
- package/gmap/gmap.esm.min.js +1 -1
- package/gmap/gmap.js +27 -12
- package/gmap/gmap.min.js +1 -1
- package/image/image.d.ts +1 -0
- package/inplace/inplace.d.ts +7 -2
- package/inputmask/inputmask.cjs.js +2 -0
- package/inputmask/inputmask.cjs.min.js +1 -1
- package/inputmask/inputmask.d.ts +1 -0
- package/inputmask/inputmask.esm.js +2 -0
- package/inputmask/inputmask.esm.min.js +1 -1
- package/inputmask/inputmask.js +2 -0
- package/inputmask/inputmask.min.js +1 -1
- package/inputnumber/inputnumber.cjs.js +8 -5
- package/inputnumber/inputnumber.cjs.min.js +1 -1
- package/inputnumber/inputnumber.d.ts +1 -0
- package/inputnumber/inputnumber.esm.js +8 -5
- package/inputnumber/inputnumber.esm.min.js +1 -1
- package/inputnumber/inputnumber.js +8 -5
- package/inputnumber/inputnumber.min.js +1 -1
- package/inputswitch/inputswitch.cjs.js +7 -10
- package/inputswitch/inputswitch.cjs.min.js +1 -1
- package/inputswitch/inputswitch.d.ts +2 -1
- package/inputswitch/inputswitch.esm.js +7 -10
- package/inputswitch/inputswitch.esm.min.js +1 -1
- package/inputswitch/inputswitch.js +7 -10
- package/inputswitch/inputswitch.min.js +1 -1
- package/inputtext/inputtext.cjs.js +12 -2
- package/inputtext/inputtext.cjs.min.js +1 -1
- package/inputtext/inputtext.d.ts +1 -0
- package/inputtext/inputtext.esm.js +12 -2
- package/inputtext/inputtext.esm.min.js +1 -1
- package/inputtext/inputtext.js +12 -2
- package/inputtext/inputtext.min.js +1 -1
- package/inputtextarea/inputtextarea.d.ts +1 -0
- package/keyfilter/keyfilter.cjs.js +54 -1
- package/keyfilter/keyfilter.cjs.min.js +1 -1
- package/keyfilter/keyfilter.esm.js +54 -1
- package/keyfilter/keyfilter.esm.min.js +1 -1
- package/keyfilter/keyfilter.js +146 -93
- package/keyfilter/keyfilter.min.js +1 -1
- package/knob/knob.d.ts +1 -0
- package/listbox/listbox.d.ts +4 -2
- package/megamenu/megamenu.cjs.js +8 -5
- package/megamenu/megamenu.cjs.min.js +1 -1
- package/megamenu/megamenu.d.ts +1 -0
- package/megamenu/megamenu.esm.js +9 -6
- package/megamenu/megamenu.esm.min.js +1 -1
- package/megamenu/megamenu.js +8 -5
- package/megamenu/megamenu.min.js +1 -1
- package/mention/mention.d.ts +1 -0
- package/menu/menu.cjs.js +4 -2
- package/menu/menu.cjs.min.js +1 -1
- package/menu/menu.d.ts +1 -0
- package/menu/menu.esm.js +5 -3
- package/menu/menu.esm.min.js +1 -1
- package/menu/menu.js +4 -2
- package/menu/menu.min.js +1 -1
- package/menubar/menubar.cjs.js +6 -2
- package/menubar/menubar.cjs.min.js +1 -1
- package/menubar/menubar.d.ts +1 -0
- package/menubar/menubar.esm.js +7 -3
- package/menubar/menubar.esm.min.js +1 -1
- package/menubar/menubar.js +6 -2
- package/menubar/menubar.min.js +1 -1
- package/menuitem/menuitem.d.ts +0 -2
- package/message/message.d.ts +1 -0
- package/messages/messages.d.ts +1 -0
- package/multiselect/multiselect.cjs.js +5 -13
- package/multiselect/multiselect.cjs.min.js +1 -1
- package/multiselect/multiselect.d.ts +4 -2
- package/multiselect/multiselect.esm.js +5 -13
- package/multiselect/multiselect.esm.min.js +1 -1
- package/multiselect/multiselect.js +5 -13
- package/multiselect/multiselect.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.d.ts +1 -0
- package/orderlist/orderlist.d.ts +1 -0
- package/organizationchart/organizationchart.d.ts +1 -0
- package/overlaypanel/overlaypanel.d.ts +1 -0
- package/package.json +3 -2
- package/paginator/paginator.cjs.js +11 -5
- package/paginator/paginator.d.ts +1 -0
- package/paginator/paginator.esm.js +11 -5
- package/paginator/paginator.js +11 -5
- package/panel/panel.d.ts +1 -0
- package/panelmenu/panelmenu.cjs.js +12 -6
- package/panelmenu/panelmenu.cjs.min.js +1 -1
- package/panelmenu/panelmenu.d.ts +1 -0
- package/panelmenu/panelmenu.esm.js +13 -7
- package/panelmenu/panelmenu.esm.min.js +1 -1
- package/panelmenu/panelmenu.js +12 -6
- package/panelmenu/panelmenu.min.js +1 -1
- package/password/password.d.ts +1 -0
- package/picklist/picklist.d.ts +1 -0
- package/primereact.all.cjs.js +506 -257
- package/primereact.all.cjs.min.js +1 -1
- package/primereact.all.esm.js +506 -257
- package/primereact.all.esm.min.js +1 -1
- package/primereact.all.js +506 -257
- package/primereact.all.min.js +1 -1
- package/progressbar/progressbar.d.ts +1 -0
- package/progressspinner/progressspinner.d.ts +2 -1
- package/radiobutton/radiobutton.d.ts +2 -1
- package/rating/rating.d.ts +1 -0
- package/resources/primereact.css +165 -140
- package/resources/primereact.min.css +1 -1
- package/resources/themes/arya-blue/theme.css +51 -13
- package/resources/themes/arya-green/theme.css +51 -13
- package/resources/themes/arya-orange/theme.css +51 -13
- package/resources/themes/arya-purple/theme.css +51 -13
- package/resources/themes/bootstrap4-dark-blue/theme.css +51 -13
- package/resources/themes/bootstrap4-dark-purple/theme.css +51 -13
- package/resources/themes/bootstrap4-light-blue/theme.css +51 -13
- package/resources/themes/bootstrap4-light-purple/theme.css +51 -13
- package/resources/themes/fluent-light/theme.css +51 -13
- package/resources/themes/lara-dark-blue/theme.css +51 -13
- package/resources/themes/lara-dark-indigo/theme.css +51 -13
- package/resources/themes/lara-dark-purple/theme.css +51 -13
- package/resources/themes/lara-dark-teal/theme.css +51 -13
- package/resources/themes/lara-light-blue/theme.css +51 -13
- package/resources/themes/lara-light-indigo/theme.css +51 -13
- package/resources/themes/lara-light-purple/theme.css +51 -13
- package/resources/themes/lara-light-teal/theme.css +51 -13
- package/resources/themes/luna-amber/theme.css +51 -13
- package/resources/themes/luna-blue/theme.css +51 -13
- package/resources/themes/luna-green/theme.css +51 -13
- package/resources/themes/luna-pink/theme.css +51 -13
- package/resources/themes/md-dark-deeppurple/theme.css +54 -13
- package/resources/themes/md-dark-indigo/theme.css +54 -13
- package/resources/themes/md-light-deeppurple/theme.css +54 -13
- package/resources/themes/md-light-indigo/theme.css +54 -13
- package/resources/themes/mdc-dark-deeppurple/theme.css +54 -13
- package/resources/themes/mdc-dark-indigo/theme.css +54 -13
- package/resources/themes/mdc-light-deeppurple/theme.css +54 -13
- package/resources/themes/mdc-light-indigo/theme.css +54 -13
- package/resources/themes/nova/theme.css +51 -13
- package/resources/themes/nova-accent/theme.css +51 -13
- package/resources/themes/nova-alt/theme.css +51 -13
- package/resources/themes/rhea/theme.css +51 -13
- package/resources/themes/saga-blue/theme.css +51 -13
- package/resources/themes/saga-green/theme.css +51 -13
- package/resources/themes/saga-orange/theme.css +51 -13
- package/resources/themes/saga-purple/theme.css +51 -13
- package/resources/themes/tailwind-light/theme.css +50 -12
- package/resources/themes/vela-blue/theme.css +51 -13
- package/resources/themes/vela-green/theme.css +51 -13
- package/resources/themes/vela-orange/theme.css +51 -13
- package/resources/themes/vela-purple/theme.css +51 -13
- package/ripple/ripple.cjs.js +1 -0
- package/ripple/ripple.cjs.min.js +1 -1
- package/ripple/ripple.d.ts +3 -1
- package/ripple/ripple.esm.js +1 -0
- package/ripple/ripple.esm.min.js +1 -1
- package/ripple/ripple.js +1 -0
- package/ripple/ripple.min.js +1 -1
- package/row/row.d.ts +1 -0
- package/scrollpanel/scrollpanel.d.ts +1 -0
- package/scrolltop/scrolltop.d.ts +1 -0
- package/selectbutton/selectbutton.d.ts +4 -2
- package/selectitem/selectitem.d.ts +2 -0
- package/sidebar/sidebar.d.ts +1 -0
- package/skeleton/skeleton.d.ts +1 -0
- package/slidemenu/slidemenu.cjs.js +6 -2
- package/slidemenu/slidemenu.cjs.min.js +1 -1
- package/slidemenu/slidemenu.d.ts +1 -0
- package/slidemenu/slidemenu.esm.js +7 -3
- package/slidemenu/slidemenu.esm.min.js +1 -1
- package/slidemenu/slidemenu.js +6 -2
- package/slidemenu/slidemenu.min.js +1 -1
- package/slider/slider.d.ts +1 -0
- package/speeddial/speeddial.cjs.js +10 -5
- package/speeddial/speeddial.cjs.min.js +1 -1
- package/speeddial/speeddial.d.ts +1 -0
- package/speeddial/speeddial.esm.js +11 -6
- package/speeddial/speeddial.esm.min.js +1 -1
- package/speeddial/speeddial.js +10 -5
- package/speeddial/speeddial.min.js +1 -1
- package/splitbutton/splitbutton.cjs.js +5 -3
- package/splitbutton/splitbutton.cjs.min.js +1 -1
- package/splitbutton/splitbutton.d.ts +1 -0
- package/splitbutton/splitbutton.esm.js +6 -4
- package/splitbutton/splitbutton.esm.min.js +1 -1
- package/splitbutton/splitbutton.js +5 -3
- package/splitbutton/splitbutton.min.js +1 -1
- package/splitter/splitter.d.ts +2 -0
- package/steps/steps.cjs.js +8 -1
- package/steps/steps.cjs.min.js +1 -1
- package/steps/steps.d.ts +1 -0
- package/steps/steps.esm.js +9 -2
- package/steps/steps.esm.min.js +1 -1
- package/steps/steps.js +8 -1
- package/steps/steps.min.js +1 -1
- package/styleclass/styleclass.d.ts +1 -0
- package/tabmenu/tabmenu.cjs.js +4 -3
- package/tabmenu/tabmenu.cjs.min.js +1 -1
- package/tabmenu/tabmenu.d.ts +1 -0
- package/tabmenu/tabmenu.esm.js +5 -4
- package/tabmenu/tabmenu.esm.min.js +1 -1
- package/tabmenu/tabmenu.js +4 -3
- package/tabmenu/tabmenu.min.js +1 -1
- package/tabview/tabview.d.ts +2 -0
- package/tag/tag.d.ts +1 -0
- package/terminal/terminal.d.ts +1 -0
- package/tieredmenu/tieredmenu.cjs.js +6 -3
- package/tieredmenu/tieredmenu.cjs.min.js +1 -1
- package/tieredmenu/tieredmenu.d.ts +1 -0
- package/tieredmenu/tieredmenu.esm.js +7 -4
- package/tieredmenu/tieredmenu.esm.min.js +1 -1
- package/tieredmenu/tieredmenu.js +6 -3
- package/tieredmenu/tieredmenu.min.js +1 -1
- package/timeline/timeline.d.ts +1 -0
- package/toast/toast.d.ts +1 -0
- package/togglebutton/togglebutton.d.ts +1 -0
- package/toolbar/toolbar.d.ts +1 -0
- package/tooltip/tooltip.d.ts +1 -0
- package/tree/tree.d.ts +1 -0
- package/treeselect/treeselect.cjs.js +0 -1
- package/treeselect/treeselect.cjs.min.js +1 -1
- package/treeselect/treeselect.d.ts +2 -1
- package/treeselect/treeselect.esm.js +0 -1
- package/treeselect/treeselect.esm.min.js +1 -1
- package/treeselect/treeselect.js +0 -1
- package/treeselect/treeselect.min.js +1 -1
- package/treetable/treetable.d.ts +2 -1
- package/tristatecheckbox/tristatecheckbox.d.ts +1 -0
- package/utils/utils.cjs.js +11 -8
- package/utils/utils.cjs.min.js +1 -1
- package/utils/utils.esm.js +11 -8
- package/utils/utils.esm.min.js +1 -1
- package/utils/utils.js +11 -8
- package/utils/utils.min.js +1 -1
- package/virtualscroller/virtualscroller.d.ts +1 -0
- package/web-types.json +7 -13
package/dock/dock.esm.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import{Ripple as t}from"primereact/ripple";import{ObjectUtils as n,classNames as r}from"primereact/utils";function
|
|
1
|
+
import*as e from"react";import{Ripple as t}from"primereact/ripple";import{ObjectUtils as n,classNames as r,IconUtils as o}from"primereact/utils";function a(){return a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a.apply(this,arguments)}function l(e){if(Array.isArray(e))return e}function i(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a=[],l=!0,i=!1;try{for(n=n.call(e);!(l=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);l=!0);}catch(e){i=!0,o=e}finally{try{l||null==n.return||n.return()}finally{if(i)throw o}}return a}}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function u(e,t){if(e){if("string"==typeof e)return c(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)?c(e,t):void 0}}function m(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var s=e.memo(e.forwardRef((function(c,p){var d,f,y,v=e.useState(-3),k=(f=2,l(d=v)||i(d,f)||u(d,f)||m()),g=k[0],h=k[1],b=function(){h(-3)},E=function(e){h(e)},N=function(e,t){t.command&&t.command({originalEvent:e,item:t}),e.preventDefault()},S=function(a,l){var i=a.disabled,u=a.icon,m=a.label,s=a.template,p=a.url,d=a.target,f=r("p-dock-item",{"p-dock-item-second-prev":g-2===l,"p-dock-item-prev":g-1===l,"p-dock-item-current":g===l,"p-dock-item-next":g+1===l,"p-dock-item-second-next":g+2===l}),y=r("p-dock-action",{"p-disabled":i}),v=r("p-dock-action-icon",u),k=o.getJSXIcon(u,{className:"p-dock-action-icon"},{props:c}),h=e.createElement("a",{href:p||"#",role:"menuitem",className:y,target:d,"data-pr-tooltip":m,onClick:function(e){return N(e,a)}},k,e.createElement(t,null));s&&(h=n.getJSXElement(s,a,{onClick:function(e){return N(e,a)},className:y,iconClassName:v,element:h,props:c,index:l}));return e.createElement("li",{key:l,className:f,role:"none",onMouseEnter:function(){return E(l)}},h)},w=n.findDiffKeys(c,s.defaultProps),A=r("p-dock p-component p-dock-".concat(c.position),{"p-dock-magnification":c.magnification},c.className),j=function(){if(c.header){var t=n.getJSXElement(c.header,{props:c});return e.createElement("div",{className:"p-dock-header"},t)}return null}(),x=(y=c.model?c.model.map(S):null,e.createElement("ul",{className:"p-dock-list",role:"menu",onMouseLeave:b},y)),O=function(){if(c.footer){var t=n.getJSXElement(c.footer,{props:c});return e.createElement("div",{className:"p-dock-footer"},t)}return null}();return e.createElement("div",a({id:c.id,className:A,style:c.style},w),e.createElement("div",{className:"p-dock-container"},j,x,O))})));s.displayName="Dock",s.defaultProps={__TYPE:"Dock",id:null,style:null,className:null,model:null,position:"bottom",magnification:!0,header:null,footer:null};export{s as Dock};
|
package/dock/dock.js
CHANGED
|
@@ -144,9 +144,11 @@ this.primereact.dock = (function (exports, React, ripple, utils) {
|
|
|
144
144
|
'p-disabled': disabled
|
|
145
145
|
});
|
|
146
146
|
var iconClassName = utils.classNames('p-dock-action-icon', _icon);
|
|
147
|
-
var icon =
|
|
148
|
-
className:
|
|
149
|
-
}
|
|
147
|
+
var icon = utils.IconUtils.getJSXIcon(_icon, {
|
|
148
|
+
className: 'p-dock-action-icon'
|
|
149
|
+
}, {
|
|
150
|
+
props: props
|
|
151
|
+
});
|
|
150
152
|
var content = /*#__PURE__*/React__namespace.createElement("a", {
|
|
151
153
|
href: url || '#',
|
|
152
154
|
role: "menuitem",
|
package/dock/dock.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.dock=function(e,t,r
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.dock=function(e,t,n,r){"use strict";function o(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var a=o(t);function c(){return c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},c.apply(this,arguments)}function l(e){if(Array.isArray(e))return e}function i(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a=[],c=!0,l=!1;try{for(n=n.call(e);!(c=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);c=!0);}catch(e){l=!0,o=e}finally{try{c||null==n.return||n.return()}finally{if(l)throw o}}return a}}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function u(e,t){if(e){if("string"==typeof e)return s(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)?s(e,t):void 0}}function m(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var p=a.memo(a.forwardRef((function(e,t){var o,s,f,d=a.useState(-3),y=(s=2,l(o=d)||i(o,s)||u(o,s)||m()),v=y[0],b=y[1],k=function(){b(-3)},g=function(e){b(e)},h=function(e,t){t.command&&t.command({originalEvent:e,item:t}),e.preventDefault()},N=function(t,o){var c=t.disabled,l=t.icon,i=t.label,s=t.template,u=t.url,m=t.target,p=r.classNames("p-dock-item",{"p-dock-item-second-prev":v-2===o,"p-dock-item-prev":v-1===o,"p-dock-item-current":v===o,"p-dock-item-next":v+1===o,"p-dock-item-second-next":v+2===o}),f=r.classNames("p-dock-action",{"p-disabled":c}),d=r.classNames("p-dock-action-icon",l),y=r.IconUtils.getJSXIcon(l,{className:"p-dock-action-icon"},{props:e}),b=a.createElement("a",{href:u||"#",role:"menuitem",className:f,target:m,"data-pr-tooltip":i,onClick:function(e){return h(e,t)}},y,a.createElement(n.Ripple,null));s&&(b=r.ObjectUtils.getJSXElement(s,t,{onClick:function(e){return h(e,t)},className:f,iconClassName:d,element:b,props:e,index:o}));return a.createElement("li",{key:o,className:p,role:"none",onMouseEnter:function(){return g(o)}},b)},E=r.ObjectUtils.findDiffKeys(e,p.defaultProps),O=r.classNames("p-dock p-component p-dock-".concat(e.position),{"p-dock-magnification":e.magnification},e.className),j=function(){if(e.header){var t=r.ObjectUtils.getJSXElement(e.header,{props:e});return a.createElement("div",{className:"p-dock-header"},t)}return null}(),S=(f=e.model?e.model.map(N):null,a.createElement("ul",{className:"p-dock-list",role:"menu",onMouseLeave:k},f)),w=function(){if(e.footer){var t=r.ObjectUtils.getJSXElement(e.footer,{props:e});return a.createElement("div",{className:"p-dock-footer"},t)}return null}();return a.createElement("div",c({id:e.id,className:O,style:e.style},E),a.createElement("div",{className:"p-dock-container"},j,S,w))})));return p.displayName="Dock",p.defaultProps={__TYPE:"Dock",id:null,style:null,className:null,model:null,position:"bottom",magnification:!0,header:null,footer:null},e.Dock=p,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.ripple,primereact.utils);
|
package/dropdown/dropdown.cjs.js
CHANGED
|
@@ -54,10 +54,6 @@ function _extends() {
|
|
|
54
54
|
return _extends.apply(this, arguments);
|
|
55
55
|
}
|
|
56
56
|
|
|
57
|
-
function _readOnlyError(name) {
|
|
58
|
-
throw new TypeError("\"" + name + "\" is read-only");
|
|
59
|
-
}
|
|
60
|
-
|
|
61
57
|
function _defineProperty(obj, key, value) {
|
|
62
58
|
if (key in obj) {
|
|
63
59
|
Object.defineProperty(obj, key, {
|
|
@@ -148,7 +144,7 @@ var DropdownItem = /*#__PURE__*/React__namespace.memo(function (props) {
|
|
|
148
144
|
'p-highlight': props.selected,
|
|
149
145
|
'p-disabled': props.disabled,
|
|
150
146
|
'p-dropdown-item-empty': !props.label || props.label.length === 0
|
|
151
|
-
}, props.option.className);
|
|
147
|
+
}, props.option && props.option.className);
|
|
152
148
|
var content = props.template ? utils.ObjectUtils.getJSXElement(props.template, props.option) : props.label;
|
|
153
149
|
return /*#__PURE__*/React__namespace.createElement("li", {
|
|
154
150
|
className: className,
|
|
@@ -662,7 +658,7 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
|
|
|
662
658
|
|
|
663
659
|
if (searchValue.current) {
|
|
664
660
|
var searchIndex = getSelectedOptionIndex();
|
|
665
|
-
var newOption = props.optionGroupLabel ? searchOptionInGroup(searchIndex) : searchOption(
|
|
661
|
+
var newOption = props.optionGroupLabel ? searchOptionInGroup(searchIndex) : searchOption(searchIndex + 1);
|
|
666
662
|
|
|
667
663
|
if (newOption) {
|
|
668
664
|
selectItem({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/hooks"),r=require("primereact/overlayservice"),l=require("primereact/tooltip"),o=require("primereact/utils"),i=require("primereact/csstransition"),a=require("primereact/portal"),u=require("primereact/virtualscroller"),c=require("primereact/ripple");function p(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 r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var f=s(e),d=p(t);function m(){return m=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},m.apply(this,arguments)}function b(e){throw new TypeError('"'+e+'" is read-only')}function v(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 y(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,o=[],i=!0,a=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);i=!0);}catch(e){a=!0,l=e}finally{try{i||null==n.return||n.return()}finally{if(a)throw l}}return o}}function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function O(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 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 E(e,t){return g(e)||y(e,t)||O(e,t)||w()}var j=f.memo((function(e){var t=o.classNames("p-dropdown-item",{"p-highlight":e.selected,"p-disabled":e.disabled,"p-dropdown-item-empty":!e.label||0===e.label.length},e.option.className),n=e.template?o.ObjectUtils.getJSXElement(e.template,e.option):e.label;return f.createElement("li",{className:t,onClick:function(t){e.onClick&&e.onClick({originalEvent:t,option:e.option})},"aria-label":e.label,key:e.label,role:"option","aria-selected":e.selected},n,f.createElement(c.Ripple,null))}));function C(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function D(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){v(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}j.displayName="DropdownItem";var x=f.memo(f.forwardRef((function(e,n){var r,l,c,p=f.useRef(null),s=f.useRef(null),d=!(e.visibleOptions&&e.visibleOptions.length)&&e.hasFilter,b=function(){e.onEnter((function(){if(p.current){var t=e.getSelectedOptionIndex();-1!==t&&setTimeout((function(){return p.current.scrollToIndex(t)}),0)}}))},v=function(){e.onEntered((function(){e.filter&&e.filterInputAutoFocus&&s.current.focus()}))},g=function(t){p.current&&p.current.scrollToIndex(0),e.onFilterInputChange&&e.onFilterInputChange(t)},y=function(n,r){var l=o.ObjectUtils.getJSXElement(n,e)||t.localeOption(r?"emptyFilterMessage":"emptyMessage");return f.createElement("li",{className:"p-dropdown-empty-message"},l)},h=function(t,n){if(e.optionGroupLabel){var r=e.optionGroupTemplate?o.ObjectUtils.getJSXElement(e.optionGroupTemplate,t,n):e.getOptionGroupLabel(t),l=e.getOptionGroupChildren(t).map((function(t,n){var r=e.getOptionLabel(t),l=n+"_"+e.getOptionRenderKey(t),o=e.isOptionDisabled(t);return f.createElement(j,{key:l,label:r,option:t,template:e.itemTemplate,selected:e.isSelected(t),disabled:o,onClick:e.onOptionClick})})),i=n+"_"+e.getOptionGroupRenderKey(t);return f.createElement(f.Fragment,{key:i},f.createElement("li",{className:"p-dropdown-item-group"},r),l)}var a=e.getOptionLabel(t),u=n+"_"+e.getOptionRenderKey(t),c=e.isOptionDisabled(t);return f.createElement(j,{key:u,label:a,option:t,template:e.itemTemplate,selected:e.isSelected(t),disabled:c,onClick:e.onOptionClick})},O=function(){if(e.filter){var t=e.showFilterClear&&e.filterValue?f.createElement("i",{className:"p-dropdown-filter-clear-icon pi pi-times",onClick:function(){return e.onFilterClearIconClick((function(){return s.current.focus()}))}}):null,n=o.classNames("p-dropdown-filter-container",{"p-dropdown-clearable-filter":!!t});return f.createElement("div",{className:"p-dropdown-header"},f.createElement("div",{className:n},f.createElement("input",{ref:s,type:"text",autoComplete:"off",className:"p-dropdown-filter p-inputtext p-component",placeholder:e.filterPlaceholder,onKeyDown:e.onFilterInputKeyDown,onChange:g,value:e.filterValue}),t,f.createElement("i",{className:"p-dropdown-filter-icon pi pi-search"})))}return null},w=function(){if(e.virtualScrollerOptions){var t=D(D({},e.virtualScrollerOptions),{style:D(D({},e.virtualScrollerOptions.style),{height:e.scrollHeight}),className:o.classNames("p-dropdown-items-wrapper",e.virtualScrollerOptions.className),items:e.visibleOptions,onLazyLoad:function(t){return e.virtualScrollerOptions.onLazyLoad(D(D({},t),{filter:e.filterValue}))},itemTemplate:function(e,t){return e&&h(e,t.index)},contentTemplate:function(e){var t=o.classNames("p-dropdown-items",e.className),n=d?y():e.children;return f.createElement("ul",{ref:e.contentRef,className:t,role:"listbox"},n)}});return f.createElement(u.VirtualScroller,m({ref:p},t))}var n=o.ObjectUtils.isNotEmpty(e.visibleOptions)?e.visibleOptions.map(h):e.hasFilter?y(e.emptyFilterMessage,!0):y(e.emptyMessage);return f.createElement("div",{className:"p-dropdown-items-wrapper",style:{maxHeight:e.scrollHeight||"auto"}},f.createElement("ul",{className:"p-dropdown-items",role:"listbox"},n))},E=(r=o.classNames("p-dropdown-panel p-component",e.panelClassName),l=O(),c=w(),f.createElement(i.CSSTransition,{nodeRef:n,classNames:"p-connected-overlay",in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:b,onEntering:e.onEntering,onEntered:v,onExit:e.onExit,onExited:e.onExited},f.createElement("div",{ref:n,className:r,style:e.panelStyle,onClick:e.onClick},l,c)));return f.createElement(a.Portal,{element:E,appendTo:e.appendTo})})));function F(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function N(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?F(Object(n),!0).forEach((function(t){v(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):F(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function S(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=L(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,l=function(){};return{s:l,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:l}}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 o,i=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){a=!0,o=e},f:function(){try{i||null==n.return||n.return()}finally{if(a)throw o}}}}function L(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,r=new Array(t);n<t;n++)r[n]=e[n];return r}x.displayName="DropdownPanel";var k=f.memo(f.forwardRef((function(e,i){var a=E(f.useState(""),2),u=a[0],c=a[1],p=E(f.useState(!1),2),s=p[0],v=p[1],g=E(f.useState(!1),2),y=g[0],h=g[1],O=f.useRef(null),w=f.useRef(null),j=f.useRef(e.inputRef),C=f.useRef(null),D=f.useRef(null),F=f.useRef(null),L=f.useRef(null),I=e.virtualScrollerOptions&&e.virtualScrollerOptions.lazy,P=o.ObjectUtils.isNotEmpty(u),T=e.appendTo||d.default.appendTo,U=E(n.useOverlayListener({target:O,overlay:w,listener:function(e,t){t.valid&&("outside"===t.type?!G(e)&&ue():ue())},when:y}),2),R=U[0],M=U[1],G=function(e){return o.DomHandler.hasClass(e.target,"p-dropdown-clear-icon")||o.DomHandler.hasClass(e.target,"p-dropdown-filter-clear-icon")},q=function(t){e.showOnFocus&&!y&&ae(),v(!0),e.onFocus&&e.onFocus(t)},K=function(t){v(!1),e.onBlur&&e.onBlur(t)},A=function(e){switch(e.which){case 40:V(e);break;case 38:H(e);break;case 32:y?ue():ae(),e.preventDefault();break;case 13:ue(),e.preventDefault();break;case 27:case 9:ue();break;default:X(e)}},H=function(e){if(Oe){var t=z(le());t&&re({originalEvent:e,option:t})}e.preventDefault()},V=function(e){if(Oe)if(!y&&e.altKey)ae();else{var t=B(le());t&&re({originalEvent:e,option:t})}e.preventDefault()},B=function t(n){if(e.optionGroupLabel){var r=-1===n?0:n.group,l=-1===n?-1:n.option,o=_(me(Oe[r]),l);return o||(r+1!==Oe.length?t({group:r+1,option:-1}):null)}return _(Oe,n)},_=function e(t,n){var r=n+1;if(r===t.length)return null;var l=t[r];return de(l)?e(r):l},z=function t(n){if(-1===n)return null;if(e.optionGroupLabel){var r=n.group,l=n.option,o=J(me(Oe[r]),l);return o||(r>0?t({group:r-1,option:me(Oe[r-1]).length}):null)}return J(Oe,n)},J=function(e,t){var n=t-1;if(n<0)return null;var r=e[n];return de(r)?z(n):r},X=function(t){D.current&&clearTimeout(D.current);var n=t.key;if(F.current=L.current===n?n:F.current?F.current+n:n,L.current=n,F.current){var r=le(),l=e.optionGroupLabel?W(r):Z(b("searchIndex"));l&&re({originalEvent:t,option:l})}D.current=setTimeout((function(){F.current=null}),250)},Z=function(e){return F.current?$(e,Oe.length)||$(0,e):null},$=function(e,t){for(var n=e;n<t;n++){var r=Oe[n];if(Y(r))return r}return null},W=function(e){for(var t=-1===e?{group:0,option:-1}:e,n=t.group;n<Oe.length;n++)for(var r=me(Oe[n]),l=t.group===n?t.option+1:0;l<r.length;l++)if(Y(r[l]))return r[l];for(var o=0;o<=t.group;o++)for(var i=me(Oe[o]),a=0;a<(t.group===o?t.option:i.length);a++)if(Y(i[a]))return i[a];return null},Y=function(t){return se(t).toLocaleLowerCase(e.filterLocale).startsWith(F.current.toLocaleLowerCase(e.filterLocale))},Q=function(t){e.onChange&&e.onChange({originalEvent:t.originalEvent,value:t.target.value,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:t.target.value}})},ee=function(t){v(!0),ue(),e.onFocus&&e.onFocus(t)},te=function(t){c(""),e.onFilter&&e.onFilter({filter:""}),t&&t()},ne=function(t){e.onChange&&e.onChange({originalEvent:t,value:void 0,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:void 0}}),pe()},re=function(t){if(we!==t.option){pe(t.option);var n=fe(t.option);e.onChange&&e.onChange({originalEvent:t.originalEvent,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:n}})}},le=function(){if(null!=e.value&&Oe){if(!e.optionGroupLabel)return ie(e.value,Oe);for(var t=0;t<Oe.length;t++){var n=ie(e.value,me(Oe[t]));if(-1!==n)return{group:t,option:n}}}return-1},oe=function(){return e.optionValue?null:e.dataKey},ie=function(e,t){var n=oe();return t.findIndex((function(t){return o.ObjectUtils.equals(e,fe(t),n)}))},ae=function(){h(!0)},ue=function(){h(!1)},ce=function(){o.DomHandler.alignOverlay(w.current,j.current.parentElement,e.appendTo||d.default.appendTo)},pe=function(t){j.current&&(j.current.value=t?se(t):e.value||"")},se=function(t){return e.optionLabel?o.ObjectUtils.resolveFieldData(t,e.optionLabel):t&&void 0!==t.label?t.label:t},fe=function(t){return e.optionValue?o.ObjectUtils.resolveFieldData(t,e.optionValue):t&&void 0!==t.value?t.value:t},de=function(t){return e.optionDisabled?o.ObjectUtils.isFunction(e.optionDisabled)?e.optionDisabled(t):o.ObjectUtils.resolveFieldData(t,e.optionDisabled):!(!t||void 0===t.disabled)&&t.disabled},me=function(t){return o.ObjectUtils.resolveFieldData(t,e.optionGroupChildren)},be=function(){if(e.editable&&j.current){var t=we?se(we):null;j.current.value=t||e.value||""}};f.useEffect((function(){o.ObjectUtils.combinedRefs(j,e.inputRef)}),[j,e.inputRef]),n.useMountEffect((function(){e.autoFocus&&C.current&&C.current.focus()})),n.useUpdateEffect((function(){var t;y&&e.value&&(t=o.DomHandler.findSingle(w.current,"li.p-highlight"))&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})}),[y,e.value]),n.useUpdateEffect((function(){y&&e.filter&&ce()}),[y,e.filter]),n.useUpdateEffect((function(){!u||e.options&&0!==e.options.length||c(""),be(),j.current&&(j.current.selectedIndex=1)})),n.useUnmountEffect((function(){o.ZIndexUtils.clear(w.current)}));var ve,ge,ye,he,Oe=function(){if(P&&!I){var n=u.trim().toLocaleLowerCase(e.filterLocale),r=e.filterBy?e.filterBy.split(","):[e.optionLabel||"label"];if(e.optionGroupLabel){var l,o=[],i=S(e.options);try{for(i.s();!(l=i.n()).done;){var a=l.value,c=t.FilterService.filter(me(a),r,n,e.filterMatchMode,e.filterLocale);c&&c.length&&o.push(N(N({},a),{items:c}))}}catch(e){i.e(e)}finally{i.f()}return o}return t.FilterService.filter(e.options,r,n,e.filterMatchMode,e.filterLocale)}return e.options}(),we=-1!==(ve=le())?e.optionGroupLabel?me(Oe[ve.group])[ve.option]:Oe[ve]:null,Ee=o.ObjectUtils.isNotEmpty(e.tooltip),je=o.ObjectUtils.findDiffKeys(e,k.defaultProps),Ce=o.classNames("p-dropdown p-component p-inputwrapper",{"p-disabled":e.disabled,"p-focus":s,"p-dropdown-clearable":e.showClear&&!e.disabled,"p-inputwrapper-filled":o.ObjectUtils.isNotEmpty(e.value),"p-inputwrapper-focus":s||y},e.className),De=(ge=f.createElement("option",{value:""},e.placeholder),ye=we?f.createElement("option",{value:we.value},se(we)):null,f.createElement("div",{className:"p-hidden-accessible p-dropdown-hidden-select"},f.createElement("select",{ref:j,required:e.required,name:e.name,tabIndex:-1,"aria-hidden":"true"},ge,ye))),xe=f.createElement("div",{className:"p-hidden-accessible"},f.createElement("input",{ref:C,id:e.inputId,type:"text",readOnly:!0,"aria-haspopup":"listbox",onFocus:q,onBlur:K,onKeyDown:A,disabled:e.disabled,tabIndex:e.tabIndex,"aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledBy})),Fe=function(){var t=o.ObjectUtils.isNotEmpty(we)?se(we):null;if(e.editable)return f.createElement("input",{ref:j,type:"text",defaultValue:t||e.value||"",className:"p-dropdown-label p-inputtext",disabled:e.disabled,placeholder:e.placeholder,maxLength:e.maxLength,onInput:Q,onFocus:ee,onBlur:K,"aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledBy,"aria-haspopup":"listbox"});var n=o.classNames("p-dropdown-label p-inputtext",{"p-placeholder":null===t&&e.placeholder,"p-dropdown-label-empty":null===t&&!e.placeholder}),r=e.valueTemplate?o.ObjectUtils.getJSXElement(e.valueTemplate,we,e):t||e.placeholder||"empty";return f.createElement("span",{ref:j,className:n},r)}(),Ne=(he=o.classNames("p-dropdown-trigger-icon p-clickable",e.dropdownIcon),f.createElement("div",{className:"p-dropdown-trigger",role:"button","aria-haspopup":"listbox","aria-expanded":y},f.createElement("span",{className:he}))),Se=null!=e.value&&e.showClear&&!e.disabled?f.createElement("i",{className:"p-dropdown-clear-icon pi pi-times",onClick:ne}):null;return f.createElement(f.Fragment,null,f.createElement("div",m({ref:O,id:e.id,className:Ce,style:e.style},je,{onClick:function(t){e.disabled||o.DomHandler.hasClass(t.target,"p-dropdown-clear-icon")||"INPUT"===t.target.tagName||w.current&&w.current&&w.current.contains(t.target)||(C.current.focus(),y?ue():ae())},onMouseDown:e.onMouseDown,onContextMenu:e.onContextMenu}),xe,De,Fe,Se,Ne,f.createElement(x,m({ref:w,visibleOptions:Oe},e,{appendTo:T,onClick:function(e){r.OverlayService.emit("overlay-click",{originalEvent:e,target:O.current})},onOptionClick:function(e){e.option.disabled||(re(e),C.current.focus()),ue()},filterValue:u,hasFilter:P,onFilterClearIconClick:function(e){te(e)},onFilterInputKeyDown:function(e){switch(e.which){case 40:V(e);break;case 38:H(e);break;case 13:case 27:ue(),e.preventDefault()}},onFilterInputChange:function(t){var n=t.target.value;c(n),e.onFilter&&e.onFilter({originalEvent:t,filter:n})},getOptionLabel:se,getOptionRenderKey:function(t){return e.dataKey?o.ObjectUtils.resolveFieldData(t,e.dataKey):se(t)},isOptionDisabled:de,getOptionGroupChildren:me,getOptionGroupLabel:function(t){return o.ObjectUtils.resolveFieldData(t,e.optionGroupLabel)},getOptionGroupRenderKey:function(t){return o.ObjectUtils.resolveFieldData(t,e.optionGroupLabel)},isSelected:function(t){return o.ObjectUtils.equals(e.value,fe(t),oe())},getSelectedOptionIndex:le,in:y,onEnter:function(e){o.ZIndexUtils.set("overlay",w.current,d.default.autoZIndex,d.default.zIndex.overlay),ce(),e&&e()},onEntered:function(t){t&&t(),R(),e.onShow&&e.onShow()},onExit:function(){M()},onExited:function(){e.filter&&e.resetFilterOnHide&&te(),o.ZIndexUtils.clear(w.current),e.onHide&&e.onHide()}}))),Ee&&f.createElement(l.Tooltip,m({target:O,content:e.tooltip},e.tooltipOptions)))})));k.displayName="Dropdown",k.defaultProps={__TYPE:"Dropdown",id:null,inputRef:null,name:null,value:null,options:null,optionLabel:null,optionValue:null,optionDisabled:null,optionGroupLabel:null,optionGroupChildren:null,optionGroupTemplate:null,valueTemplate:null,itemTemplate:null,style:null,className:null,virtualScrollerOptions:null,scrollHeight:"200px",filter:!1,filterBy:null,filterMatchMode:"contains",filterPlaceholder:null,filterLocale:void 0,emptyMessage:null,emptyFilterMessage:null,editable:!1,placeholder:null,required:!1,disabled:!1,appendTo:null,tabIndex:null,autoFocus:!1,filterInputAutoFocus:!0,resetFilterOnHide:!1,showFilterClear:!1,panelClassName:null,panelStyle:null,dataKey:null,inputId:null,showClear:!1,maxLength:null,tooltip:null,tooltipOptions:null,ariaLabel:null,ariaLabelledBy:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",showOnFocus:!1,onChange:null,onFocus:null,onBlur:null,onMouseDown:null,onContextMenu:null,onShow:null,onHide:null,onFilter:null},exports.Dropdown=k;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/hooks"),r=require("primereact/overlayservice"),l=require("primereact/tooltip"),o=require("primereact/utils"),i=require("primereact/csstransition"),a=require("primereact/portal"),u=require("primereact/virtualscroller"),c=require("primereact/ripple");function p(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 r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var f=s(e),d=p(t);function m(){return m=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},m.apply(this,arguments)}function b(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function v(e){if(Array.isArray(e))return e}function g(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,o=[],i=!0,a=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);i=!0);}catch(e){a=!0,l=e}finally{try{i||null==n.return||n.return()}finally{if(a)throw l}}return o}}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function h(e,t){if(e){if("string"==typeof e)return y(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)?y(e,t):void 0}}function O(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function w(e,t){return v(e)||g(e,t)||h(e,t)||O()}var E=f.memo((function(e){var t=o.classNames("p-dropdown-item",{"p-highlight":e.selected,"p-disabled":e.disabled,"p-dropdown-item-empty":!e.label||0===e.label.length},e.option&&e.option.className),n=e.template?o.ObjectUtils.getJSXElement(e.template,e.option):e.label;return f.createElement("li",{className:t,onClick:function(t){e.onClick&&e.onClick({originalEvent:t,option:e.option})},"aria-label":e.label,key:e.label,role:"option","aria-selected":e.selected},n,f.createElement(c.Ripple,null))}));function j(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function C(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){b(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}E.displayName="DropdownItem";var D=f.memo(f.forwardRef((function(e,n){var r,l,c,p=f.useRef(null),s=f.useRef(null),d=!(e.visibleOptions&&e.visibleOptions.length)&&e.hasFilter,b=function(){e.onEnter((function(){if(p.current){var t=e.getSelectedOptionIndex();-1!==t&&setTimeout((function(){return p.current.scrollToIndex(t)}),0)}}))},v=function(){e.onEntered((function(){e.filter&&e.filterInputAutoFocus&&s.current.focus()}))},g=function(t){p.current&&p.current.scrollToIndex(0),e.onFilterInputChange&&e.onFilterInputChange(t)},y=function(n,r){var l=o.ObjectUtils.getJSXElement(n,e)||t.localeOption(r?"emptyFilterMessage":"emptyMessage");return f.createElement("li",{className:"p-dropdown-empty-message"},l)},h=function(t,n){if(e.optionGroupLabel){var r=e.optionGroupTemplate?o.ObjectUtils.getJSXElement(e.optionGroupTemplate,t,n):e.getOptionGroupLabel(t),l=e.getOptionGroupChildren(t).map((function(t,n){var r=e.getOptionLabel(t),l=n+"_"+e.getOptionRenderKey(t),o=e.isOptionDisabled(t);return f.createElement(E,{key:l,label:r,option:t,template:e.itemTemplate,selected:e.isSelected(t),disabled:o,onClick:e.onOptionClick})})),i=n+"_"+e.getOptionGroupRenderKey(t);return f.createElement(f.Fragment,{key:i},f.createElement("li",{className:"p-dropdown-item-group"},r),l)}var a=e.getOptionLabel(t),u=n+"_"+e.getOptionRenderKey(t),c=e.isOptionDisabled(t);return f.createElement(E,{key:u,label:a,option:t,template:e.itemTemplate,selected:e.isSelected(t),disabled:c,onClick:e.onOptionClick})},O=function(){if(e.filter){var t=e.showFilterClear&&e.filterValue?f.createElement("i",{className:"p-dropdown-filter-clear-icon pi pi-times",onClick:function(){return e.onFilterClearIconClick((function(){return s.current.focus()}))}}):null,n=o.classNames("p-dropdown-filter-container",{"p-dropdown-clearable-filter":!!t});return f.createElement("div",{className:"p-dropdown-header"},f.createElement("div",{className:n},f.createElement("input",{ref:s,type:"text",autoComplete:"off",className:"p-dropdown-filter p-inputtext p-component",placeholder:e.filterPlaceholder,onKeyDown:e.onFilterInputKeyDown,onChange:g,value:e.filterValue}),t,f.createElement("i",{className:"p-dropdown-filter-icon pi pi-search"})))}return null},w=function(){if(e.virtualScrollerOptions){var t=C(C({},e.virtualScrollerOptions),{style:C(C({},e.virtualScrollerOptions.style),{height:e.scrollHeight}),className:o.classNames("p-dropdown-items-wrapper",e.virtualScrollerOptions.className),items:e.visibleOptions,onLazyLoad:function(t){return e.virtualScrollerOptions.onLazyLoad(C(C({},t),{filter:e.filterValue}))},itemTemplate:function(e,t){return e&&h(e,t.index)},contentTemplate:function(e){var t=o.classNames("p-dropdown-items",e.className),n=d?y():e.children;return f.createElement("ul",{ref:e.contentRef,className:t,role:"listbox"},n)}});return f.createElement(u.VirtualScroller,m({ref:p},t))}var n=o.ObjectUtils.isNotEmpty(e.visibleOptions)?e.visibleOptions.map(h):e.hasFilter?y(e.emptyFilterMessage,!0):y(e.emptyMessage);return f.createElement("div",{className:"p-dropdown-items-wrapper",style:{maxHeight:e.scrollHeight||"auto"}},f.createElement("ul",{className:"p-dropdown-items",role:"listbox"},n))},j=(r=o.classNames("p-dropdown-panel p-component",e.panelClassName),l=O(),c=w(),f.createElement(i.CSSTransition,{nodeRef:n,classNames:"p-connected-overlay",in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:b,onEntering:e.onEntering,onEntered:v,onExit:e.onExit,onExited:e.onExited},f.createElement("div",{ref:n,className:r,style:e.panelStyle,onClick:e.onClick},l,c)));return f.createElement(a.Portal,{element:j,appendTo:e.appendTo})})));function x(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function F(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){b(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 N(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=S(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,l=function(){};return{s:l,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:l}}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 o,i=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){a=!0,o=e},f:function(){try{i||null==n.return||n.return()}finally{if(a)throw o}}}}function S(e,t){if(e){if("string"==typeof e)return L(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)?L(e,t):void 0}}function L(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}D.displayName="DropdownPanel";var I=f.memo(f.forwardRef((function(e,i){var a=w(f.useState(""),2),u=a[0],c=a[1],p=w(f.useState(!1),2),s=p[0],b=p[1],v=w(f.useState(!1),2),g=v[0],y=v[1],h=f.useRef(null),O=f.useRef(null),E=f.useRef(e.inputRef),j=f.useRef(null),C=f.useRef(null),x=f.useRef(null),S=f.useRef(null),L=e.virtualScrollerOptions&&e.virtualScrollerOptions.lazy,k=o.ObjectUtils.isNotEmpty(u),P=e.appendTo||d.default.appendTo,U=w(n.useOverlayListener({target:h,overlay:O,listener:function(e,t){t.valid&&("outside"===t.type?!M(e)&&ae():ae())},when:g}),2),T=U[0],R=U[1],M=function(e){return o.DomHandler.hasClass(e.target,"p-dropdown-clear-icon")||o.DomHandler.hasClass(e.target,"p-dropdown-filter-clear-icon")},G=function(t){e.showOnFocus&&!g&&ie(),b(!0),e.onFocus&&e.onFocus(t)},q=function(t){b(!1),e.onBlur&&e.onBlur(t)},K=function(e){switch(e.which){case 40:H(e);break;case 38:A(e);break;case 32:g?ae():ie(),e.preventDefault();break;case 13:ae(),e.preventDefault();break;case 27:case 9:ae();break;default:J(e)}},A=function(e){if(he){var t=_(re());t&&ne({originalEvent:e,option:t})}e.preventDefault()},H=function(e){if(he)if(!g&&e.altKey)ie();else{var t=V(re());t&&ne({originalEvent:e,option:t})}e.preventDefault()},V=function t(n){if(e.optionGroupLabel){var r=-1===n?0:n.group,l=-1===n?-1:n.option,o=B(de(he[r]),l);return o||(r+1!==he.length?t({group:r+1,option:-1}):null)}return B(he,n)},B=function e(t,n){var r=n+1;if(r===t.length)return null;var l=t[r];return fe(l)?e(r):l},_=function t(n){if(-1===n)return null;if(e.optionGroupLabel){var r=n.group,l=n.option,o=z(de(he[r]),l);return o||(r>0?t({group:r-1,option:de(he[r-1]).length}):null)}return z(he,n)},z=function(e,t){var n=t-1;if(n<0)return null;var r=e[n];return fe(r)?_(n):r},J=function(t){C.current&&clearTimeout(C.current);var n=t.key;if(x.current=S.current===n?n:x.current?x.current+n:n,S.current=n,x.current){var r=re(),l=e.optionGroupLabel?$(r):X(r+1);l&&ne({originalEvent:t,option:l})}C.current=setTimeout((function(){x.current=null}),250)},X=function(e){return x.current?Z(e,he.length)||Z(0,e):null},Z=function(e,t){for(var n=e;n<t;n++){var r=he[n];if(W(r))return r}return null},$=function(e){for(var t=-1===e?{group:0,option:-1}:e,n=t.group;n<he.length;n++)for(var r=de(he[n]),l=t.group===n?t.option+1:0;l<r.length;l++)if(W(r[l]))return r[l];for(var o=0;o<=t.group;o++)for(var i=de(he[o]),a=0;a<(t.group===o?t.option:i.length);a++)if(W(i[a]))return i[a];return null},W=function(t){return pe(t).toLocaleLowerCase(e.filterLocale).startsWith(x.current.toLocaleLowerCase(e.filterLocale))},Y=function(t){e.onChange&&e.onChange({originalEvent:t.originalEvent,value:t.target.value,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:t.target.value}})},Q=function(t){b(!0),ae(),e.onFocus&&e.onFocus(t)},ee=function(t){c(""),e.onFilter&&e.onFilter({filter:""}),t&&t()},te=function(t){e.onChange&&e.onChange({originalEvent:t,value:void 0,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:void 0}}),ce()},ne=function(t){if(Oe!==t.option){ce(t.option);var n=se(t.option);e.onChange&&e.onChange({originalEvent:t.originalEvent,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:n}})}},re=function(){if(null!=e.value&&he){if(!e.optionGroupLabel)return oe(e.value,he);for(var t=0;t<he.length;t++){var n=oe(e.value,de(he[t]));if(-1!==n)return{group:t,option:n}}}return-1},le=function(){return e.optionValue?null:e.dataKey},oe=function(e,t){var n=le();return t.findIndex((function(t){return o.ObjectUtils.equals(e,se(t),n)}))},ie=function(){y(!0)},ae=function(){y(!1)},ue=function(){o.DomHandler.alignOverlay(O.current,E.current.parentElement,e.appendTo||d.default.appendTo)},ce=function(t){E.current&&(E.current.value=t?pe(t):e.value||"")},pe=function(t){return e.optionLabel?o.ObjectUtils.resolveFieldData(t,e.optionLabel):t&&void 0!==t.label?t.label:t},se=function(t){return e.optionValue?o.ObjectUtils.resolveFieldData(t,e.optionValue):t&&void 0!==t.value?t.value:t},fe=function(t){return e.optionDisabled?o.ObjectUtils.isFunction(e.optionDisabled)?e.optionDisabled(t):o.ObjectUtils.resolveFieldData(t,e.optionDisabled):!(!t||void 0===t.disabled)&&t.disabled},de=function(t){return o.ObjectUtils.resolveFieldData(t,e.optionGroupChildren)},me=function(){if(e.editable&&E.current){var t=Oe?pe(Oe):null;E.current.value=t||e.value||""}};f.useEffect((function(){o.ObjectUtils.combinedRefs(E,e.inputRef)}),[E,e.inputRef]),n.useMountEffect((function(){e.autoFocus&&j.current&&j.current.focus()})),n.useUpdateEffect((function(){var t;g&&e.value&&(t=o.DomHandler.findSingle(O.current,"li.p-highlight"))&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})}),[g,e.value]),n.useUpdateEffect((function(){g&&e.filter&&ue()}),[g,e.filter]),n.useUpdateEffect((function(){!u||e.options&&0!==e.options.length||c(""),me(),E.current&&(E.current.selectedIndex=1)})),n.useUnmountEffect((function(){o.ZIndexUtils.clear(O.current)}));var be,ve,ge,ye,he=function(){if(k&&!L){var n=u.trim().toLocaleLowerCase(e.filterLocale),r=e.filterBy?e.filterBy.split(","):[e.optionLabel||"label"];if(e.optionGroupLabel){var l,o=[],i=N(e.options);try{for(i.s();!(l=i.n()).done;){var a=l.value,c=t.FilterService.filter(de(a),r,n,e.filterMatchMode,e.filterLocale);c&&c.length&&o.push(F(F({},a),{items:c}))}}catch(e){i.e(e)}finally{i.f()}return o}return t.FilterService.filter(e.options,r,n,e.filterMatchMode,e.filterLocale)}return e.options}(),Oe=-1!==(be=re())?e.optionGroupLabel?de(he[be.group])[be.option]:he[be]:null,we=o.ObjectUtils.isNotEmpty(e.tooltip),Ee=o.ObjectUtils.findDiffKeys(e,I.defaultProps),je=o.classNames("p-dropdown p-component p-inputwrapper",{"p-disabled":e.disabled,"p-focus":s,"p-dropdown-clearable":e.showClear&&!e.disabled,"p-inputwrapper-filled":o.ObjectUtils.isNotEmpty(e.value),"p-inputwrapper-focus":s||g},e.className),Ce=(ve=f.createElement("option",{value:""},e.placeholder),ge=Oe?f.createElement("option",{value:Oe.value},pe(Oe)):null,f.createElement("div",{className:"p-hidden-accessible p-dropdown-hidden-select"},f.createElement("select",{ref:E,required:e.required,name:e.name,tabIndex:-1,"aria-hidden":"true"},ve,ge))),De=f.createElement("div",{className:"p-hidden-accessible"},f.createElement("input",{ref:j,id:e.inputId,type:"text",readOnly:!0,"aria-haspopup":"listbox",onFocus:G,onBlur:q,onKeyDown:K,disabled:e.disabled,tabIndex:e.tabIndex,"aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledBy})),xe=function(){var t=o.ObjectUtils.isNotEmpty(Oe)?pe(Oe):null;if(e.editable)return f.createElement("input",{ref:E,type:"text",defaultValue:t||e.value||"",className:"p-dropdown-label p-inputtext",disabled:e.disabled,placeholder:e.placeholder,maxLength:e.maxLength,onInput:Y,onFocus:Q,onBlur:q,"aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledBy,"aria-haspopup":"listbox"});var n=o.classNames("p-dropdown-label p-inputtext",{"p-placeholder":null===t&&e.placeholder,"p-dropdown-label-empty":null===t&&!e.placeholder}),r=e.valueTemplate?o.ObjectUtils.getJSXElement(e.valueTemplate,Oe,e):t||e.placeholder||"empty";return f.createElement("span",{ref:E,className:n},r)}(),Fe=(ye=o.classNames("p-dropdown-trigger-icon p-clickable",e.dropdownIcon),f.createElement("div",{className:"p-dropdown-trigger",role:"button","aria-haspopup":"listbox","aria-expanded":g},f.createElement("span",{className:ye}))),Ne=null!=e.value&&e.showClear&&!e.disabled?f.createElement("i",{className:"p-dropdown-clear-icon pi pi-times",onClick:te}):null;return f.createElement(f.Fragment,null,f.createElement("div",m({ref:h,id:e.id,className:je,style:e.style},Ee,{onClick:function(t){e.disabled||o.DomHandler.hasClass(t.target,"p-dropdown-clear-icon")||"INPUT"===t.target.tagName||O.current&&O.current&&O.current.contains(t.target)||(j.current.focus(),g?ae():ie())},onMouseDown:e.onMouseDown,onContextMenu:e.onContextMenu}),De,Ce,xe,Ne,Fe,f.createElement(D,m({ref:O,visibleOptions:he},e,{appendTo:P,onClick:function(e){r.OverlayService.emit("overlay-click",{originalEvent:e,target:h.current})},onOptionClick:function(e){e.option.disabled||(ne(e),j.current.focus()),ae()},filterValue:u,hasFilter:k,onFilterClearIconClick:function(e){ee(e)},onFilterInputKeyDown:function(e){switch(e.which){case 40:H(e);break;case 38:A(e);break;case 13:case 27:ae(),e.preventDefault()}},onFilterInputChange:function(t){var n=t.target.value;c(n),e.onFilter&&e.onFilter({originalEvent:t,filter:n})},getOptionLabel:pe,getOptionRenderKey:function(t){return e.dataKey?o.ObjectUtils.resolveFieldData(t,e.dataKey):pe(t)},isOptionDisabled:fe,getOptionGroupChildren:de,getOptionGroupLabel:function(t){return o.ObjectUtils.resolveFieldData(t,e.optionGroupLabel)},getOptionGroupRenderKey:function(t){return o.ObjectUtils.resolveFieldData(t,e.optionGroupLabel)},isSelected:function(t){return o.ObjectUtils.equals(e.value,se(t),le())},getSelectedOptionIndex:re,in:g,onEnter:function(e){o.ZIndexUtils.set("overlay",O.current,d.default.autoZIndex,d.default.zIndex.overlay),ue(),e&&e()},onEntered:function(t){t&&t(),T(),e.onShow&&e.onShow()},onExit:function(){R()},onExited:function(){e.filter&&e.resetFilterOnHide&&ee(),o.ZIndexUtils.clear(O.current),e.onHide&&e.onHide()}}))),we&&f.createElement(l.Tooltip,m({target:h,content:e.tooltip},e.tooltipOptions)))})));I.displayName="Dropdown",I.defaultProps={__TYPE:"Dropdown",id:null,inputRef:null,name:null,value:null,options:null,optionLabel:null,optionValue:null,optionDisabled:null,optionGroupLabel:null,optionGroupChildren:null,optionGroupTemplate:null,valueTemplate:null,itemTemplate:null,style:null,className:null,virtualScrollerOptions:null,scrollHeight:"200px",filter:!1,filterBy:null,filterMatchMode:"contains",filterPlaceholder:null,filterLocale:void 0,emptyMessage:null,emptyFilterMessage:null,editable:!1,placeholder:null,required:!1,disabled:!1,appendTo:null,tabIndex:null,autoFocus:!1,filterInputAutoFocus:!0,resetFilterOnHide:!1,showFilterClear:!1,panelClassName:null,panelStyle:null,dataKey:null,inputId:null,showClear:!1,maxLength:null,tooltip:null,tooltipOptions:null,ariaLabel:null,ariaLabelledBy:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",showOnFocus:!1,onChange:null,onFocus:null,onBlur:null,onMouseDown:null,onContextMenu:null,onShow:null,onHide:null,onFilter:null},exports.Dropdown=I;
|
package/dropdown/dropdown.d.ts
CHANGED
|
@@ -2,6 +2,7 @@ import * as React from 'react';
|
|
|
2
2
|
import TooltipOptions from '../tooltip/tooltipoptions';
|
|
3
3
|
import { CSSTransitionProps } from '../csstransition';
|
|
4
4
|
import { VirtualScrollerProps } from '../virtualscroller';
|
|
5
|
+
import { SelectItemOptionsType } from '../selectitem/SelectItem';
|
|
5
6
|
|
|
6
7
|
type DropdownOptionGroupTemplateType = React.ReactNode | ((option: any, index: number) => React.ReactNode);
|
|
7
8
|
|
|
@@ -36,12 +37,12 @@ interface DropdownFilterParams {
|
|
|
36
37
|
filter: string;
|
|
37
38
|
}
|
|
38
39
|
|
|
39
|
-
export interface DropdownProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange'> {
|
|
40
|
+
export interface DropdownProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange' | 'ref'> {
|
|
40
41
|
id?: string;
|
|
41
42
|
inputRef?: React.Ref<HTMLSelectElement>;
|
|
42
43
|
name?: string;
|
|
43
44
|
value?: any;
|
|
44
|
-
options?:
|
|
45
|
+
options?: SelectItemOptionsType;
|
|
45
46
|
optionLabel?: string;
|
|
46
47
|
optionValue?: string;
|
|
47
48
|
optionDisabled?: DropdownOptionDisabledType;
|
|
@@ -92,6 +93,7 @@ export interface DropdownProps extends Omit<React.DetailedHTMLProps<React.InputH
|
|
|
92
93
|
onShow?(): void;
|
|
93
94
|
onHide?(): void;
|
|
94
95
|
onFilter?(e: DropdownFilterParams): void;
|
|
96
|
+
children?: React.ReactNode;
|
|
95
97
|
}
|
|
96
98
|
|
|
97
99
|
export declare class Dropdown extends React.Component<DropdownProps, any> { }
|
package/dropdown/dropdown.esm.js
CHANGED
|
@@ -27,10 +27,6 @@ function _extends() {
|
|
|
27
27
|
return _extends.apply(this, arguments);
|
|
28
28
|
}
|
|
29
29
|
|
|
30
|
-
function _readOnlyError(name) {
|
|
31
|
-
throw new TypeError("\"" + name + "\" is read-only");
|
|
32
|
-
}
|
|
33
|
-
|
|
34
30
|
function _defineProperty(obj, key, value) {
|
|
35
31
|
if (key in obj) {
|
|
36
32
|
Object.defineProperty(obj, key, {
|
|
@@ -121,7 +117,7 @@ var DropdownItem = /*#__PURE__*/React.memo(function (props) {
|
|
|
121
117
|
'p-highlight': props.selected,
|
|
122
118
|
'p-disabled': props.disabled,
|
|
123
119
|
'p-dropdown-item-empty': !props.label || props.label.length === 0
|
|
124
|
-
}, props.option.className);
|
|
120
|
+
}, props.option && props.option.className);
|
|
125
121
|
var content = props.template ? ObjectUtils.getJSXElement(props.template, props.option) : props.label;
|
|
126
122
|
return /*#__PURE__*/React.createElement("li", {
|
|
127
123
|
className: className,
|
|
@@ -635,7 +631,7 @@ var Dropdown = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
|
|
|
635
631
|
|
|
636
632
|
if (searchValue.current) {
|
|
637
633
|
var searchIndex = getSelectedOptionIndex();
|
|
638
|
-
var newOption = props.optionGroupLabel ? searchOptionInGroup(searchIndex) : searchOption(
|
|
634
|
+
var newOption = props.optionGroupLabel ? searchOptionInGroup(searchIndex) : searchOption(searchIndex + 1);
|
|
639
635
|
|
|
640
636
|
if (newOption) {
|
|
641
637
|
selectItem({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import t,{localeOption as n,FilterService as r}from"primereact/api";import{useOverlayListener as o,useMountEffect as l,useUpdateEffect as i,useUnmountEffect as a}from"primereact/hooks";import{OverlayService as u}from"primereact/overlayservice";import{Tooltip as p}from"primereact/tooltip";import{classNames as c,ObjectUtils as s,DomHandler as f,ZIndexUtils as d}from"primereact/utils";import{CSSTransition as m}from"primereact/csstransition";import{Portal as v}from"primereact/portal";import{VirtualScroller as b}from"primereact/virtualscroller";import{Ripple as g}from"primereact/ripple";function y(){return y=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},y.apply(this,arguments)}function h(e){throw new TypeError('"'+e+'" is read-only')}function w(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function O(e){if(Array.isArray(e))return e}function E(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l=[],i=!0,a=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);i=!0);}catch(e){a=!0,o=e}finally{try{i||null==n.return||n.return()}finally{if(a)throw o}}return l}}function C(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function x(e,t){if(e){if("string"==typeof e)return C(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)?C(e,t):void 0}}function F(){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 L(e,t){return O(e)||E(e,t)||x(e,t)||F()}var D=e.memo((function(t){var n=c("p-dropdown-item",{"p-highlight":t.selected,"p-disabled":t.disabled,"p-dropdown-item-empty":!t.label||0===t.label.length},t.option.className),r=t.template?s.getJSXElement(t.template,t.option):t.label;return e.createElement("li",{className:n,onClick:function(e){t.onClick&&t.onClick({originalEvent:e,option:t.option})},"aria-label":t.label,key:t.label,role:"option","aria-selected":t.selected},r,e.createElement(g,null))}));function S(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function N(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?S(Object(n),!0).forEach((function(t){w(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):S(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}D.displayName="DropdownItem";var I=e.memo(e.forwardRef((function(t,r){var o,l,i,a=e.useRef(null),u=e.useRef(null),p=!(t.visibleOptions&&t.visibleOptions.length)&&t.hasFilter,f=function(){t.onEnter((function(){if(a.current){var e=t.getSelectedOptionIndex();-1!==e&&setTimeout((function(){return a.current.scrollToIndex(e)}),0)}}))},d=function(){t.onEntered((function(){t.filter&&t.filterInputAutoFocus&&u.current.focus()}))},g=function(e){a.current&&a.current.scrollToIndex(0),t.onFilterInputChange&&t.onFilterInputChange(e)},h=function(r,o){var l=s.getJSXElement(r,t)||n(o?"emptyFilterMessage":"emptyMessage");return e.createElement("li",{className:"p-dropdown-empty-message"},l)},w=function(n,r){if(t.optionGroupLabel){var o=t.optionGroupTemplate?s.getJSXElement(t.optionGroupTemplate,n,r):t.getOptionGroupLabel(n),l=t.getOptionGroupChildren(n).map((function(n,r){var o=t.getOptionLabel(n),l=r+"_"+t.getOptionRenderKey(n),i=t.isOptionDisabled(n);return e.createElement(D,{key:l,label:o,option:n,template:t.itemTemplate,selected:t.isSelected(n),disabled:i,onClick:t.onOptionClick})})),i=r+"_"+t.getOptionGroupRenderKey(n);return e.createElement(e.Fragment,{key:i},e.createElement("li",{className:"p-dropdown-item-group"},o),l)}var a=t.getOptionLabel(n),u=r+"_"+t.getOptionRenderKey(n),p=t.isOptionDisabled(n);return e.createElement(D,{key:u,label:a,option:n,template:t.itemTemplate,selected:t.isSelected(n),disabled:p,onClick:t.onOptionClick})},O=function(){if(t.filter){var n=t.showFilterClear&&t.filterValue?e.createElement("i",{className:"p-dropdown-filter-clear-icon pi pi-times",onClick:function(){return t.onFilterClearIconClick((function(){return u.current.focus()}))}}):null,r=c("p-dropdown-filter-container",{"p-dropdown-clearable-filter":!!n});return e.createElement("div",{className:"p-dropdown-header"},e.createElement("div",{className:r},e.createElement("input",{ref:u,type:"text",autoComplete:"off",className:"p-dropdown-filter p-inputtext p-component",placeholder:t.filterPlaceholder,onKeyDown:t.onFilterInputKeyDown,onChange:g,value:t.filterValue}),n,e.createElement("i",{className:"p-dropdown-filter-icon pi pi-search"})))}return null},E=function(){if(t.virtualScrollerOptions){var n=N(N({},t.virtualScrollerOptions),{style:N(N({},t.virtualScrollerOptions.style),{height:t.scrollHeight}),className:c("p-dropdown-items-wrapper",t.virtualScrollerOptions.className),items:t.visibleOptions,onLazyLoad:function(e){return t.virtualScrollerOptions.onLazyLoad(N(N({},e),{filter:t.filterValue}))},itemTemplate:function(e,t){return e&&w(e,t.index)},contentTemplate:function(t){var n=c("p-dropdown-items",t.className),r=p?h():t.children;return e.createElement("ul",{ref:t.contentRef,className:n,role:"listbox"},r)}});return e.createElement(b,y({ref:a},n))}var r=s.isNotEmpty(t.visibleOptions)?t.visibleOptions.map(w):t.hasFilter?h(t.emptyFilterMessage,!0):h(t.emptyMessage);return e.createElement("div",{className:"p-dropdown-items-wrapper",style:{maxHeight:t.scrollHeight||"auto"}},e.createElement("ul",{className:"p-dropdown-items",role:"listbox"},r))},C=(o=c("p-dropdown-panel p-component",t.panelClassName),l=O(),i=E(),e.createElement(m,{nodeRef:r,classNames:"p-connected-overlay",in:t.in,timeout:{enter:120,exit:100},options:t.transitionOptions,unmountOnExit:!0,onEnter:f,onEntering:t.onEntering,onEntered:d,onExit:t.onExit,onExited:t.onExited},e.createElement("div",{ref:r,className:o,style:t.panelStyle,onClick:t.onClick},l,i)));return e.createElement(v,{element:C,appendTo:t.appendTo})})));function k(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function j(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?k(Object(n),!0).forEach((function(t){w(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):k(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function T(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=P(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}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 l,i=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){a=!0,l=e},f:function(){try{i||null==n.return||n.return()}finally{if(a)throw l}}}}function P(e,t){if(e){if("string"==typeof e)return R(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)?R(e,t):void 0}}function R(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}I.displayName="DropdownPanel";var G=e.memo(e.forwardRef((function(n,m){var v=L(e.useState(""),2),b=v[0],g=v[1],w=L(e.useState(!1),2),O=w[0],E=w[1],C=L(e.useState(!1),2),x=C[0],F=C[1],D=e.useRef(null),S=e.useRef(null),N=e.useRef(n.inputRef),k=e.useRef(null),P=e.useRef(null),R=e.useRef(null),M=e.useRef(null),K=n.virtualScrollerOptions&&n.virtualScrollerOptions.lazy,A=s.isNotEmpty(b),B=n.appendTo||t.appendTo,V=L(o({target:D,overlay:S,listener:function(e,t){t.valid&&("outside"===t.type?!_(e)&&me():me())},when:x}),2),H=V[0],q=V[1],_=function(e){return f.hasClass(e.target,"p-dropdown-clear-icon")||f.hasClass(e.target,"p-dropdown-filter-clear-icon")},z=function(e){n.showOnFocus&&!x&&de(),E(!0),n.onFocus&&n.onFocus(e)},J=function(e){E(!1),n.onBlur&&n.onBlur(e)},X=function(e){switch(e.which){case 40:$(e);break;case 38:U(e);break;case 32:x?me():de(),e.preventDefault();break;case 13:me(),e.preventDefault();break;case 27:case 9:me();break;default:ee(e)}},U=function(e){if(Le){var t=Z(ce());t&&pe({originalEvent:e,option:t})}e.preventDefault()},$=function(e){if(Le)if(!x&&e.altKey)de();else{var t=W(ce());t&&pe({originalEvent:e,option:t})}e.preventDefault()},W=function e(t){if(n.optionGroupLabel){var r=-1===t?0:t.group,o=-1===t?-1:t.option,l=Y(we(Le[r]),o);return l||(r+1!==Le.length?e({group:r+1,option:-1}):null)}return Y(Le,t)},Y=function e(t,n){var r=n+1;if(r===t.length)return null;var o=t[r];return he(o)?e(r):o},Z=function e(t){if(-1===t)return null;if(n.optionGroupLabel){var r=t.group,o=t.option,l=Q(we(Le[r]),o);return l||(r>0?e({group:r-1,option:we(Le[r-1]).length}):null)}return Q(Le,t)},Q=function(e,t){var n=t-1;if(n<0)return null;var r=e[n];return he(r)?Z(n):r},ee=function(e){P.current&&clearTimeout(P.current);var t=e.key;if(R.current=M.current===t?t:R.current?R.current+t:t,M.current=t,R.current){var r=ce(),o=n.optionGroupLabel?re(r):te(h("searchIndex"));o&&pe({originalEvent:e,option:o})}P.current=setTimeout((function(){R.current=null}),250)},te=function(e){return R.current?ne(e,Le.length)||ne(0,e):null},ne=function(e,t){for(var n=e;n<t;n++){var r=Le[n];if(oe(r))return r}return null},re=function(e){for(var t=-1===e?{group:0,option:-1}:e,n=t.group;n<Le.length;n++)for(var r=we(Le[n]),o=t.group===n?t.option+1:0;o<r.length;o++)if(oe(r[o]))return r[o];for(var l=0;l<=t.group;l++)for(var i=we(Le[l]),a=0;a<(t.group===l?t.option:i.length);a++)if(oe(i[a]))return i[a];return null},oe=function(e){return ge(e).toLocaleLowerCase(n.filterLocale).startsWith(R.current.toLocaleLowerCase(n.filterLocale))},le=function(e){n.onChange&&n.onChange({originalEvent:e.originalEvent,value:e.target.value,stopPropagation:function(){},preventDefault:function(){},target:{name:n.name,id:n.id,value:e.target.value}})},ie=function(e){E(!0),me(),n.onFocus&&n.onFocus(e)},ae=function(e){g(""),n.onFilter&&n.onFilter({filter:""}),e&&e()},ue=function(e){n.onChange&&n.onChange({originalEvent:e,value:void 0,stopPropagation:function(){},preventDefault:function(){},target:{name:n.name,id:n.id,value:void 0}}),be()},pe=function(e){if(De!==e.option){be(e.option);var t=ye(e.option);n.onChange&&n.onChange({originalEvent:e.originalEvent,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:n.name,id:n.id,value:t}})}},ce=function(){if(null!=n.value&&Le){if(!n.optionGroupLabel)return fe(n.value,Le);for(var e=0;e<Le.length;e++){var t=fe(n.value,we(Le[e]));if(-1!==t)return{group:e,option:t}}}return-1},se=function(){return n.optionValue?null:n.dataKey},fe=function(e,t){var n=se();return t.findIndex((function(t){return s.equals(e,ye(t),n)}))},de=function(){F(!0)},me=function(){F(!1)},ve=function(){f.alignOverlay(S.current,N.current.parentElement,n.appendTo||t.appendTo)},be=function(e){N.current&&(N.current.value=e?ge(e):n.value||"")},ge=function(e){return n.optionLabel?s.resolveFieldData(e,n.optionLabel):e&&void 0!==e.label?e.label:e},ye=function(e){return n.optionValue?s.resolveFieldData(e,n.optionValue):e&&void 0!==e.value?e.value:e},he=function(e){return n.optionDisabled?s.isFunction(n.optionDisabled)?n.optionDisabled(e):s.resolveFieldData(e,n.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},we=function(e){return s.resolveFieldData(e,n.optionGroupChildren)},Oe=function(){if(n.editable&&N.current){var e=De?ge(De):null;N.current.value=e||n.value||""}};e.useEffect((function(){s.combinedRefs(N,n.inputRef)}),[N,n.inputRef]),l((function(){n.autoFocus&&k.current&&k.current.focus()})),i((function(){var e;x&&n.value&&(e=f.findSingle(S.current,"li.p-highlight"))&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"start"})}),[x,n.value]),i((function(){x&&n.filter&&ve()}),[x,n.filter]),i((function(){!b||n.options&&0!==n.options.length||g(""),Oe(),N.current&&(N.current.selectedIndex=1)})),a((function(){d.clear(S.current)}));var Ee,Ce,xe,Fe,Le=function(){if(A&&!K){var e=b.trim().toLocaleLowerCase(n.filterLocale),t=n.filterBy?n.filterBy.split(","):[n.optionLabel||"label"];if(n.optionGroupLabel){var o,l=[],i=T(n.options);try{for(i.s();!(o=i.n()).done;){var a=o.value,u=r.filter(we(a),t,e,n.filterMatchMode,n.filterLocale);u&&u.length&&l.push(j(j({},a),{items:u}))}}catch(e){i.e(e)}finally{i.f()}return l}return r.filter(n.options,t,e,n.filterMatchMode,n.filterLocale)}return n.options}(),De=-1!==(Ee=ce())?n.optionGroupLabel?we(Le[Ee.group])[Ee.option]:Le[Ee]:null,Se=s.isNotEmpty(n.tooltip),Ne=s.findDiffKeys(n,G.defaultProps),Ie=c("p-dropdown p-component p-inputwrapper",{"p-disabled":n.disabled,"p-focus":O,"p-dropdown-clearable":n.showClear&&!n.disabled,"p-inputwrapper-filled":s.isNotEmpty(n.value),"p-inputwrapper-focus":O||x},n.className),ke=(Ce=e.createElement("option",{value:""},n.placeholder),xe=De?e.createElement("option",{value:De.value},ge(De)):null,e.createElement("div",{className:"p-hidden-accessible p-dropdown-hidden-select"},e.createElement("select",{ref:N,required:n.required,name:n.name,tabIndex:-1,"aria-hidden":"true"},Ce,xe))),je=e.createElement("div",{className:"p-hidden-accessible"},e.createElement("input",{ref:k,id:n.inputId,type:"text",readOnly:!0,"aria-haspopup":"listbox",onFocus:z,onBlur:J,onKeyDown:X,disabled:n.disabled,tabIndex:n.tabIndex,"aria-label":n.ariaLabel,"aria-labelledby":n.ariaLabelledBy})),Te=function(){var t=s.isNotEmpty(De)?ge(De):null;if(n.editable)return e.createElement("input",{ref:N,type:"text",defaultValue:t||n.value||"",className:"p-dropdown-label p-inputtext",disabled:n.disabled,placeholder:n.placeholder,maxLength:n.maxLength,onInput:le,onFocus:ie,onBlur:J,"aria-label":n.ariaLabel,"aria-labelledby":n.ariaLabelledBy,"aria-haspopup":"listbox"});var r=c("p-dropdown-label p-inputtext",{"p-placeholder":null===t&&n.placeholder,"p-dropdown-label-empty":null===t&&!n.placeholder}),o=n.valueTemplate?s.getJSXElement(n.valueTemplate,De,n):t||n.placeholder||"empty";return e.createElement("span",{ref:N,className:r},o)}(),Pe=(Fe=c("p-dropdown-trigger-icon p-clickable",n.dropdownIcon),e.createElement("div",{className:"p-dropdown-trigger",role:"button","aria-haspopup":"listbox","aria-expanded":x},e.createElement("span",{className:Fe}))),Re=null!=n.value&&n.showClear&&!n.disabled?e.createElement("i",{className:"p-dropdown-clear-icon pi pi-times",onClick:ue}):null;return e.createElement(e.Fragment,null,e.createElement("div",y({ref:D,id:n.id,className:Ie,style:n.style},Ne,{onClick:function(e){n.disabled||f.hasClass(e.target,"p-dropdown-clear-icon")||"INPUT"===e.target.tagName||S.current&&S.current&&S.current.contains(e.target)||(k.current.focus(),x?me():de())},onMouseDown:n.onMouseDown,onContextMenu:n.onContextMenu}),je,ke,Te,Re,Pe,e.createElement(I,y({ref:S,visibleOptions:Le},n,{appendTo:B,onClick:function(e){u.emit("overlay-click",{originalEvent:e,target:D.current})},onOptionClick:function(e){e.option.disabled||(pe(e),k.current.focus()),me()},filterValue:b,hasFilter:A,onFilterClearIconClick:function(e){ae(e)},onFilterInputKeyDown:function(e){switch(e.which){case 40:$(e);break;case 38:U(e);break;case 13:case 27:me(),e.preventDefault()}},onFilterInputChange:function(e){var t=e.target.value;g(t),n.onFilter&&n.onFilter({originalEvent:e,filter:t})},getOptionLabel:ge,getOptionRenderKey:function(e){return n.dataKey?s.resolveFieldData(e,n.dataKey):ge(e)},isOptionDisabled:he,getOptionGroupChildren:we,getOptionGroupLabel:function(e){return s.resolveFieldData(e,n.optionGroupLabel)},getOptionGroupRenderKey:function(e){return s.resolveFieldData(e,n.optionGroupLabel)},isSelected:function(e){return s.equals(n.value,ye(e),se())},getSelectedOptionIndex:ce,in:x,onEnter:function(e){d.set("overlay",S.current,t.autoZIndex,t.zIndex.overlay),ve(),e&&e()},onEntered:function(e){e&&e(),H(),n.onShow&&n.onShow()},onExit:function(){q()},onExited:function(){n.filter&&n.resetFilterOnHide&&ae(),d.clear(S.current),n.onHide&&n.onHide()}}))),Se&&e.createElement(p,y({target:D,content:n.tooltip},n.tooltipOptions)))})));G.displayName="Dropdown",G.defaultProps={__TYPE:"Dropdown",id:null,inputRef:null,name:null,value:null,options:null,optionLabel:null,optionValue:null,optionDisabled:null,optionGroupLabel:null,optionGroupChildren:null,optionGroupTemplate:null,valueTemplate:null,itemTemplate:null,style:null,className:null,virtualScrollerOptions:null,scrollHeight:"200px",filter:!1,filterBy:null,filterMatchMode:"contains",filterPlaceholder:null,filterLocale:void 0,emptyMessage:null,emptyFilterMessage:null,editable:!1,placeholder:null,required:!1,disabled:!1,appendTo:null,tabIndex:null,autoFocus:!1,filterInputAutoFocus:!0,resetFilterOnHide:!1,showFilterClear:!1,panelClassName:null,panelStyle:null,dataKey:null,inputId:null,showClear:!1,maxLength:null,tooltip:null,tooltipOptions:null,ariaLabel:null,ariaLabelledBy:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",showOnFocus:!1,onChange:null,onFocus:null,onBlur:null,onMouseDown:null,onContextMenu:null,onShow:null,onHide:null,onFilter:null};export{G as Dropdown};
|
|
1
|
+
import*as e from"react";import t,{localeOption as n,FilterService as r}from"primereact/api";import{useOverlayListener as o,useMountEffect as l,useUpdateEffect as i,useUnmountEffect as a}from"primereact/hooks";import{OverlayService as u}from"primereact/overlayservice";import{Tooltip as p}from"primereact/tooltip";import{classNames as c,ObjectUtils as s,DomHandler as f,ZIndexUtils as d}from"primereact/utils";import{CSSTransition as m}from"primereact/csstransition";import{Portal as v}from"primereact/portal";import{VirtualScroller as b}from"primereact/virtualscroller";import{Ripple as g}from"primereact/ripple";function y(){return y=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},y.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 w(e){if(Array.isArray(e))return e}function O(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l=[],i=!0,a=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);i=!0);}catch(e){a=!0,o=e}finally{try{i||null==n.return||n.return()}finally{if(a)throw o}}return l}}function E(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function C(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 F(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function x(e,t){return w(e)||O(e,t)||C(e,t)||F()}var L=e.memo((function(t){var n=c("p-dropdown-item",{"p-highlight":t.selected,"p-disabled":t.disabled,"p-dropdown-item-empty":!t.label||0===t.label.length},t.option&&t.option.className),r=t.template?s.getJSXElement(t.template,t.option):t.label;return e.createElement("li",{className:n,onClick:function(e){t.onClick&&t.onClick({originalEvent:e,option:t.option})},"aria-label":t.label,key:t.label,role:"option","aria-selected":t.selected},r,e.createElement(g,null))}));function D(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function S(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?D(Object(n),!0).forEach((function(t){h(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):D(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}L.displayName="DropdownItem";var N=e.memo(e.forwardRef((function(t,r){var o,l,i,a=e.useRef(null),u=e.useRef(null),p=!(t.visibleOptions&&t.visibleOptions.length)&&t.hasFilter,f=function(){t.onEnter((function(){if(a.current){var e=t.getSelectedOptionIndex();-1!==e&&setTimeout((function(){return a.current.scrollToIndex(e)}),0)}}))},d=function(){t.onEntered((function(){t.filter&&t.filterInputAutoFocus&&u.current.focus()}))},g=function(e){a.current&&a.current.scrollToIndex(0),t.onFilterInputChange&&t.onFilterInputChange(e)},h=function(r,o){var l=s.getJSXElement(r,t)||n(o?"emptyFilterMessage":"emptyMessage");return e.createElement("li",{className:"p-dropdown-empty-message"},l)},w=function(n,r){if(t.optionGroupLabel){var o=t.optionGroupTemplate?s.getJSXElement(t.optionGroupTemplate,n,r):t.getOptionGroupLabel(n),l=t.getOptionGroupChildren(n).map((function(n,r){var o=t.getOptionLabel(n),l=r+"_"+t.getOptionRenderKey(n),i=t.isOptionDisabled(n);return e.createElement(L,{key:l,label:o,option:n,template:t.itemTemplate,selected:t.isSelected(n),disabled:i,onClick:t.onOptionClick})})),i=r+"_"+t.getOptionGroupRenderKey(n);return e.createElement(e.Fragment,{key:i},e.createElement("li",{className:"p-dropdown-item-group"},o),l)}var a=t.getOptionLabel(n),u=r+"_"+t.getOptionRenderKey(n),p=t.isOptionDisabled(n);return e.createElement(L,{key:u,label:a,option:n,template:t.itemTemplate,selected:t.isSelected(n),disabled:p,onClick:t.onOptionClick})},O=function(){if(t.filter){var n=t.showFilterClear&&t.filterValue?e.createElement("i",{className:"p-dropdown-filter-clear-icon pi pi-times",onClick:function(){return t.onFilterClearIconClick((function(){return u.current.focus()}))}}):null,r=c("p-dropdown-filter-container",{"p-dropdown-clearable-filter":!!n});return e.createElement("div",{className:"p-dropdown-header"},e.createElement("div",{className:r},e.createElement("input",{ref:u,type:"text",autoComplete:"off",className:"p-dropdown-filter p-inputtext p-component",placeholder:t.filterPlaceholder,onKeyDown:t.onFilterInputKeyDown,onChange:g,value:t.filterValue}),n,e.createElement("i",{className:"p-dropdown-filter-icon pi pi-search"})))}return null},E=function(){if(t.virtualScrollerOptions){var n=S(S({},t.virtualScrollerOptions),{style:S(S({},t.virtualScrollerOptions.style),{height:t.scrollHeight}),className:c("p-dropdown-items-wrapper",t.virtualScrollerOptions.className),items:t.visibleOptions,onLazyLoad:function(e){return t.virtualScrollerOptions.onLazyLoad(S(S({},e),{filter:t.filterValue}))},itemTemplate:function(e,t){return e&&w(e,t.index)},contentTemplate:function(t){var n=c("p-dropdown-items",t.className),r=p?h():t.children;return e.createElement("ul",{ref:t.contentRef,className:n,role:"listbox"},r)}});return e.createElement(b,y({ref:a},n))}var r=s.isNotEmpty(t.visibleOptions)?t.visibleOptions.map(w):t.hasFilter?h(t.emptyFilterMessage,!0):h(t.emptyMessage);return e.createElement("div",{className:"p-dropdown-items-wrapper",style:{maxHeight:t.scrollHeight||"auto"}},e.createElement("ul",{className:"p-dropdown-items",role:"listbox"},r))},C=(o=c("p-dropdown-panel p-component",t.panelClassName),l=O(),i=E(),e.createElement(m,{nodeRef:r,classNames:"p-connected-overlay",in:t.in,timeout:{enter:120,exit:100},options:t.transitionOptions,unmountOnExit:!0,onEnter:f,onEntering:t.onEntering,onEntered:d,onExit:t.onExit,onExited:t.onExited},e.createElement("div",{ref:r,className:o,style:t.panelStyle,onClick:t.onClick},l,i)));return e.createElement(v,{element:C,appendTo:t.appendTo})})));function I(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?I(Object(n),!0).forEach((function(t){h(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):I(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function j(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=P(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}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 l,i=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){a=!0,l=e},f:function(){try{i||null==n.return||n.return()}finally{if(a)throw l}}}}function P(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,r=new Array(t);n<t;n++)r[n]=e[n];return r}N.displayName="DropdownPanel";var R=e.memo(e.forwardRef((function(n,m){var v=x(e.useState(""),2),b=v[0],g=v[1],h=x(e.useState(!1),2),w=h[0],O=h[1],E=x(e.useState(!1),2),C=E[0],F=E[1],L=e.useRef(null),D=e.useRef(null),S=e.useRef(n.inputRef),I=e.useRef(null),P=e.useRef(null),T=e.useRef(null),G=e.useRef(null),M=n.virtualScrollerOptions&&n.virtualScrollerOptions.lazy,K=s.isNotEmpty(b),A=n.appendTo||t.appendTo,B=x(o({target:L,overlay:D,listener:function(e,t){t.valid&&("outside"===t.type?!q(e)&&de():de())},when:C}),2),V=B[0],H=B[1],q=function(e){return f.hasClass(e.target,"p-dropdown-clear-icon")||f.hasClass(e.target,"p-dropdown-filter-clear-icon")},_=function(e){n.showOnFocus&&!C&&fe(),O(!0),n.onFocus&&n.onFocus(e)},z=function(e){O(!1),n.onBlur&&n.onBlur(e)},J=function(e){switch(e.which){case 40:U(e);break;case 38:X(e);break;case 32:C?de():fe(),e.preventDefault();break;case 13:de(),e.preventDefault();break;case 27:case 9:de();break;default:Q(e)}},X=function(e){if(xe){var t=Y(pe());t&&ue({originalEvent:e,option:t})}e.preventDefault()},U=function(e){if(xe)if(!C&&e.altKey)fe();else{var t=$(pe());t&&ue({originalEvent:e,option:t})}e.preventDefault()},$=function e(t){if(n.optionGroupLabel){var r=-1===t?0:t.group,o=-1===t?-1:t.option,l=W(he(xe[r]),o);return l||(r+1!==xe.length?e({group:r+1,option:-1}):null)}return W(xe,t)},W=function e(t,n){var r=n+1;if(r===t.length)return null;var o=t[r];return ye(o)?e(r):o},Y=function e(t){if(-1===t)return null;if(n.optionGroupLabel){var r=t.group,o=t.option,l=Z(he(xe[r]),o);return l||(r>0?e({group:r-1,option:he(xe[r-1]).length}):null)}return Z(xe,t)},Z=function(e,t){var n=t-1;if(n<0)return null;var r=e[n];return ye(r)?Y(n):r},Q=function(e){P.current&&clearTimeout(P.current);var t=e.key;if(T.current=G.current===t?t:T.current?T.current+t:t,G.current=t,T.current){var r=pe(),o=n.optionGroupLabel?ne(r):ee(r+1);o&&ue({originalEvent:e,option:o})}P.current=setTimeout((function(){T.current=null}),250)},ee=function(e){return T.current?te(e,xe.length)||te(0,e):null},te=function(e,t){for(var n=e;n<t;n++){var r=xe[n];if(re(r))return r}return null},ne=function(e){for(var t=-1===e?{group:0,option:-1}:e,n=t.group;n<xe.length;n++)for(var r=he(xe[n]),o=t.group===n?t.option+1:0;o<r.length;o++)if(re(r[o]))return r[o];for(var l=0;l<=t.group;l++)for(var i=he(xe[l]),a=0;a<(t.group===l?t.option:i.length);a++)if(re(i[a]))return i[a];return null},re=function(e){return be(e).toLocaleLowerCase(n.filterLocale).startsWith(T.current.toLocaleLowerCase(n.filterLocale))},oe=function(e){n.onChange&&n.onChange({originalEvent:e.originalEvent,value:e.target.value,stopPropagation:function(){},preventDefault:function(){},target:{name:n.name,id:n.id,value:e.target.value}})},le=function(e){O(!0),de(),n.onFocus&&n.onFocus(e)},ie=function(e){g(""),n.onFilter&&n.onFilter({filter:""}),e&&e()},ae=function(e){n.onChange&&n.onChange({originalEvent:e,value:void 0,stopPropagation:function(){},preventDefault:function(){},target:{name:n.name,id:n.id,value:void 0}}),ve()},ue=function(e){if(Le!==e.option){ve(e.option);var t=ge(e.option);n.onChange&&n.onChange({originalEvent:e.originalEvent,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:n.name,id:n.id,value:t}})}},pe=function(){if(null!=n.value&&xe){if(!n.optionGroupLabel)return se(n.value,xe);for(var e=0;e<xe.length;e++){var t=se(n.value,he(xe[e]));if(-1!==t)return{group:e,option:t}}}return-1},ce=function(){return n.optionValue?null:n.dataKey},se=function(e,t){var n=ce();return t.findIndex((function(t){return s.equals(e,ge(t),n)}))},fe=function(){F(!0)},de=function(){F(!1)},me=function(){f.alignOverlay(D.current,S.current.parentElement,n.appendTo||t.appendTo)},ve=function(e){S.current&&(S.current.value=e?be(e):n.value||"")},be=function(e){return n.optionLabel?s.resolveFieldData(e,n.optionLabel):e&&void 0!==e.label?e.label:e},ge=function(e){return n.optionValue?s.resolveFieldData(e,n.optionValue):e&&void 0!==e.value?e.value:e},ye=function(e){return n.optionDisabled?s.isFunction(n.optionDisabled)?n.optionDisabled(e):s.resolveFieldData(e,n.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},he=function(e){return s.resolveFieldData(e,n.optionGroupChildren)},we=function(){if(n.editable&&S.current){var e=Le?be(Le):null;S.current.value=e||n.value||""}};e.useEffect((function(){s.combinedRefs(S,n.inputRef)}),[S,n.inputRef]),l((function(){n.autoFocus&&I.current&&I.current.focus()})),i((function(){var e;C&&n.value&&(e=f.findSingle(D.current,"li.p-highlight"))&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"start"})}),[C,n.value]),i((function(){C&&n.filter&&me()}),[C,n.filter]),i((function(){!b||n.options&&0!==n.options.length||g(""),we(),S.current&&(S.current.selectedIndex=1)})),a((function(){d.clear(D.current)}));var Oe,Ee,Ce,Fe,xe=function(){if(K&&!M){var e=b.trim().toLocaleLowerCase(n.filterLocale),t=n.filterBy?n.filterBy.split(","):[n.optionLabel||"label"];if(n.optionGroupLabel){var o,l=[],i=j(n.options);try{for(i.s();!(o=i.n()).done;){var a=o.value,u=r.filter(he(a),t,e,n.filterMatchMode,n.filterLocale);u&&u.length&&l.push(k(k({},a),{items:u}))}}catch(e){i.e(e)}finally{i.f()}return l}return r.filter(n.options,t,e,n.filterMatchMode,n.filterLocale)}return n.options}(),Le=-1!==(Oe=pe())?n.optionGroupLabel?he(xe[Oe.group])[Oe.option]:xe[Oe]:null,De=s.isNotEmpty(n.tooltip),Se=s.findDiffKeys(n,R.defaultProps),Ne=c("p-dropdown p-component p-inputwrapper",{"p-disabled":n.disabled,"p-focus":w,"p-dropdown-clearable":n.showClear&&!n.disabled,"p-inputwrapper-filled":s.isNotEmpty(n.value),"p-inputwrapper-focus":w||C},n.className),Ie=(Ee=e.createElement("option",{value:""},n.placeholder),Ce=Le?e.createElement("option",{value:Le.value},be(Le)):null,e.createElement("div",{className:"p-hidden-accessible p-dropdown-hidden-select"},e.createElement("select",{ref:S,required:n.required,name:n.name,tabIndex:-1,"aria-hidden":"true"},Ee,Ce))),ke=e.createElement("div",{className:"p-hidden-accessible"},e.createElement("input",{ref:I,id:n.inputId,type:"text",readOnly:!0,"aria-haspopup":"listbox",onFocus:_,onBlur:z,onKeyDown:J,disabled:n.disabled,tabIndex:n.tabIndex,"aria-label":n.ariaLabel,"aria-labelledby":n.ariaLabelledBy})),je=function(){var t=s.isNotEmpty(Le)?be(Le):null;if(n.editable)return e.createElement("input",{ref:S,type:"text",defaultValue:t||n.value||"",className:"p-dropdown-label p-inputtext",disabled:n.disabled,placeholder:n.placeholder,maxLength:n.maxLength,onInput:oe,onFocus:le,onBlur:z,"aria-label":n.ariaLabel,"aria-labelledby":n.ariaLabelledBy,"aria-haspopup":"listbox"});var r=c("p-dropdown-label p-inputtext",{"p-placeholder":null===t&&n.placeholder,"p-dropdown-label-empty":null===t&&!n.placeholder}),o=n.valueTemplate?s.getJSXElement(n.valueTemplate,Le,n):t||n.placeholder||"empty";return e.createElement("span",{ref:S,className:r},o)}(),Pe=(Fe=c("p-dropdown-trigger-icon p-clickable",n.dropdownIcon),e.createElement("div",{className:"p-dropdown-trigger",role:"button","aria-haspopup":"listbox","aria-expanded":C},e.createElement("span",{className:Fe}))),Te=null!=n.value&&n.showClear&&!n.disabled?e.createElement("i",{className:"p-dropdown-clear-icon pi pi-times",onClick:ae}):null;return e.createElement(e.Fragment,null,e.createElement("div",y({ref:L,id:n.id,className:Ne,style:n.style},Se,{onClick:function(e){n.disabled||f.hasClass(e.target,"p-dropdown-clear-icon")||"INPUT"===e.target.tagName||D.current&&D.current&&D.current.contains(e.target)||(I.current.focus(),C?de():fe())},onMouseDown:n.onMouseDown,onContextMenu:n.onContextMenu}),ke,Ie,je,Te,Pe,e.createElement(N,y({ref:D,visibleOptions:xe},n,{appendTo:A,onClick:function(e){u.emit("overlay-click",{originalEvent:e,target:L.current})},onOptionClick:function(e){e.option.disabled||(ue(e),I.current.focus()),de()},filterValue:b,hasFilter:K,onFilterClearIconClick:function(e){ie(e)},onFilterInputKeyDown:function(e){switch(e.which){case 40:U(e);break;case 38:X(e);break;case 13:case 27:de(),e.preventDefault()}},onFilterInputChange:function(e){var t=e.target.value;g(t),n.onFilter&&n.onFilter({originalEvent:e,filter:t})},getOptionLabel:be,getOptionRenderKey:function(e){return n.dataKey?s.resolveFieldData(e,n.dataKey):be(e)},isOptionDisabled:ye,getOptionGroupChildren:he,getOptionGroupLabel:function(e){return s.resolveFieldData(e,n.optionGroupLabel)},getOptionGroupRenderKey:function(e){return s.resolveFieldData(e,n.optionGroupLabel)},isSelected:function(e){return s.equals(n.value,ge(e),ce())},getSelectedOptionIndex:pe,in:C,onEnter:function(e){d.set("overlay",D.current,t.autoZIndex,t.zIndex.overlay),me(),e&&e()},onEntered:function(e){e&&e(),V(),n.onShow&&n.onShow()},onExit:function(){H()},onExited:function(){n.filter&&n.resetFilterOnHide&&ie(),d.clear(D.current),n.onHide&&n.onHide()}}))),De&&e.createElement(p,y({target:L,content:n.tooltip},n.tooltipOptions)))})));R.displayName="Dropdown",R.defaultProps={__TYPE:"Dropdown",id:null,inputRef:null,name:null,value:null,options:null,optionLabel:null,optionValue:null,optionDisabled:null,optionGroupLabel:null,optionGroupChildren:null,optionGroupTemplate:null,valueTemplate:null,itemTemplate:null,style:null,className:null,virtualScrollerOptions:null,scrollHeight:"200px",filter:!1,filterBy:null,filterMatchMode:"contains",filterPlaceholder:null,filterLocale:void 0,emptyMessage:null,emptyFilterMessage:null,editable:!1,placeholder:null,required:!1,disabled:!1,appendTo:null,tabIndex:null,autoFocus:!1,filterInputAutoFocus:!0,resetFilterOnHide:!1,showFilterClear:!1,panelClassName:null,panelStyle:null,dataKey:null,inputId:null,showClear:!1,maxLength:null,tooltip:null,tooltipOptions:null,ariaLabel:null,ariaLabelledBy:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",showOnFocus:!1,onChange:null,onFocus:null,onBlur:null,onMouseDown:null,onContextMenu:null,onShow:null,onHide:null,onFilter:null};export{R as Dropdown};
|
package/dropdown/dropdown.js
CHANGED
|
@@ -43,10 +43,6 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, hooks, overlay
|
|
|
43
43
|
return _extends.apply(this, arguments);
|
|
44
44
|
}
|
|
45
45
|
|
|
46
|
-
function _readOnlyError(name) {
|
|
47
|
-
throw new TypeError("\"" + name + "\" is read-only");
|
|
48
|
-
}
|
|
49
|
-
|
|
50
46
|
function _defineProperty(obj, key, value) {
|
|
51
47
|
if (key in obj) {
|
|
52
48
|
Object.defineProperty(obj, key, {
|
|
@@ -137,7 +133,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, hooks, overlay
|
|
|
137
133
|
'p-highlight': props.selected,
|
|
138
134
|
'p-disabled': props.disabled,
|
|
139
135
|
'p-dropdown-item-empty': !props.label || props.label.length === 0
|
|
140
|
-
}, props.option.className);
|
|
136
|
+
}, props.option && props.option.className);
|
|
141
137
|
var content = props.template ? utils.ObjectUtils.getJSXElement(props.template, props.option) : props.label;
|
|
142
138
|
return /*#__PURE__*/React__namespace.createElement("li", {
|
|
143
139
|
className: className,
|
|
@@ -651,7 +647,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, hooks, overlay
|
|
|
651
647
|
|
|
652
648
|
if (searchValue.current) {
|
|
653
649
|
var searchIndex = getSelectedOptionIndex();
|
|
654
|
-
var newOption = props.optionGroupLabel ? searchOptionInGroup(searchIndex) : searchOption(
|
|
650
|
+
var newOption = props.optionGroupLabel ? searchOptionInGroup(searchIndex) : searchOption(searchIndex + 1);
|
|
655
651
|
|
|
656
652
|
if (newOption) {
|
|
657
653
|
selectItem({
|
package/dropdown/dropdown.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.dropdown=function(e,t,n,r,l,o,i,a,u,c,p){"use strict";function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var d=f(t),m=s(n);function b(){return b=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},b.apply(this,arguments)}function v(e){throw new TypeError('"'+e+'" is read-only')}function g(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 h(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,o=[],i=!0,a=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);i=!0);}catch(e){a=!0,l=e}finally{try{i||null==n.return||n.return()}finally{if(a)throw l}}return o}}function O(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function w(e,t){if(e){if("string"==typeof e)return O(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)?O(e,t):void 0}}function E(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function j(e,t){return y(e)||h(e,t)||w(e,t)||E()}var C=d.memo((function(e){var t=i.classNames("p-dropdown-item",{"p-highlight":e.selected,"p-disabled":e.disabled,"p-dropdown-item-empty":!e.label||0===e.label.length},e.option.className),n=e.template?i.ObjectUtils.getJSXElement(e.template,e.option):e.label;return d.createElement("li",{className:t,onClick:function(t){e.onClick&&e.onClick({originalEvent:t,option:e.option})},"aria-label":e.label,key:e.label,role:"option","aria-selected":e.selected},n,d.createElement(p.Ripple,null))}));function D(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function x(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?D(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):D(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}C.displayName="DropdownItem";var F=d.memo(d.forwardRef((function(e,t){var r,l,o,p=d.useRef(null),s=d.useRef(null),f=!(e.visibleOptions&&e.visibleOptions.length)&&e.hasFilter,m=function(){e.onEnter((function(){if(p.current){var t=e.getSelectedOptionIndex();-1!==t&&setTimeout((function(){return p.current.scrollToIndex(t)}),0)}}))},v=function(){e.onEntered((function(){e.filter&&e.filterInputAutoFocus&&s.current.focus()}))},g=function(t){p.current&&p.current.scrollToIndex(0),e.onFilterInputChange&&e.onFilterInputChange(t)},y=function(t,r){var l=i.ObjectUtils.getJSXElement(t,e)||n.localeOption(r?"emptyFilterMessage":"emptyMessage");return d.createElement("li",{className:"p-dropdown-empty-message"},l)},h=function(t,n){if(e.optionGroupLabel){var r=e.optionGroupTemplate?i.ObjectUtils.getJSXElement(e.optionGroupTemplate,t,n):e.getOptionGroupLabel(t),l=e.getOptionGroupChildren(t).map((function(t,n){var r=e.getOptionLabel(t),l=n+"_"+e.getOptionRenderKey(t),o=e.isOptionDisabled(t);return d.createElement(C,{key:l,label:r,option:t,template:e.itemTemplate,selected:e.isSelected(t),disabled:o,onClick:e.onOptionClick})})),o=n+"_"+e.getOptionGroupRenderKey(t);return d.createElement(d.Fragment,{key:o},d.createElement("li",{className:"p-dropdown-item-group"},r),l)}var a=e.getOptionLabel(t),u=n+"_"+e.getOptionRenderKey(t),c=e.isOptionDisabled(t);return d.createElement(C,{key:u,label:a,option:t,template:e.itemTemplate,selected:e.isSelected(t),disabled:c,onClick:e.onOptionClick})},O=function(){if(e.filter){var t=e.showFilterClear&&e.filterValue?d.createElement("i",{className:"p-dropdown-filter-clear-icon pi pi-times",onClick:function(){return e.onFilterClearIconClick((function(){return s.current.focus()}))}}):null,n=i.classNames("p-dropdown-filter-container",{"p-dropdown-clearable-filter":!!t});return d.createElement("div",{className:"p-dropdown-header"},d.createElement("div",{className:n},d.createElement("input",{ref:s,type:"text",autoComplete:"off",className:"p-dropdown-filter p-inputtext p-component",placeholder:e.filterPlaceholder,onKeyDown:e.onFilterInputKeyDown,onChange:g,value:e.filterValue}),t,d.createElement("i",{className:"p-dropdown-filter-icon pi pi-search"})))}return null},w=function(){if(e.virtualScrollerOptions){var t=x(x({},e.virtualScrollerOptions),{style:x(x({},e.virtualScrollerOptions.style),{height:e.scrollHeight}),className:i.classNames("p-dropdown-items-wrapper",e.virtualScrollerOptions.className),items:e.visibleOptions,onLazyLoad:function(t){return e.virtualScrollerOptions.onLazyLoad(x(x({},t),{filter:e.filterValue}))},itemTemplate:function(e,t){return e&&h(e,t.index)},contentTemplate:function(e){var t=i.classNames("p-dropdown-items",e.className),n=f?y():e.children;return d.createElement("ul",{ref:e.contentRef,className:t,role:"listbox"},n)}});return d.createElement(c.VirtualScroller,b({ref:p},t))}var n=i.ObjectUtils.isNotEmpty(e.visibleOptions)?e.visibleOptions.map(h):e.hasFilter?y(e.emptyFilterMessage,!0):y(e.emptyMessage);return d.createElement("div",{className:"p-dropdown-items-wrapper",style:{maxHeight:e.scrollHeight||"auto"}},d.createElement("ul",{className:"p-dropdown-items",role:"listbox"},n))},E=(r=i.classNames("p-dropdown-panel p-component",e.panelClassName),l=O(),o=w(),d.createElement(a.CSSTransition,{nodeRef:t,classNames:"p-connected-overlay",in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:m,onEntering:e.onEntering,onEntered:v,onExit:e.onExit,onExited:e.onExited},d.createElement("div",{ref:t,className:r,style:e.panelStyle,onClick:e.onClick},l,o)));return d.createElement(u.Portal,{element:E,appendTo:e.appendTo})})));function N(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function S(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?N(Object(n),!0).forEach((function(t){g(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 L(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 r=0,l=function(){};return{s:l,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:l}}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 o,i=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){a=!0,o=e},f:function(){try{i||null==n.return||n.return()}finally{if(a)throw o}}}}function I(e,t){if(e){if("string"==typeof e)return k(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)?k(e,t):void 0}}function k(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}F.displayName="DropdownPanel";var P=d.memo(d.forwardRef((function(e,t){var a=j(d.useState(""),2),u=a[0],c=a[1],p=j(d.useState(!1),2),s=p[0],f=p[1],g=j(d.useState(!1),2),y=g[0],h=g[1],O=d.useRef(null),w=d.useRef(null),E=d.useRef(e.inputRef),C=d.useRef(null),D=d.useRef(null),x=d.useRef(null),N=d.useRef(null),I=e.virtualScrollerOptions&&e.virtualScrollerOptions.lazy,k=i.ObjectUtils.isNotEmpty(u),T=e.appendTo||m.default.appendTo,U=j(r.useOverlayListener({target:O,overlay:w,listener:function(e,t){t.valid&&("outside"===t.type?!G(e)&&ue():ue())},when:y}),2),R=U[0],M=U[1],G=function(e){return i.DomHandler.hasClass(e.target,"p-dropdown-clear-icon")||i.DomHandler.hasClass(e.target,"p-dropdown-filter-clear-icon")},K=function(t){e.showOnFocus&&!y&&ae(),f(!0),e.onFocus&&e.onFocus(t)},A=function(t){f(!1),e.onBlur&&e.onBlur(t)},H=function(e){switch(e.which){case 40:B(e);break;case 38:V(e);break;case 32:y?ue():ae(),e.preventDefault();break;case 13:ue(),e.preventDefault();break;case 27:case 9:ue();break;default:X(e)}},V=function(e){if(Oe){var t=z(le());t&&re({originalEvent:e,option:t})}e.preventDefault()},B=function(e){if(Oe)if(!y&&e.altKey)ae();else{var t=_(le());t&&re({originalEvent:e,option:t})}e.preventDefault()},_=function t(n){if(e.optionGroupLabel){var r=-1===n?0:n.group,l=-1===n?-1:n.option,o=q(me(Oe[r]),l);return o||(r+1!==Oe.length?t({group:r+1,option:-1}):null)}return q(Oe,n)},q=function e(t,n){var r=n+1;if(r===t.length)return null;var l=t[r];return de(l)?e(r):l},z=function t(n){if(-1===n)return null;if(e.optionGroupLabel){var r=n.group,l=n.option,o=J(me(Oe[r]),l);return o||(r>0?t({group:r-1,option:me(Oe[r-1]).length}):null)}return J(Oe,n)},J=function(e,t){var n=t-1;if(n<0)return null;var r=e[n];return de(r)?z(n):r},X=function(t){D.current&&clearTimeout(D.current);var n=t.key;if(x.current=N.current===n?n:x.current?x.current+n:n,N.current=n,x.current){var r=le(),l=e.optionGroupLabel?W(r):Z(v("searchIndex"));l&&re({originalEvent:t,option:l})}D.current=setTimeout((function(){x.current=null}),250)},Z=function(e){return x.current?$(e,Oe.length)||$(0,e):null},$=function(e,t){for(var n=e;n<t;n++){var r=Oe[n];if(Y(r))return r}return null},W=function(e){for(var t=-1===e?{group:0,option:-1}:e,n=t.group;n<Oe.length;n++)for(var r=me(Oe[n]),l=t.group===n?t.option+1:0;l<r.length;l++)if(Y(r[l]))return r[l];for(var o=0;o<=t.group;o++)for(var i=me(Oe[o]),a=0;a<(t.group===o?t.option:i.length);a++)if(Y(i[a]))return i[a];return null},Y=function(t){return se(t).toLocaleLowerCase(e.filterLocale).startsWith(x.current.toLocaleLowerCase(e.filterLocale))},Q=function(t){e.onChange&&e.onChange({originalEvent:t.originalEvent,value:t.target.value,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:t.target.value}})},ee=function(t){f(!0),ue(),e.onFocus&&e.onFocus(t)},te=function(t){c(""),e.onFilter&&e.onFilter({filter:""}),t&&t()},ne=function(t){e.onChange&&e.onChange({originalEvent:t,value:void 0,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:void 0}}),pe()},re=function(t){if(we!==t.option){pe(t.option);var n=fe(t.option);e.onChange&&e.onChange({originalEvent:t.originalEvent,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:n}})}},le=function(){if(null!=e.value&&Oe){if(!e.optionGroupLabel)return ie(e.value,Oe);for(var t=0;t<Oe.length;t++){var n=ie(e.value,me(Oe[t]));if(-1!==n)return{group:t,option:n}}}return-1},oe=function(){return e.optionValue?null:e.dataKey},ie=function(e,t){var n=oe();return t.findIndex((function(t){return i.ObjectUtils.equals(e,fe(t),n)}))},ae=function(){h(!0)},ue=function(){h(!1)},ce=function(){i.DomHandler.alignOverlay(w.current,E.current.parentElement,e.appendTo||m.default.appendTo)},pe=function(t){E.current&&(E.current.value=t?se(t):e.value||"")},se=function(t){return e.optionLabel?i.ObjectUtils.resolveFieldData(t,e.optionLabel):t&&void 0!==t.label?t.label:t},fe=function(t){return e.optionValue?i.ObjectUtils.resolveFieldData(t,e.optionValue):t&&void 0!==t.value?t.value:t},de=function(t){return e.optionDisabled?i.ObjectUtils.isFunction(e.optionDisabled)?e.optionDisabled(t):i.ObjectUtils.resolveFieldData(t,e.optionDisabled):!(!t||void 0===t.disabled)&&t.disabled},me=function(t){return i.ObjectUtils.resolveFieldData(t,e.optionGroupChildren)},be=function(){if(e.editable&&E.current){var t=we?se(we):null;E.current.value=t||e.value||""}};d.useEffect((function(){i.ObjectUtils.combinedRefs(E,e.inputRef)}),[E,e.inputRef]),r.useMountEffect((function(){e.autoFocus&&C.current&&C.current.focus()})),r.useUpdateEffect((function(){var t;y&&e.value&&(t=i.DomHandler.findSingle(w.current,"li.p-highlight"))&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})}),[y,e.value]),r.useUpdateEffect((function(){y&&e.filter&&ce()}),[y,e.filter]),r.useUpdateEffect((function(){!u||e.options&&0!==e.options.length||c(""),be(),E.current&&(E.current.selectedIndex=1)})),r.useUnmountEffect((function(){i.ZIndexUtils.clear(w.current)}));var ve,ge,ye,he,Oe=function(){if(k&&!I){var t=u.trim().toLocaleLowerCase(e.filterLocale),r=e.filterBy?e.filterBy.split(","):[e.optionLabel||"label"];if(e.optionGroupLabel){var l,o=[],i=L(e.options);try{for(i.s();!(l=i.n()).done;){var a=l.value,c=n.FilterService.filter(me(a),r,t,e.filterMatchMode,e.filterLocale);c&&c.length&&o.push(S(S({},a),{items:c}))}}catch(e){i.e(e)}finally{i.f()}return o}return n.FilterService.filter(e.options,r,t,e.filterMatchMode,e.filterLocale)}return e.options}(),we=-1!==(ve=le())?e.optionGroupLabel?me(Oe[ve.group])[ve.option]:Oe[ve]:null,Ee=i.ObjectUtils.isNotEmpty(e.tooltip),je=i.ObjectUtils.findDiffKeys(e,P.defaultProps),Ce=i.classNames("p-dropdown p-component p-inputwrapper",{"p-disabled":e.disabled,"p-focus":s,"p-dropdown-clearable":e.showClear&&!e.disabled,"p-inputwrapper-filled":i.ObjectUtils.isNotEmpty(e.value),"p-inputwrapper-focus":s||y},e.className),De=(ge=d.createElement("option",{value:""},e.placeholder),ye=we?d.createElement("option",{value:we.value},se(we)):null,d.createElement("div",{className:"p-hidden-accessible p-dropdown-hidden-select"},d.createElement("select",{ref:E,required:e.required,name:e.name,tabIndex:-1,"aria-hidden":"true"},ge,ye))),xe=d.createElement("div",{className:"p-hidden-accessible"},d.createElement("input",{ref:C,id:e.inputId,type:"text",readOnly:!0,"aria-haspopup":"listbox",onFocus:K,onBlur:A,onKeyDown:H,disabled:e.disabled,tabIndex:e.tabIndex,"aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledBy})),Fe=function(){var t=i.ObjectUtils.isNotEmpty(we)?se(we):null;if(e.editable)return d.createElement("input",{ref:E,type:"text",defaultValue:t||e.value||"",className:"p-dropdown-label p-inputtext",disabled:e.disabled,placeholder:e.placeholder,maxLength:e.maxLength,onInput:Q,onFocus:ee,onBlur:A,"aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledBy,"aria-haspopup":"listbox"});var n=i.classNames("p-dropdown-label p-inputtext",{"p-placeholder":null===t&&e.placeholder,"p-dropdown-label-empty":null===t&&!e.placeholder}),r=e.valueTemplate?i.ObjectUtils.getJSXElement(e.valueTemplate,we,e):t||e.placeholder||"empty";return d.createElement("span",{ref:E,className:n},r)}(),Ne=(he=i.classNames("p-dropdown-trigger-icon p-clickable",e.dropdownIcon),d.createElement("div",{className:"p-dropdown-trigger",role:"button","aria-haspopup":"listbox","aria-expanded":y},d.createElement("span",{className:he}))),Se=null!=e.value&&e.showClear&&!e.disabled?d.createElement("i",{className:"p-dropdown-clear-icon pi pi-times",onClick:ne}):null;return d.createElement(d.Fragment,null,d.createElement("div",b({ref:O,id:e.id,className:Ce,style:e.style},je,{onClick:function(t){e.disabled||i.DomHandler.hasClass(t.target,"p-dropdown-clear-icon")||"INPUT"===t.target.tagName||w.current&&w.current&&w.current.contains(t.target)||(C.current.focus(),y?ue():ae())},onMouseDown:e.onMouseDown,onContextMenu:e.onContextMenu}),xe,De,Fe,Se,Ne,d.createElement(F,b({ref:w,visibleOptions:Oe},e,{appendTo:T,onClick:function(e){l.OverlayService.emit("overlay-click",{originalEvent:e,target:O.current})},onOptionClick:function(e){e.option.disabled||(re(e),C.current.focus()),ue()},filterValue:u,hasFilter:k,onFilterClearIconClick:function(e){te(e)},onFilterInputKeyDown:function(e){switch(e.which){case 40:B(e);break;case 38:V(e);break;case 13:case 27:ue(),e.preventDefault()}},onFilterInputChange:function(t){var n=t.target.value;c(n),e.onFilter&&e.onFilter({originalEvent:t,filter:n})},getOptionLabel:se,getOptionRenderKey:function(t){return e.dataKey?i.ObjectUtils.resolveFieldData(t,e.dataKey):se(t)},isOptionDisabled:de,getOptionGroupChildren:me,getOptionGroupLabel:function(t){return i.ObjectUtils.resolveFieldData(t,e.optionGroupLabel)},getOptionGroupRenderKey:function(t){return i.ObjectUtils.resolveFieldData(t,e.optionGroupLabel)},isSelected:function(t){return i.ObjectUtils.equals(e.value,fe(t),oe())},getSelectedOptionIndex:le,in:y,onEnter:function(e){i.ZIndexUtils.set("overlay",w.current,m.default.autoZIndex,m.default.zIndex.overlay),ce(),e&&e()},onEntered:function(t){t&&t(),R(),e.onShow&&e.onShow()},onExit:function(){M()},onExited:function(){e.filter&&e.resetFilterOnHide&&te(),i.ZIndexUtils.clear(w.current),e.onHide&&e.onHide()}}))),Ee&&d.createElement(o.Tooltip,b({target:O,content:e.tooltip},e.tooltipOptions)))})));return P.displayName="Dropdown",P.defaultProps={__TYPE:"Dropdown",id:null,inputRef:null,name:null,value:null,options:null,optionLabel:null,optionValue:null,optionDisabled:null,optionGroupLabel:null,optionGroupChildren:null,optionGroupTemplate:null,valueTemplate:null,itemTemplate:null,style:null,className:null,virtualScrollerOptions:null,scrollHeight:"200px",filter:!1,filterBy:null,filterMatchMode:"contains",filterPlaceholder:null,filterLocale:void 0,emptyMessage:null,emptyFilterMessage:null,editable:!1,placeholder:null,required:!1,disabled:!1,appendTo:null,tabIndex:null,autoFocus:!1,filterInputAutoFocus:!0,resetFilterOnHide:!1,showFilterClear:!1,panelClassName:null,panelStyle:null,dataKey:null,inputId:null,showClear:!1,maxLength:null,tooltip:null,tooltipOptions:null,ariaLabel:null,ariaLabelledBy:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",showOnFocus:!1,onChange:null,onFocus:null,onBlur:null,onMouseDown:null,onContextMenu:null,onShow:null,onHide:null,onFilter:null},e.Dropdown=P,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.overlayservice,primereact.tooltip,primereact.utils,primereact.csstransition,primereact.portal,primereact.virtualscroller,primereact.ripple);
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.dropdown=function(e,t,n,r,l,o,i,a,u,c,p){"use strict";function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var d=f(t),m=s(n);function b(){return b=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},b.apply(this,arguments)}function v(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 y(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,o=[],i=!0,a=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);i=!0);}catch(e){a=!0,l=e}finally{try{i||null==n.return||n.return()}finally{if(a)throw l}}return o}}function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function O(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 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 E(e,t){return g(e)||y(e,t)||O(e,t)||w()}var j=d.memo((function(e){var t=i.classNames("p-dropdown-item",{"p-highlight":e.selected,"p-disabled":e.disabled,"p-dropdown-item-empty":!e.label||0===e.label.length},e.option&&e.option.className),n=e.template?i.ObjectUtils.getJSXElement(e.template,e.option):e.label;return d.createElement("li",{className:t,onClick:function(t){e.onClick&&e.onClick({originalEvent:t,option:e.option})},"aria-label":e.label,key:e.label,role:"option","aria-selected":e.selected},n,d.createElement(p.Ripple,null))}));function C(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function D(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){v(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}j.displayName="DropdownItem";var F=d.memo(d.forwardRef((function(e,t){var r,l,o,p=d.useRef(null),s=d.useRef(null),f=!(e.visibleOptions&&e.visibleOptions.length)&&e.hasFilter,m=function(){e.onEnter((function(){if(p.current){var t=e.getSelectedOptionIndex();-1!==t&&setTimeout((function(){return p.current.scrollToIndex(t)}),0)}}))},v=function(){e.onEntered((function(){e.filter&&e.filterInputAutoFocus&&s.current.focus()}))},g=function(t){p.current&&p.current.scrollToIndex(0),e.onFilterInputChange&&e.onFilterInputChange(t)},y=function(t,r){var l=i.ObjectUtils.getJSXElement(t,e)||n.localeOption(r?"emptyFilterMessage":"emptyMessage");return d.createElement("li",{className:"p-dropdown-empty-message"},l)},h=function(t,n){if(e.optionGroupLabel){var r=e.optionGroupTemplate?i.ObjectUtils.getJSXElement(e.optionGroupTemplate,t,n):e.getOptionGroupLabel(t),l=e.getOptionGroupChildren(t).map((function(t,n){var r=e.getOptionLabel(t),l=n+"_"+e.getOptionRenderKey(t),o=e.isOptionDisabled(t);return d.createElement(j,{key:l,label:r,option:t,template:e.itemTemplate,selected:e.isSelected(t),disabled:o,onClick:e.onOptionClick})})),o=n+"_"+e.getOptionGroupRenderKey(t);return d.createElement(d.Fragment,{key:o},d.createElement("li",{className:"p-dropdown-item-group"},r),l)}var a=e.getOptionLabel(t),u=n+"_"+e.getOptionRenderKey(t),c=e.isOptionDisabled(t);return d.createElement(j,{key:u,label:a,option:t,template:e.itemTemplate,selected:e.isSelected(t),disabled:c,onClick:e.onOptionClick})},O=function(){if(e.filter){var t=e.showFilterClear&&e.filterValue?d.createElement("i",{className:"p-dropdown-filter-clear-icon pi pi-times",onClick:function(){return e.onFilterClearIconClick((function(){return s.current.focus()}))}}):null,n=i.classNames("p-dropdown-filter-container",{"p-dropdown-clearable-filter":!!t});return d.createElement("div",{className:"p-dropdown-header"},d.createElement("div",{className:n},d.createElement("input",{ref:s,type:"text",autoComplete:"off",className:"p-dropdown-filter p-inputtext p-component",placeholder:e.filterPlaceholder,onKeyDown:e.onFilterInputKeyDown,onChange:g,value:e.filterValue}),t,d.createElement("i",{className:"p-dropdown-filter-icon pi pi-search"})))}return null},w=function(){if(e.virtualScrollerOptions){var t=D(D({},e.virtualScrollerOptions),{style:D(D({},e.virtualScrollerOptions.style),{height:e.scrollHeight}),className:i.classNames("p-dropdown-items-wrapper",e.virtualScrollerOptions.className),items:e.visibleOptions,onLazyLoad:function(t){return e.virtualScrollerOptions.onLazyLoad(D(D({},t),{filter:e.filterValue}))},itemTemplate:function(e,t){return e&&h(e,t.index)},contentTemplate:function(e){var t=i.classNames("p-dropdown-items",e.className),n=f?y():e.children;return d.createElement("ul",{ref:e.contentRef,className:t,role:"listbox"},n)}});return d.createElement(c.VirtualScroller,b({ref:p},t))}var n=i.ObjectUtils.isNotEmpty(e.visibleOptions)?e.visibleOptions.map(h):e.hasFilter?y(e.emptyFilterMessage,!0):y(e.emptyMessage);return d.createElement("div",{className:"p-dropdown-items-wrapper",style:{maxHeight:e.scrollHeight||"auto"}},d.createElement("ul",{className:"p-dropdown-items",role:"listbox"},n))},E=(r=i.classNames("p-dropdown-panel p-component",e.panelClassName),l=O(),o=w(),d.createElement(a.CSSTransition,{nodeRef:t,classNames:"p-connected-overlay",in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:m,onEntering:e.onEntering,onEntered:v,onExit:e.onExit,onExited:e.onExited},d.createElement("div",{ref:t,className:r,style:e.panelStyle,onClick:e.onClick},l,o)));return d.createElement(u.Portal,{element:E,appendTo:e.appendTo})})));function N(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function x(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){v(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 S(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=L(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,l=function(){};return{s:l,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:l}}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 o,i=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){a=!0,o=e},f:function(){try{i||null==n.return||n.return()}finally{if(a)throw o}}}}function L(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,r=new Array(t);n<t;n++)r[n]=e[n];return r}F.displayName="DropdownPanel";var k=d.memo(d.forwardRef((function(e,t){var a=E(d.useState(""),2),u=a[0],c=a[1],p=E(d.useState(!1),2),s=p[0],f=p[1],v=E(d.useState(!1),2),g=v[0],y=v[1],h=d.useRef(null),O=d.useRef(null),w=d.useRef(e.inputRef),j=d.useRef(null),C=d.useRef(null),D=d.useRef(null),N=d.useRef(null),L=e.virtualScrollerOptions&&e.virtualScrollerOptions.lazy,I=i.ObjectUtils.isNotEmpty(u),P=e.appendTo||m.default.appendTo,U=E(r.useOverlayListener({target:h,overlay:O,listener:function(e,t){t.valid&&("outside"===t.type?!M(e)&&ae():ae())},when:g}),2),T=U[0],R=U[1],M=function(e){return i.DomHandler.hasClass(e.target,"p-dropdown-clear-icon")||i.DomHandler.hasClass(e.target,"p-dropdown-filter-clear-icon")},G=function(t){e.showOnFocus&&!g&&ie(),f(!0),e.onFocus&&e.onFocus(t)},K=function(t){f(!1),e.onBlur&&e.onBlur(t)},A=function(e){switch(e.which){case 40:V(e);break;case 38:H(e);break;case 32:g?ae():ie(),e.preventDefault();break;case 13:ae(),e.preventDefault();break;case 27:case 9:ae();break;default:J(e)}},H=function(e){if(he){var t=q(re());t&&ne({originalEvent:e,option:t})}e.preventDefault()},V=function(e){if(he)if(!g&&e.altKey)ie();else{var t=B(re());t&&ne({originalEvent:e,option:t})}e.preventDefault()},B=function t(n){if(e.optionGroupLabel){var r=-1===n?0:n.group,l=-1===n?-1:n.option,o=_(de(he[r]),l);return o||(r+1!==he.length?t({group:r+1,option:-1}):null)}return _(he,n)},_=function e(t,n){var r=n+1;if(r===t.length)return null;var l=t[r];return fe(l)?e(r):l},q=function t(n){if(-1===n)return null;if(e.optionGroupLabel){var r=n.group,l=n.option,o=z(de(he[r]),l);return o||(r>0?t({group:r-1,option:de(he[r-1]).length}):null)}return z(he,n)},z=function(e,t){var n=t-1;if(n<0)return null;var r=e[n];return fe(r)?q(n):r},J=function(t){C.current&&clearTimeout(C.current);var n=t.key;if(D.current=N.current===n?n:D.current?D.current+n:n,N.current=n,D.current){var r=re(),l=e.optionGroupLabel?$(r):X(r+1);l&&ne({originalEvent:t,option:l})}C.current=setTimeout((function(){D.current=null}),250)},X=function(e){return D.current?Z(e,he.length)||Z(0,e):null},Z=function(e,t){for(var n=e;n<t;n++){var r=he[n];if(W(r))return r}return null},$=function(e){for(var t=-1===e?{group:0,option:-1}:e,n=t.group;n<he.length;n++)for(var r=de(he[n]),l=t.group===n?t.option+1:0;l<r.length;l++)if(W(r[l]))return r[l];for(var o=0;o<=t.group;o++)for(var i=de(he[o]),a=0;a<(t.group===o?t.option:i.length);a++)if(W(i[a]))return i[a];return null},W=function(t){return pe(t).toLocaleLowerCase(e.filterLocale).startsWith(D.current.toLocaleLowerCase(e.filterLocale))},Y=function(t){e.onChange&&e.onChange({originalEvent:t.originalEvent,value:t.target.value,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:t.target.value}})},Q=function(t){f(!0),ae(),e.onFocus&&e.onFocus(t)},ee=function(t){c(""),e.onFilter&&e.onFilter({filter:""}),t&&t()},te=function(t){e.onChange&&e.onChange({originalEvent:t,value:void 0,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:void 0}}),ce()},ne=function(t){if(Oe!==t.option){ce(t.option);var n=se(t.option);e.onChange&&e.onChange({originalEvent:t.originalEvent,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:n}})}},re=function(){if(null!=e.value&&he){if(!e.optionGroupLabel)return oe(e.value,he);for(var t=0;t<he.length;t++){var n=oe(e.value,de(he[t]));if(-1!==n)return{group:t,option:n}}}return-1},le=function(){return e.optionValue?null:e.dataKey},oe=function(e,t){var n=le();return t.findIndex((function(t){return i.ObjectUtils.equals(e,se(t),n)}))},ie=function(){y(!0)},ae=function(){y(!1)},ue=function(){i.DomHandler.alignOverlay(O.current,w.current.parentElement,e.appendTo||m.default.appendTo)},ce=function(t){w.current&&(w.current.value=t?pe(t):e.value||"")},pe=function(t){return e.optionLabel?i.ObjectUtils.resolveFieldData(t,e.optionLabel):t&&void 0!==t.label?t.label:t},se=function(t){return e.optionValue?i.ObjectUtils.resolveFieldData(t,e.optionValue):t&&void 0!==t.value?t.value:t},fe=function(t){return e.optionDisabled?i.ObjectUtils.isFunction(e.optionDisabled)?e.optionDisabled(t):i.ObjectUtils.resolveFieldData(t,e.optionDisabled):!(!t||void 0===t.disabled)&&t.disabled},de=function(t){return i.ObjectUtils.resolveFieldData(t,e.optionGroupChildren)},me=function(){if(e.editable&&w.current){var t=Oe?pe(Oe):null;w.current.value=t||e.value||""}};d.useEffect((function(){i.ObjectUtils.combinedRefs(w,e.inputRef)}),[w,e.inputRef]),r.useMountEffect((function(){e.autoFocus&&j.current&&j.current.focus()})),r.useUpdateEffect((function(){var t;g&&e.value&&(t=i.DomHandler.findSingle(O.current,"li.p-highlight"))&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})}),[g,e.value]),r.useUpdateEffect((function(){g&&e.filter&&ue()}),[g,e.filter]),r.useUpdateEffect((function(){!u||e.options&&0!==e.options.length||c(""),me(),w.current&&(w.current.selectedIndex=1)})),r.useUnmountEffect((function(){i.ZIndexUtils.clear(O.current)}));var be,ve,ge,ye,he=function(){if(I&&!L){var t=u.trim().toLocaleLowerCase(e.filterLocale),r=e.filterBy?e.filterBy.split(","):[e.optionLabel||"label"];if(e.optionGroupLabel){var l,o=[],i=S(e.options);try{for(i.s();!(l=i.n()).done;){var a=l.value,c=n.FilterService.filter(de(a),r,t,e.filterMatchMode,e.filterLocale);c&&c.length&&o.push(x(x({},a),{items:c}))}}catch(e){i.e(e)}finally{i.f()}return o}return n.FilterService.filter(e.options,r,t,e.filterMatchMode,e.filterLocale)}return e.options}(),Oe=-1!==(be=re())?e.optionGroupLabel?de(he[be.group])[be.option]:he[be]:null,we=i.ObjectUtils.isNotEmpty(e.tooltip),Ee=i.ObjectUtils.findDiffKeys(e,k.defaultProps),je=i.classNames("p-dropdown p-component p-inputwrapper",{"p-disabled":e.disabled,"p-focus":s,"p-dropdown-clearable":e.showClear&&!e.disabled,"p-inputwrapper-filled":i.ObjectUtils.isNotEmpty(e.value),"p-inputwrapper-focus":s||g},e.className),Ce=(ve=d.createElement("option",{value:""},e.placeholder),ge=Oe?d.createElement("option",{value:Oe.value},pe(Oe)):null,d.createElement("div",{className:"p-hidden-accessible p-dropdown-hidden-select"},d.createElement("select",{ref:w,required:e.required,name:e.name,tabIndex:-1,"aria-hidden":"true"},ve,ge))),De=d.createElement("div",{className:"p-hidden-accessible"},d.createElement("input",{ref:j,id:e.inputId,type:"text",readOnly:!0,"aria-haspopup":"listbox",onFocus:G,onBlur:K,onKeyDown:A,disabled:e.disabled,tabIndex:e.tabIndex,"aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledBy})),Fe=function(){var t=i.ObjectUtils.isNotEmpty(Oe)?pe(Oe):null;if(e.editable)return d.createElement("input",{ref:w,type:"text",defaultValue:t||e.value||"",className:"p-dropdown-label p-inputtext",disabled:e.disabled,placeholder:e.placeholder,maxLength:e.maxLength,onInput:Y,onFocus:Q,onBlur:K,"aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledBy,"aria-haspopup":"listbox"});var n=i.classNames("p-dropdown-label p-inputtext",{"p-placeholder":null===t&&e.placeholder,"p-dropdown-label-empty":null===t&&!e.placeholder}),r=e.valueTemplate?i.ObjectUtils.getJSXElement(e.valueTemplate,Oe,e):t||e.placeholder||"empty";return d.createElement("span",{ref:w,className:n},r)}(),Ne=(ye=i.classNames("p-dropdown-trigger-icon p-clickable",e.dropdownIcon),d.createElement("div",{className:"p-dropdown-trigger",role:"button","aria-haspopup":"listbox","aria-expanded":g},d.createElement("span",{className:ye}))),xe=null!=e.value&&e.showClear&&!e.disabled?d.createElement("i",{className:"p-dropdown-clear-icon pi pi-times",onClick:te}):null;return d.createElement(d.Fragment,null,d.createElement("div",b({ref:h,id:e.id,className:je,style:e.style},Ee,{onClick:function(t){e.disabled||i.DomHandler.hasClass(t.target,"p-dropdown-clear-icon")||"INPUT"===t.target.tagName||O.current&&O.current&&O.current.contains(t.target)||(j.current.focus(),g?ae():ie())},onMouseDown:e.onMouseDown,onContextMenu:e.onContextMenu}),De,Ce,Fe,xe,Ne,d.createElement(F,b({ref:O,visibleOptions:he},e,{appendTo:P,onClick:function(e){l.OverlayService.emit("overlay-click",{originalEvent:e,target:h.current})},onOptionClick:function(e){e.option.disabled||(ne(e),j.current.focus()),ae()},filterValue:u,hasFilter:I,onFilterClearIconClick:function(e){ee(e)},onFilterInputKeyDown:function(e){switch(e.which){case 40:V(e);break;case 38:H(e);break;case 13:case 27:ae(),e.preventDefault()}},onFilterInputChange:function(t){var n=t.target.value;c(n),e.onFilter&&e.onFilter({originalEvent:t,filter:n})},getOptionLabel:pe,getOptionRenderKey:function(t){return e.dataKey?i.ObjectUtils.resolveFieldData(t,e.dataKey):pe(t)},isOptionDisabled:fe,getOptionGroupChildren:de,getOptionGroupLabel:function(t){return i.ObjectUtils.resolveFieldData(t,e.optionGroupLabel)},getOptionGroupRenderKey:function(t){return i.ObjectUtils.resolveFieldData(t,e.optionGroupLabel)},isSelected:function(t){return i.ObjectUtils.equals(e.value,se(t),le())},getSelectedOptionIndex:re,in:g,onEnter:function(e){i.ZIndexUtils.set("overlay",O.current,m.default.autoZIndex,m.default.zIndex.overlay),ue(),e&&e()},onEntered:function(t){t&&t(),T(),e.onShow&&e.onShow()},onExit:function(){R()},onExited:function(){e.filter&&e.resetFilterOnHide&&ee(),i.ZIndexUtils.clear(O.current),e.onHide&&e.onHide()}}))),we&&d.createElement(o.Tooltip,b({target:h,content:e.tooltip},e.tooltipOptions)))})));return k.displayName="Dropdown",k.defaultProps={__TYPE:"Dropdown",id:null,inputRef:null,name:null,value:null,options:null,optionLabel:null,optionValue:null,optionDisabled:null,optionGroupLabel:null,optionGroupChildren:null,optionGroupTemplate:null,valueTemplate:null,itemTemplate:null,style:null,className:null,virtualScrollerOptions:null,scrollHeight:"200px",filter:!1,filterBy:null,filterMatchMode:"contains",filterPlaceholder:null,filterLocale:void 0,emptyMessage:null,emptyFilterMessage:null,editable:!1,placeholder:null,required:!1,disabled:!1,appendTo:null,tabIndex:null,autoFocus:!1,filterInputAutoFocus:!0,resetFilterOnHide:!1,showFilterClear:!1,panelClassName:null,panelStyle:null,dataKey:null,inputId:null,showClear:!1,maxLength:null,tooltip:null,tooltipOptions:null,ariaLabel:null,ariaLabelledBy:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",showOnFocus:!1,onChange:null,onFocus:null,onBlur:null,onMouseDown:null,onContextMenu:null,onShow:null,onHide:null,onFilter:null},e.Dropdown=k,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.overlayservice,primereact.tooltip,primereact.utils,primereact.csstransition,primereact.portal,primereact.virtualscroller,primereact.ripple);
|
package/editor/editor.d.ts
CHANGED
|
@@ -28,6 +28,7 @@ export interface EditorProps extends React.DetailedHTMLProps<React.InputHTMLAttr
|
|
|
28
28
|
onTextChange?(e: EditorTextChangeParams): void;
|
|
29
29
|
onSelectionChange?(e: EditorSelectionChangeParams): void;
|
|
30
30
|
onLoad?(quill: any): void;
|
|
31
|
+
children?: React.ReactNode;
|
|
31
32
|
}
|
|
32
33
|
|
|
33
34
|
export declare class Editor extends React.Component<EditorProps, any> {
|
package/fieldset/fieldset.d.ts
CHANGED
|
@@ -18,6 +18,7 @@ export interface FieldsetProps {
|
|
|
18
18
|
onCollapse?(event: React.MouseEvent<HTMLElement>): void;
|
|
19
19
|
onToggle?(e: FieldsetToggleParams): void;
|
|
20
20
|
onClick?(event: React.MouseEvent<HTMLElement>): void;
|
|
21
|
+
children?: React.ReactNode;
|
|
21
22
|
}
|
|
22
23
|
|
|
23
24
|
export declare class Fieldset extends React.Component<FieldsetProps, any> { }
|
|
@@ -76,7 +76,7 @@ interface FileUploadHandlerParam extends FileUploadFilesParam {
|
|
|
76
76
|
options: FileUploadHandlerOptions;
|
|
77
77
|
}
|
|
78
78
|
|
|
79
|
-
interface FileUploadRemoveParams {
|
|
79
|
+
interface FileUploadRemoveParams {
|
|
80
80
|
originalEvent: React.SyntheticEvent;
|
|
81
81
|
file: File;
|
|
82
82
|
}
|
|
@@ -122,6 +122,7 @@ interface FileUploadProps {
|
|
|
122
122
|
onValidationFail?(file: File): void;
|
|
123
123
|
uploadHandler?(e: FileUploadHandlerParam): void;
|
|
124
124
|
onRemove?(e: FileUploadRemoveParams): void;
|
|
125
|
+
children?: React.ReactNode;
|
|
125
126
|
}
|
|
126
127
|
|
|
127
128
|
export declare class FileUpload extends React.Component<FileUploadProps, any> {
|
package/galleria/galleria.d.ts
CHANGED
package/gmap/gmap.cjs.js
CHANGED
|
@@ -130,23 +130,16 @@ var GMap = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
|
|
|
130
130
|
});
|
|
131
131
|
};
|
|
132
132
|
|
|
133
|
-
var
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
hooks.useMountEffect(function () {
|
|
138
|
-
initMap();
|
|
139
|
-
});
|
|
140
|
-
hooks.useUpdateEffect(function () {
|
|
141
|
-
if (prevOverlays.current) {
|
|
142
|
-
var _iterator2 = _createForOfIteratorHelper(prevOverlays.current),
|
|
133
|
+
var removeOverlays = function removeOverlays(overlays) {
|
|
134
|
+
if (overlays) {
|
|
135
|
+
var _iterator2 = _createForOfIteratorHelper(overlays),
|
|
143
136
|
_step2;
|
|
144
137
|
|
|
145
138
|
try {
|
|
146
139
|
for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
|
|
147
140
|
var overlay = _step2.value;
|
|
148
|
-
google.maps.event.clearInstanceListeners(overlay);
|
|
149
141
|
overlay.setMap(null);
|
|
142
|
+
unbindOverlayEvents(overlay);
|
|
150
143
|
}
|
|
151
144
|
} catch (err) {
|
|
152
145
|
_iterator2.e(err);
|
|
@@ -154,9 +147,31 @@ var GMap = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
|
|
|
154
147
|
_iterator2.f();
|
|
155
148
|
}
|
|
156
149
|
}
|
|
150
|
+
};
|
|
157
151
|
|
|
152
|
+
var unbindOverlayEvents = function unbindOverlayEvents(overlay) {
|
|
153
|
+
google.maps.event.clearListeners(overlay, 'click');
|
|
154
|
+
|
|
155
|
+
if (overlay.getDraggable()) {
|
|
156
|
+
google.maps.event.clearListeners(overlay, 'dragstart');
|
|
157
|
+
google.maps.event.clearListeners(overlay, 'drag');
|
|
158
|
+
google.maps.event.clearListeners(overlay, 'dragend');
|
|
159
|
+
}
|
|
160
|
+
};
|
|
161
|
+
|
|
162
|
+
var getMap = function getMap() {
|
|
163
|
+
return map.current;
|
|
164
|
+
};
|
|
165
|
+
|
|
166
|
+
hooks.useMountEffect(function () {
|
|
167
|
+
initMap();
|
|
168
|
+
});
|
|
169
|
+
hooks.useUpdateEffect(function () {
|
|
158
170
|
initOverlays(props.overlays);
|
|
159
|
-
|
|
171
|
+
return function () {
|
|
172
|
+
removeOverlays(prevOverlays.current);
|
|
173
|
+
};
|
|
174
|
+
});
|
|
160
175
|
React__namespace.useImperativeHandle(ref, function () {
|
|
161
176
|
return {
|
|
162
177
|
getMap: getMap
|
package/gmap/gmap.cjs.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/hooks"),n=require("primereact/utils");function t(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var t=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,t.get?t:{enumerable:!0,get:function(){return e[n]}})}})),r.default=e,Object.freeze(r)}var a=t(e);function o(){return o=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e},o.apply(this,arguments)}function l(e,r){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=u(e))||r&&e&&"number"==typeof e.length){n&&(e=n);var t=0,a=function(){};return{s:a,n:function(){return t>=e.length?{done:!0}:{done:!1,value:e[t++]}},e:function(e){throw e},f:a}}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 o,l=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return l=e.done,e},e:function(e){i=!0,o=e},f:function(){try{l||null==n.return||n.return()}finally{if(i)throw o}}}}function u(e,r){if(e){if("string"==typeof e)return i(e,r);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,r):void 0}}function i(e,r){(null==r||r>e.length)&&(r=e.length);for(var n=0,t=new Array(r);n<r;n++)t[n]=e[n];return t}var c=a.memo(a.forwardRef((function(e,t){var u=a.useRef(null),i=a.useRef(null),f=a.useRef(null),s=function(e){if(e){var r,n=l(e);try{for(n.s();!(r=n.n()).done;){var t=r.value;t.setMap(i.current),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/hooks"),n=require("primereact/utils");function t(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var t=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,t.get?t:{enumerable:!0,get:function(){return e[n]}})}})),r.default=e,Object.freeze(r)}var a=t(e);function o(){return o=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e},o.apply(this,arguments)}function l(e,r){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=u(e))||r&&e&&"number"==typeof e.length){n&&(e=n);var t=0,a=function(){};return{s:a,n:function(){return t>=e.length?{done:!0}:{done:!1,value:e[t++]}},e:function(e){throw e},f:a}}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 o,l=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return l=e.done,e},e:function(e){i=!0,o=e},f:function(){try{l||null==n.return||n.return()}finally{if(i)throw o}}}}function u(e,r){if(e){if("string"==typeof e)return i(e,r);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,r):void 0}}function i(e,r){(null==r||r>e.length)&&(r=e.length);for(var n=0,t=new Array(r);n<r;n++)t[n]=e[n];return t}var c=a.memo(a.forwardRef((function(e,t){var u=a.useRef(null),i=a.useRef(null),f=a.useRef(null),s=function(e){if(e){var r,n=l(e);try{for(n.s();!(r=n.n()).done;){var t=r.value;t.setMap(i.current),d(t)}}catch(e){n.e(e)}finally{n.f()}f.current=e}},d=function(r){r.addListener("click",(function(n){e.onOverlayClick&&e.onOverlayClick({originalEvent:n,overlay:r,map:i.current})})),r.getDraggable()&&p(r)},p=function(r){v(r,"dragstart",e.onOverlayDragStart),v(r,"drag",e.onOverlayDrag),v(r,"dragend",e.onOverlayDragEnd)},g=function(e,r){i.current.addListener(e,(function(e){r&&r(e)}))},v=function(e,r,n){e.addListener(r,(function(r){n&&n({originalEvent:r,overlay:e,map:i.current})}))},y=function(e){if(e){var r,n=l(e);try{for(n.s();!(r=n.n()).done;){var t=r.value;t.setMap(null),m(t)}}catch(e){n.e(e)}finally{n.f()}}},m=function(e){google.maps.event.clearListeners(e,"click"),e.getDraggable()&&(google.maps.event.clearListeners(e,"dragstart"),google.maps.event.clearListeners(e,"drag"),google.maps.event.clearListeners(e,"dragend"))},b=function(){return i.current};r.useMountEffect((function(){i.current=new google.maps.Map(u.current,e.options),e.onMapReady&&e.onMapReady({map:i.current}),s(e.overlays),g("click",e.onMapClick),g("dragend",e.onMapDragEnd),g("zoom_changed",e.onZoomChanged)})),r.useUpdateEffect((function(){return s(e.overlays),function(){y(f.current)}})),a.useImperativeHandle(t,(function(){return{getMap:b}}));var O=n.ObjectUtils.findDiffKeys(e,c.defaultProps);return a.createElement("div",o({ref:u,style:e.style,className:e.className},O))})));c.displayName="GMap",c.defaultProps={__TYPE:"GMap",options:null,overlays:null,style:null,className:null,onMapReady:null,onMapClick:null,onMapDragEnd:null,onZoomChanged:null,onOverlayDragStart:null,onOverlayDrag:null,onOverlayDragEnd:null,onOverlayClick:null},exports.GMap=c;
|