primereact 8.6.0 → 8.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/accordion/accordion.cjs.js +8 -7
- package/accordion/accordion.cjs.min.js +1 -1
- package/accordion/accordion.d.ts +8 -7
- package/accordion/accordion.esm.js +8 -7
- package/accordion/accordion.esm.min.js +1 -1
- package/accordion/accordion.js +8 -7
- package/accordion/accordion.min.js +1 -1
- package/api/api.cjs.js +19 -10
- package/api/api.cjs.min.js +1 -1
- package/api/api.esm.js +19 -10
- package/api/api.esm.min.js +1 -1
- package/api/api.js +19 -10
- package/api/api.min.js +1 -1
- package/autocomplete/autocomplete.cjs.js +6 -3
- package/autocomplete/autocomplete.cjs.min.js +1 -1
- package/autocomplete/autocomplete.d.ts +6 -3
- package/autocomplete/autocomplete.esm.js +6 -3
- package/autocomplete/autocomplete.esm.min.js +1 -1
- package/autocomplete/autocomplete.js +6 -3
- package/autocomplete/autocomplete.min.js +1 -1
- package/button/button.cjs.js +1 -1
- package/button/button.cjs.min.js +1 -1
- package/button/button.d.ts +8 -10
- package/button/button.esm.js +1 -1
- package/button/button.esm.min.js +1 -1
- package/button/button.js +1 -1
- package/button/button.min.js +1 -1
- package/calendar/calendar.cjs.js +11 -2
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.d.ts +5 -3
- package/calendar/calendar.esm.js +11 -2
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +11 -2
- package/calendar/calendar.min.js +1 -1
- package/carousel/carousel.cjs.js +11 -9
- package/carousel/carousel.cjs.min.js +1 -1
- package/carousel/carousel.esm.js +11 -9
- package/carousel/carousel.esm.min.js +1 -1
- package/carousel/carousel.js +12 -10
- package/carousel/carousel.min.js +1 -1
- package/cascadeselect/cascadeselect.d.ts +1 -1
- package/chart/chart.d.ts +1 -1
- package/checkbox/checkbox.cjs.js +1 -2
- package/checkbox/checkbox.cjs.min.js +1 -1
- package/checkbox/checkbox.d.ts +1 -1
- package/checkbox/checkbox.esm.js +1 -2
- package/checkbox/checkbox.esm.min.js +1 -1
- package/checkbox/checkbox.js +1 -2
- package/checkbox/checkbox.min.js +1 -1
- package/column/column.cjs.js +60 -58
- package/column/column.cjs.min.js +1 -1
- package/column/column.d.ts +76 -61
- package/column/column.esm.js +60 -58
- package/column/column.esm.min.js +1 -1
- package/column/column.js +60 -58
- package/column/column.min.js +1 -1
- package/confirmpopup/confirmpopup.d.ts +1 -1
- package/core/core.js +108 -79
- package/core/core.min.js +10 -10
- package/datascroller/datascroller.cjs.js +5 -1
- package/datascroller/datascroller.cjs.min.js +1 -1
- package/datascroller/datascroller.d.ts +9 -9
- package/datascroller/datascroller.esm.js +5 -1
- package/datascroller/datascroller.esm.min.js +1 -1
- package/datascroller/datascroller.js +5 -1
- package/datascroller/datascroller.min.js +1 -1
- package/datatable/datatable.cjs.js +146 -130
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.d.ts +11 -7
- package/datatable/datatable.esm.js +146 -130
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +147 -132
- package/datatable/datatable.min.js +1 -1
- package/dataview/dataview.d.ts +1 -1
- package/dialog/dialog.cjs.js +38 -37
- package/dialog/dialog.cjs.min.js +1 -1
- package/dialog/dialog.d.ts +34 -34
- package/dialog/dialog.esm.js +38 -37
- package/dialog/dialog.esm.min.js +1 -1
- package/dialog/dialog.js +38 -37
- package/dialog/dialog.min.js +1 -1
- package/dropdown/dropdown.cjs.js +2 -3
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.d.ts +2 -2
- package/dropdown/dropdown.esm.js +2 -3
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +2 -3
- package/dropdown/dropdown.min.js +1 -1
- package/editor/editor.cjs.js +10 -1
- package/editor/editor.cjs.min.js +1 -1
- package/editor/editor.d.ts +0 -3
- package/editor/editor.esm.js +10 -1
- package/editor/editor.esm.min.js +1 -1
- package/editor/editor.js +10 -1
- package/editor/editor.min.js +1 -1
- package/fileupload/fileupload.d.ts +4 -4
- package/galleria/galleria.cjs.js +1 -1
- package/galleria/galleria.cjs.min.js +1 -1
- package/galleria/galleria.esm.js +1 -1
- package/galleria/galleria.esm.min.js +1 -1
- package/galleria/galleria.js +1 -1
- package/galleria/galleria.min.js +1 -1
- package/image/image.cjs.js +20 -17
- package/image/image.cjs.min.js +1 -1
- package/image/image.d.ts +9 -6
- package/image/image.esm.js +20 -17
- package/image/image.esm.min.js +1 -1
- package/image/image.js +20 -17
- package/image/image.min.js +1 -1
- package/inputnumber/inputnumber.cjs.js +11 -3
- package/inputnumber/inputnumber.cjs.min.js +1 -1
- package/inputnumber/inputnumber.d.ts +1 -1
- package/inputnumber/inputnumber.esm.js +11 -3
- package/inputnumber/inputnumber.esm.min.js +1 -1
- package/inputnumber/inputnumber.js +11 -3
- package/inputnumber/inputnumber.min.js +1 -1
- package/inputswitch/inputswitch.cjs.js +1 -2
- package/inputswitch/inputswitch.cjs.min.js +1 -1
- package/inputswitch/inputswitch.d.ts +1 -1
- package/inputswitch/inputswitch.esm.js +1 -2
- package/inputswitch/inputswitch.esm.min.js +1 -1
- package/inputswitch/inputswitch.js +1 -2
- package/inputswitch/inputswitch.min.js +1 -1
- package/knob/knob.d.ts +1 -1
- package/listbox/listbox.d.ts +37 -24
- package/mention/mention.d.ts +17 -16
- package/menuitem/menuitem.d.ts +1 -1
- package/multiselect/multiselect.cjs.js +2 -4
- package/multiselect/multiselect.cjs.min.js +1 -1
- package/multiselect/multiselect.d.ts +2 -2
- package/multiselect/multiselect.esm.js +2 -4
- package/multiselect/multiselect.esm.min.js +1 -1
- package/multiselect/multiselect.js +2 -4
- package/multiselect/multiselect.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.d.ts +1 -1
- package/orderlist/orderlist.d.ts +1 -1
- package/package.json +1 -1
- package/paginator/paginator.cjs.js +21 -17
- package/paginator/paginator.cjs.min.js +1 -1
- package/paginator/paginator.d.ts +9 -9
- package/paginator/paginator.esm.js +21 -17
- package/paginator/paginator.esm.min.js +1 -1
- package/paginator/paginator.js +22 -18
- package/paginator/paginator.min.js +1 -1
- package/password/password.d.ts +2 -2
- package/picklist/picklist.d.ts +3 -3
- package/primereact.all.cjs.js +737 -638
- package/primereact.all.cjs.min.js +1 -1
- package/primereact.all.esm.js +737 -638
- package/primereact.all.esm.min.js +1 -1
- package/primereact.all.js +737 -638
- package/primereact.all.min.js +1 -1
- package/progressbar/progressbar.cjs.js +5 -5
- package/progressbar/progressbar.cjs.min.js +1 -1
- package/progressbar/progressbar.esm.js +5 -5
- package/progressbar/progressbar.esm.min.js +1 -1
- package/progressbar/progressbar.js +5 -5
- package/progressbar/progressbar.min.css +1 -1
- package/progressbar/progressbar.min.js +1 -1
- package/radiobutton/radiobutton.cjs.js +1 -2
- package/radiobutton/radiobutton.cjs.min.js +1 -1
- package/radiobutton/radiobutton.esm.js +1 -2
- package/radiobutton/radiobutton.esm.min.js +1 -1
- package/radiobutton/radiobutton.js +1 -2
- package/radiobutton/radiobutton.min.js +1 -1
- package/resources/primereact.css +773 -773
- package/resources/primereact.min.css +1 -1
- package/ripple/ripple.cjs.js +7 -0
- package/ripple/ripple.cjs.min.js +1 -1
- package/ripple/ripple.esm.js +7 -0
- package/ripple/ripple.esm.min.js +1 -1
- package/ripple/ripple.js +7 -0
- package/ripple/ripple.min.js +1 -1
- package/row/row.d.ts +1 -1
- package/scrolltop/scrolltop.d.ts +1 -1
- package/sidebar/sidebar.d.ts +1 -1
- package/slidemenu/slidemenu.cjs.js +20 -11
- package/slidemenu/slidemenu.cjs.min.js +1 -1
- package/slidemenu/slidemenu.d.ts +17 -9
- package/slidemenu/slidemenu.esm.js +20 -11
- package/slidemenu/slidemenu.esm.min.js +1 -1
- package/slidemenu/slidemenu.js +20 -11
- package/slidemenu/slidemenu.min.js +1 -1
- package/speeddial/speeddial.d.ts +2 -2
- package/splitbutton/splitbutton.d.ts +1 -1
- package/splitter/splitter.cjs.js +86 -69
- package/splitter/splitter.cjs.min.js +1 -1
- package/splitter/splitter.d.ts +1 -1
- package/splitter/splitter.esm.js +86 -69
- package/splitter/splitter.esm.min.js +1 -1
- package/splitter/splitter.js +87 -70
- package/splitter/splitter.min.js +1 -1
- package/tabview/tabview.d.ts +5 -4
- package/toast/toast.cjs.js +17 -12
- package/toast/toast.cjs.min.js +1 -1
- package/toast/toast.d.ts +3 -2
- package/toast/toast.esm.js +17 -12
- package/toast/toast.esm.min.js +1 -1
- package/toast/toast.js +17 -12
- package/toast/toast.min.js +1 -1
- package/tooltip/tooltip.cjs.js +2 -0
- package/tooltip/tooltip.cjs.min.js +1 -1
- package/tooltip/tooltip.d.ts +3 -1
- package/tooltip/tooltip.esm.js +2 -0
- package/tooltip/tooltip.esm.min.js +1 -1
- package/tooltip/tooltip.js +2 -0
- package/tooltip/tooltip.min.js +1 -1
- package/tooltip/tooltipoptions.d.ts +1 -1
- package/tree/tree.d.ts +2 -2
- package/treenode/treenode.d.ts +1 -1
- package/treeselect/treeselect.d.ts +1 -1
- package/treetable/treetable.cjs.js +81 -67
- package/treetable/treetable.cjs.min.js +1 -1
- package/treetable/treetable.d.ts +62 -61
- package/treetable/treetable.esm.js +83 -69
- package/treetable/treetable.esm.min.js +1 -1
- package/treetable/treetable.js +82 -69
- package/treetable/treetable.min.js +1 -1
- package/virtualscroller/virtualscroller.d.ts +1 -1
- package/web-types.json +73 -2
package/dialog/dialog.cjs.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/csstransition"),r=require("primereact/hooks"),a=require("primereact/portal"),o=require("primereact/ripple"),l=require("primereact/utils");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var c=u(e),s=i(t);function d(){return d=Object.assign?Object.assign.bind():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},d.apply(this,arguments)}function m(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 p(e){if(Array.isArray(e))return m(e)}function f(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function g(e,t){if(e){if("string"==typeof e)return m(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)?m(e,t):void 0}}function b(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function y(e){if(Array.isArray(e))return e}function v(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o=[],l=!0,i=!1;try{for(n=n.call(e);!(l=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);l=!0);}catch(e){i=!0,a=e}finally{try{l||null==n.return||n.return()}finally{if(i)throw a}}return o}}function h(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function E(e,t){return y(e)||v(e,t)||g(e,t)||h()}var D=c.forwardRef((function(e,i){var u=E(c.useState(e.id),2),m=u[0],y=u[1],v=E(c.useState(!1),2),h=v[0],w=v[1],x=E(c.useState(!1),2),S=x[0],k=x[1],z=E(c.useState(e.maximized),2),C=z[0],H=z[1],O=c.useRef(null),N=c.useRef(null),R=c.useRef(null),I=c.useRef(null),P=c.useRef(null),j=c.useRef(null),M=c.useRef(!1),U=c.useRef(!1),X=c.useRef(null),A=c.useRef(null),T=c.useRef(null),Y=c.useRef(""),_=e.onMaximize?e.maximized:C,q=E(r.useEventListener({type:"keydown",listener:function(e){return le(e)}}),2),L=q[0],B=q[1],Z=E(r.useEventListener({type:"mousemove",target:function(){return window.document},listener:function(e){return me(e)}}),2),V=Z[0],J=Z[1],W=E(r.useEventListener({type:"mouseup",target:function(){return window.document},listener:function(e){return pe(e)}}),2),F=W[0],K=W[1],$=E(r.useEventListener({type:"mousemove",target:function(){return window.document},listener:function(e){return ue(e)}}),2),G=$[0],Q=$[1],ee=E(r.useEventListener({type:"mouseup",target:function(){return window.document},listener:function(e){return ce(e)}}),2),te=ee[0],ne=ee[1],re=function(t){e.onHide(),t.preventDefault()},ae=function(t){e.dismissableMask&&e.modal&&N.current===t.target&&re(t),e.onMaskClick&&e.onMaskClick(t)},oe=function(t){e.onMaximize?e.onMaximize({originalEvent:t,maximized:!_}):H((function(e){return!e})),t.preventDefault()},le=function(t){var n=t.currentTarget;if(n&&n.primeDialogParams){var r=n.primeDialogParams,a=r.length,o=r[a-1]?r[a-1].id:void 0;if(o===m){var i=document.getElementById(o);if(e.closable&&e.closeOnEscape&&"Escape"===t.key)re(t),t.stopImmediatePropagation(),r.splice(a-1,1);else if("Tab"===t.key){t.preventDefault();var u=l.DomHandler.getFocusableElements(i);if(u&&u.length>0)if(document.activeElement){var c=u.indexOf(document.activeElement);t.shiftKey?-1===c||0===c?u[u.length-1].focus():u[c-1].focus():-1===c||c===u.length-1?u[0].focus():u[c+1].focus()}else u[0].focus()}}}},ie=function(t){l.DomHandler.hasClass(t.target,"p-dialog-header-icon")||l.DomHandler.hasClass(t.target.parentElement,"p-dialog-header-icon")||e.draggable&&(M.current=!0,X.current=t.pageX,A.current=t.pageY,O.current.style.margin="0",l.DomHandler.addClass(document.body,"p-unselectable-text"),e.onDragStart&&e.onDragStart(t))},ue=function(t){if(M.current){var n=l.DomHandler.getOuterWidth(O.current),r=l.DomHandler.getOuterHeight(O.current),a=t.pageX-X.current,o=t.pageY-A.current,i=O.current.getBoundingClientRect(),u=i.left+a,c=i.top+o,s=l.DomHandler.getViewport();O.current.style.position="fixed",e.keepInViewport?(u>=e.minX&&u+n<s.width&&(X.current=t.pageX,O.current.style.left=u+"px"),c>=e.minY&&c+r<s.height&&(A.current=t.pageY,O.current.style.top=c+"px")):(X.current=t.pageX,O.current.style.left=u+"px",A.current=t.pageY,O.current.style.top=c+"px"),e.onDrag&&e.onDrag(t)}},ce=function(t){M.current&&(M.current=!1,l.DomHandler.removeClass(document.body,"p-unselectable-text"),e.onDragEnd&&e.onDragEnd(t))},se=function(t){e.resizable&&(U.current=!0,X.current=t.pageX,A.current=t.pageY,l.DomHandler.addClass(document.body,"p-unselectable-text"),e.onResizeStart&&e.onResizeStart(t))},de=function(e,t,n){!n&&(n=l.DomHandler.getViewport());var r=parseInt(e);return/^(\d+|(\.\d+))(\.\d+)?%$/.test(e)?r*(n[t]/100):r},me=function(t){if(U.current){var n=t.pageX-X.current,r=t.pageY-A.current,a=l.DomHandler.getOuterWidth(O.current),o=l.DomHandler.getOuterHeight(O.current),i=O.current.getBoundingClientRect(),u=l.DomHandler.getViewport(),c=!parseInt(O.current.style.top)||!parseInt(O.current.style.left),s=de(O.current.style.minWidth,"width",u),d=de(O.current.style.minHeight,"height",u),m=a+n,p=o+r;c&&(m+=n,p+=r),(!s||m>s)&&i.left+m<u.width&&(O.current.style.width=m+"px"),(!d||p>d)&&i.top+p<u.height&&(O.current.style.height=p+"px"),X.current=t.pageX,A.current=t.pageY,e.onResize&&e.onResize(t)}},pe=function(t){U.current&&(U.current=!1,l.DomHandler.removeClass(document.body,"p-unselectable-text"),e.onResizeEnd&&e.onResizeEnd(t))},fe=function(){O.current.style.position="",O.current.style.left="",O.current.style.top="",O.current.style.margin=""},ge=function(){O.current.setAttribute(Y.current,"")},be=function(){var t;e.onShow&&e.onShow(),e.focusOnShow&&!((t=document.activeElement)&&O.current&&O.current.contains(t))&&e.closable&&e.showHeader&&j.current.focus(),he()},ye=function(){e.modal&&l.DomHandler.addClass(N.current,"p-component-overlay-leave"),e.blockScroll&&l.DomHandler.removeClass(document.body,"p-overflow-hidden")},ve=function(){M.current=!1,l.ZIndexUtils.clear(N.current),w(!1),Ee()},he=function(){De(),(e.blockScroll||e.maximizable&&_)&&l.DomHandler.addClass(document.body,"p-overflow-hidden")},Ee=function(){(we(),e.modal)?document.primeDialogParams&&document.primeDialogParams.some((function(e){return e.hasBlockScroll}))&&l.DomHandler.removeClass(document.body,"p-overflow-hidden"):(e.blockScroll||e.maximizable&&_)&&l.DomHandler.removeClass(document.body,"p-overflow-hidden")},De=function(){e.draggable&&(G(),te()),e.resizable&&(V(),F()),L();var t,n={id:m,hasBlockScroll:e.blockScroll};document.primeDialogParams=document.primeDialogParams?[].concat(p(t=document.primeDialogParams)||f(t)||g(t)||b(),[n]):[n]},we=function(){Q(),ne(),J(),K(),B(),document.primeDialogParams=document.primeDialogParams&&document.primeDialogParams.filter((function(e){return e.id!==m}))},xe=function(){if(!T.current){T.current=l.DomHandler.createInlineStyle(s.default.nonce);var t="";for(var n in e.breakpoints)t+="\n @media screen and (max-width: ".concat(n,") {\n .p-dialog[").concat(Y.current,"] {\n width: ").concat(e.breakpoints[n]," !important;\n }\n }\n ");T.current.innerHTML=t}};r.useMountEffect((function(){var t=l.UniqueComponentId();m||y(t),Y.current||(Y.current=t),e.visible&&w(!0),e.breakpoints&&xe()})),r.useUpdateEffect((function(){e.visible&&!h&&w(!0),e.visible!==S&&h&&k(e.visible)})),r.useUpdateEffect((function(){h&&(l.ZIndexUtils.set("modal",N.current,s.default.autoZIndex,e.baseZIndex||s.default.zIndex.modal),k(!0))}),[h]),r.useUpdateEffect((function(){e.blockScroll||l.DomHandler[_?"addClass":"removeClass"](document.body,"p-overflow-hidden")}),[e.maximized,C]),r.useUnmountEffect((function(){Ee(),l.DomHandler.removeInlineStyle(T.current),l.ZIndexUtils.clear(N.current)})),c.useImperativeHandle(i,(function(){return{props:e,resetPosition:fe,getElement:function(){return O.current},getMask:function(){return N.current},getContent:function(){return R.current},getHeader:function(){return I.current},getFooter:function(){return P.current},getCloseButton:function(){return j.current}}}));var Se,ke,ze,Ce,He,Oe,Ne,Re,Ie,Pe=function(){if(e.closable){var n=e.ariaCloseIconLabel||t.localeOption("close");return c.createElement("button",{ref:j,type:"button",className:"p-dialog-header-icon p-dialog-header-close p-link","aria-label":n,onClick:re},c.createElement("span",{className:"p-dialog-header-close-icon pi pi-times","aria-hidden":"true"}),c.createElement(o.Ripple,null))}return null},je=function(){if(e.showHeader){var t=Pe(),n=(s=l.classNames("p-dialog-header-maximize-icon pi",{"pi-window-maximize":!_,"pi-window-minimize":_}),e.maximizable?c.createElement("button",{type:"button",className:"p-dialog-header-icon p-dialog-header-maximize p-link",onClick:oe},c.createElement("span",{className:s}),c.createElement(o.Ripple,null)):null),r=l.ObjectUtils.getJSXElement(e.icons,e),a=l.ObjectUtils.getJSXElement(e.header,e),i=m+"_header",u=l.classNames("p-dialog-header",e.headerClassName);return c.createElement("div",{ref:I,style:e.headerStyle,className:u,onMouseDown:ie},c.createElement("div",{id:i,className:"p-dialog-title"},a),c.createElement("div",{className:"p-dialog-header-icons"},r,n,t))}var s;return null},Me=function(){var t=l.classNames("p-dialog-content",e.contentClassName);return c.createElement("div",{id:m+"_content",ref:R,className:t,style:e.contentStyle},e.children)},Ue=function(){var t=l.ObjectUtils.getJSXElement(e.footer,e);return t&&c.createElement("div",{ref:P,className:"p-dialog-footer"},t)};return h&&(ke=l.ObjectUtils.findDiffKeys(e,D.defaultProps),ze=l.classNames("p-dialog p-component",e.className,{"p-dialog-rtl":e.rtl,"p-dialog-maximized":_}),Ce=l.classNames("p-dialog-mask",(Se=["center","left","right","top","top-left","top-right","bottom","bottom-left","bottom-right"].find((function(t){return t===e.position||t.replace("-","")===e.position})))?"p-dialog-".concat(Se):"",{"p-component-overlay p-component-overlay-enter":e.modal,"p-dialog-visible":h,"p-dialog-draggable":e.draggable,"p-dialog-resizable":e.resizable},e.maskClassName),He=je(),Oe=Me(),Ne=Ue(),Re=e.resizable?c.createElement("span",{className:"p-resizable-handle",style:{zIndex:90},onMouseDown:se}):null,Ie=c.createElement("div",{ref:N,style:e.maskStyle,className:Ce,onClick:ae},c.createElement(n.CSSTransition,{nodeRef:O,classNames:"p-dialog",timeout:{enter:"center"===e.position?150:300,exit:"center"===e.position?150:300},in:S,options:e.transitionOptions,unmountOnExit:!0,onEnter:ge,onEntered:be,onExiting:ye,onExited:ve},c.createElement("div",d({ref:O,id:m,className:ze,style:e.style,onClick:e.onClick,role:"dialog"},ke,{"aria-labelledby":m+"_header","aria-describedby":m+"_content","aria-modal":e.modal}),He,Oe,Ne,Re))),c.createElement(a.Portal,{element:Ie,appendTo:e.appendTo,visible:!0}))}));D.displayName="Dialog",D.defaultProps={__TYPE:"Dialog",id:null,header:null,footer:null,visible:!1,position:"center",draggable:!0,resizable:!0,modal:!0,onHide:null,onShow:null,headerStyle:null,headerClassName:null,contentStyle:null,contentClassName:null,closeOnEscape:!0,dismissableMask:!1,rtl:!1,closable:!0,style:null,className:null,maskStyle:null,maskClassName:null,showHeader:!0,appendTo:null,baseZIndex:0,maximizable:!1,blockScroll:!1,icons:null,ariaCloseIconLabel:null,focusOnShow:!0,minX:0,minY:0,keepInViewport:!0,maximized:!1,breakpoints:null,transitionOptions:null,onMaximize:null,onDragStart:null,onDrag:null,onDragEnd:null,onResizeStart:null,onResize:null,onResizeEnd:null,onClick:null,onMaskClick:null},exports.Dialog=D;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/csstransition"),r=require("primereact/hooks"),a=require("primereact/portal"),o=require("primereact/ripple"),l=require("primereact/utils");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var c=u(e),s=i(t);function d(){return d=Object.assign?Object.assign.bind():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},d.apply(this,arguments)}function m(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 p(e){if(Array.isArray(e))return m(e)}function f(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function g(e,t){if(e){if("string"==typeof e)return m(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)?m(e,t):void 0}}function b(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function y(e){if(Array.isArray(e))return e}function v(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o=[],l=!0,i=!1;try{for(n=n.call(e);!(l=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);l=!0);}catch(e){i=!0,a=e}finally{try{l||null==n.return||n.return()}finally{if(i)throw a}}return o}}function h(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function E(e,t){return y(e)||v(e,t)||g(e,t)||h()}var D=c.forwardRef((function(e,i){var u=E(c.useState(e.id),2),m=u[0],y=u[1],v=E(c.useState(!1),2),h=v[0],w=v[1],x=E(c.useState(!1),2),S=x[0],k=x[1],z=E(c.useState(e.maximized),2),C=z[0],H=z[1],O=c.useRef(null),N=c.useRef(null),R=c.useRef(null),I=c.useRef(null),P=c.useRef(null),j=c.useRef(null),M=c.useRef(!1),U=c.useRef(!1),X=c.useRef(null),A=c.useRef(null),T=c.useRef(null),Y=c.useRef(""),_=e.onMaximize?e.maximized:C,q=E(r.useEventListener({type:"keydown",listener:function(e){return le(e)}}),2),L=q[0],B=q[1],Z=E(r.useEventListener({type:"mousemove",target:function(){return window.document},listener:function(e){return me(e)}}),2),V=Z[0],J=Z[1],W=E(r.useEventListener({type:"mouseup",target:function(){return window.document},listener:function(e){return pe(e)}}),2),F=W[0],K=W[1],$=E(r.useEventListener({type:"mousemove",target:function(){return window.document},listener:function(e){return ue(e)}}),2),G=$[0],Q=$[1],ee=E(r.useEventListener({type:"mouseup",target:function(){return window.document},listener:function(e){return ce(e)}}),2),te=ee[0],ne=ee[1],re=function(t){e.onHide(),t.preventDefault()},ae=function(t){e.dismissableMask&&e.modal&&N.current===t.target&&re(t),e.onMaskClick&&e.onMaskClick(t)},oe=function(t){e.onMaximize?e.onMaximize({originalEvent:t,maximized:!_}):H((function(e){return!e})),t.preventDefault()},le=function(t){var n=t.currentTarget;if(n&&n.primeDialogParams){var r=n.primeDialogParams,a=r.length,o=r[a-1]?r[a-1].id:void 0;if(o===m){var i=document.getElementById(o);if(e.closable&&e.closeOnEscape&&"Escape"===t.key)re(t),t.stopImmediatePropagation(),r.splice(a-1,1);else if("Tab"===t.key){t.preventDefault();var u=l.DomHandler.getFocusableElements(i);if(u&&u.length>0)if(document.activeElement){var c=u.indexOf(document.activeElement);t.shiftKey?-1===c||0===c?u[u.length-1].focus():u[c-1].focus():-1===c||c===u.length-1?u[0].focus():u[c+1].focus()}else u[0].focus()}}}},ie=function(t){l.DomHandler.hasClass(t.target,"p-dialog-header-icon")||l.DomHandler.hasClass(t.target.parentElement,"p-dialog-header-icon")||e.draggable&&(M.current=!0,X.current=t.pageX,A.current=t.pageY,O.current.style.margin="0",l.DomHandler.addClass(document.body,"p-unselectable-text"),e.onDragStart&&e.onDragStart(t))},ue=function(t){if(M.current){var n=l.DomHandler.getOuterWidth(O.current),r=l.DomHandler.getOuterHeight(O.current),a=t.pageX-X.current,o=t.pageY-A.current,i=O.current.getBoundingClientRect(),u=i.left+a,c=i.top+o,s=l.DomHandler.getViewport();O.current.style.position="fixed",e.keepInViewport?(u>=e.minX&&u+n<s.width&&(X.current=t.pageX,O.current.style.left=u+"px"),c>=e.minY&&c+r<s.height&&(A.current=t.pageY,O.current.style.top=c+"px")):(X.current=t.pageX,O.current.style.left=u+"px",A.current=t.pageY,O.current.style.top=c+"px"),e.onDrag&&e.onDrag(t)}},ce=function(t){M.current&&(M.current=!1,l.DomHandler.removeClass(document.body,"p-unselectable-text"),e.onDragEnd&&e.onDragEnd(t))},se=function(t){e.resizable&&(U.current=!0,X.current=t.pageX,A.current=t.pageY,l.DomHandler.addClass(document.body,"p-unselectable-text"),e.onResizeStart&&e.onResizeStart(t))},de=function(e,t,n){!n&&(n=l.DomHandler.getViewport());var r=parseInt(e);return/^(\d+|(\.\d+))(\.\d+)?%$/.test(e)?r*(n[t]/100):r},me=function(t){if(U.current){var n=t.pageX-X.current,r=t.pageY-A.current,a=l.DomHandler.getOuterWidth(O.current),o=l.DomHandler.getOuterHeight(O.current),i=O.current.getBoundingClientRect(),u=l.DomHandler.getViewport(),c=!parseInt(O.current.style.top)||!parseInt(O.current.style.left),s=de(O.current.style.minWidth,"width",u),d=de(O.current.style.minHeight,"height",u),m=a+n,p=o+r;c&&(m+=n,p+=r),(!s||m>s)&&i.left+m<u.width&&(O.current.style.width=m+"px"),(!d||p>d)&&i.top+p<u.height&&(O.current.style.height=p+"px"),X.current=t.pageX,A.current=t.pageY,e.onResize&&e.onResize(t)}},pe=function(t){U.current&&(U.current=!1,l.DomHandler.removeClass(document.body,"p-unselectable-text"),e.onResizeEnd&&e.onResizeEnd(t))},fe=function(){O.current.style.position="",O.current.style.left="",O.current.style.top="",O.current.style.margin=""},ge=function(){O.current.setAttribute(Y.current,"")},be=function(){var t;e.onShow&&e.onShow(),e.focusOnShow&&!((t=document.activeElement)&&O.current&&O.current.contains(t))&&e.closable&&e.showHeader&&j.current.focus(),he()},ye=function(){e.modal&&l.DomHandler.addClass(N.current,"p-component-overlay-leave"),e.blockScroll&&l.DomHandler.removeClass(document.body,"p-overflow-hidden")},ve=function(){M.current=!1,l.ZIndexUtils.clear(N.current),w(!1),Ee()},he=function(){De(),(e.blockScroll||e.maximizable&&_)&&l.DomHandler.addClass(document.body,"p-overflow-hidden")},Ee=function(){we();var t=e.maximizable&&_;e.modal?(document.primeDialogParams&&document.primeDialogParams.some((function(e){return e.hasBlockScroll}))||t)&&l.DomHandler.removeClass(document.body,"p-overflow-hidden"):(e.blockScroll||t)&&l.DomHandler.removeClass(document.body,"p-overflow-hidden")},De=function(){e.draggable&&(G(),te()),e.resizable&&(V(),F()),L();var t,n={id:m,hasBlockScroll:e.blockScroll};document.primeDialogParams=document.primeDialogParams?[].concat(p(t=document.primeDialogParams)||f(t)||g(t)||b(),[n]):[n]},we=function(){Q(),ne(),J(),K(),B(),document.primeDialogParams=document.primeDialogParams&&document.primeDialogParams.filter((function(e){return e.id!==m}))},xe=function(){if(!T.current){T.current=l.DomHandler.createInlineStyle(s.default.nonce);var t="";for(var n in e.breakpoints)t+="\n @media screen and (max-width: ".concat(n,") {\n .p-dialog[").concat(Y.current,"] {\n width: ").concat(e.breakpoints[n]," !important;\n }\n }\n ");T.current.innerHTML=t}};r.useMountEffect((function(){var t=l.UniqueComponentId();m||y(t),Y.current||(Y.current=t),e.visible&&w(!0),e.breakpoints&&xe()})),r.useUpdateEffect((function(){e.visible&&!h&&w(!0),e.visible!==S&&h&&k(e.visible)})),r.useUpdateEffect((function(){h&&(l.ZIndexUtils.set("modal",N.current,s.default.autoZIndex,e.baseZIndex||s.default.zIndex.modal),k(!0))}),[h]),r.useUpdateEffect((function(){e.blockScroll||l.DomHandler[_?"addClass":"removeClass"](document.body,"p-overflow-hidden")}),[e.maximized,C]),r.useUnmountEffect((function(){Ee(),l.DomHandler.removeInlineStyle(T.current),l.ZIndexUtils.clear(N.current)})),c.useImperativeHandle(i,(function(){return{props:e,resetPosition:fe,getElement:function(){return O.current},getMask:function(){return N.current},getContent:function(){return R.current},getHeader:function(){return I.current},getFooter:function(){return P.current},getCloseButton:function(){return j.current}}}));var Se,ke,ze,Ce,He,Oe,Ne,Re,Ie,Pe=function(){if(e.closable){var n=e.ariaCloseIconLabel||t.localeOption("close");return c.createElement("button",{ref:j,type:"button",className:"p-dialog-header-icon p-dialog-header-close p-link","aria-label":n,onClick:re},c.createElement("span",{className:"p-dialog-header-close-icon pi pi-times","aria-hidden":"true"}),c.createElement(o.Ripple,null))}return null},je=function(){if(e.showHeader){var t=Pe(),n=(s=l.classNames("p-dialog-header-maximize-icon pi",{"pi-window-maximize":!_,"pi-window-minimize":_}),e.maximizable?c.createElement("button",{type:"button",className:"p-dialog-header-icon p-dialog-header-maximize p-link",onClick:oe},c.createElement("span",{className:s}),c.createElement(o.Ripple,null)):null),r=l.ObjectUtils.getJSXElement(e.icons,e),a=l.ObjectUtils.getJSXElement(e.header,e),i=m+"_header",u=l.classNames("p-dialog-header",e.headerClassName);return c.createElement("div",{ref:I,style:e.headerStyle,className:u,onMouseDown:ie},c.createElement("div",{id:i,className:"p-dialog-title"},a),c.createElement("div",{className:"p-dialog-header-icons"},r,n,t))}var s;return null},Me=function(){var t=l.classNames("p-dialog-content",e.contentClassName);return c.createElement("div",{id:m+"_content",ref:R,className:t,style:e.contentStyle},e.children)},Ue=function(){var t=l.ObjectUtils.getJSXElement(e.footer,e);return t&&c.createElement("div",{ref:P,className:"p-dialog-footer"},t)};return h&&(ke=l.ObjectUtils.findDiffKeys(e,D.defaultProps),ze=l.classNames("p-dialog p-component",e.className,{"p-dialog-rtl":e.rtl,"p-dialog-maximized":_}),Ce=l.classNames("p-dialog-mask",(Se=["center","left","right","top","top-left","top-right","bottom","bottom-left","bottom-right"].find((function(t){return t===e.position||t.replace("-","")===e.position})))?"p-dialog-".concat(Se):"",{"p-component-overlay p-component-overlay-enter":e.modal,"p-dialog-visible":h,"p-dialog-draggable":e.draggable,"p-dialog-resizable":e.resizable},e.maskClassName),He=je(),Oe=Me(),Ne=Ue(),Re=e.resizable?c.createElement("span",{className:"p-resizable-handle",style:{zIndex:90},onMouseDown:se}):null,Ie=c.createElement("div",{ref:N,style:e.maskStyle,className:Ce,onClick:ae},c.createElement(n.CSSTransition,{nodeRef:O,classNames:"p-dialog",timeout:{enter:"center"===e.position?150:300,exit:"center"===e.position?150:300},in:S,options:e.transitionOptions,unmountOnExit:!0,onEnter:ge,onEntered:be,onExiting:ye,onExited:ve},c.createElement("div",d({ref:O,id:m,className:ze,style:e.style,onClick:e.onClick,role:"dialog"},ke,{"aria-labelledby":m+"_header","aria-describedby":m+"_content","aria-modal":e.modal}),He,Oe,Ne,Re))),c.createElement(a.Portal,{element:Ie,appendTo:e.appendTo,visible:!0}))}));D.displayName="Dialog",D.defaultProps={__TYPE:"Dialog",appendTo:null,ariaCloseIconLabel:null,baseZIndex:0,blockScroll:!1,breakpoints:null,className:null,closable:!0,closeOnEscape:!0,contentClassName:null,contentStyle:null,dismissableMask:!1,draggable:!0,focusOnShow:!0,footer:null,header:null,headerClassName:null,headerStyle:null,icons:null,id:null,keepInViewport:!0,maskClassName:null,maskStyle:null,maximizable:!1,maximized:!1,minX:0,minY:0,modal:!0,onClick:null,onDrag:null,onDragEnd:null,onDragStart:null,onHide:null,onMaskClick:null,onMaximize:null,onResize:null,onResizeEnd:null,onResizeStart:null,onShow:null,position:"center",resizable:!0,rtl:!1,showHeader:!0,style:null,transitionOptions:null,visible:!1},exports.Dialog=D;
|
package/dialog/dialog.d.ts
CHANGED
|
@@ -17,52 +17,52 @@ interface DialogMaximizeParams {
|
|
|
17
17
|
}
|
|
18
18
|
|
|
19
19
|
export interface DialogProps {
|
|
20
|
-
id?: string;
|
|
21
|
-
header?: DialogTemplateType;
|
|
22
|
-
footer?: DialogTemplateType;
|
|
23
|
-
visible?: boolean;
|
|
24
|
-
position?: DialogPositionType;
|
|
25
|
-
draggable?: boolean;
|
|
26
|
-
resizable?: boolean;
|
|
27
|
-
modal?: boolean;
|
|
28
|
-
headerStyle?: object;
|
|
29
|
-
headerClassName?: string;
|
|
30
|
-
contentStyle?: object;
|
|
31
|
-
contentClassName?: string;
|
|
32
|
-
closeOnEscape?: boolean;
|
|
33
|
-
dismissableMask?: boolean;
|
|
34
|
-
rtl?: boolean;
|
|
35
|
-
closable?: boolean;
|
|
36
|
-
style?: object;
|
|
37
|
-
className?: string;
|
|
38
|
-
maskStyle?: object;
|
|
39
|
-
maskClassName?: string;
|
|
40
|
-
showHeader?: boolean;
|
|
41
20
|
appendTo?: DialogAppendToType;
|
|
21
|
+
ariaCloseIconLabel?: string;
|
|
42
22
|
baseZIndex?: number;
|
|
43
|
-
maximizable?: boolean;
|
|
44
23
|
blockScroll?: boolean;
|
|
45
|
-
|
|
46
|
-
|
|
24
|
+
breakpoints?: DialogBreakpoints;
|
|
25
|
+
children?: React.ReactNode;
|
|
26
|
+
className?: string;
|
|
27
|
+
closable?: boolean;
|
|
28
|
+
closeOnEscape?: boolean;
|
|
29
|
+
contentClassName?: string;
|
|
30
|
+
contentStyle?: React.CSSProperties;
|
|
31
|
+
dismissableMask?: boolean;
|
|
32
|
+
draggable?: boolean;
|
|
47
33
|
focusOnShow?: boolean;
|
|
48
|
-
|
|
49
|
-
|
|
34
|
+
footer?: DialogTemplateType;
|
|
35
|
+
header?: DialogTemplateType;
|
|
36
|
+
headerClassName?: string;
|
|
37
|
+
headerStyle?: React.CSSProperties;
|
|
38
|
+
icons?: DialogTemplateType;
|
|
39
|
+
id?: string;
|
|
50
40
|
keepInViewport?: boolean;
|
|
41
|
+
maskClassName?: string;
|
|
42
|
+
maskStyle?: React.CSSProperties;
|
|
43
|
+
maximizable?: boolean;
|
|
51
44
|
maximized?: boolean;
|
|
52
|
-
|
|
45
|
+
minX?: number;
|
|
46
|
+
minY?: number;
|
|
47
|
+
modal?: boolean;
|
|
48
|
+
position?: DialogPositionType;
|
|
49
|
+
resizable?: boolean;
|
|
50
|
+
rtl?: boolean;
|
|
51
|
+
showHeader?: boolean;
|
|
52
|
+
style?: React.CSSProperties;
|
|
53
53
|
transitionOptions?: CSSTransitionProps;
|
|
54
|
-
|
|
55
|
-
|
|
54
|
+
visible?: boolean;
|
|
55
|
+
onClick?(e: React.MouseEvent<HTMLElement>): void;
|
|
56
56
|
onDrag?(e: React.DragEvent<HTMLElement>): void;
|
|
57
57
|
onDragEnd?(e: React.DragEvent<HTMLElement>): void;
|
|
58
|
-
|
|
58
|
+
onDragStart?(e: React.DragEvent<HTMLElement>): void;
|
|
59
|
+
onHide(): void;
|
|
60
|
+
onMaskClick?(e: React.MouseEvent<HTMLElement>): void;
|
|
61
|
+
onMaximize?(e: DialogMaximizeParams): void;
|
|
59
62
|
onResize?(e: React.MouseEvent<HTMLElement>): void;
|
|
60
63
|
onResizeEnd?(e: React.MouseEvent<HTMLElement>): void;
|
|
61
|
-
|
|
64
|
+
onResizeStart?(e: React.MouseEvent<HTMLElement>): void;
|
|
62
65
|
onShow?(): void;
|
|
63
|
-
onMaskClick?(e: React.MouseEvent<HTMLElement>): void;
|
|
64
|
-
onClick?(e: React.MouseEvent<HTMLElement>): void;
|
|
65
|
-
children?: React.ReactNode;
|
|
66
66
|
}
|
|
67
67
|
|
|
68
68
|
export declare class Dialog extends React.Component<DialogProps, any> {
|
package/dialog/dialog.esm.js
CHANGED
|
@@ -449,16 +449,17 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
449
449
|
|
|
450
450
|
var disableDocumentSettings = function disableDocumentSettings() {
|
|
451
451
|
unbindGlobalListeners();
|
|
452
|
+
var isMaximized = props.maximizable && maximized;
|
|
452
453
|
|
|
453
454
|
if (props.modal) {
|
|
454
455
|
var hasBlockScroll = document.primeDialogParams && document.primeDialogParams.some(function (param) {
|
|
455
456
|
return param.hasBlockScroll;
|
|
456
457
|
});
|
|
457
458
|
|
|
458
|
-
if (hasBlockScroll) {
|
|
459
|
+
if (hasBlockScroll || isMaximized) {
|
|
459
460
|
DomHandler.removeClass(document.body, 'p-overflow-hidden');
|
|
460
461
|
}
|
|
461
|
-
} else if (props.blockScroll ||
|
|
462
|
+
} else if (props.blockScroll || isMaximized) {
|
|
462
463
|
DomHandler.removeClass(document.body, 'p-overflow-hidden');
|
|
463
464
|
}
|
|
464
465
|
};
|
|
@@ -740,51 +741,51 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
740
741
|
Dialog.displayName = 'Dialog';
|
|
741
742
|
Dialog.defaultProps = {
|
|
742
743
|
__TYPE: 'Dialog',
|
|
743
|
-
id: null,
|
|
744
|
-
header: null,
|
|
745
|
-
footer: null,
|
|
746
|
-
visible: false,
|
|
747
|
-
position: 'center',
|
|
748
|
-
draggable: true,
|
|
749
|
-
resizable: true,
|
|
750
|
-
modal: true,
|
|
751
|
-
onHide: null,
|
|
752
|
-
onShow: null,
|
|
753
|
-
headerStyle: null,
|
|
754
|
-
headerClassName: null,
|
|
755
|
-
contentStyle: null,
|
|
756
|
-
contentClassName: null,
|
|
757
|
-
closeOnEscape: true,
|
|
758
|
-
dismissableMask: false,
|
|
759
|
-
rtl: false,
|
|
760
|
-
closable: true,
|
|
761
|
-
style: null,
|
|
762
|
-
className: null,
|
|
763
|
-
maskStyle: null,
|
|
764
|
-
maskClassName: null,
|
|
765
|
-
showHeader: true,
|
|
766
744
|
appendTo: null,
|
|
745
|
+
ariaCloseIconLabel: null,
|
|
767
746
|
baseZIndex: 0,
|
|
768
|
-
maximizable: false,
|
|
769
747
|
blockScroll: false,
|
|
770
|
-
|
|
771
|
-
|
|
748
|
+
breakpoints: null,
|
|
749
|
+
className: null,
|
|
750
|
+
closable: true,
|
|
751
|
+
closeOnEscape: true,
|
|
752
|
+
contentClassName: null,
|
|
753
|
+
contentStyle: null,
|
|
754
|
+
dismissableMask: false,
|
|
755
|
+
draggable: true,
|
|
772
756
|
focusOnShow: true,
|
|
773
|
-
|
|
774
|
-
|
|
757
|
+
footer: null,
|
|
758
|
+
header: null,
|
|
759
|
+
headerClassName: null,
|
|
760
|
+
headerStyle: null,
|
|
761
|
+
icons: null,
|
|
762
|
+
id: null,
|
|
775
763
|
keepInViewport: true,
|
|
764
|
+
maskClassName: null,
|
|
765
|
+
maskStyle: null,
|
|
766
|
+
maximizable: false,
|
|
776
767
|
maximized: false,
|
|
777
|
-
|
|
778
|
-
|
|
779
|
-
|
|
780
|
-
|
|
768
|
+
minX: 0,
|
|
769
|
+
minY: 0,
|
|
770
|
+
modal: true,
|
|
771
|
+
onClick: null,
|
|
781
772
|
onDrag: null,
|
|
782
773
|
onDragEnd: null,
|
|
783
|
-
|
|
774
|
+
onDragStart: null,
|
|
775
|
+
onHide: null,
|
|
776
|
+
onMaskClick: null,
|
|
777
|
+
onMaximize: null,
|
|
784
778
|
onResize: null,
|
|
785
779
|
onResizeEnd: null,
|
|
786
|
-
|
|
787
|
-
|
|
780
|
+
onResizeStart: null,
|
|
781
|
+
onShow: null,
|
|
782
|
+
position: 'center',
|
|
783
|
+
resizable: true,
|
|
784
|
+
rtl: false,
|
|
785
|
+
showHeader: true,
|
|
786
|
+
style: null,
|
|
787
|
+
transitionOptions: null,
|
|
788
|
+
visible: false
|
|
788
789
|
};
|
|
789
790
|
|
|
790
791
|
export { Dialog };
|
package/dialog/dialog.esm.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import t,{localeOption as n}from"primereact/api";import{CSSTransition as r}from"primereact/csstransition";import{useEventListener as o,useMountEffect as a,useUpdateEffect as l,useUnmountEffect as i}from"primereact/hooks";import{Portal as u}from"primereact/portal";import{Ripple as c}from"primereact/ripple";import{DomHandler as s,UniqueComponentId as m,ZIndexUtils as d,ObjectUtils as p,classNames as f}from"primereact/utils";function g(){return g=Object.assign?Object.assign.bind():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},g.apply(this,arguments)}function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function y(e){if(Array.isArray(e))return b(e)}function h(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function v(e,t){if(e){if("string"==typeof e)return b(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)?b(e,t):void 0}}function w(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function E(e){if(Array.isArray(e))return e}function S(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 x(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function k(e,t){return E(e)||S(e,t)||v(e,t)||x()}var z=e.forwardRef((function(b,E){var S=k(e.useState(b.id),2),x=S[0],C=S[1],D=k(e.useState(!1),2),R=D[0],I=D[1],N=k(e.useState(!1),2),O=N[0],P=N[1],M=k(e.useState(b.maximized),2),X=M[0],H=M[1],A=e.useRef(null),Y=e.useRef(null),T=e.useRef(null),j=e.useRef(null),B=e.useRef(null),_=e.useRef(null),V=e.useRef(!1),J=e.useRef(!1),L=e.useRef(null),W=e.useRef(null),Z=e.useRef(null),F=e.useRef(""),K=b.onMaximize?b.maximized:X,$=k(o({type:"keydown",listener:function(e){return pe(e)}}),2),U=$[0],q=$[1],G=k(o({type:"mousemove",target:function(){return window.document},listener:function(e){return ve(e)}}),2),Q=G[0],ee=G[1],te=k(o({type:"mouseup",target:function(){return window.document},listener:function(e){return we(e)}}),2),ne=te[0],re=te[1],oe=k(o({type:"mousemove",target:function(){return window.document},listener:function(e){return ge(e)}}),2),ae=oe[0],le=oe[1],ie=k(o({type:"mouseup",target:function(){return window.document},listener:function(e){return be(e)}}),2),ue=ie[0],ce=ie[1],se=function(e){b.onHide(),e.preventDefault()},me=function(e){b.dismissableMask&&b.modal&&Y.current===e.target&&se(e),b.onMaskClick&&b.onMaskClick(e)},de=function(e){b.onMaximize?b.onMaximize({originalEvent:e,maximized:!K}):H((function(e){return!e})),e.preventDefault()},pe=function(e){var t=e.currentTarget;if(t&&t.primeDialogParams){var n=t.primeDialogParams,r=n.length,o=n[r-1]?n[r-1].id:void 0;if(o===x){var a=document.getElementById(o);if(b.closable&&b.closeOnEscape&&"Escape"===e.key)se(e),e.stopImmediatePropagation(),n.splice(r-1,1);else if("Tab"===e.key){e.preventDefault();var l=s.getFocusableElements(a);if(l&&l.length>0)if(document.activeElement){var i=l.indexOf(document.activeElement);e.shiftKey?-1===i||0===i?l[l.length-1].focus():l[i-1].focus():-1===i||i===l.length-1?l[0].focus():l[i+1].focus()}else l[0].focus()}}}},fe=function(e){s.hasClass(e.target,"p-dialog-header-icon")||s.hasClass(e.target.parentElement,"p-dialog-header-icon")||b.draggable&&(V.current=!0,L.current=e.pageX,W.current=e.pageY,A.current.style.margin="0",s.addClass(document.body,"p-unselectable-text"),b.onDragStart&&b.onDragStart(e))},ge=function(e){if(V.current){var t=s.getOuterWidth(A.current),n=s.getOuterHeight(A.current),r=e.pageX-L.current,o=e.pageY-W.current,a=A.current.getBoundingClientRect(),l=a.left+r,i=a.top+o,u=s.getViewport();A.current.style.position="fixed",b.keepInViewport?(l>=b.minX&&l+t<u.width&&(L.current=e.pageX,A.current.style.left=l+"px"),i>=b.minY&&i+n<u.height&&(W.current=e.pageY,A.current.style.top=i+"px")):(L.current=e.pageX,A.current.style.left=l+"px",W.current=e.pageY,A.current.style.top=i+"px"),b.onDrag&&b.onDrag(e)}},be=function(e){V.current&&(V.current=!1,s.removeClass(document.body,"p-unselectable-text"),b.onDragEnd&&b.onDragEnd(e))},ye=function(e){b.resizable&&(J.current=!0,L.current=e.pageX,W.current=e.pageY,s.addClass(document.body,"p-unselectable-text"),b.onResizeStart&&b.onResizeStart(e))},he=function(e,t,n){!n&&(n=s.getViewport());var r=parseInt(e);return/^(\d+|(\.\d+))(\.\d+)?%$/.test(e)?r*(n[t]/100):r},ve=function(e){if(J.current){var t=e.pageX-L.current,n=e.pageY-W.current,r=s.getOuterWidth(A.current),o=s.getOuterHeight(A.current),a=A.current.getBoundingClientRect(),l=s.getViewport(),i=!parseInt(A.current.style.top)||!parseInt(A.current.style.left),u=he(A.current.style.minWidth,"width",l),c=he(A.current.style.minHeight,"height",l),m=r+t,d=o+n;i&&(m+=t,d+=n),(!u||m>u)&&a.left+m<l.width&&(A.current.style.width=m+"px"),(!c||d>c)&&a.top+d<l.height&&(A.current.style.height=d+"px"),L.current=e.pageX,W.current=e.pageY,b.onResize&&b.onResize(e)}},we=function(e){J.current&&(J.current=!1,s.removeClass(document.body,"p-unselectable-text"),b.onResizeEnd&&b.onResizeEnd(e))},Ee=function(){A.current.style.position="",A.current.style.left="",A.current.style.top="",A.current.style.margin=""},Se=function(){A.current.setAttribute(F.current,"")},xe=function(){var e;b.onShow&&b.onShow(),b.focusOnShow&&!((e=document.activeElement)&&A.current&&A.current.contains(e))&&b.closable&&b.showHeader&&_.current.focus(),Ce()},ke=function(){b.modal&&s.addClass(Y.current,"p-component-overlay-leave"),b.blockScroll&&s.removeClass(document.body,"p-overflow-hidden")},ze=function(){V.current=!1,d.clear(Y.current),I(!1),De()},Ce=function(){Re(),(b.blockScroll||b.maximizable&&K)&&s.addClass(document.body,"p-overflow-hidden")},De=function(){(Ie(),b.modal)?document.primeDialogParams&&document.primeDialogParams.some((function(e){return e.hasBlockScroll}))&&s.removeClass(document.body,"p-overflow-hidden"):(b.blockScroll||b.maximizable&&K)&&s.removeClass(document.body,"p-overflow-hidden")},Re=function(){b.draggable&&(ae(),ue()),b.resizable&&(Q(),ne()),U();var e,t={id:x,hasBlockScroll:b.blockScroll};document.primeDialogParams=document.primeDialogParams?[].concat(y(e=document.primeDialogParams)||h(e)||v(e)||w(),[t]):[t]},Ie=function(){le(),ce(),ee(),re(),q(),document.primeDialogParams=document.primeDialogParams&&document.primeDialogParams.filter((function(e){return e.id!==x}))},Ne=function(){if(!Z.current){Z.current=s.createInlineStyle(t.nonce);var e="";for(var n in b.breakpoints)e+="\n @media screen and (max-width: ".concat(n,") {\n .p-dialog[").concat(F.current,"] {\n width: ").concat(b.breakpoints[n]," !important;\n }\n }\n ");Z.current.innerHTML=e}};a((function(){var e=m();x||C(e),F.current||(F.current=e),b.visible&&I(!0),b.breakpoints&&Ne()})),l((function(){b.visible&&!R&&I(!0),b.visible!==O&&R&&P(b.visible)})),l((function(){R&&(d.set("modal",Y.current,t.autoZIndex,b.baseZIndex||t.zIndex.modal),P(!0))}),[R]),l((function(){b.blockScroll||s[K?"addClass":"removeClass"](document.body,"p-overflow-hidden")}),[b.maximized,X]),i((function(){De(),s.removeInlineStyle(Z.current),d.clear(Y.current)})),e.useImperativeHandle(E,(function(){return{props:b,resetPosition:Ee,getElement:function(){return A.current},getMask:function(){return Y.current},getContent:function(){return T.current},getHeader:function(){return j.current},getFooter:function(){return B.current},getCloseButton:function(){return _.current}}}));var Oe,Pe,Me,Xe,He,Ae,Ye,Te,je,Be=function(){if(b.closable){var t=b.ariaCloseIconLabel||n("close");return e.createElement("button",{ref:_,type:"button",className:"p-dialog-header-icon p-dialog-header-close p-link","aria-label":t,onClick:se},e.createElement("span",{className:"p-dialog-header-close-icon pi pi-times","aria-hidden":"true"}),e.createElement(c,null))}return null},_e=function(){if(b.showHeader){var t=Be(),n=(i=f("p-dialog-header-maximize-icon pi",{"pi-window-maximize":!K,"pi-window-minimize":K}),b.maximizable?e.createElement("button",{type:"button",className:"p-dialog-header-icon p-dialog-header-maximize p-link",onClick:de},e.createElement("span",{className:i}),e.createElement(c,null)):null),r=p.getJSXElement(b.icons,b),o=p.getJSXElement(b.header,b),a=x+"_header",l=f("p-dialog-header",b.headerClassName);return e.createElement("div",{ref:j,style:b.headerStyle,className:l,onMouseDown:fe},e.createElement("div",{id:a,className:"p-dialog-title"},o),e.createElement("div",{className:"p-dialog-header-icons"},r,n,t))}var i;return null},Ve=function(){var t=f("p-dialog-content",b.contentClassName);return e.createElement("div",{id:x+"_content",ref:T,className:t,style:b.contentStyle},b.children)},Je=function(){var t=p.getJSXElement(b.footer,b);return t&&e.createElement("div",{ref:B,className:"p-dialog-footer"},t)};return R&&(Pe=p.findDiffKeys(b,z.defaultProps),Me=f("p-dialog p-component",b.className,{"p-dialog-rtl":b.rtl,"p-dialog-maximized":K}),Xe=f("p-dialog-mask",(Oe=["center","left","right","top","top-left","top-right","bottom","bottom-left","bottom-right"].find((function(e){return e===b.position||e.replace("-","")===b.position})))?"p-dialog-".concat(Oe):"",{"p-component-overlay p-component-overlay-enter":b.modal,"p-dialog-visible":R,"p-dialog-draggable":b.draggable,"p-dialog-resizable":b.resizable},b.maskClassName),He=_e(),Ae=Ve(),Ye=Je(),Te=b.resizable?e.createElement("span",{className:"p-resizable-handle",style:{zIndex:90},onMouseDown:ye}):null,je=e.createElement("div",{ref:Y,style:b.maskStyle,className:Xe,onClick:me},e.createElement(r,{nodeRef:A,classNames:"p-dialog",timeout:{enter:"center"===b.position?150:300,exit:"center"===b.position?150:300},in:O,options:b.transitionOptions,unmountOnExit:!0,onEnter:Se,onEntered:xe,onExiting:ke,onExited:ze},e.createElement("div",g({ref:A,id:x,className:Me,style:b.style,onClick:b.onClick,role:"dialog"},Pe,{"aria-labelledby":x+"_header","aria-describedby":x+"_content","aria-modal":b.modal}),He,Ae,Ye,Te))),e.createElement(u,{element:je,appendTo:b.appendTo,visible:!0}))}));z.displayName="Dialog",z.defaultProps={__TYPE:"Dialog",id:null,header:null,footer:null,visible:!1,position:"center",draggable:!0,resizable:!0,modal:!0,onHide:null,onShow:null,headerStyle:null,headerClassName:null,contentStyle:null,contentClassName:null,closeOnEscape:!0,dismissableMask:!1,rtl:!1,closable:!0,style:null,className:null,maskStyle:null,maskClassName:null,showHeader:!0,appendTo:null,baseZIndex:0,maximizable:!1,blockScroll:!1,icons:null,ariaCloseIconLabel:null,focusOnShow:!0,minX:0,minY:0,keepInViewport:!0,maximized:!1,breakpoints:null,transitionOptions:null,onMaximize:null,onDragStart:null,onDrag:null,onDragEnd:null,onResizeStart:null,onResize:null,onResizeEnd:null,onClick:null,onMaskClick:null};export{z as Dialog};
|
|
1
|
+
import*as e from"react";import t,{localeOption as n}from"primereact/api";import{CSSTransition as r}from"primereact/csstransition";import{useEventListener as o,useMountEffect as a,useUpdateEffect as l,useUnmountEffect as i}from"primereact/hooks";import{Portal as u}from"primereact/portal";import{Ripple as c}from"primereact/ripple";import{DomHandler as s,UniqueComponentId as m,ZIndexUtils as d,ObjectUtils as p,classNames as f}from"primereact/utils";function g(){return g=Object.assign?Object.assign.bind():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},g.apply(this,arguments)}function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function y(e){if(Array.isArray(e))return b(e)}function h(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function v(e,t){if(e){if("string"==typeof e)return b(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)?b(e,t):void 0}}function w(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function E(e){if(Array.isArray(e))return e}function S(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 x(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function k(e,t){return E(e)||S(e,t)||v(e,t)||x()}var z=e.forwardRef((function(b,E){var S=k(e.useState(b.id),2),x=S[0],C=S[1],D=k(e.useState(!1),2),R=D[0],I=D[1],N=k(e.useState(!1),2),O=N[0],P=N[1],M=k(e.useState(b.maximized),2),X=M[0],H=M[1],A=e.useRef(null),Y=e.useRef(null),T=e.useRef(null),j=e.useRef(null),B=e.useRef(null),_=e.useRef(null),V=e.useRef(!1),J=e.useRef(!1),L=e.useRef(null),W=e.useRef(null),Z=e.useRef(null),F=e.useRef(""),K=b.onMaximize?b.maximized:X,$=k(o({type:"keydown",listener:function(e){return pe(e)}}),2),U=$[0],q=$[1],G=k(o({type:"mousemove",target:function(){return window.document},listener:function(e){return ve(e)}}),2),Q=G[0],ee=G[1],te=k(o({type:"mouseup",target:function(){return window.document},listener:function(e){return we(e)}}),2),ne=te[0],re=te[1],oe=k(o({type:"mousemove",target:function(){return window.document},listener:function(e){return ge(e)}}),2),ae=oe[0],le=oe[1],ie=k(o({type:"mouseup",target:function(){return window.document},listener:function(e){return be(e)}}),2),ue=ie[0],ce=ie[1],se=function(e){b.onHide(),e.preventDefault()},me=function(e){b.dismissableMask&&b.modal&&Y.current===e.target&&se(e),b.onMaskClick&&b.onMaskClick(e)},de=function(e){b.onMaximize?b.onMaximize({originalEvent:e,maximized:!K}):H((function(e){return!e})),e.preventDefault()},pe=function(e){var t=e.currentTarget;if(t&&t.primeDialogParams){var n=t.primeDialogParams,r=n.length,o=n[r-1]?n[r-1].id:void 0;if(o===x){var a=document.getElementById(o);if(b.closable&&b.closeOnEscape&&"Escape"===e.key)se(e),e.stopImmediatePropagation(),n.splice(r-1,1);else if("Tab"===e.key){e.preventDefault();var l=s.getFocusableElements(a);if(l&&l.length>0)if(document.activeElement){var i=l.indexOf(document.activeElement);e.shiftKey?-1===i||0===i?l[l.length-1].focus():l[i-1].focus():-1===i||i===l.length-1?l[0].focus():l[i+1].focus()}else l[0].focus()}}}},fe=function(e){s.hasClass(e.target,"p-dialog-header-icon")||s.hasClass(e.target.parentElement,"p-dialog-header-icon")||b.draggable&&(V.current=!0,L.current=e.pageX,W.current=e.pageY,A.current.style.margin="0",s.addClass(document.body,"p-unselectable-text"),b.onDragStart&&b.onDragStart(e))},ge=function(e){if(V.current){var t=s.getOuterWidth(A.current),n=s.getOuterHeight(A.current),r=e.pageX-L.current,o=e.pageY-W.current,a=A.current.getBoundingClientRect(),l=a.left+r,i=a.top+o,u=s.getViewport();A.current.style.position="fixed",b.keepInViewport?(l>=b.minX&&l+t<u.width&&(L.current=e.pageX,A.current.style.left=l+"px"),i>=b.minY&&i+n<u.height&&(W.current=e.pageY,A.current.style.top=i+"px")):(L.current=e.pageX,A.current.style.left=l+"px",W.current=e.pageY,A.current.style.top=i+"px"),b.onDrag&&b.onDrag(e)}},be=function(e){V.current&&(V.current=!1,s.removeClass(document.body,"p-unselectable-text"),b.onDragEnd&&b.onDragEnd(e))},ye=function(e){b.resizable&&(J.current=!0,L.current=e.pageX,W.current=e.pageY,s.addClass(document.body,"p-unselectable-text"),b.onResizeStart&&b.onResizeStart(e))},he=function(e,t,n){!n&&(n=s.getViewport());var r=parseInt(e);return/^(\d+|(\.\d+))(\.\d+)?%$/.test(e)?r*(n[t]/100):r},ve=function(e){if(J.current){var t=e.pageX-L.current,n=e.pageY-W.current,r=s.getOuterWidth(A.current),o=s.getOuterHeight(A.current),a=A.current.getBoundingClientRect(),l=s.getViewport(),i=!parseInt(A.current.style.top)||!parseInt(A.current.style.left),u=he(A.current.style.minWidth,"width",l),c=he(A.current.style.minHeight,"height",l),m=r+t,d=o+n;i&&(m+=t,d+=n),(!u||m>u)&&a.left+m<l.width&&(A.current.style.width=m+"px"),(!c||d>c)&&a.top+d<l.height&&(A.current.style.height=d+"px"),L.current=e.pageX,W.current=e.pageY,b.onResize&&b.onResize(e)}},we=function(e){J.current&&(J.current=!1,s.removeClass(document.body,"p-unselectable-text"),b.onResizeEnd&&b.onResizeEnd(e))},Ee=function(){A.current.style.position="",A.current.style.left="",A.current.style.top="",A.current.style.margin=""},Se=function(){A.current.setAttribute(F.current,"")},xe=function(){var e;b.onShow&&b.onShow(),b.focusOnShow&&!((e=document.activeElement)&&A.current&&A.current.contains(e))&&b.closable&&b.showHeader&&_.current.focus(),Ce()},ke=function(){b.modal&&s.addClass(Y.current,"p-component-overlay-leave"),b.blockScroll&&s.removeClass(document.body,"p-overflow-hidden")},ze=function(){V.current=!1,d.clear(Y.current),I(!1),De()},Ce=function(){Re(),(b.blockScroll||b.maximizable&&K)&&s.addClass(document.body,"p-overflow-hidden")},De=function(){Ie();var e=b.maximizable&&K;b.modal?(document.primeDialogParams&&document.primeDialogParams.some((function(e){return e.hasBlockScroll}))||e)&&s.removeClass(document.body,"p-overflow-hidden"):(b.blockScroll||e)&&s.removeClass(document.body,"p-overflow-hidden")},Re=function(){b.draggable&&(ae(),ue()),b.resizable&&(Q(),ne()),U();var e,t={id:x,hasBlockScroll:b.blockScroll};document.primeDialogParams=document.primeDialogParams?[].concat(y(e=document.primeDialogParams)||h(e)||v(e)||w(),[t]):[t]},Ie=function(){le(),ce(),ee(),re(),q(),document.primeDialogParams=document.primeDialogParams&&document.primeDialogParams.filter((function(e){return e.id!==x}))},Ne=function(){if(!Z.current){Z.current=s.createInlineStyle(t.nonce);var e="";for(var n in b.breakpoints)e+="\n @media screen and (max-width: ".concat(n,") {\n .p-dialog[").concat(F.current,"] {\n width: ").concat(b.breakpoints[n]," !important;\n }\n }\n ");Z.current.innerHTML=e}};a((function(){var e=m();x||C(e),F.current||(F.current=e),b.visible&&I(!0),b.breakpoints&&Ne()})),l((function(){b.visible&&!R&&I(!0),b.visible!==O&&R&&P(b.visible)})),l((function(){R&&(d.set("modal",Y.current,t.autoZIndex,b.baseZIndex||t.zIndex.modal),P(!0))}),[R]),l((function(){b.blockScroll||s[K?"addClass":"removeClass"](document.body,"p-overflow-hidden")}),[b.maximized,X]),i((function(){De(),s.removeInlineStyle(Z.current),d.clear(Y.current)})),e.useImperativeHandle(E,(function(){return{props:b,resetPosition:Ee,getElement:function(){return A.current},getMask:function(){return Y.current},getContent:function(){return T.current},getHeader:function(){return j.current},getFooter:function(){return B.current},getCloseButton:function(){return _.current}}}));var Oe,Pe,Me,Xe,He,Ae,Ye,Te,je,Be=function(){if(b.closable){var t=b.ariaCloseIconLabel||n("close");return e.createElement("button",{ref:_,type:"button",className:"p-dialog-header-icon p-dialog-header-close p-link","aria-label":t,onClick:se},e.createElement("span",{className:"p-dialog-header-close-icon pi pi-times","aria-hidden":"true"}),e.createElement(c,null))}return null},_e=function(){if(b.showHeader){var t=Be(),n=(i=f("p-dialog-header-maximize-icon pi",{"pi-window-maximize":!K,"pi-window-minimize":K}),b.maximizable?e.createElement("button",{type:"button",className:"p-dialog-header-icon p-dialog-header-maximize p-link",onClick:de},e.createElement("span",{className:i}),e.createElement(c,null)):null),r=p.getJSXElement(b.icons,b),o=p.getJSXElement(b.header,b),a=x+"_header",l=f("p-dialog-header",b.headerClassName);return e.createElement("div",{ref:j,style:b.headerStyle,className:l,onMouseDown:fe},e.createElement("div",{id:a,className:"p-dialog-title"},o),e.createElement("div",{className:"p-dialog-header-icons"},r,n,t))}var i;return null},Ve=function(){var t=f("p-dialog-content",b.contentClassName);return e.createElement("div",{id:x+"_content",ref:T,className:t,style:b.contentStyle},b.children)},Je=function(){var t=p.getJSXElement(b.footer,b);return t&&e.createElement("div",{ref:B,className:"p-dialog-footer"},t)};return R&&(Pe=p.findDiffKeys(b,z.defaultProps),Me=f("p-dialog p-component",b.className,{"p-dialog-rtl":b.rtl,"p-dialog-maximized":K}),Xe=f("p-dialog-mask",(Oe=["center","left","right","top","top-left","top-right","bottom","bottom-left","bottom-right"].find((function(e){return e===b.position||e.replace("-","")===b.position})))?"p-dialog-".concat(Oe):"",{"p-component-overlay p-component-overlay-enter":b.modal,"p-dialog-visible":R,"p-dialog-draggable":b.draggable,"p-dialog-resizable":b.resizable},b.maskClassName),He=_e(),Ae=Ve(),Ye=Je(),Te=b.resizable?e.createElement("span",{className:"p-resizable-handle",style:{zIndex:90},onMouseDown:ye}):null,je=e.createElement("div",{ref:Y,style:b.maskStyle,className:Xe,onClick:me},e.createElement(r,{nodeRef:A,classNames:"p-dialog",timeout:{enter:"center"===b.position?150:300,exit:"center"===b.position?150:300},in:O,options:b.transitionOptions,unmountOnExit:!0,onEnter:Se,onEntered:xe,onExiting:ke,onExited:ze},e.createElement("div",g({ref:A,id:x,className:Me,style:b.style,onClick:b.onClick,role:"dialog"},Pe,{"aria-labelledby":x+"_header","aria-describedby":x+"_content","aria-modal":b.modal}),He,Ae,Ye,Te))),e.createElement(u,{element:je,appendTo:b.appendTo,visible:!0}))}));z.displayName="Dialog",z.defaultProps={__TYPE:"Dialog",appendTo:null,ariaCloseIconLabel:null,baseZIndex:0,blockScroll:!1,breakpoints:null,className:null,closable:!0,closeOnEscape:!0,contentClassName:null,contentStyle:null,dismissableMask:!1,draggable:!0,focusOnShow:!0,footer:null,header:null,headerClassName:null,headerStyle:null,icons:null,id:null,keepInViewport:!0,maskClassName:null,maskStyle:null,maximizable:!1,maximized:!1,minX:0,minY:0,modal:!0,onClick:null,onDrag:null,onDragEnd:null,onDragStart:null,onHide:null,onMaskClick:null,onMaximize:null,onResize:null,onResizeEnd:null,onResizeStart:null,onShow:null,position:"center",resizable:!0,rtl:!1,showHeader:!0,style:null,transitionOptions:null,visible:!1};export{z as Dialog};
|
package/dialog/dialog.js
CHANGED
|
@@ -468,16 +468,17 @@ this.primereact.dialog = (function (exports, React, PrimeReact, csstransition, h
|
|
|
468
468
|
|
|
469
469
|
var disableDocumentSettings = function disableDocumentSettings() {
|
|
470
470
|
unbindGlobalListeners();
|
|
471
|
+
var isMaximized = props.maximizable && maximized;
|
|
471
472
|
|
|
472
473
|
if (props.modal) {
|
|
473
474
|
var hasBlockScroll = document.primeDialogParams && document.primeDialogParams.some(function (param) {
|
|
474
475
|
return param.hasBlockScroll;
|
|
475
476
|
});
|
|
476
477
|
|
|
477
|
-
if (hasBlockScroll) {
|
|
478
|
+
if (hasBlockScroll || isMaximized) {
|
|
478
479
|
utils.DomHandler.removeClass(document.body, 'p-overflow-hidden');
|
|
479
480
|
}
|
|
480
|
-
} else if (props.blockScroll ||
|
|
481
|
+
} else if (props.blockScroll || isMaximized) {
|
|
481
482
|
utils.DomHandler.removeClass(document.body, 'p-overflow-hidden');
|
|
482
483
|
}
|
|
483
484
|
};
|
|
@@ -759,51 +760,51 @@ this.primereact.dialog = (function (exports, React, PrimeReact, csstransition, h
|
|
|
759
760
|
Dialog.displayName = 'Dialog';
|
|
760
761
|
Dialog.defaultProps = {
|
|
761
762
|
__TYPE: 'Dialog',
|
|
762
|
-
id: null,
|
|
763
|
-
header: null,
|
|
764
|
-
footer: null,
|
|
765
|
-
visible: false,
|
|
766
|
-
position: 'center',
|
|
767
|
-
draggable: true,
|
|
768
|
-
resizable: true,
|
|
769
|
-
modal: true,
|
|
770
|
-
onHide: null,
|
|
771
|
-
onShow: null,
|
|
772
|
-
headerStyle: null,
|
|
773
|
-
headerClassName: null,
|
|
774
|
-
contentStyle: null,
|
|
775
|
-
contentClassName: null,
|
|
776
|
-
closeOnEscape: true,
|
|
777
|
-
dismissableMask: false,
|
|
778
|
-
rtl: false,
|
|
779
|
-
closable: true,
|
|
780
|
-
style: null,
|
|
781
|
-
className: null,
|
|
782
|
-
maskStyle: null,
|
|
783
|
-
maskClassName: null,
|
|
784
|
-
showHeader: true,
|
|
785
763
|
appendTo: null,
|
|
764
|
+
ariaCloseIconLabel: null,
|
|
786
765
|
baseZIndex: 0,
|
|
787
|
-
maximizable: false,
|
|
788
766
|
blockScroll: false,
|
|
789
|
-
|
|
790
|
-
|
|
767
|
+
breakpoints: null,
|
|
768
|
+
className: null,
|
|
769
|
+
closable: true,
|
|
770
|
+
closeOnEscape: true,
|
|
771
|
+
contentClassName: null,
|
|
772
|
+
contentStyle: null,
|
|
773
|
+
dismissableMask: false,
|
|
774
|
+
draggable: true,
|
|
791
775
|
focusOnShow: true,
|
|
792
|
-
|
|
793
|
-
|
|
776
|
+
footer: null,
|
|
777
|
+
header: null,
|
|
778
|
+
headerClassName: null,
|
|
779
|
+
headerStyle: null,
|
|
780
|
+
icons: null,
|
|
781
|
+
id: null,
|
|
794
782
|
keepInViewport: true,
|
|
783
|
+
maskClassName: null,
|
|
784
|
+
maskStyle: null,
|
|
785
|
+
maximizable: false,
|
|
795
786
|
maximized: false,
|
|
796
|
-
|
|
797
|
-
|
|
798
|
-
|
|
799
|
-
|
|
787
|
+
minX: 0,
|
|
788
|
+
minY: 0,
|
|
789
|
+
modal: true,
|
|
790
|
+
onClick: null,
|
|
800
791
|
onDrag: null,
|
|
801
792
|
onDragEnd: null,
|
|
802
|
-
|
|
793
|
+
onDragStart: null,
|
|
794
|
+
onHide: null,
|
|
795
|
+
onMaskClick: null,
|
|
796
|
+
onMaximize: null,
|
|
803
797
|
onResize: null,
|
|
804
798
|
onResizeEnd: null,
|
|
805
|
-
|
|
806
|
-
|
|
799
|
+
onResizeStart: null,
|
|
800
|
+
onShow: null,
|
|
801
|
+
position: 'center',
|
|
802
|
+
resizable: true,
|
|
803
|
+
rtl: false,
|
|
804
|
+
showHeader: true,
|
|
805
|
+
style: null,
|
|
806
|
+
transitionOptions: null,
|
|
807
|
+
visible: false
|
|
807
808
|
};
|
|
808
809
|
|
|
809
810
|
exports.Dialog = Dialog;
|
package/dialog/dialog.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.dialog=function(e,t,n,r,a,o,l,i){"use strict";function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(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 s=c(t),d=u(n);function m(){return m=Object.assign?Object.assign.bind():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 p(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 f(e){if(Array.isArray(e))return p(e)}function g(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function b(e,t){if(e){if("string"==typeof e)return p(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)?p(e,t):void 0}}function y(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(e){if(Array.isArray(e))return e}function v(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o=[],l=!0,i=!1;try{for(n=n.call(e);!(l=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);l=!0);}catch(e){i=!0,a=e}finally{try{l||null==n.return||n.return()}finally{if(i)throw a}}return o}}function E(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function D(e,t){return h(e)||v(e,t)||b(e,t)||E()}var w=s.forwardRef((function(e,t){var u=D(s.useState(e.id),2),c=u[0],p=u[1],h=D(s.useState(!1),2),v=h[0],E=h[1],S=D(s.useState(!1),2),x=S[0],k=S[1],z=D(s.useState(e.maximized),2),C=z[0],H=z[1],O=s.useRef(null),R=s.useRef(null),N=s.useRef(null),I=s.useRef(null),P=s.useRef(null),j=s.useRef(null),M=s.useRef(!1),U=s.useRef(!1),X=s.useRef(null),A=s.useRef(null),T=s.useRef(null),Y=s.useRef(""),_=e.onMaximize?e.maximized:C,L=D(a.useEventListener({type:"keydown",listener:function(e){return le(e)}}),2),B=L[0],Z=L[1],V=D(a.useEventListener({type:"mousemove",target:function(){return window.document},listener:function(e){return me(e)}}),2),J=V[0],W=V[1],F=D(a.useEventListener({type:"mouseup",target:function(){return window.document},listener:function(e){return pe(e)}}),2),K=F[0],$=F[1],q=D(a.useEventListener({type:"mousemove",target:function(){return window.document},listener:function(e){return ue(e)}}),2),G=q[0],Q=q[1],ee=D(a.useEventListener({type:"mouseup",target:function(){return window.document},listener:function(e){return ce(e)}}),2),te=ee[0],ne=ee[1],re=function(t){e.onHide(),t.preventDefault()},ae=function(t){e.dismissableMask&&e.modal&&R.current===t.target&&re(t),e.onMaskClick&&e.onMaskClick(t)},oe=function(t){e.onMaximize?e.onMaximize({originalEvent:t,maximized:!_}):H((function(e){return!e})),t.preventDefault()},le=function(t){var n=t.currentTarget;if(n&&n.primeDialogParams){var r=n.primeDialogParams,a=r.length,o=r[a-1]?r[a-1].id:void 0;if(o===c){var l=document.getElementById(o);if(e.closable&&e.closeOnEscape&&"Escape"===t.key)re(t),t.stopImmediatePropagation(),r.splice(a-1,1);else if("Tab"===t.key){t.preventDefault();var u=i.DomHandler.getFocusableElements(l);if(u&&u.length>0)if(document.activeElement){var s=u.indexOf(document.activeElement);t.shiftKey?-1===s||0===s?u[u.length-1].focus():u[s-1].focus():-1===s||s===u.length-1?u[0].focus():u[s+1].focus()}else u[0].focus()}}}},ie=function(t){i.DomHandler.hasClass(t.target,"p-dialog-header-icon")||i.DomHandler.hasClass(t.target.parentElement,"p-dialog-header-icon")||e.draggable&&(M.current=!0,X.current=t.pageX,A.current=t.pageY,O.current.style.margin="0",i.DomHandler.addClass(document.body,"p-unselectable-text"),e.onDragStart&&e.onDragStart(t))},ue=function(t){if(M.current){var n=i.DomHandler.getOuterWidth(O.current),r=i.DomHandler.getOuterHeight(O.current),a=t.pageX-X.current,o=t.pageY-A.current,l=O.current.getBoundingClientRect(),u=l.left+a,c=l.top+o,s=i.DomHandler.getViewport();O.current.style.position="fixed",e.keepInViewport?(u>=e.minX&&u+n<s.width&&(X.current=t.pageX,O.current.style.left=u+"px"),c>=e.minY&&c+r<s.height&&(A.current=t.pageY,O.current.style.top=c+"px")):(X.current=t.pageX,O.current.style.left=u+"px",A.current=t.pageY,O.current.style.top=c+"px"),e.onDrag&&e.onDrag(t)}},ce=function(t){M.current&&(M.current=!1,i.DomHandler.removeClass(document.body,"p-unselectable-text"),e.onDragEnd&&e.onDragEnd(t))},se=function(t){e.resizable&&(U.current=!0,X.current=t.pageX,A.current=t.pageY,i.DomHandler.addClass(document.body,"p-unselectable-text"),e.onResizeStart&&e.onResizeStart(t))},de=function(e,t,n){!n&&(n=i.DomHandler.getViewport());var r=parseInt(e);return/^(\d+|(\.\d+))(\.\d+)?%$/.test(e)?r*(n[t]/100):r},me=function(t){if(U.current){var n=t.pageX-X.current,r=t.pageY-A.current,a=i.DomHandler.getOuterWidth(O.current),o=i.DomHandler.getOuterHeight(O.current),l=O.current.getBoundingClientRect(),u=i.DomHandler.getViewport(),c=!parseInt(O.current.style.top)||!parseInt(O.current.style.left),s=de(O.current.style.minWidth,"width",u),d=de(O.current.style.minHeight,"height",u),m=a+n,p=o+r;c&&(m+=n,p+=r),(!s||m>s)&&l.left+m<u.width&&(O.current.style.width=m+"px"),(!d||p>d)&&l.top+p<u.height&&(O.current.style.height=p+"px"),X.current=t.pageX,A.current=t.pageY,e.onResize&&e.onResize(t)}},pe=function(t){U.current&&(U.current=!1,i.DomHandler.removeClass(document.body,"p-unselectable-text"),e.onResizeEnd&&e.onResizeEnd(t))},fe=function(){O.current.style.position="",O.current.style.left="",O.current.style.top="",O.current.style.margin=""},ge=function(){O.current.setAttribute(Y.current,"")},be=function(){var t;e.onShow&&e.onShow(),e.focusOnShow&&!((t=document.activeElement)&&O.current&&O.current.contains(t))&&e.closable&&e.showHeader&&j.current.focus(),ve()},ye=function(){e.modal&&i.DomHandler.addClass(R.current,"p-component-overlay-leave"),e.blockScroll&&i.DomHandler.removeClass(document.body,"p-overflow-hidden")},he=function(){M.current=!1,i.ZIndexUtils.clear(R.current),E(!1),Ee()},ve=function(){De(),(e.blockScroll||e.maximizable&&_)&&i.DomHandler.addClass(document.body,"p-overflow-hidden")},Ee=function(){(we(),e.modal)?document.primeDialogParams&&document.primeDialogParams.some((function(e){return e.hasBlockScroll}))&&i.DomHandler.removeClass(document.body,"p-overflow-hidden"):(e.blockScroll||e.maximizable&&_)&&i.DomHandler.removeClass(document.body,"p-overflow-hidden")},De=function(){e.draggable&&(G(),te()),e.resizable&&(J(),K()),B();var t,n={id:c,hasBlockScroll:e.blockScroll};document.primeDialogParams=document.primeDialogParams?[].concat(f(t=document.primeDialogParams)||g(t)||b(t)||y(),[n]):[n]},we=function(){Q(),ne(),W(),$(),Z(),document.primeDialogParams=document.primeDialogParams&&document.primeDialogParams.filter((function(e){return e.id!==c}))},Se=function(){if(!T.current){T.current=i.DomHandler.createInlineStyle(d.default.nonce);var t="";for(var n in e.breakpoints)t+="\n @media screen and (max-width: ".concat(n,") {\n .p-dialog[").concat(Y.current,"] {\n width: ").concat(e.breakpoints[n]," !important;\n }\n }\n ");T.current.innerHTML=t}};a.useMountEffect((function(){var t=i.UniqueComponentId();c||p(t),Y.current||(Y.current=t),e.visible&&E(!0),e.breakpoints&&Se()})),a.useUpdateEffect((function(){e.visible&&!v&&E(!0),e.visible!==x&&v&&k(e.visible)})),a.useUpdateEffect((function(){v&&(i.ZIndexUtils.set("modal",R.current,d.default.autoZIndex,e.baseZIndex||d.default.zIndex.modal),k(!0))}),[v]),a.useUpdateEffect((function(){e.blockScroll||i.DomHandler[_?"addClass":"removeClass"](document.body,"p-overflow-hidden")}),[e.maximized,C]),a.useUnmountEffect((function(){Ee(),i.DomHandler.removeInlineStyle(T.current),i.ZIndexUtils.clear(R.current)})),s.useImperativeHandle(t,(function(){return{props:e,resetPosition:fe,getElement:function(){return O.current},getMask:function(){return R.current},getContent:function(){return N.current},getHeader:function(){return I.current},getFooter:function(){return P.current},getCloseButton:function(){return j.current}}}));var xe,ke,ze,Ce,He,Oe,Re,Ne,Ie,Pe=function(){if(e.closable){var t=e.ariaCloseIconLabel||n.localeOption("close");return s.createElement("button",{ref:j,type:"button",className:"p-dialog-header-icon p-dialog-header-close p-link","aria-label":t,onClick:re},s.createElement("span",{className:"p-dialog-header-close-icon pi pi-times","aria-hidden":"true"}),s.createElement(l.Ripple,null))}return null},je=function(){if(e.showHeader){var t=Pe(),n=(d=i.classNames("p-dialog-header-maximize-icon pi",{"pi-window-maximize":!_,"pi-window-minimize":_}),e.maximizable?s.createElement("button",{type:"button",className:"p-dialog-header-icon p-dialog-header-maximize p-link",onClick:oe},s.createElement("span",{className:d}),s.createElement(l.Ripple,null)):null),r=i.ObjectUtils.getJSXElement(e.icons,e),a=i.ObjectUtils.getJSXElement(e.header,e),o=c+"_header",u=i.classNames("p-dialog-header",e.headerClassName);return s.createElement("div",{ref:I,style:e.headerStyle,className:u,onMouseDown:ie},s.createElement("div",{id:o,className:"p-dialog-title"},a),s.createElement("div",{className:"p-dialog-header-icons"},r,n,t))}var d;return null},Me=function(){var t=i.classNames("p-dialog-content",e.contentClassName);return s.createElement("div",{id:c+"_content",ref:N,className:t,style:e.contentStyle},e.children)},Ue=function(){var t=i.ObjectUtils.getJSXElement(e.footer,e);return t&&s.createElement("div",{ref:P,className:"p-dialog-footer"},t)};return v&&(ke=i.ObjectUtils.findDiffKeys(e,w.defaultProps),ze=i.classNames("p-dialog p-component",e.className,{"p-dialog-rtl":e.rtl,"p-dialog-maximized":_}),Ce=i.classNames("p-dialog-mask",(xe=["center","left","right","top","top-left","top-right","bottom","bottom-left","bottom-right"].find((function(t){return t===e.position||t.replace("-","")===e.position})))?"p-dialog-".concat(xe):"",{"p-component-overlay p-component-overlay-enter":e.modal,"p-dialog-visible":v,"p-dialog-draggable":e.draggable,"p-dialog-resizable":e.resizable},e.maskClassName),He=je(),Oe=Me(),Re=Ue(),Ne=e.resizable?s.createElement("span",{className:"p-resizable-handle",style:{zIndex:90},onMouseDown:se}):null,Ie=s.createElement("div",{ref:R,style:e.maskStyle,className:Ce,onClick:ae},s.createElement(r.CSSTransition,{nodeRef:O,classNames:"p-dialog",timeout:{enter:"center"===e.position?150:300,exit:"center"===e.position?150:300},in:x,options:e.transitionOptions,unmountOnExit:!0,onEnter:ge,onEntered:be,onExiting:ye,onExited:he},s.createElement("div",m({ref:O,id:c,className:ze,style:e.style,onClick:e.onClick,role:"dialog"},ke,{"aria-labelledby":c+"_header","aria-describedby":c+"_content","aria-modal":e.modal}),He,Oe,Re,Ne))),s.createElement(o.Portal,{element:Ie,appendTo:e.appendTo,visible:!0}))}));return w.displayName="Dialog",w.defaultProps={__TYPE:"Dialog",id:null,header:null,footer:null,visible:!1,position:"center",draggable:!0,resizable:!0,modal:!0,onHide:null,onShow:null,headerStyle:null,headerClassName:null,contentStyle:null,contentClassName:null,closeOnEscape:!0,dismissableMask:!1,rtl:!1,closable:!0,style:null,className:null,maskStyle:null,maskClassName:null,showHeader:!0,appendTo:null,baseZIndex:0,maximizable:!1,blockScroll:!1,icons:null,ariaCloseIconLabel:null,focusOnShow:!0,minX:0,minY:0,keepInViewport:!0,maximized:!1,breakpoints:null,transitionOptions:null,onMaximize:null,onDragStart:null,onDrag:null,onDragEnd:null,onResizeStart:null,onResize:null,onResizeEnd:null,onClick:null,onMaskClick:null},e.Dialog=w,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.portal,primereact.ripple,primereact.utils);
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.dialog=function(e,t,n,r,a,o,l,i){"use strict";function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(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 s=c(t),d=u(n);function m(){return m=Object.assign?Object.assign.bind():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 p(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 f(e){if(Array.isArray(e))return p(e)}function g(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function b(e,t){if(e){if("string"==typeof e)return p(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)?p(e,t):void 0}}function y(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(e){if(Array.isArray(e))return e}function v(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o=[],l=!0,i=!1;try{for(n=n.call(e);!(l=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);l=!0);}catch(e){i=!0,a=e}finally{try{l||null==n.return||n.return()}finally{if(i)throw a}}return o}}function E(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function D(e,t){return h(e)||v(e,t)||b(e,t)||E()}var w=s.forwardRef((function(e,t){var u=D(s.useState(e.id),2),c=u[0],p=u[1],h=D(s.useState(!1),2),v=h[0],E=h[1],S=D(s.useState(!1),2),x=S[0],k=S[1],z=D(s.useState(e.maximized),2),C=z[0],H=z[1],O=s.useRef(null),R=s.useRef(null),N=s.useRef(null),I=s.useRef(null),P=s.useRef(null),j=s.useRef(null),M=s.useRef(!1),U=s.useRef(!1),X=s.useRef(null),A=s.useRef(null),T=s.useRef(null),Y=s.useRef(""),_=e.onMaximize?e.maximized:C,L=D(a.useEventListener({type:"keydown",listener:function(e){return le(e)}}),2),B=L[0],Z=L[1],V=D(a.useEventListener({type:"mousemove",target:function(){return window.document},listener:function(e){return me(e)}}),2),J=V[0],W=V[1],F=D(a.useEventListener({type:"mouseup",target:function(){return window.document},listener:function(e){return pe(e)}}),2),K=F[0],$=F[1],q=D(a.useEventListener({type:"mousemove",target:function(){return window.document},listener:function(e){return ue(e)}}),2),G=q[0],Q=q[1],ee=D(a.useEventListener({type:"mouseup",target:function(){return window.document},listener:function(e){return ce(e)}}),2),te=ee[0],ne=ee[1],re=function(t){e.onHide(),t.preventDefault()},ae=function(t){e.dismissableMask&&e.modal&&R.current===t.target&&re(t),e.onMaskClick&&e.onMaskClick(t)},oe=function(t){e.onMaximize?e.onMaximize({originalEvent:t,maximized:!_}):H((function(e){return!e})),t.preventDefault()},le=function(t){var n=t.currentTarget;if(n&&n.primeDialogParams){var r=n.primeDialogParams,a=r.length,o=r[a-1]?r[a-1].id:void 0;if(o===c){var l=document.getElementById(o);if(e.closable&&e.closeOnEscape&&"Escape"===t.key)re(t),t.stopImmediatePropagation(),r.splice(a-1,1);else if("Tab"===t.key){t.preventDefault();var u=i.DomHandler.getFocusableElements(l);if(u&&u.length>0)if(document.activeElement){var s=u.indexOf(document.activeElement);t.shiftKey?-1===s||0===s?u[u.length-1].focus():u[s-1].focus():-1===s||s===u.length-1?u[0].focus():u[s+1].focus()}else u[0].focus()}}}},ie=function(t){i.DomHandler.hasClass(t.target,"p-dialog-header-icon")||i.DomHandler.hasClass(t.target.parentElement,"p-dialog-header-icon")||e.draggable&&(M.current=!0,X.current=t.pageX,A.current=t.pageY,O.current.style.margin="0",i.DomHandler.addClass(document.body,"p-unselectable-text"),e.onDragStart&&e.onDragStart(t))},ue=function(t){if(M.current){var n=i.DomHandler.getOuterWidth(O.current),r=i.DomHandler.getOuterHeight(O.current),a=t.pageX-X.current,o=t.pageY-A.current,l=O.current.getBoundingClientRect(),u=l.left+a,c=l.top+o,s=i.DomHandler.getViewport();O.current.style.position="fixed",e.keepInViewport?(u>=e.minX&&u+n<s.width&&(X.current=t.pageX,O.current.style.left=u+"px"),c>=e.minY&&c+r<s.height&&(A.current=t.pageY,O.current.style.top=c+"px")):(X.current=t.pageX,O.current.style.left=u+"px",A.current=t.pageY,O.current.style.top=c+"px"),e.onDrag&&e.onDrag(t)}},ce=function(t){M.current&&(M.current=!1,i.DomHandler.removeClass(document.body,"p-unselectable-text"),e.onDragEnd&&e.onDragEnd(t))},se=function(t){e.resizable&&(U.current=!0,X.current=t.pageX,A.current=t.pageY,i.DomHandler.addClass(document.body,"p-unselectable-text"),e.onResizeStart&&e.onResizeStart(t))},de=function(e,t,n){!n&&(n=i.DomHandler.getViewport());var r=parseInt(e);return/^(\d+|(\.\d+))(\.\d+)?%$/.test(e)?r*(n[t]/100):r},me=function(t){if(U.current){var n=t.pageX-X.current,r=t.pageY-A.current,a=i.DomHandler.getOuterWidth(O.current),o=i.DomHandler.getOuterHeight(O.current),l=O.current.getBoundingClientRect(),u=i.DomHandler.getViewport(),c=!parseInt(O.current.style.top)||!parseInt(O.current.style.left),s=de(O.current.style.minWidth,"width",u),d=de(O.current.style.minHeight,"height",u),m=a+n,p=o+r;c&&(m+=n,p+=r),(!s||m>s)&&l.left+m<u.width&&(O.current.style.width=m+"px"),(!d||p>d)&&l.top+p<u.height&&(O.current.style.height=p+"px"),X.current=t.pageX,A.current=t.pageY,e.onResize&&e.onResize(t)}},pe=function(t){U.current&&(U.current=!1,i.DomHandler.removeClass(document.body,"p-unselectable-text"),e.onResizeEnd&&e.onResizeEnd(t))},fe=function(){O.current.style.position="",O.current.style.left="",O.current.style.top="",O.current.style.margin=""},ge=function(){O.current.setAttribute(Y.current,"")},be=function(){var t;e.onShow&&e.onShow(),e.focusOnShow&&!((t=document.activeElement)&&O.current&&O.current.contains(t))&&e.closable&&e.showHeader&&j.current.focus(),ve()},ye=function(){e.modal&&i.DomHandler.addClass(R.current,"p-component-overlay-leave"),e.blockScroll&&i.DomHandler.removeClass(document.body,"p-overflow-hidden")},he=function(){M.current=!1,i.ZIndexUtils.clear(R.current),E(!1),Ee()},ve=function(){De(),(e.blockScroll||e.maximizable&&_)&&i.DomHandler.addClass(document.body,"p-overflow-hidden")},Ee=function(){we();var t=e.maximizable&&_;e.modal?(document.primeDialogParams&&document.primeDialogParams.some((function(e){return e.hasBlockScroll}))||t)&&i.DomHandler.removeClass(document.body,"p-overflow-hidden"):(e.blockScroll||t)&&i.DomHandler.removeClass(document.body,"p-overflow-hidden")},De=function(){e.draggable&&(G(),te()),e.resizable&&(J(),K()),B();var t,n={id:c,hasBlockScroll:e.blockScroll};document.primeDialogParams=document.primeDialogParams?[].concat(f(t=document.primeDialogParams)||g(t)||b(t)||y(),[n]):[n]},we=function(){Q(),ne(),W(),$(),Z(),document.primeDialogParams=document.primeDialogParams&&document.primeDialogParams.filter((function(e){return e.id!==c}))},Se=function(){if(!T.current){T.current=i.DomHandler.createInlineStyle(d.default.nonce);var t="";for(var n in e.breakpoints)t+="\n @media screen and (max-width: ".concat(n,") {\n .p-dialog[").concat(Y.current,"] {\n width: ").concat(e.breakpoints[n]," !important;\n }\n }\n ");T.current.innerHTML=t}};a.useMountEffect((function(){var t=i.UniqueComponentId();c||p(t),Y.current||(Y.current=t),e.visible&&E(!0),e.breakpoints&&Se()})),a.useUpdateEffect((function(){e.visible&&!v&&E(!0),e.visible!==x&&v&&k(e.visible)})),a.useUpdateEffect((function(){v&&(i.ZIndexUtils.set("modal",R.current,d.default.autoZIndex,e.baseZIndex||d.default.zIndex.modal),k(!0))}),[v]),a.useUpdateEffect((function(){e.blockScroll||i.DomHandler[_?"addClass":"removeClass"](document.body,"p-overflow-hidden")}),[e.maximized,C]),a.useUnmountEffect((function(){Ee(),i.DomHandler.removeInlineStyle(T.current),i.ZIndexUtils.clear(R.current)})),s.useImperativeHandle(t,(function(){return{props:e,resetPosition:fe,getElement:function(){return O.current},getMask:function(){return R.current},getContent:function(){return N.current},getHeader:function(){return I.current},getFooter:function(){return P.current},getCloseButton:function(){return j.current}}}));var xe,ke,ze,Ce,He,Oe,Re,Ne,Ie,Pe=function(){if(e.closable){var t=e.ariaCloseIconLabel||n.localeOption("close");return s.createElement("button",{ref:j,type:"button",className:"p-dialog-header-icon p-dialog-header-close p-link","aria-label":t,onClick:re},s.createElement("span",{className:"p-dialog-header-close-icon pi pi-times","aria-hidden":"true"}),s.createElement(l.Ripple,null))}return null},je=function(){if(e.showHeader){var t=Pe(),n=(d=i.classNames("p-dialog-header-maximize-icon pi",{"pi-window-maximize":!_,"pi-window-minimize":_}),e.maximizable?s.createElement("button",{type:"button",className:"p-dialog-header-icon p-dialog-header-maximize p-link",onClick:oe},s.createElement("span",{className:d}),s.createElement(l.Ripple,null)):null),r=i.ObjectUtils.getJSXElement(e.icons,e),a=i.ObjectUtils.getJSXElement(e.header,e),o=c+"_header",u=i.classNames("p-dialog-header",e.headerClassName);return s.createElement("div",{ref:I,style:e.headerStyle,className:u,onMouseDown:ie},s.createElement("div",{id:o,className:"p-dialog-title"},a),s.createElement("div",{className:"p-dialog-header-icons"},r,n,t))}var d;return null},Me=function(){var t=i.classNames("p-dialog-content",e.contentClassName);return s.createElement("div",{id:c+"_content",ref:N,className:t,style:e.contentStyle},e.children)},Ue=function(){var t=i.ObjectUtils.getJSXElement(e.footer,e);return t&&s.createElement("div",{ref:P,className:"p-dialog-footer"},t)};return v&&(ke=i.ObjectUtils.findDiffKeys(e,w.defaultProps),ze=i.classNames("p-dialog p-component",e.className,{"p-dialog-rtl":e.rtl,"p-dialog-maximized":_}),Ce=i.classNames("p-dialog-mask",(xe=["center","left","right","top","top-left","top-right","bottom","bottom-left","bottom-right"].find((function(t){return t===e.position||t.replace("-","")===e.position})))?"p-dialog-".concat(xe):"",{"p-component-overlay p-component-overlay-enter":e.modal,"p-dialog-visible":v,"p-dialog-draggable":e.draggable,"p-dialog-resizable":e.resizable},e.maskClassName),He=je(),Oe=Me(),Re=Ue(),Ne=e.resizable?s.createElement("span",{className:"p-resizable-handle",style:{zIndex:90},onMouseDown:se}):null,Ie=s.createElement("div",{ref:R,style:e.maskStyle,className:Ce,onClick:ae},s.createElement(r.CSSTransition,{nodeRef:O,classNames:"p-dialog",timeout:{enter:"center"===e.position?150:300,exit:"center"===e.position?150:300},in:x,options:e.transitionOptions,unmountOnExit:!0,onEnter:ge,onEntered:be,onExiting:ye,onExited:he},s.createElement("div",m({ref:O,id:c,className:ze,style:e.style,onClick:e.onClick,role:"dialog"},ke,{"aria-labelledby":c+"_header","aria-describedby":c+"_content","aria-modal":e.modal}),He,Oe,Re,Ne))),s.createElement(o.Portal,{element:Ie,appendTo:e.appendTo,visible:!0}))}));return w.displayName="Dialog",w.defaultProps={__TYPE:"Dialog",appendTo:null,ariaCloseIconLabel:null,baseZIndex:0,blockScroll:!1,breakpoints:null,className:null,closable:!0,closeOnEscape:!0,contentClassName:null,contentStyle:null,dismissableMask:!1,draggable:!0,focusOnShow:!0,footer:null,header:null,headerClassName:null,headerStyle:null,icons:null,id:null,keepInViewport:!0,maskClassName:null,maskStyle:null,maximizable:!1,maximized:!1,minX:0,minY:0,modal:!0,onClick:null,onDrag:null,onDragEnd:null,onDragStart:null,onHide:null,onMaskClick:null,onMaximize:null,onResize:null,onResizeEnd:null,onResizeStart:null,onShow:null,position:"center",resizable:!0,rtl:!1,showHeader:!0,style:null,transitionOptions:null,visible:!1},e.Dialog=w,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.portal,primereact.ripple,primereact.utils);
|
package/dropdown/dropdown.cjs.js
CHANGED
|
@@ -1097,14 +1097,14 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
|
|
|
1097
1097
|
|
|
1098
1098
|
return /*#__PURE__*/React__namespace.createElement("div", {
|
|
1099
1099
|
className: "p-hidden-accessible p-dropdown-hidden-select"
|
|
1100
|
-
}, /*#__PURE__*/React__namespace.createElement("select",
|
|
1100
|
+
}, /*#__PURE__*/React__namespace.createElement("select", {
|
|
1101
1101
|
ref: inputRef,
|
|
1102
1102
|
required: props.required,
|
|
1103
1103
|
defaultValue: option.value,
|
|
1104
1104
|
name: props.name,
|
|
1105
1105
|
tabIndex: -1,
|
|
1106
1106
|
"aria-hidden": "true"
|
|
1107
|
-
},
|
|
1107
|
+
}, /*#__PURE__*/React__namespace.createElement("option", {
|
|
1108
1108
|
value: option.value
|
|
1109
1109
|
}, option.label)));
|
|
1110
1110
|
};
|
|
@@ -1187,7 +1187,6 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
|
|
|
1187
1187
|
var selectedOption = getSelectedOption();
|
|
1188
1188
|
var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
|
|
1189
1189
|
var otherProps = utils.ObjectUtils.findDiffKeys(props, Dropdown.defaultProps);
|
|
1190
|
-
var dataProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.DATA_PROPS);
|
|
1191
1190
|
var ariaProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.ARIA_PROPS);
|
|
1192
1191
|
var className = utils.classNames('p-dropdown p-component p-inputwrapper', {
|
|
1193
1192
|
'p-disabled': props.disabled,
|
|
@@ -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"),o=require("primereact/tooltip"),l=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?Object.assign.bind():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 v(e){return v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},v(e)}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 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,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 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=l.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?l.ObjectUtils.getJSXElement(e.template,e.option):e.label;return f.createElement("li",{className:t,style:e.style,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 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){b(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}j.displayName="DropdownItem";var C=f.memo(f.forwardRef((function(e,n){var r,o,c,p=f.useRef(null),s=f.useRef(null),d=!(e.visibleOptions&&e.visibleOptions.length)&&e.hasFilter,v={filter:function(e){return y(e)},reset:function(){return e.resetFilter()}},b=function(){e.onEnter((function(){if(p.current){var t=e.getSelectedOptionIndex();-1!==t&&setTimeout((function(){return p.current.scrollToIndex(t)}),0)}}))},g=function(){e.onEntered((function(){e.filter&&e.filterInputAutoFocus&&l.DomHandler.focus(s.current,!1)}))},y=function(t){p.current&&p.current.scrollToIndex(0),e.onFilterInputChange&&e.onFilterInputChange(t)},h=function(t,n){return e.getOptionGroupChildren(t).map((function(t,r){var o=e.getOptionLabel(t),l=r+"_"+e.getOptionRenderKey(t),i=e.isOptionDisabled(t);return f.createElement(j,{key:l,label:o,option:t,style:n,template:e.itemTemplate,selected:e.isSelected(t),disabled:i,onClick:e.onOptionClick})}))},O=function(n,r){var o=l.ObjectUtils.getJSXElement(n,e)||t.localeOption(r?"emptyFilterMessage":"emptyMessage");return f.createElement("li",{className:"p-dropdown-empty-message"},o)},w=function(t,n){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o={height:r.props?r.props.itemSize:void 0};if(e.optionGroupLabel){var i=e.optionGroupTemplate?l.ObjectUtils.getJSXElement(e.optionGroupTemplate,t,n):e.getOptionGroupLabel(t),a=h(t,o),u=n+"_"+e.getOptionGroupRenderKey(t);return f.createElement(f.Fragment,{key:u},f.createElement("li",{className:"p-dropdown-item-group",style:o},i),a)}var c=e.getOptionLabel(t),p=n+"_"+e.getOptionRenderKey(t),s=e.isOptionDisabled(t);return f.createElement(j,{key:p,label:c,option:t,style:o,template:e.itemTemplate,selected:e.isSelected(t),disabled:s,onClick:e.onOptionClick})},E=function(){if(e.showFilterClear&&e.filterValue){var n=t.localeOption("clear");return f.createElement("i",{className:"p-dropdown-filter-clear-icon pi pi-times","aria-label":n,onClick:function(){return e.onFilterClearIconClick((function(){return l.DomHandler.focus(s.current)}))}})}return null},D=function(){if(e.filter){var t=E(),n=l.classNames("p-dropdown-filter-container",{"p-dropdown-clearable-filter":!!t}),r=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:y,value:e.filterValue}),t,f.createElement("i",{className:"p-dropdown-filter-icon pi pi-search"}));if(e.filterTemplate)r=l.ObjectUtils.getJSXElement(e.filterTemplate,{className:n,element:r,filterOptions:v,filterInputKeyDown:e.onFilterInputKeyDown,filterInputChange:y,filterIconClassName:"p-dropdown-filter-icon pi pi-search",clearIcon:t,props:e});return f.createElement("div",{className:"p-dropdown-header"},r)}return null},C=function(){if(e.virtualScrollerOptions){var t=S(S({},e.virtualScrollerOptions),{style:S(S({},e.virtualScrollerOptions.style),{height:e.scrollHeight}),className:l.classNames("p-dropdown-items-wrapper",e.virtualScrollerOptions.className),items:e.visibleOptions,autoSize:!0,onLazyLoad:function(t){return e.virtualScrollerOptions.onLazyLoad(S(S({},t),{filter:e.filterValue}))},itemTemplate:function(e,t){return e&&w(e,t.index,t)},contentTemplate:function(e){var t=l.classNames("p-dropdown-items",e.className),n=d?O():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=l.ObjectUtils.isNotEmpty(e.visibleOptions)?e.visibleOptions.map(w):e.hasFilter?O(e.emptyFilterMessage,!0):O(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))},F=(r=l.classNames("p-dropdown-panel p-component",e.panelClassName),o=D(),c=C(),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:g,onExit:e.onExit,onExited:e.onExited},f.createElement("div",{ref:n,className:r,style:e.panelStyle,onClick:e.onClick},o,c)));return f.createElement(a.Portal,{element:F,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 x(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){b(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 I(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=N(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 N(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}C.displayName="DropdownPanel";var P=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],b=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),D=f.useRef(null),S=f.useRef(null),F=f.useRef(null),N=f.useRef(null),L=e.virtualScrollerOptions&&e.virtualScrollerOptions.lazy,T=l.ObjectUtils.isNotEmpty(u),k=e.appendTo||d.default.appendTo,U=E(n.useOverlayListener({target:O,overlay:w,listener:function(e,t){t.valid&&("outside"===t.type?!H(e)&&ue():ue())},when:y}),2),R=U[0],M=U[1],H=function(e){return l.DomHandler.hasClass(e.target,"p-dropdown-clear-icon")||l.DomHandler.hasClass(e.target,"p-dropdown-filter-clear-icon")},G=function(t){e.showOnFocus&&!y&&ae(),b(!0),e.onFocus&&e.onFocus(t)},A=function(t){b(!1),e.onBlur&&setTimeout((function(){var n=j.current?j.current.value:void 0;e.onBlur({originalEvent:t.originalEvent,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:n}})}),200)},K=function(e){switch(e.which){case 40:V(e);break;case 38:q(e);break;case 32:case 13:y?ue():ae(),e.preventDefault();break;case 27:case 9:ue();break;default:X(e)}},q=function(e){if(ye){var t=z(oe());t&&re({originalEvent:e,option:t})}e.preventDefault()},V=function(e){if(ye)if(!y&&e.altKey)ae();else{var t=_(oe());t&&re({originalEvent:e,option:t})}e.preventDefault()},_=function t(n){if(e.optionGroupLabel){var r=-1===n?0:n.group,o=-1===n?-1:n.option,l=B(me(ye[r]),o);return l||(r+1!==ye.length?t({group:r+1,option:-1}):null)}return B(ye,n)},B=function e(t,n){var r=n+1;if(r===t.length)return null;var o=t[r];return de(o)?e(r):o},z=function t(n){if(-1===n)return null;if(e.optionGroupLabel){var r=n.group,o=n.option,l=J(me(ye[r]),o);return l||(r>0?t({group:r-1,option:me(ye[r-1]).length}):null)}return J(ye,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){S.current&&clearTimeout(S.current);var n=t.key;if("Shift"!==n&&"Control"!==n&&"Alt"!==n){if(F.current=N.current===n?n:F.current?F.current+n:n,N.current=n,F.current){var r=oe(),o=e.optionGroupLabel?W(r):Z(r+1);o&&re({originalEvent:t,option:o})}S.current=setTimeout((function(){F.current=null}),250)}},Z=function(e){return F.current?$(e,ye.length)||$(0,e):null},$=function(e,t){for(var n=e;n<t;n++){var r=ye[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<ye.length;n++)for(var r=me(ye[n]),o=t.group===n?t.option+1:0;o<r.length;o++)if(Y(r[o]))return r[o];for(var l=0;l<=t.group;l++)for(var i=me(ye[l]),a=0;a<(t.group===l?t.option:i.length);a++)if(Y(i[a]))return i[a];return null},Y=function(t){var n=se(t);return!!n&&(n=n.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){b(!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(he!==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}})}},oe=function(t){if(t=t||ye,null!=e.value&&t){if(!e.optionGroupLabel)return ie(e.value,t);for(var n=0;n<t.length;n++){var r=ie(e.value,me(t[n]));if(-1!==r)return{group:n,option:r}}}return-1},le=function(){return e.optionValue?null:e.dataKey},ie=function(e,t){var n=le();return t.findIndex((function(t){return l.ObjectUtils.equals(e,fe(t),n)}))},ae=function(){h(!0)},ue=function(){h(!1)},ce=function(){l.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?l.ObjectUtils.resolveFieldData(t,e.optionLabel):t&&void 0!==t.label?t.label:t},fe=function(t){return e.optionValue?l.ObjectUtils.resolveFieldData(t,e.optionValue):t&&void 0!==t.value?t.value:t},de=function(t){return e.optionDisabled?l.ObjectUtils.isFunction(e.optionDisabled)?e.optionDisabled(t):l.ObjectUtils.resolveFieldData(t,e.optionDisabled):!(!t||void 0===t.disabled)&&t.disabled},me=function(t){return l.ObjectUtils.resolveFieldData(t,e.optionGroupChildren)},ve=function(){if(e.editable&&j.current){var t=he?se(he):null;j.current.value=t||e.value||""}};f.useImperativeHandle(i,(function(){return{props:e,show:ae,hide:ue,getElement:function(){return O.current},getOverlay:function(){return w.current},getInput:function(){return j.current},getFocusInput:function(){return D.current}}})),f.useEffect((function(){l.ObjectUtils.combinedRefs(j,e.inputRef)}),[j,e.inputRef]),n.useMountEffect((function(){e.autoFocus&&l.DomHandler.focus(D.current,e.autoFocus)})),n.useUpdateEffect((function(){var t;y&&e.value&&(t=l.DomHandler.findSingle(w.current,"li.p-highlight"))&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"nearest"})}),[y,e.value]),n.useUpdateEffect((function(){y&&e.filter&&ce()}),[y,e.filter]),n.useUpdateEffect((function(){!u||e.options&&0!==e.options.length||c(""),ve(),j.current&&(j.current.selectedIndex=1)})),n.useUnmountEffect((function(){l.ZIndexUtils.clear(w.current)}));var be,ge,ye=function(){if(T&&!L){var n=u.trim().toLocaleLowerCase(e.filterLocale),r=e.filterBy?e.filterBy.split(","):[e.optionLabel||"label"];if(e.optionGroupLabel){var o,l=[],i=I(e.options);try{for(i.s();!(o=i.n()).done;){var a=o.value,c=t.FilterService.filter(me(a),r,n,e.filterMatchMode,e.filterLocale);c&&c.length&&l.push(x(x({},a),{items:c}))}}catch(e){i.e(e)}finally{i.f()}return l}return t.FilterService.filter(e.options,r,n,e.filterMatchMode,e.filterLocale)}return e.options}(),he=-1!==(be=oe(e.options))?e.optionGroupLabel?me(e.options[be.group])[be.option]:e.options[be]:null,Oe=l.ObjectUtils.isNotEmpty(e.tooltip),we=l.ObjectUtils.findDiffKeys(e,P.defaultProps),Ee=l.ObjectUtils.reduceKeys(we,l.DomHandler.DATA_PROPS),je=l.ObjectUtils.reduceKeys(we,l.DomHandler.ARIA_PROPS),De=l.classNames("p-dropdown p-component p-inputwrapper",{"p-disabled":e.disabled,"p-focus":s,"p-dropdown-clearable":e.showClear&&!e.disabled,"p-inputwrapper-filled":l.ObjectUtils.isNotEmpty(e.value),"p-inputwrapper-focus":s||y},e.className),Se=function(){var t={value:"",label:e.placeholder};if(he){var n=fe(he);t={value:"object"===v(n)?e.options.findIndex((function(e){return e===n})):n,label:se(he)}}return f.createElement("div",{className:"p-hidden-accessible p-dropdown-hidden-select"},f.createElement("select",m({ref:j,required:e.required,defaultValue:t.value,name:e.name,tabIndex:-1,"aria-hidden":"true"},Ee),f.createElement("option",{value:t.value},t.label)))}(),Ce=f.createElement("div",{className:"p-hidden-accessible"},f.createElement("input",m({ref:D,id:e.inputId,type:"text",readOnly:!0,"aria-haspopup":"listbox",onFocus:G,onBlur:A,onKeyDown:K,disabled:e.disabled,tabIndex:e.tabIndex},je))),Fe=function(){var t=l.ObjectUtils.isNotEmpty(he)?se(he):null;if(e.editable)return f.createElement("input",m({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:A,"aria-haspopup":"listbox"},je));var n=l.classNames("p-dropdown-label p-inputtext",{"p-placeholder":null===t&&e.placeholder,"p-dropdown-label-empty":null===t&&!e.placeholder}),r=e.valueTemplate?l.ObjectUtils.getJSXElement(e.valueTemplate,he,e):t||e.placeholder||"empty";return f.createElement("span",{ref:j,className:n},r)}(),xe=(ge=l.classNames("p-dropdown-trigger-icon p-clickable",e.dropdownIcon),f.createElement("div",{className:"p-dropdown-trigger",role:"button","aria-haspopup":"listbox","aria-expanded":y,"aria-label":e.placeholder||e.ariaLabel},f.createElement("span",{className:ge}))),Ie=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:De,style:e.style},we,{onClick:function(t){e.disabled||l.DomHandler.hasClass(t.target,"p-dropdown-clear-icon")||"INPUT"===t.target.tagName||w.current&&w.current&&w.current.contains(t.target)||(l.DomHandler.focus(D.current),y?ue():ae())},onMouseDown:e.onMouseDown,onContextMenu:e.onContextMenu}),Ce,Se,Fe,Ie,xe,f.createElement(C,m({ref:w,visibleOptions:ye},e,{appendTo:k,onClick:function(e){r.OverlayService.emit("overlay-click",{originalEvent:e,target:O.current})},onOptionClick:function(e){e.option.disabled||(re(e),l.DomHandler.focus(D.current)),ue()},filterValue:u,hasFilter:T,onFilterClearIconClick:function(e){te(e)},resetFilter:te,onFilterInputKeyDown:function(e){switch(e.which){case 40:V(e);break;case 38:q(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?l.ObjectUtils.resolveFieldData(t,e.dataKey):se(t)},isOptionDisabled:de,getOptionGroupChildren:me,getOptionGroupLabel:function(t){return l.ObjectUtils.resolveFieldData(t,e.optionGroupLabel)},getOptionGroupRenderKey:function(t){return l.ObjectUtils.resolveFieldData(t,e.optionGroupLabel)},isSelected:function(t){return l.ObjectUtils.equals(e.value,fe(t),le())},getSelectedOptionIndex:oe,in:y,onEnter:function(e){l.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(),l.ZIndexUtils.clear(w.current),e.onHide&&e.onHide()}}))),Oe&&f.createElement(o.Tooltip,m({target:O,content:e.tooltip},e.tooltipOptions)))})));P.displayName="Dropdown",P.defaultProps={__TYPE:"Dropdown",appendTo:null,ariaLabel:null,ariaLabelledBy:null,autoFocus:!1,className:null,dataKey:null,disabled:!1,dropdownIcon:"pi pi-chevron-down",editable:!1,emptyFilterMessage:null,emptyMessage:null,filter:!1,filterBy:null,filterInputAutoFocus:!0,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,id:null,inputId:null,inputRef:null,itemTemplate:null,maxLength:null,name:null,onBlur:null,onChange:null,onContextMenu:null,onFilter:null,onFocus:null,onHide:null,onMouseDown:null,onShow:null,optionDisabled:null,optionGroupChildren:null,optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,panelClassName:null,panelStyle:null,placeholder:null,required:!1,resetFilterOnHide:!1,scrollHeight:"200px",showClear:!1,showFilterClear:!1,showOnFocus:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,transitionOptions:null,value:null,valueTemplate:null,virtualScrollerOptions:null},exports.Dropdown=P;
|
|
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"),o=require("primereact/tooltip"),l=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?Object.assign.bind():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 v(e){return v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},v(e)}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 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,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 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=l.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?l.ObjectUtils.getJSXElement(e.template,e.option):e.label;return f.createElement("li",{className:t,style:e.style,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 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 C(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){b(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}j.displayName="DropdownItem";var S=f.memo(f.forwardRef((function(e,n){var r,o,c,p=f.useRef(null),s=f.useRef(null),d=!(e.visibleOptions&&e.visibleOptions.length)&&e.hasFilter,v={filter:function(e){return y(e)},reset:function(){return e.resetFilter()}},b=function(){e.onEnter((function(){if(p.current){var t=e.getSelectedOptionIndex();-1!==t&&setTimeout((function(){return p.current.scrollToIndex(t)}),0)}}))},g=function(){e.onEntered((function(){e.filter&&e.filterInputAutoFocus&&l.DomHandler.focus(s.current,!1)}))},y=function(t){p.current&&p.current.scrollToIndex(0),e.onFilterInputChange&&e.onFilterInputChange(t)},h=function(t,n){return e.getOptionGroupChildren(t).map((function(t,r){var o=e.getOptionLabel(t),l=r+"_"+e.getOptionRenderKey(t),i=e.isOptionDisabled(t);return f.createElement(j,{key:l,label:o,option:t,style:n,template:e.itemTemplate,selected:e.isSelected(t),disabled:i,onClick:e.onOptionClick})}))},O=function(n,r){var o=l.ObjectUtils.getJSXElement(n,e)||t.localeOption(r?"emptyFilterMessage":"emptyMessage");return f.createElement("li",{className:"p-dropdown-empty-message"},o)},w=function(t,n){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o={height:r.props?r.props.itemSize:void 0};if(e.optionGroupLabel){var i=e.optionGroupTemplate?l.ObjectUtils.getJSXElement(e.optionGroupTemplate,t,n):e.getOptionGroupLabel(t),a=h(t,o),u=n+"_"+e.getOptionGroupRenderKey(t);return f.createElement(f.Fragment,{key:u},f.createElement("li",{className:"p-dropdown-item-group",style:o},i),a)}var c=e.getOptionLabel(t),p=n+"_"+e.getOptionRenderKey(t),s=e.isOptionDisabled(t);return f.createElement(j,{key:p,label:c,option:t,style:o,template:e.itemTemplate,selected:e.isSelected(t),disabled:s,onClick:e.onOptionClick})},E=function(){if(e.showFilterClear&&e.filterValue){var n=t.localeOption("clear");return f.createElement("i",{className:"p-dropdown-filter-clear-icon pi pi-times","aria-label":n,onClick:function(){return e.onFilterClearIconClick((function(){return l.DomHandler.focus(s.current)}))}})}return null},D=function(){if(e.filter){var t=E(),n=l.classNames("p-dropdown-filter-container",{"p-dropdown-clearable-filter":!!t}),r=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:y,value:e.filterValue}),t,f.createElement("i",{className:"p-dropdown-filter-icon pi pi-search"}));if(e.filterTemplate)r=l.ObjectUtils.getJSXElement(e.filterTemplate,{className:n,element:r,filterOptions:v,filterInputKeyDown:e.onFilterInputKeyDown,filterInputChange:y,filterIconClassName:"p-dropdown-filter-icon pi pi-search",clearIcon:t,props:e});return f.createElement("div",{className:"p-dropdown-header"},r)}return null},S=function(){if(e.virtualScrollerOptions){var t=C(C({},e.virtualScrollerOptions),{style:C(C({},e.virtualScrollerOptions.style),{height:e.scrollHeight}),className:l.classNames("p-dropdown-items-wrapper",e.virtualScrollerOptions.className),items:e.visibleOptions,autoSize:!0,onLazyLoad:function(t){return e.virtualScrollerOptions.onLazyLoad(C(C({},t),{filter:e.filterValue}))},itemTemplate:function(e,t){return e&&w(e,t.index,t)},contentTemplate:function(e){var t=l.classNames("p-dropdown-items",e.className),n=d?O():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=l.ObjectUtils.isNotEmpty(e.visibleOptions)?e.visibleOptions.map(w):e.hasFilter?O(e.emptyFilterMessage,!0):O(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))},F=(r=l.classNames("p-dropdown-panel p-component",e.panelClassName),o=D(),c=S(),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:g,onExit:e.onExit,onExited:e.onExited},f.createElement("div",{ref:n,className:r,style:e.panelStyle,onClick:e.onClick},o,c)));return f.createElement(a.Portal,{element:F,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 x(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){b(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 I(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=N(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 N(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}S.displayName="DropdownPanel";var P=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],b=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),D=f.useRef(null),C=f.useRef(null),F=f.useRef(null),N=f.useRef(null),L=e.virtualScrollerOptions&&e.virtualScrollerOptions.lazy,k=l.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 l.DomHandler.hasClass(e.target,"p-dropdown-clear-icon")||l.DomHandler.hasClass(e.target,"p-dropdown-filter-clear-icon")},H=function(t){e.showOnFocus&&!y&&ae(),b(!0),e.onFocus&&e.onFocus(t)},K=function(t){b(!1),e.onBlur&&setTimeout((function(){var n=j.current?j.current.value:void 0;e.onBlur({originalEvent:t.originalEvent,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:n}})}),200)},A=function(e){switch(e.which){case 40:V(e);break;case 38:q(e);break;case 32:case 13:y?ue():ae(),e.preventDefault();break;case 27:case 9:ue();break;default:X(e)}},q=function(e){if(ye){var t=z(oe());t&&re({originalEvent:e,option:t})}e.preventDefault()},V=function(e){if(ye)if(!y&&e.altKey)ae();else{var t=_(oe());t&&re({originalEvent:e,option:t})}e.preventDefault()},_=function t(n){if(e.optionGroupLabel){var r=-1===n?0:n.group,o=-1===n?-1:n.option,l=B(me(ye[r]),o);return l||(r+1!==ye.length?t({group:r+1,option:-1}):null)}return B(ye,n)},B=function e(t,n){var r=n+1;if(r===t.length)return null;var o=t[r];return de(o)?e(r):o},z=function t(n){if(-1===n)return null;if(e.optionGroupLabel){var r=n.group,o=n.option,l=J(me(ye[r]),o);return l||(r>0?t({group:r-1,option:me(ye[r-1]).length}):null)}return J(ye,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){C.current&&clearTimeout(C.current);var n=t.key;if("Shift"!==n&&"Control"!==n&&"Alt"!==n){if(F.current=N.current===n?n:F.current?F.current+n:n,N.current=n,F.current){var r=oe(),o=e.optionGroupLabel?W(r):Z(r+1);o&&re({originalEvent:t,option:o})}C.current=setTimeout((function(){F.current=null}),250)}},Z=function(e){return F.current?$(e,ye.length)||$(0,e):null},$=function(e,t){for(var n=e;n<t;n++){var r=ye[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<ye.length;n++)for(var r=me(ye[n]),o=t.group===n?t.option+1:0;o<r.length;o++)if(Y(r[o]))return r[o];for(var l=0;l<=t.group;l++)for(var i=me(ye[l]),a=0;a<(t.group===l?t.option:i.length);a++)if(Y(i[a]))return i[a];return null},Y=function(t){var n=se(t);return!!n&&(n=n.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){b(!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(he!==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}})}},oe=function(t){if(t=t||ye,null!=e.value&&t){if(!e.optionGroupLabel)return ie(e.value,t);for(var n=0;n<t.length;n++){var r=ie(e.value,me(t[n]));if(-1!==r)return{group:n,option:r}}}return-1},le=function(){return e.optionValue?null:e.dataKey},ie=function(e,t){var n=le();return t.findIndex((function(t){return l.ObjectUtils.equals(e,fe(t),n)}))},ae=function(){h(!0)},ue=function(){h(!1)},ce=function(){l.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?l.ObjectUtils.resolveFieldData(t,e.optionLabel):t&&void 0!==t.label?t.label:t},fe=function(t){return e.optionValue?l.ObjectUtils.resolveFieldData(t,e.optionValue):t&&void 0!==t.value?t.value:t},de=function(t){return e.optionDisabled?l.ObjectUtils.isFunction(e.optionDisabled)?e.optionDisabled(t):l.ObjectUtils.resolveFieldData(t,e.optionDisabled):!(!t||void 0===t.disabled)&&t.disabled},me=function(t){return l.ObjectUtils.resolveFieldData(t,e.optionGroupChildren)},ve=function(){if(e.editable&&j.current){var t=he?se(he):null;j.current.value=t||e.value||""}};f.useImperativeHandle(i,(function(){return{props:e,show:ae,hide:ue,getElement:function(){return O.current},getOverlay:function(){return w.current},getInput:function(){return j.current},getFocusInput:function(){return D.current}}})),f.useEffect((function(){l.ObjectUtils.combinedRefs(j,e.inputRef)}),[j,e.inputRef]),n.useMountEffect((function(){e.autoFocus&&l.DomHandler.focus(D.current,e.autoFocus)})),n.useUpdateEffect((function(){var t;y&&e.value&&(t=l.DomHandler.findSingle(w.current,"li.p-highlight"))&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"nearest"})}),[y,e.value]),n.useUpdateEffect((function(){y&&e.filter&&ce()}),[y,e.filter]),n.useUpdateEffect((function(){!u||e.options&&0!==e.options.length||c(""),ve(),j.current&&(j.current.selectedIndex=1)})),n.useUnmountEffect((function(){l.ZIndexUtils.clear(w.current)}));var be,ge,ye=function(){if(k&&!L){var n=u.trim().toLocaleLowerCase(e.filterLocale),r=e.filterBy?e.filterBy.split(","):[e.optionLabel||"label"];if(e.optionGroupLabel){var o,l=[],i=I(e.options);try{for(i.s();!(o=i.n()).done;){var a=o.value,c=t.FilterService.filter(me(a),r,n,e.filterMatchMode,e.filterLocale);c&&c.length&&l.push(x(x({},a),{items:c}))}}catch(e){i.e(e)}finally{i.f()}return l}return t.FilterService.filter(e.options,r,n,e.filterMatchMode,e.filterLocale)}return e.options}(),he=-1!==(be=oe(e.options))?e.optionGroupLabel?me(e.options[be.group])[be.option]:e.options[be]:null,Oe=l.ObjectUtils.isNotEmpty(e.tooltip),we=l.ObjectUtils.findDiffKeys(e,P.defaultProps),Ee=l.ObjectUtils.reduceKeys(we,l.DomHandler.ARIA_PROPS),je=l.classNames("p-dropdown p-component p-inputwrapper",{"p-disabled":e.disabled,"p-focus":s,"p-dropdown-clearable":e.showClear&&!e.disabled,"p-inputwrapper-filled":l.ObjectUtils.isNotEmpty(e.value),"p-inputwrapper-focus":s||y},e.className),De=function(){var t={value:"",label:e.placeholder};if(he){var n=fe(he);t={value:"object"===v(n)?e.options.findIndex((function(e){return e===n})):n,label:se(he)}}return f.createElement("div",{className:"p-hidden-accessible p-dropdown-hidden-select"},f.createElement("select",{ref:j,required:e.required,defaultValue:t.value,name:e.name,tabIndex:-1,"aria-hidden":"true"},f.createElement("option",{value:t.value},t.label)))}(),Ce=f.createElement("div",{className:"p-hidden-accessible"},f.createElement("input",m({ref:D,id:e.inputId,type:"text",readOnly:!0,"aria-haspopup":"listbox",onFocus:H,onBlur:K,onKeyDown:A,disabled:e.disabled,tabIndex:e.tabIndex},Ee))),Se=function(){var t=l.ObjectUtils.isNotEmpty(he)?se(he):null;if(e.editable)return f.createElement("input",m({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-haspopup":"listbox"},Ee));var n=l.classNames("p-dropdown-label p-inputtext",{"p-placeholder":null===t&&e.placeholder,"p-dropdown-label-empty":null===t&&!e.placeholder}),r=e.valueTemplate?l.ObjectUtils.getJSXElement(e.valueTemplate,he,e):t||e.placeholder||"empty";return f.createElement("span",{ref:j,className:n},r)}(),Fe=(ge=l.classNames("p-dropdown-trigger-icon p-clickable",e.dropdownIcon),f.createElement("div",{className:"p-dropdown-trigger",role:"button","aria-haspopup":"listbox","aria-expanded":y,"aria-label":e.placeholder||e.ariaLabel},f.createElement("span",{className:ge}))),xe=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:je,style:e.style},we,{onClick:function(t){e.disabled||l.DomHandler.hasClass(t.target,"p-dropdown-clear-icon")||"INPUT"===t.target.tagName||w.current&&w.current&&w.current.contains(t.target)||(l.DomHandler.focus(D.current),y?ue():ae())},onMouseDown:e.onMouseDown,onContextMenu:e.onContextMenu}),Ce,De,Se,xe,Fe,f.createElement(S,m({ref:w,visibleOptions:ye},e,{appendTo:T,onClick:function(e){r.OverlayService.emit("overlay-click",{originalEvent:e,target:O.current})},onOptionClick:function(e){e.option.disabled||(re(e),l.DomHandler.focus(D.current)),ue()},filterValue:u,hasFilter:k,onFilterClearIconClick:function(e){te(e)},resetFilter:te,onFilterInputKeyDown:function(e){switch(e.which){case 40:V(e);break;case 38:q(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?l.ObjectUtils.resolveFieldData(t,e.dataKey):se(t)},isOptionDisabled:de,getOptionGroupChildren:me,getOptionGroupLabel:function(t){return l.ObjectUtils.resolveFieldData(t,e.optionGroupLabel)},getOptionGroupRenderKey:function(t){return l.ObjectUtils.resolveFieldData(t,e.optionGroupLabel)},isSelected:function(t){return l.ObjectUtils.equals(e.value,fe(t),le())},getSelectedOptionIndex:oe,in:y,onEnter:function(e){l.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(),l.ZIndexUtils.clear(w.current),e.onHide&&e.onHide()}}))),Oe&&f.createElement(o.Tooltip,m({target:O,content:e.tooltip},e.tooltipOptions)))})));P.displayName="Dropdown",P.defaultProps={__TYPE:"Dropdown",appendTo:null,ariaLabel:null,ariaLabelledBy:null,autoFocus:!1,className:null,dataKey:null,disabled:!1,dropdownIcon:"pi pi-chevron-down",editable:!1,emptyFilterMessage:null,emptyMessage:null,filter:!1,filterBy:null,filterInputAutoFocus:!0,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,id:null,inputId:null,inputRef:null,itemTemplate:null,maxLength:null,name:null,onBlur:null,onChange:null,onContextMenu:null,onFilter:null,onFocus:null,onHide:null,onMouseDown:null,onShow:null,optionDisabled:null,optionGroupChildren:null,optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,panelClassName:null,panelStyle:null,placeholder:null,required:!1,resetFilterOnHide:!1,scrollHeight:"200px",showClear:!1,showFilterClear:!1,showOnFocus:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,transitionOptions:null,value:null,valueTemplate:null,virtualScrollerOptions:null},exports.Dropdown=P;
|