primereact 10.3.2 → 10.4.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 +1 -1
- package/accordion/accordion.cjs.min.js +1 -1
- package/accordion/accordion.esm.js +1 -1
- package/accordion/accordion.esm.min.js +1 -1
- package/accordion/accordion.js +1 -1
- package/accordion/accordion.min.js +1 -1
- package/api/api.cjs.js +20 -0
- package/api/api.cjs.min.js +1 -1
- package/api/api.d.ts +5 -1
- package/api/api.esm.js +20 -0
- package/api/api.esm.min.js +1 -1
- package/api/api.js +20 -0
- package/api/api.min.js +1 -1
- package/calendar/calendar.cjs.js +509 -150
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.d.ts +4 -0
- package/calendar/calendar.esm.js +510 -151
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +509 -150
- package/calendar/calendar.min.js +1 -1
- package/carousel/carousel.cjs.js +1 -0
- package/carousel/carousel.cjs.min.js +1 -1
- package/carousel/carousel.esm.js +1 -0
- package/carousel/carousel.esm.min.js +1 -1
- package/carousel/carousel.js +1 -0
- package/carousel/carousel.min.js +1 -1
- package/chips/chips.cjs.js +2 -1
- package/chips/chips.cjs.min.js +1 -1
- package/chips/chips.esm.js +2 -1
- package/chips/chips.esm.min.js +1 -1
- package/chips/chips.js +2 -1
- package/chips/chips.min.js +1 -1
- package/contextmenu/contextmenu.cjs.js +4 -4
- package/contextmenu/contextmenu.cjs.min.js +1 -1
- package/contextmenu/contextmenu.esm.js +4 -4
- package/contextmenu/contextmenu.esm.min.js +1 -1
- package/contextmenu/contextmenu.js +4 -4
- package/contextmenu/contextmenu.min.js +1 -1
- package/core/core.js +93 -40
- package/core/core.min.js +4 -4
- package/datatable/datatable.cjs.js +577 -150
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.esm.js +573 -146
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +577 -150
- package/datatable/datatable.min.js +1 -1
- package/dataview/dataview.cjs.js +27 -25
- package/dataview/dataview.cjs.min.js +1 -1
- package/dataview/dataview.d.ts +7 -1
- package/dataview/dataview.esm.js +27 -25
- package/dataview/dataview.esm.min.js +1 -1
- package/dataview/dataview.js +27 -25
- package/dataview/dataview.min.js +1 -1
- package/divider/divider.cjs.js +2 -2
- package/divider/divider.cjs.min.js +1 -1
- package/divider/divider.esm.js +2 -2
- package/divider/divider.esm.min.js +1 -1
- package/divider/divider.js +2 -2
- package/divider/divider.min.js +1 -1
- package/dropdown/dropdown.cjs.js +20 -25
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.d.ts +9 -0
- package/dropdown/dropdown.esm.js +20 -25
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +20 -25
- package/dropdown/dropdown.min.js +1 -1
- package/editor/editor.cjs.js +1 -1
- package/editor/editor.cjs.min.js +1 -1
- package/editor/editor.esm.js +1 -1
- package/editor/editor.esm.min.js +1 -1
- package/editor/editor.js +1 -1
- package/editor/editor.min.js +1 -1
- package/focustrap/focustrap.cjs.js +168 -0
- package/focustrap/focustrap.cjs.min.js +1 -0
- package/focustrap/focustrap.esm.js +159 -0
- package/focustrap/focustrap.esm.min.js +1 -0
- package/focustrap/focustrap.js +167 -0
- package/focustrap/focustrap.min.js +1 -0
- package/focustrap/package.json +7 -0
- package/galleria/galleria.cjs.js +26 -24
- package/galleria/galleria.cjs.min.js +1 -1
- package/galleria/galleria.esm.js +26 -24
- package/galleria/galleria.esm.min.js +1 -1
- package/galleria/galleria.js +26 -24
- package/galleria/galleria.min.js +1 -1
- package/hooks/hooks.d.ts +1 -1
- package/menubar/menubar.cjs.js +7 -4
- package/menubar/menubar.cjs.min.js +1 -1
- package/menubar/menubar.esm.js +7 -4
- package/menubar/menubar.esm.min.js +1 -1
- package/menubar/menubar.js +7 -4
- package/menubar/menubar.min.js +1 -1
- package/package.json +1 -1
- package/paginator/paginator.cjs.js +20 -0
- package/paginator/paginator.cjs.min.js +1 -1
- package/paginator/paginator.esm.js +20 -0
- package/paginator/paginator.esm.min.js +1 -1
- package/paginator/paginator.js +20 -0
- package/paginator/paginator.min.js +1 -1
- package/panelmenu/panelmenu.cjs.js +32 -21
- package/panelmenu/panelmenu.cjs.min.js +1 -1
- package/panelmenu/panelmenu.esm.js +32 -21
- package/panelmenu/panelmenu.esm.min.js +1 -1
- package/panelmenu/panelmenu.js +32 -21
- package/panelmenu/panelmenu.min.js +1 -1
- package/picklist/picklist.cjs.js +20 -0
- package/picklist/picklist.cjs.min.js +1 -1
- package/picklist/picklist.esm.js +20 -0
- package/picklist/picklist.esm.min.js +1 -1
- package/picklist/picklist.js +20 -0
- package/picklist/picklist.min.js +1 -1
- package/primereact.all.cjs.js +1499 -725
- package/primereact.all.cjs.min.js +1 -1
- package/primereact.all.esm.js +1499 -725
- package/primereact.all.esm.min.js +1 -1
- package/primereact.all.js +1499 -725
- package/primereact.all.min.js +1 -1
- package/sidebar/sidebar.cjs.js +18 -16
- package/sidebar/sidebar.cjs.min.js +1 -1
- package/sidebar/sidebar.esm.js +18 -16
- package/sidebar/sidebar.esm.min.js +1 -1
- package/sidebar/sidebar.js +18 -16
- package/sidebar/sidebar.min.js +1 -1
- package/splitbutton/splitbutton.cjs.js +8 -7
- package/splitbutton/splitbutton.cjs.min.js +1 -1
- package/splitbutton/splitbutton.esm.js +8 -7
- package/splitbutton/splitbutton.esm.min.js +1 -1
- package/splitbutton/splitbutton.js +8 -7
- package/splitbutton/splitbutton.min.js +1 -1
- package/splitter/splitter.cjs.js +57 -12
- package/splitter/splitter.cjs.min.js +1 -1
- package/splitter/splitter.d.ts +13 -1
- package/splitter/splitter.esm.js +59 -14
- package/splitter/splitter.esm.min.js +1 -1
- package/splitter/splitter.js +57 -12
- package/splitter/splitter.min.js +1 -1
- package/tieredmenu/tieredmenu.cjs.js +8 -7
- package/tieredmenu/tieredmenu.cjs.min.js +1 -1
- package/tieredmenu/tieredmenu.esm.js +8 -7
- package/tieredmenu/tieredmenu.esm.min.js +1 -1
- package/tieredmenu/tieredmenu.js +8 -7
- package/tieredmenu/tieredmenu.min.js +1 -1
- package/toast/toast.cjs.js +20 -0
- package/toast/toast.cjs.min.js +1 -1
- package/toast/toast.esm.js +20 -0
- package/toast/toast.esm.min.js +1 -1
- package/toast/toast.js +20 -0
- package/toast/toast.min.js +1 -1
- package/tree/tree.cjs.js +33 -15
- package/tree/tree.cjs.min.js +1 -1
- package/tree/tree.esm.js +34 -16
- package/tree/tree.esm.min.js +1 -1
- package/tree/tree.js +33 -15
- package/tree/tree.min.js +1 -1
- package/treetable/treetable.cjs.js +205 -68
- package/treetable/treetable.cjs.min.js +1 -1
- package/treetable/treetable.esm.js +206 -69
- package/treetable/treetable.esm.min.js +1 -1
- package/treetable/treetable.js +205 -68
- package/treetable/treetable.min.js +1 -1
- package/web-types.json +34 -1
package/carousel/carousel.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.carousel=function(e,t,n,r,a,o,i,l,c,u,s){"use strict";function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(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=m(t),d=p(n);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){if("object"!==v(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==v(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function g(e){var t=b(e,"string");return"symbol"===v(t)?t:String(t)}function h(){return h=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},h.apply(this,arguments)}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function x(e){if(Array.isArray(e))return y(e)}function I(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function O(e,t){if(e){if("string"==typeof e)return y(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?y(e,t):void 0}}function P(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function w(e){return x(e)||I(e)||O(e)||P()}function N(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,a,o,i,l=[],c=!0,u=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw a}}return l}}function C(){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 N(e)||S(e,t)||O(e,t)||C()}var j=r.ComponentBase.extend({defaultProps:{__TYPE:"Carousel",id:null,value:null,page:0,header:null,footer:null,style:null,className:null,itemTemplate:null,circular:!1,showIndicators:!0,showNavigators:!0,autoplayInterval:0,numVisible:1,numScroll:1,prevIcon:null,nextIcon:null,responsiveOptions:null,orientation:"horizontal",verticalViewPortHeight:"300px",contentClassName:null,containerClassName:null,indicatorsContentClassName:null,onPageChange:null,children:void 0},css:{classes:{root:function(e){var t=e.isVertical;return s.classNames("p-carousel p-component",{"p-carousel-vertical":t,"p-carousel-horizontal":!t})},container:"p-carousel-container",content:"p-carousel-content",indicators:"p-carousel-indicators p-reset",header:"p-carousel-header",footer:"p-carousel-footer",itemsContainer:"p-carousel-items-container",itemsContent:"p-carousel-items-content",previousButton:function(e){return s.classNames("p-carousel-prev p-link",{"p-disabled":e.isDisabled})},previousButtonIcon:"p-carousel-prev-icon",nextButton:function(e){return s.classNames("p-carousel-next p-link",{"p-disabled":e.isDisabled})},nextButtonIcon:"p-carousel-next-icon",indicator:function(e){return s.classNames("p-carousel-indicator",{"p-highlight":e.isActive})},indicatorButton:"p-link",itemCloned:function(e){var t=e.itemProps;return s.classNames(t.className,"p-carousel-item",{"p-carousel-item-active":t.active,"p-carousel-item-start":t.start,"p-carousel-item-end":t.end})},item:function(e){var t=e.itemProps;return s.classNames(t.className,"p-carousel-item",{"p-carousel-item-active":t.active,"p-carousel-item-start":t.start,"p-carousel-item-end":t.end})}},styles:"\n@layer primereact {\n .p-carousel {\n display: flex;\n flex-direction: column;\n }\n \n .p-carousel-content {\n display: flex;\n flex-direction: column;\n overflow: auto;\n }\n \n .p-carousel-prev,\n .p-carousel-next {\n align-self: center;\n flex-grow: 0;\n flex-shrink: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n position: relative;\n }\n \n .p-carousel-container {\n display: flex;\n flex-direction: row;\n }\n \n .p-carousel-items-content {\n overflow: hidden;\n width: 100%;\n }\n \n .p-carousel-items-container {\n display: flex;\n flex-direction: row;\n }\n \n .p-carousel-indicators {\n display: flex;\n flex-direction: row;\n justify-content: center;\n flex-wrap: wrap;\n }\n \n .p-carousel-indicator > button {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n \n /* Vertical */\n .p-carousel-vertical .p-carousel-container {\n flex-direction: column;\n }\n \n .p-carousel-vertical .p-carousel-items-container {\n flex-direction: column;\n height: 100%;\n }\n \n /* Keyboard Support */\n .p-items-hidden .p-carousel-item {\n visibility: hidden;\n }\n \n .p-items-hidden .p-carousel-item.p-carousel-item-active {\n visibility: visible;\n }\n}\n",inlineStyles:{itemsContent:function(e){return{height:e.height}}}}});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 k(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){var r,a,o;r=e,o=n[t],(a=g(a=t))in r?Object.defineProperty(r,a,{value:o,enumerable:!0,configurable:!0,writable:!0}):r[a]=o})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):D(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var R=f.memo((function(e){var t=e.ptm,n=e.cx,r=e.className&&"p-carousel-item-cloned"===e.className?"itemCloned":"item",a=e.template(e.item),o=s.mergeProps({className:n(r,{itemProps:e}),role:e.role,"aria-roledescription":e.ariaRoledescription,"aria-label":e.ariaLabel,"aria-hidden":e.ariaHidden,"data-p-carousel-item-active":e.active,"data-p-carousel-item-start":e.start,"data-p-carousel-item-end":e.end},t(r));return f.createElement("div",o,a)})),H=f.memo(f.forwardRef((function(e,t){var p=f.useContext(n.PrimeReactContext),m=j.getProps(e,p),v=E(f.useState(m.numVisible),2),b=v[0],g=v[1],y=E(f.useState(m.numScroll),2),x=y[0],I=y[1],O=E(f.useState(m.page*m.numScroll*-1),2),P=O[0],N=O[1],S=E(f.useState(m.page),2),C=S[0],D=S[1],H=j.setMetaData({props:m,state:{numVisible:b,numScroll:x,totalShiftedItems:P,page:C}}),A=H.ptm,B=H.cx,T=H.sx,V=H.isUnstyled;r.useHandleStyle(j.css.styles,V,{name:"carousel"});var M=f.useRef(null),U=f.useRef(null),L=f.useRef(0),_=f.useRef(!!m.autoplayInterval),z=f.useRef(""),X=f.useRef(20),Y=f.useRef(null),J=f.useRef(null),K=f.useRef(null),q=f.useRef(null),F=f.useRef(!1),W=f.useRef(null),$=a.usePrevious(x),G=a.usePrevious(b),Q=a.usePrevious(m.value),Z=a.usePrevious(m.page),ee="vertical"===m.orientation,te=m.circular||!!m.autoplayInterval,ne=te&&m.value&&m.value.length>=b,re=m.value?Math.max(Math.ceil((m.value.length-b)/x)+1,0):0,ae=re&&m.autoplayInterval&&_.current,oe=m.onPageChange&&!ae,ie=oe?m.page:C,le=E(a.useResizeListener({listener:function(){ue()},when:m.responsiveOptions}),1)[0],ce=function(e,t){var n=P;null!=t?(n=x*t*-1,ne&&(n-=b),F.current=!1):(n+=x*e,F.current&&(n+=L.current-x*e,F.current=!1),t=Math.abs(Math.floor((ne?n+b:n)/x)));ne&&C===re-1&&-1===e?(n=-1*(m.value.length+b),t=0):ne&&0===C&&1===e?(n=0,t=re-1):t===re-1&&L.current>0&&(n+=-1*L.current-x*e,F.current=!0),U.current&&(!V()&&s.DomHandler.removeClass(U.current,"p-items-hidden"),je(n),U.current.style.transition="transform 500ms ease 0s"),De(t),N(n)},ue=function(){if(U.current&&W.current){for(var e=window.innerWidth,t={numVisible:m.numVisible,numScroll:m.numScroll},n=0;n<W.current.length;n++){var r=W.current[n];parseInt(r.breakpoint,10)>=e&&(t=r)}if(x!==t.numScroll){var a=Math.floor(ie*x/t.numScroll),o=t.numScroll*a*-1;ne&&(o-=t.numVisible),N(o),I(t.numScroll),De(a)}b!==t.numVisible&&g(t.numVisible)}},se=function(e,t){(te||0!==ie)&&ce(1,t),_.current=!1,e.cancelable&&e.preventDefault()},pe=function(e,t){(te||ie<re-1)&&ce(-1,t),_.current=!1,e.cancelable&&e.preventDefault()},me=function(e,t){t>ie?pe(e,t):t<ie&&se(e,t)},fe=function(e){U.current&&"transform"===e.propertyName&&(s.DomHandler.addClass(U.current,"p-items-hidden"),U.current.style.transition="",0!==C&&C!==re-1||!ne||je(P))},de=function(e){var t=e.changedTouches[0];Y.current={x:t.pageX,y:t.pageY}},ve=function(e){e.cancelable&&e.preventDefault()},be=function(e){var t=e.changedTouches[0];ge(e,ee?t.pageY-Y.current.y:t.pageX-Y.current.x)},ge=function(e,t){Math.abs(t)>X.current&&(t<0?pe(e):se(e))},he=function(e){switch(e.code){case"ArrowRight":ye();break;case"ArrowLeft":xe();break;case"Home":Ie(),e.preventDefault();break;case"End":Oe(),e.preventDefault();break;case"ArrowUp":case"ArrowDown":e.preventDefault();break;case"Tab":Pe()}},ye=function(){var e=w(s.DomHandler.find(q.current,'[data-pc-section="indicator"]')),t=we();Ne(t,t+1===e.length?e.length-1:t+1)},xe=function(){var e=we();Ne(e,e-1<=0?0:e-1)},Ie=function(){var e=we();Ne(e,0)},Oe=function(){var e=w(s.DomHandler.find(q.current,'[data-pc-section="indicator"]r')),t=we();Ne(t,e.length-1)},Pe=function(){var e=w(s.DomHandler.find(q.current,'[data-pc-section="indicator"]')),t=e.findIndex((function(e){return!0===s.DomHandler.getAttribute(e,"data-p-highlight")})),n=s.DomHandler.findSingle(q.current,'[data-pc-section="indicator"] > button[tabindex="0"]'),r=e.findIndex((function(e){return e===n.parentElement}));e[r].children[0].tabIndex="-1",e[t].children[0].tabIndex="0"},we=function(){var e=w(s.DomHandler.find(q.current,'[data-pc-section="indicator"]')),t=s.DomHandler.findSingle(q.current,'[data-pc-section="indicator"] > button[tabindex="0"]');return e.findIndex((function(e){return e===t.parentElement}))},Ne=function(e,t){var n=w(s.DomHandler.find(q.current,'[data-pc-section="indicator"]'));n[e].children[0].tabIndex="-1",n[t].children[0].tabIndex="0",n[t].children[0].focus()},Se=function(){m.autoplayInterval>0&&(J.current=setInterval((function(){ce(-1,C===re-1?0:C+1)}),m.autoplayInterval))},Ce=function(){J.current&&clearInterval(J.current)},Ee=function(){K.current||(K.current=s.DomHandler.createInlineStyle(p&&p.nonce||d.default.nonce,p&&p.styleContainer));var e="\n .p-carousel[".concat(z.current,"] .p-carousel-item {\n flex: 1 0 ").concat(100/b,"%\n }\n ");if(m.responsiveOptions){var t=s.ObjectUtils.localeComparator(p&&p.locale||d.default.locale);W.current=w(m.responsiveOptions),W.current.sort((function(e,n){return s.ObjectUtils.sort(e.breakpoint,n.breakpoint,-1,t,p&&p.nullSortOrder||d.default.nullSortOrder)}));for(var n=0;n<W.current.length;n++){var r=W.current[n];e+="\n @media screen and (max-width: ".concat(r.breakpoint,") {\n .p-carousel[").concat(z.current,"] .p-carousel-item {\n flex: 1 0 ").concat(100/r.numVisible,"%\n }\n }\n ")}}K.current.innerHTML=e},je=function(e){U.current&&(U.current.style.transform=ee?"translate3d(0, ".concat(e*(100/b),"%, 0)"):"translate3d(".concat(e*(100/b),"%, 0, 0)"))},De=function(e){!oe&&D(e),m.onPageChange&&m.onPageChange({page:e})};f.useImperativeHandle(t,(function(){return{props:m,startAutoplay:Se,stopAutoplay:Ce,getElement:function(){return M.current}}})),a.useMountEffect((function(){M.current&&(z.current=s.UniqueComponentId(),M.current.setAttribute(z.current,"")),K.current||(ue(),je(P),le())})),a.useUpdateEffect((function(){var e=!1,t=P;if(Ee(),m.autoplayInterval&&Ce(),$!==x||G!==b||m.value&&Q&&Q.length!==m.value.length){L.current=(m.value.length-b)%x;var n=ie;0!==re&&n>=re&&(De(n=re-1),e=!0),t=n*x*-1,ne&&(t-=b),n===re-1&&L.current>0?(t+=-1*L.current+x,F.current=!0):F.current=!1,t!==P&&(N(t),e=!0),je(t)}return ne&&(0===C?t=-1*b:0===t&&(t=-1*m.value.length,L.current>0&&(F.current=!0)),t!==P&&(N(t),e=!0)),Z!==m.page&&(m.page>Z&&m.page<=re-1?ce(-1,m.page):m.page<Z&&ce(1,m.page)),!e&&ae&&Se(),function(){m.autoplayInterval&&Ce(),K.current=s.DomHandler.removeInlineStyle(K.current)}}));var ke,Re,He,Ae,Be,Te,Ve,Me=function(){if(m.value&&m.value.length){var e=null,t=null;if(ne){var r=null;e=(r=m.value.slice(-1*b)).map((function(e,t){return f.createElement(R,{key:t+"_scloned",className:"p-carousel-item-cloned",template:m.itemTemplate,item:e,active:-1*P===m.value.length+b,start:0===t,end:t===r.length-1,ptm:A,cx:B})})),t=(r=m.value.slice(0,b)).map((function(e,t){return f.createElement(R,{key:t+"_fcloned",className:"p-carousel-item-cloned",template:m.itemTemplate,item:e,active:0===P,start:0===t,end:t===r.length-1,ptm:A,cx:B})}))}var a=m.value.map((function(e,t){var r,a=ne?-1*(P+b):-1*P,o=a+b-1,i=a<=t&&o>=t,l=a===t,c=o===t,u=a>t||o<t||void 0,s=(r=t,n.localeOption("aria")?n.localeOption("aria").slideNumber.replace(/{slideNumber}/g,r):void 0),p=n.localeOption("aria")?n.localeOption("aria").slide:void 0;return f.createElement(R,{key:t,template:m.itemTemplate,item:e,active:i,start:l,ariaHidden:u,ariaLabel:s,ariaRoledescription:p,role:"group",end:c,ptm:A,cx:B})}));return f.createElement(f.Fragment,null,e,a,t)}},Ue=function(){if(m.showNavigators){var e=(!te||m.value&&m.value.length<b)&&0===ie,t=s.mergeProps({className:B("previousButtonIcon")},A("previousButtonIcon")),r=s.IconUtils.getJSXIcon(ee?m.prevIcon||f.createElement(c.ChevronUpIcon,t):m.prevIcon||f.createElement(i.ChevronLeftIcon,t),k({},t),{props:m}),a=s.mergeProps({type:"button",className:B("previousButton",{isDisabled:e}),onClick:function(e){return se(e)},disabled:e,"aria-label":n.localeOption("aria")?n.localeOption("aria").previousPageLabel:void 0,"data-pc-group-section":"navigator"},A("previousButton"));return f.createElement("button",a,r,f.createElement(u.Ripple,null))}return null},Le=function(){if(m.showNavigators){var e=(!te||m.value&&m.value.length<b)&&(ie===re-1||0===re),t=s.mergeProps({className:B("nextButtonIcon")},A("nextButtonIcon")),r=s.IconUtils.getJSXIcon(ee?m.nextIcon||f.createElement(o.ChevronDownIcon,t):m.nextIcon||f.createElement(l.ChevronRightIcon,t),k({},t),{props:m}),a=s.mergeProps({type:"button",className:B("nextButton",{isDisabled:e}),onClick:function(e){return pe(e)},disabled:e,"aria-label":n.localeOption("aria")?n.localeOption("aria").nextPageLabel:void 0,"data-pc-group-section":"navigator"},A("nextButton"));return f.createElement("button",a,r,f.createElement(u.Ripple,null))}return null},_e=function(e){var t,r=ie===e,a=function(e){return A(e,{context:{active:r}})},o=s.mergeProps({key:"carousel-indicator-"+e,className:B("indicator",{isActive:r}),"data-p-highlight":r},a("indicator")),i=s.mergeProps({type:"button",className:B("indicatorButton"),tabIndex:ie===e?"0":"-1",onClick:function(t){return me(t,e)},"aria-label":(t=e+1,n.localeOption("aria")?n.localeOption("aria").pageLabel.replace(/{page}/g,t):void 0),"aria-current":ie===e?"page":void 0},a("indicatorButton"));return f.createElement("li",o,f.createElement("button",i,f.createElement(u.Ripple,null)))},ze=(ke=Me(),Re=ee?m.verticalViewPortHeight:"auto",He=Ue(),Ae=Le(),Be=s.mergeProps({className:B("itemsContent"),style:T("itemsContent",{height:Re}),onTouchStart:function(e){return de(e)},onTouchMove:function(e){return ve(e)},onTouchEnd:function(e){return be(e)}},A("itemsContent")),Te=s.mergeProps({className:s.classNames(m.containerClassName,B("container")),"aria-live":_.current?"polite":"off"},A("container")),Ve=s.mergeProps({className:B("itemsContainer"),onTransitionEnd:fe},A("itemsContainer")),f.createElement("div",Te,He,f.createElement("div",Be,f.createElement("div",h({ref:U},Ve),ke)),Ae)),Xe=function(){if(m.showIndicators){for(var e=[],t=0;t<re;t++)e.push(_e(t));var n=s.mergeProps({ref:q,className:s.classNames(m.indicatorsContentClassName,B("indicators")),onKeyDown:he},A("indicators"));return f.createElement("ul",n,e)}return null}(),Ye=function(){if(m.header){var e=s.mergeProps({className:B("header")},A("header"));return f.createElement("div",e,m.header)}return null}(),Je=function(){if(m.footer){var e=s.mergeProps({className:B("footer")},A("footer"));return f.createElement("div",e,m.footer)}return null}(),Ke=s.mergeProps({id:m.id,ref:M,className:s.classNames(m.className,B("root",{isVertical:ee})),style:m.style,role:"region"},j.getOtherProps(m),A("root")),qe=s.mergeProps({className:s.classNames(m.contentClassName,B("content"))},A("content"));return f.createElement("div",Ke,Ye,f.createElement("div",qe,ze,Xe),Je)})));return R.displayName="CarouselItem",H.displayName="Carousel",e.Carousel=H,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.icons.chevrondown,primereact.icons.chevronleft,primereact.icons.chevronright,primereact.icons.chevronup,primereact.ripple,primereact.utils);
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.carousel=function(e,t,n,r,a,o,i,l,c,u,s){"use strict";function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(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=m(t),d=p(n);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){if("object"!==v(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==v(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function g(e){var t=b(e,"string");return"symbol"===v(t)?t:String(t)}function h(){return h=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},h.apply(this,arguments)}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function x(e){if(Array.isArray(e))return y(e)}function I(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function O(e,t){if(e){if("string"==typeof e)return y(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?y(e,t):void 0}}function P(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function w(e){return x(e)||I(e)||O(e)||P()}function N(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,a,o,i,l=[],c=!0,u=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw a}}return l}}function C(){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 N(e)||S(e,t)||O(e,t)||C()}var j=r.ComponentBase.extend({defaultProps:{__TYPE:"Carousel",id:null,value:null,page:0,header:null,footer:null,style:null,className:null,itemTemplate:null,circular:!1,showIndicators:!0,showNavigators:!0,autoplayInterval:0,numVisible:1,numScroll:1,prevIcon:null,nextIcon:null,responsiveOptions:null,orientation:"horizontal",verticalViewPortHeight:"300px",contentClassName:null,containerClassName:null,indicatorsContentClassName:null,onPageChange:null,children:void 0},css:{classes:{root:function(e){var t=e.isVertical;return s.classNames("p-carousel p-component",{"p-carousel-vertical":t,"p-carousel-horizontal":!t})},container:"p-carousel-container",content:"p-carousel-content",indicators:"p-carousel-indicators p-reset",header:"p-carousel-header",footer:"p-carousel-footer",itemsContainer:"p-carousel-items-container",itemsContent:"p-carousel-items-content",previousButton:function(e){return s.classNames("p-carousel-prev p-link",{"p-disabled":e.isDisabled})},previousButtonIcon:"p-carousel-prev-icon",nextButton:function(e){return s.classNames("p-carousel-next p-link",{"p-disabled":e.isDisabled})},nextButtonIcon:"p-carousel-next-icon",indicator:function(e){return s.classNames("p-carousel-indicator",{"p-highlight":e.isActive})},indicatorButton:"p-link",itemCloned:function(e){var t=e.itemProps;return s.classNames(t.className,"p-carousel-item",{"p-carousel-item-active":t.active,"p-carousel-item-start":t.start,"p-carousel-item-end":t.end})},item:function(e){var t=e.itemProps;return s.classNames(t.className,"p-carousel-item",{"p-carousel-item-active":t.active,"p-carousel-item-start":t.start,"p-carousel-item-end":t.end})}},styles:"\n@layer primereact {\n .p-carousel {\n display: flex;\n flex-direction: column;\n }\n \n .p-carousel-content {\n display: flex;\n flex-direction: column;\n overflow: auto;\n }\n \n .p-carousel-prev,\n .p-carousel-next {\n align-self: center;\n flex-grow: 0;\n flex-shrink: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n position: relative;\n }\n \n .p-carousel-container {\n display: flex;\n flex-direction: row;\n }\n \n .p-carousel-items-content {\n overflow: hidden;\n width: 100%;\n }\n \n .p-carousel-items-container {\n display: flex;\n flex-direction: row;\n }\n \n .p-carousel-indicators {\n display: flex;\n flex-direction: row;\n justify-content: center;\n flex-wrap: wrap;\n }\n \n .p-carousel-indicator > button {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n \n /* Vertical */\n .p-carousel-vertical .p-carousel-container {\n flex-direction: column;\n }\n \n .p-carousel-vertical .p-carousel-items-container {\n flex-direction: column;\n height: 100%;\n }\n \n /* Keyboard Support */\n .p-items-hidden .p-carousel-item {\n visibility: hidden;\n }\n \n .p-items-hidden .p-carousel-item.p-carousel-item-active {\n visibility: visible;\n }\n}\n",inlineStyles:{itemsContent:function(e){return{height:e.height}}}}});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 k(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){var r,a,o;r=e,o=n[t],(a=g(a=t))in r?Object.defineProperty(r,a,{value:o,enumerable:!0,configurable:!0,writable:!0}):r[a]=o})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):D(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var R=f.memo((function(e){var t=e.ptm,n=e.cx,r=e.className&&"p-carousel-item-cloned"===e.className?"itemCloned":"item",a=e.template(e.item),o=s.mergeProps({className:n(r,{itemProps:e}),role:e.role,"aria-roledescription":e.ariaRoledescription,"aria-label":e.ariaLabel,"aria-hidden":e.ariaHidden,"data-p-carousel-item-active":e.active,"data-p-carousel-item-start":e.start,"data-p-carousel-item-end":e.end},t(r));return f.createElement("div",o,a)})),H=f.memo(f.forwardRef((function(e,t){var p=f.useContext(n.PrimeReactContext),m=j.getProps(e,p),v=E(f.useState(m.numVisible),2),b=v[0],g=v[1],y=E(f.useState(m.numScroll),2),x=y[0],I=y[1],O=E(f.useState(m.page*m.numScroll*-1),2),P=O[0],N=O[1],S=E(f.useState(m.page),2),C=S[0],D=S[1],H=j.setMetaData({props:m,state:{numVisible:b,numScroll:x,totalShiftedItems:P,page:C}}),A=H.ptm,B=H.cx,T=H.sx,V=H.isUnstyled;r.useHandleStyle(j.css.styles,V,{name:"carousel"});var M=f.useRef(null),U=f.useRef(null),L=f.useRef(0),_=f.useRef(!!m.autoplayInterval),z=f.useRef(""),X=f.useRef(20),Y=f.useRef(null),J=f.useRef(null),K=f.useRef(null),q=f.useRef(null),F=f.useRef(!1),W=f.useRef(null),$=a.usePrevious(x),G=a.usePrevious(b),Q=a.usePrevious(m.value),Z=a.usePrevious(m.page),ee="vertical"===m.orientation,te=m.circular||!!m.autoplayInterval,ne=te&&m.value&&m.value.length>=b,re=m.value?Math.max(Math.ceil((m.value.length-b)/x)+1,0):0,ae=re&&m.autoplayInterval&&_.current,oe=m.onPageChange&&!ae,ie=oe?m.page:C,le=E(a.useResizeListener({listener:function(){ue()},when:m.responsiveOptions}),1)[0],ce=function(e,t){var n=P;null!=t?(n=x*t*-1,ne&&(n-=b),F.current=!1):(n+=x*e,F.current&&(n+=L.current-x*e,F.current=!1),t=Math.abs(Math.floor((ne?n+b:n)/x)));ne&&C===re-1&&-1===e?(n=-1*(m.value.length+b),t=0):ne&&0===C&&1===e?(n=0,t=re-1):t===re-1&&L.current>0&&(n+=-1*L.current-x*e,F.current=!0),U.current&&(!V()&&s.DomHandler.removeClass(U.current,"p-items-hidden"),je(n),U.current.style.transition="transform 500ms ease 0s"),De(t),N(n)},ue=function(){if(U.current&&W.current){for(var e=window.innerWidth,t={numVisible:m.numVisible,numScroll:m.numScroll},n=0;n<W.current.length;n++){var r=W.current[n];parseInt(r.breakpoint,10)>=e&&(t=r)}if(x!==t.numScroll){var a=Math.floor(ie*x/t.numScroll),o=t.numScroll*a*-1;ne&&(o-=t.numVisible),N(o),I(t.numScroll),De(a)}b!==t.numVisible&&g(t.numVisible)}},se=function(e,t){(te||0!==ie)&&ce(1,t),_.current=!1,e.cancelable&&e.preventDefault()},pe=function(e,t){(te||ie<re-1)&&ce(-1,t),_.current=!1,e.cancelable&&e.preventDefault()},me=function(e,t){t>ie?pe(e,t):t<ie&&se(e,t)},fe=function(e){U.current&&"transform"===e.propertyName&&(s.DomHandler.addClass(U.current,"p-items-hidden"),U.current.style.transition="",0!==C&&C!==re-1||!ne||je(P))},de=function(e){var t=e.changedTouches[0];Y.current={x:t.pageX,y:t.pageY}},ve=function(e){e.cancelable&&e.preventDefault()},be=function(e){var t=e.changedTouches[0];ge(e,ee?t.pageY-Y.current.y:t.pageX-Y.current.x)},ge=function(e,t){Math.abs(t)>X.current&&(t<0?pe(e):se(e))},he=function(e){switch(e.code){case"ArrowRight":ye();break;case"ArrowLeft":xe();break;case"Home":Ie(),e.preventDefault();break;case"End":Oe(),e.preventDefault();break;case"ArrowUp":case"ArrowDown":e.preventDefault();break;case"Tab":Pe()}},ye=function(){var e=w(s.DomHandler.find(q.current,'[data-pc-section="indicator"]')),t=we();Ne(t,t+1===e.length?e.length-1:t+1)},xe=function(){var e=we();Ne(e,e-1<=0?0:e-1)},Ie=function(){var e=we();Ne(e,0)},Oe=function(){var e=w(s.DomHandler.find(q.current,'[data-pc-section="indicator"]r')),t=we();Ne(t,e.length-1)},Pe=function(){var e=w(s.DomHandler.find(q.current,'[data-pc-section="indicator"]')),t=e.findIndex((function(e){return!0===s.DomHandler.getAttribute(e,"data-p-highlight")})),n=s.DomHandler.findSingle(q.current,'[data-pc-section="indicator"] > button[tabindex="0"]'),r=e.findIndex((function(e){return e===n.parentElement}));e[r].children[0].tabIndex="-1",e[t].children[0].tabIndex="0"},we=function(){var e=w(s.DomHandler.find(q.current,'[data-pc-section="indicator"]')),t=s.DomHandler.findSingle(q.current,'[data-pc-section="indicator"] > button[tabindex="0"]');return e.findIndex((function(e){return e===t.parentElement}))},Ne=function(e,t){var n=w(s.DomHandler.find(q.current,'[data-pc-section="indicator"]'));n[e].children[0].tabIndex="-1",n[t].children[0].tabIndex="0",n[t].children[0].focus()},Se=function(){m.autoplayInterval>0&&(J.current=setInterval((function(){ce(-1,C===re-1?0:C+1)}),m.autoplayInterval))},Ce=function(){J.current&&clearInterval(J.current)},Ee=function(){K.current||(K.current=s.DomHandler.createInlineStyle(p&&p.nonce||d.default.nonce,p&&p.styleContainer));var e="\n .p-carousel[".concat(z.current,"] .p-carousel-item {\n flex: 1 0 ").concat(100/b,"%\n }\n ");if(m.responsiveOptions){var t=s.ObjectUtils.localeComparator(p&&p.locale||d.default.locale);W.current=w(m.responsiveOptions),W.current.sort((function(e,n){return s.ObjectUtils.sort(e.breakpoint,n.breakpoint,-1,t,p&&p.nullSortOrder||d.default.nullSortOrder)}));for(var n=0;n<W.current.length;n++){var r=W.current[n];e+="\n @media screen and (max-width: ".concat(r.breakpoint,") {\n .p-carousel[").concat(z.current,"] .p-carousel-item {\n flex: 1 0 ").concat(100/r.numVisible,"%\n }\n }\n ")}ue()}K.current.innerHTML=e},je=function(e){U.current&&(U.current.style.transform=ee?"translate3d(0, ".concat(e*(100/b),"%, 0)"):"translate3d(".concat(e*(100/b),"%, 0, 0)"))},De=function(e){!oe&&D(e),m.onPageChange&&m.onPageChange({page:e})};f.useImperativeHandle(t,(function(){return{props:m,startAutoplay:Se,stopAutoplay:Ce,getElement:function(){return M.current}}})),a.useMountEffect((function(){M.current&&(z.current=s.UniqueComponentId(),M.current.setAttribute(z.current,"")),K.current||(ue(),je(P),le())})),a.useUpdateEffect((function(){var e=!1,t=P;if(Ee(),m.autoplayInterval&&Ce(),$!==x||G!==b||m.value&&Q&&Q.length!==m.value.length){L.current=(m.value.length-b)%x;var n=ie;0!==re&&n>=re&&(De(n=re-1),e=!0),t=n*x*-1,ne&&(t-=b),n===re-1&&L.current>0?(t+=-1*L.current+x,F.current=!0):F.current=!1,t!==P&&(N(t),e=!0),je(t)}return ne&&(0===C?t=-1*b:0===t&&(t=-1*m.value.length,L.current>0&&(F.current=!0)),t!==P&&(N(t),e=!0)),Z!==m.page&&(m.page>Z&&m.page<=re-1?ce(-1,m.page):m.page<Z&&ce(1,m.page)),!e&&ae&&Se(),function(){m.autoplayInterval&&Ce(),K.current=s.DomHandler.removeInlineStyle(K.current)}}));var ke,Re,He,Ae,Be,Te,Ve,Me=function(){if(m.value&&m.value.length){var e=null,t=null;if(ne){var r=null;e=(r=m.value.slice(-1*b)).map((function(e,t){return f.createElement(R,{key:t+"_scloned",className:"p-carousel-item-cloned",template:m.itemTemplate,item:e,active:-1*P===m.value.length+b,start:0===t,end:t===r.length-1,ptm:A,cx:B})})),t=(r=m.value.slice(0,b)).map((function(e,t){return f.createElement(R,{key:t+"_fcloned",className:"p-carousel-item-cloned",template:m.itemTemplate,item:e,active:0===P,start:0===t,end:t===r.length-1,ptm:A,cx:B})}))}var a=m.value.map((function(e,t){var r,a=ne?-1*(P+b):-1*P,o=a+b-1,i=a<=t&&o>=t,l=a===t,c=o===t,u=a>t||o<t||void 0,s=(r=t,n.localeOption("aria")?n.localeOption("aria").slideNumber.replace(/{slideNumber}/g,r):void 0),p=n.localeOption("aria")?n.localeOption("aria").slide:void 0;return f.createElement(R,{key:t,template:m.itemTemplate,item:e,active:i,start:l,ariaHidden:u,ariaLabel:s,ariaRoledescription:p,role:"group",end:c,ptm:A,cx:B})}));return f.createElement(f.Fragment,null,e,a,t)}},Ue=function(){if(m.showNavigators){var e=(!te||m.value&&m.value.length<b)&&0===ie,t=s.mergeProps({className:B("previousButtonIcon")},A("previousButtonIcon")),r=s.IconUtils.getJSXIcon(ee?m.prevIcon||f.createElement(c.ChevronUpIcon,t):m.prevIcon||f.createElement(i.ChevronLeftIcon,t),k({},t),{props:m}),a=s.mergeProps({type:"button",className:B("previousButton",{isDisabled:e}),onClick:function(e){return se(e)},disabled:e,"aria-label":n.localeOption("aria")?n.localeOption("aria").previousPageLabel:void 0,"data-pc-group-section":"navigator"},A("previousButton"));return f.createElement("button",a,r,f.createElement(u.Ripple,null))}return null},Le=function(){if(m.showNavigators){var e=(!te||m.value&&m.value.length<b)&&(ie===re-1||0===re),t=s.mergeProps({className:B("nextButtonIcon")},A("nextButtonIcon")),r=s.IconUtils.getJSXIcon(ee?m.nextIcon||f.createElement(o.ChevronDownIcon,t):m.nextIcon||f.createElement(l.ChevronRightIcon,t),k({},t),{props:m}),a=s.mergeProps({type:"button",className:B("nextButton",{isDisabled:e}),onClick:function(e){return pe(e)},disabled:e,"aria-label":n.localeOption("aria")?n.localeOption("aria").nextPageLabel:void 0,"data-pc-group-section":"navigator"},A("nextButton"));return f.createElement("button",a,r,f.createElement(u.Ripple,null))}return null},_e=function(e){var t,r=ie===e,a=function(e){return A(e,{context:{active:r}})},o=s.mergeProps({key:"carousel-indicator-"+e,className:B("indicator",{isActive:r}),"data-p-highlight":r},a("indicator")),i=s.mergeProps({type:"button",className:B("indicatorButton"),tabIndex:ie===e?"0":"-1",onClick:function(t){return me(t,e)},"aria-label":(t=e+1,n.localeOption("aria")?n.localeOption("aria").pageLabel.replace(/{page}/g,t):void 0),"aria-current":ie===e?"page":void 0},a("indicatorButton"));return f.createElement("li",o,f.createElement("button",i,f.createElement(u.Ripple,null)))},ze=(ke=Me(),Re=ee?m.verticalViewPortHeight:"auto",He=Ue(),Ae=Le(),Be=s.mergeProps({className:B("itemsContent"),style:T("itemsContent",{height:Re}),onTouchStart:function(e){return de(e)},onTouchMove:function(e){return ve(e)},onTouchEnd:function(e){return be(e)}},A("itemsContent")),Te=s.mergeProps({className:s.classNames(m.containerClassName,B("container")),"aria-live":_.current?"polite":"off"},A("container")),Ve=s.mergeProps({className:B("itemsContainer"),onTransitionEnd:fe},A("itemsContainer")),f.createElement("div",Te,He,f.createElement("div",Be,f.createElement("div",h({ref:U},Ve),ke)),Ae)),Xe=function(){if(m.showIndicators){for(var e=[],t=0;t<re;t++)e.push(_e(t));var n=s.mergeProps({ref:q,className:s.classNames(m.indicatorsContentClassName,B("indicators")),onKeyDown:he},A("indicators"));return f.createElement("ul",n,e)}return null}(),Ye=function(){if(m.header){var e=s.mergeProps({className:B("header")},A("header"));return f.createElement("div",e,m.header)}return null}(),Je=function(){if(m.footer){var e=s.mergeProps({className:B("footer")},A("footer"));return f.createElement("div",e,m.footer)}return null}(),Ke=s.mergeProps({id:m.id,ref:M,className:s.classNames(m.className,B("root",{isVertical:ee})),style:m.style,role:"region"},j.getOtherProps(m),A("root")),qe=s.mergeProps({className:s.classNames(m.contentClassName,B("content"))},A("content"));return f.createElement("div",Ke,Ye,f.createElement("div",qe,ze,Xe),Je)})));return R.displayName="CarouselItem",H.displayName="Carousel",e.Carousel=H,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.icons.chevrondown,primereact.icons.chevronleft,primereact.icons.chevronright,primereact.icons.chevronup,primereact.ripple,primereact.utils);
|
package/chips/chips.cjs.js
CHANGED
|
@@ -358,13 +358,14 @@ var Chips = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
|
|
|
358
358
|
};
|
|
359
359
|
var _onPaste = function onPaste(event) {
|
|
360
360
|
if (props.separator) {
|
|
361
|
+
var separator = props.separator.replace('\\n', '\n').replace('\\r', '\r').replace('\\t', '\t');
|
|
361
362
|
var pastedData = (event.clipboardData || window['clipboardData']).getData('Text');
|
|
362
363
|
if (props.keyfilter) {
|
|
363
364
|
keyfilter.KeyFilter.onPaste(event, props.keyfilter);
|
|
364
365
|
}
|
|
365
366
|
if (pastedData) {
|
|
366
367
|
var values = props.value || [];
|
|
367
|
-
var pastedValues = pastedData.split(
|
|
368
|
+
var pastedValues = pastedData.split(separator);
|
|
368
369
|
pastedValues = pastedValues.filter(function (val) {
|
|
369
370
|
return (props.allowDuplicate || values.indexOf(val) === -1) && val.trim().length;
|
|
370
371
|
});
|
package/chips/chips.cjs.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),r=require("primereact/hooks"),o=require("primereact/icons/timescircle"),i=require("primereact/keyfilter"),l=require("primereact/tooltip"),a=require("primereact/utils");function u(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var c=u(e);function p(){return p=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},p.apply(this,arguments)}function s(e){return s="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},s(e)}function f(e,n){if("object"!==s(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==s(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function d(e){var n=f(e,"string");return"symbol"===s(n)?n:String(n)}function m(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function y(e){if(Array.isArray(e))return m(e)}function v(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function b(e,n){if(e){if("string"==typeof e)return m(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?m(e,n):void 0}}function h(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function g(e){return y(e)||v(e)||b(e)||h()}function O(e){if(Array.isArray(e))return e}function w(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,l,a=[],u=!0,c=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;u=!1}else for(;!(u=(r=i.call(t)).done)&&(a.push(r.value),a.length!==n);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(c)throw o}}return a}}function k(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var j=t.ComponentBase.extend({defaultProps:{__TYPE:"Chips",addOnBlur:null,allowDuplicate:!0,ariaLabelledBy:null,autoFocus:!1,className:null,disabled:null,id:null,inputId:null,inputRef:null,itemTemplate:null,keyfilter:null,max:null,name:null,onAdd:null,onBlur:null,onChange:null,onFocus:null,onKeyDown:null,onRemove:null,placeholder:null,readOnly:!1,removable:!0,removeIcon:null,separator:null,style:null,tooltip:null,tooltipOptions:null,value:null,children:void 0},css:{classes:{removeTokenIcon:"p-chips-token-icon",label:"p-chips-token-label",token:"p-chips-token p-highlight",inputToken:"p-chips-input-token",container:function(e){return a.classNames("p-inputtext p-chips-multiple-container",{"p-disabled":e.props.disabled,"p-focus":e.focusedState})},root:function(e){return a.classNames("p-chips p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState})}},styles:"\n@layer primereact {\n .p-chips {\n display: inline-flex;\n }\n \n .p-chips-multiple-container {\n margin: 0;\n padding: 0;\n list-style-type: none;\n cursor: text;\n overflow: hidden;\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n }\n \n .p-chips-token {\n cursor: default;\n display: inline-flex;\n align-items: center;\n flex: 0 0 auto;\n }\n \n .p-chips-input-token {\n flex: 1 1 auto;\n display: inline-flex;\n }\n \n .p-chips-token-icon {\n cursor: pointer;\n }\n \n .p-chips-input-token input {\n border: 0 none;\n outline: 0 none;\n background-color: transparent;\n margin: 0;\n padding: 0;\n box-shadow: none;\n border-radius: 0;\n width: 100%;\n }\n \n .p-fluid .p-chips {\n display: flex;\n }\n \n .p-chips-icon-left,\n .p-chips-icon-right {\n position: relative;\n display: inline-block;\n }\n \n .p-chips-icon-left > i,\n .p-chips-icon-right > i,\n .p-chips-icon-left > svg,\n .p-chips-icon-right > svg,\n .p-chips-icon-left > .p-chips-prefix,\n .p-chips-icon-right > .p-chips-suffix {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n }\n \n .p-fluid .p-chips-icon-left,\n .p-fluid .p-chips-icon-right {\n display: block;\n width: 100%;\n }\n}\n"}});function x(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function P(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?x(Object(t),!0).forEach((function(n){var r,o,i;r=e,i=t[n],(o=d(o=n))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):x(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var D=c.memo(c.forwardRef((function(e,u){var s,f,d=r.useMergeProps(),m=c.useContext(n.PrimeReactContext),y=j.getProps(e,m),v=c.useState(!1),h=(f=2,O(s=v)||w(s,f)||b(s,f)||k()),x=h[0],D=h[1],E=j.setMetaData({props:y,state:{focused:x}}),S=E.ptm,I=E.cx;t.useHandleStyle(j.css.styles,E.isUnstyled,{name:"chips"});var N=c.useRef(null),T=c.useRef(null),A=c.useRef(y.inputRef),C=function(e,n){if(!y.disabled||!y.readOnly){var t=g(y.value),r=t.splice(n,1);_(r,n)&&(y.onRemove&&y.onRemove({originalEvent:e,value:r}),y.onChange&&y.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:y.name,id:y.id,value:t}}))}},R=function(e,n,t){if(n&&n.trim().length){var r=y.value?g(y.value):[];if(y.allowDuplicate||-1===r.indexOf(n)){var o=!0;y.onAdd&&(o=y.onAdd({originalEvent:e,value:n})),!1!==o&&r.push(n)}B(e,r,t)}},F=function(e){var n=e.target.value,t=y.value||[];if(y.onKeyDown&&y.onKeyDown(e),!e.defaultPrevented)switch(e.key){case"Backspace":0===A.current.value.length&&t.length>0&&C(e,t.length-1);break;case"Enter":n&&n.trim().length&&(!y.max||y.max>t.length)&&R(e,n,!0);break;default:y.keyfilter&&i.KeyFilter.onKeyPress(e,y.keyfilter),K()?e.preventDefault():","===y.separator&&(e.key===y.separator||a.DomHandler.isAndroid()&&229===e.which)&&R(e,n,!0)}},B=function(e,n,t){y.onChange&&y.onChange({originalEvent:e,value:n,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:y.name,id:y.id,value:n}}),A.current.value="",t&&e.preventDefault()},U=function(e){if(y.separator){var n=(e.clipboardData||window.clipboardData).getData("Text");if(y.keyfilter&&i.KeyFilter.onPaste(e,y.keyfilter),n){var t=y.value||[],r=n.split(y.separator);r=r.filter((function(e){return(y.allowDuplicate||-1===t.indexOf(e))&&e.trim().length})),t=[].concat(g(t),g(r)),B(e,t,!0)}}},q=function(e){if(y.addOnBlur){var n=e.target.value,t=y.value||[];n&&n.trim().length&&(!y.max||y.max>t.length)&&R(e,n,!0)}D(!1),y.onBlur&&y.onBlur(e)},K=function(){return y.max&&y.value&&y.max===y.value.length},H=A.current&&A.current.value,M=c.useMemo((function(){return a.ObjectUtils.isNotEmpty(y.value)||a.ObjectUtils.isNotEmpty(H)}),[y.value,H]),_=function(e,n){return a.ObjectUtils.getPropValue(y.removable,{value:e,index:n,props:y})};c.useImperativeHandle(u,(function(){return{props:y,focus:function(){return a.DomHandler.focus(A.current)},getElement:function(){return N.current},getInput:function(){return A.current}}})),c.useEffect((function(){a.ObjectUtils.combinedRefs(A,y.inputRef)}),[A,y.inputRef]),r.useMountEffect((function(){y.autoFocus&&a.DomHandler.focus(A.current,y.autoFocus)}));var z,J,L,V,X,Y=function(e,n){var t=d({className:I("removeTokenIcon"),onClick:function(e){return C(e,n)},"aria-hidden":"true"},S("removeTokenIcon")),r=a.IconUtils.getJSXIcon(y.removeIcon||c.createElement(o.TimesCircleIcon,t),P({},t),{props:y});return y.disabled||y.readOnly||!_(e,n)?null:r},$=function(e,n){var t=y.itemTemplate?y.itemTemplate(e):e,r=d({className:I("label")},S("label")),o=c.createElement("span",r,t),i=Y(e,n),l=d({key:n,className:I("token"),"data-p-highlight":!0},S("token"));return c.createElement("li",l,o,i)},G=a.ObjectUtils.isNotEmpty(y.tooltip),Q=j.getOtherProps(y),W=a.ObjectUtils.reduceKeys(Q,a.DomHandler.ARIA_PROPS),Z=(L=y.value?y.value.map($):null,z=d({className:I("inputToken")},S("inputToken")),J=d(P({id:y.inputId,ref:A,placeholder:y.placeholder,type:"text",name:y.name,disabled:y.disabled||K(),onKeyDown:function(e){return F(e)},onPaste:function(e){return U(e)},onFocus:function(e){return n=e,D(!0),void(y.onFocus&&y.onFocus(n));var n},onBlur:function(e){return q(e)},readOnly:y.readOnly},W),S("input")),V=c.createElement("li",z,c.createElement("input",J)),X=d({ref:T,className:I("container",{focusedState:x}),onClick:function(e){a.DomHandler.focus(A.current)},"data-p-disabled":y.disabled,"data-p-focus":x},S("container")),c.createElement("ul",X,L,V)),ee=d({id:y.id,ref:N,className:a.classNames(y.className,I("root",{isFilled:M,focusedState:x})),style:y.style},S("root"));return c.createElement(c.Fragment,null,c.createElement("div",ee,Z),G&&c.createElement(l.Tooltip,p({target:A,content:y.tooltip},y.tooltipOptions,{pt:S("tooltip")})))})));D.displayName="Chips",exports.Chips=D;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),r=require("primereact/hooks"),o=require("primereact/icons/timescircle"),i=require("primereact/keyfilter"),l=require("primereact/tooltip"),a=require("primereact/utils");function u(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var c=u(e);function p(){return p=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},p.apply(this,arguments)}function s(e){return s="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},s(e)}function f(e,n){if("object"!==s(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==s(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function d(e){var n=f(e,"string");return"symbol"===s(n)?n:String(n)}function m(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function y(e){if(Array.isArray(e))return m(e)}function v(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function b(e,n){if(e){if("string"==typeof e)return m(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?m(e,n):void 0}}function h(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function g(e){return y(e)||v(e)||b(e)||h()}function O(e){if(Array.isArray(e))return e}function w(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,l,a=[],u=!0,c=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;u=!1}else for(;!(u=(r=i.call(t)).done)&&(a.push(r.value),a.length!==n);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(c)throw o}}return a}}function k(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var j=t.ComponentBase.extend({defaultProps:{__TYPE:"Chips",addOnBlur:null,allowDuplicate:!0,ariaLabelledBy:null,autoFocus:!1,className:null,disabled:null,id:null,inputId:null,inputRef:null,itemTemplate:null,keyfilter:null,max:null,name:null,onAdd:null,onBlur:null,onChange:null,onFocus:null,onKeyDown:null,onRemove:null,placeholder:null,readOnly:!1,removable:!0,removeIcon:null,separator:null,style:null,tooltip:null,tooltipOptions:null,value:null,children:void 0},css:{classes:{removeTokenIcon:"p-chips-token-icon",label:"p-chips-token-label",token:"p-chips-token p-highlight",inputToken:"p-chips-input-token",container:function(e){return a.classNames("p-inputtext p-chips-multiple-container",{"p-disabled":e.props.disabled,"p-focus":e.focusedState})},root:function(e){return a.classNames("p-chips p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState})}},styles:"\n@layer primereact {\n .p-chips {\n display: inline-flex;\n }\n \n .p-chips-multiple-container {\n margin: 0;\n padding: 0;\n list-style-type: none;\n cursor: text;\n overflow: hidden;\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n }\n \n .p-chips-token {\n cursor: default;\n display: inline-flex;\n align-items: center;\n flex: 0 0 auto;\n }\n \n .p-chips-input-token {\n flex: 1 1 auto;\n display: inline-flex;\n }\n \n .p-chips-token-icon {\n cursor: pointer;\n }\n \n .p-chips-input-token input {\n border: 0 none;\n outline: 0 none;\n background-color: transparent;\n margin: 0;\n padding: 0;\n box-shadow: none;\n border-radius: 0;\n width: 100%;\n }\n \n .p-fluid .p-chips {\n display: flex;\n }\n \n .p-chips-icon-left,\n .p-chips-icon-right {\n position: relative;\n display: inline-block;\n }\n \n .p-chips-icon-left > i,\n .p-chips-icon-right > i,\n .p-chips-icon-left > svg,\n .p-chips-icon-right > svg,\n .p-chips-icon-left > .p-chips-prefix,\n .p-chips-icon-right > .p-chips-suffix {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n }\n \n .p-fluid .p-chips-icon-left,\n .p-fluid .p-chips-icon-right {\n display: block;\n width: 100%;\n }\n}\n"}});function x(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function P(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?x(Object(t),!0).forEach((function(n){var r,o,i;r=e,i=t[n],(o=d(o=n))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):x(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var D=c.memo(c.forwardRef((function(e,u){var s,f,d=r.useMergeProps(),m=c.useContext(n.PrimeReactContext),y=j.getProps(e,m),v=c.useState(!1),h=(f=2,O(s=v)||w(s,f)||b(s,f)||k()),x=h[0],D=h[1],E=j.setMetaData({props:y,state:{focused:x}}),S=E.ptm,I=E.cx;t.useHandleStyle(j.css.styles,E.isUnstyled,{name:"chips"});var N=c.useRef(null),T=c.useRef(null),A=c.useRef(y.inputRef),C=function(e,n){if(!y.disabled||!y.readOnly){var t=g(y.value),r=t.splice(n,1);_(r,n)&&(y.onRemove&&y.onRemove({originalEvent:e,value:r}),y.onChange&&y.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:y.name,id:y.id,value:t}}))}},R=function(e,n,t){if(n&&n.trim().length){var r=y.value?g(y.value):[];if(y.allowDuplicate||-1===r.indexOf(n)){var o=!0;y.onAdd&&(o=y.onAdd({originalEvent:e,value:n})),!1!==o&&r.push(n)}B(e,r,t)}},F=function(e){var n=e.target.value,t=y.value||[];if(y.onKeyDown&&y.onKeyDown(e),!e.defaultPrevented)switch(e.key){case"Backspace":0===A.current.value.length&&t.length>0&&C(e,t.length-1);break;case"Enter":n&&n.trim().length&&(!y.max||y.max>t.length)&&R(e,n,!0);break;default:y.keyfilter&&i.KeyFilter.onKeyPress(e,y.keyfilter),K()?e.preventDefault():","===y.separator&&(e.key===y.separator||a.DomHandler.isAndroid()&&229===e.which)&&R(e,n,!0)}},B=function(e,n,t){y.onChange&&y.onChange({originalEvent:e,value:n,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:y.name,id:y.id,value:n}}),A.current.value="",t&&e.preventDefault()},U=function(e){if(y.separator){var n=y.separator.replace("\\n","\n").replace("\\r","\r").replace("\\t","\t"),t=(e.clipboardData||window.clipboardData).getData("Text");if(y.keyfilter&&i.KeyFilter.onPaste(e,y.keyfilter),t){var r=y.value||[],o=t.split(n);o=o.filter((function(e){return(y.allowDuplicate||-1===r.indexOf(e))&&e.trim().length})),r=[].concat(g(r),g(o)),B(e,r,!0)}}},q=function(e){if(y.addOnBlur){var n=e.target.value,t=y.value||[];n&&n.trim().length&&(!y.max||y.max>t.length)&&R(e,n,!0)}D(!1),y.onBlur&&y.onBlur(e)},K=function(){return y.max&&y.value&&y.max===y.value.length},H=A.current&&A.current.value,M=c.useMemo((function(){return a.ObjectUtils.isNotEmpty(y.value)||a.ObjectUtils.isNotEmpty(H)}),[y.value,H]),_=function(e,n){return a.ObjectUtils.getPropValue(y.removable,{value:e,index:n,props:y})};c.useImperativeHandle(u,(function(){return{props:y,focus:function(){return a.DomHandler.focus(A.current)},getElement:function(){return N.current},getInput:function(){return A.current}}})),c.useEffect((function(){a.ObjectUtils.combinedRefs(A,y.inputRef)}),[A,y.inputRef]),r.useMountEffect((function(){y.autoFocus&&a.DomHandler.focus(A.current,y.autoFocus)}));var z,J,L,V,X,Y=function(e,n){var t=d({className:I("removeTokenIcon"),onClick:function(e){return C(e,n)},"aria-hidden":"true"},S("removeTokenIcon")),r=a.IconUtils.getJSXIcon(y.removeIcon||c.createElement(o.TimesCircleIcon,t),P({},t),{props:y});return y.disabled||y.readOnly||!_(e,n)?null:r},$=function(e,n){var t=y.itemTemplate?y.itemTemplate(e):e,r=d({className:I("label")},S("label")),o=c.createElement("span",r,t),i=Y(e,n),l=d({key:n,className:I("token"),"data-p-highlight":!0},S("token"));return c.createElement("li",l,o,i)},G=a.ObjectUtils.isNotEmpty(y.tooltip),Q=j.getOtherProps(y),W=a.ObjectUtils.reduceKeys(Q,a.DomHandler.ARIA_PROPS),Z=(L=y.value?y.value.map($):null,z=d({className:I("inputToken")},S("inputToken")),J=d(P({id:y.inputId,ref:A,placeholder:y.placeholder,type:"text",name:y.name,disabled:y.disabled||K(),onKeyDown:function(e){return F(e)},onPaste:function(e){return U(e)},onFocus:function(e){return n=e,D(!0),void(y.onFocus&&y.onFocus(n));var n},onBlur:function(e){return q(e)},readOnly:y.readOnly},W),S("input")),V=c.createElement("li",z,c.createElement("input",J)),X=d({ref:T,className:I("container",{focusedState:x}),onClick:function(e){a.DomHandler.focus(A.current)},"data-p-disabled":y.disabled,"data-p-focus":x},S("container")),c.createElement("ul",X,L,V)),ee=d({id:y.id,ref:N,className:a.classNames(y.className,I("root",{isFilled:M,focusedState:x})),style:y.style},S("root"));return c.createElement(c.Fragment,null,c.createElement("div",ee,Z),G&&c.createElement(l.Tooltip,p({target:A,content:y.tooltip},y.tooltipOptions,{pt:S("tooltip")})))})));D.displayName="Chips",exports.Chips=D;
|
package/chips/chips.esm.js
CHANGED
|
@@ -334,13 +334,14 @@ var Chips = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inP
|
|
|
334
334
|
};
|
|
335
335
|
var _onPaste = function onPaste(event) {
|
|
336
336
|
if (props.separator) {
|
|
337
|
+
var separator = props.separator.replace('\\n', '\n').replace('\\r', '\r').replace('\\t', '\t');
|
|
337
338
|
var pastedData = (event.clipboardData || window['clipboardData']).getData('Text');
|
|
338
339
|
if (props.keyfilter) {
|
|
339
340
|
KeyFilter.onPaste(event, props.keyfilter);
|
|
340
341
|
}
|
|
341
342
|
if (pastedData) {
|
|
342
343
|
var values = props.value || [];
|
|
343
|
-
var pastedValues = pastedData.split(
|
|
344
|
+
var pastedValues = pastedData.split(separator);
|
|
344
345
|
pastedValues = pastedValues.filter(function (val) {
|
|
345
346
|
return (props.allowDuplicate || values.indexOf(val) === -1) && val.trim().length;
|
|
346
347
|
});
|
package/chips/chips.esm.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import{PrimeReactContext as n}from"primereact/api";import{ComponentBase as t,useHandleStyle as r}from"primereact/componentbase";import{useMergeProps as o,useMountEffect as i}from"primereact/hooks";import{TimesCircleIcon as l}from"primereact/icons/timescircle";import{KeyFilter as a}from"primereact/keyfilter";import{Tooltip as u}from"primereact/tooltip";import{classNames as c,ObjectUtils as p,DomHandler as s,IconUtils as f}from"primereact/utils";function m(){return m=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},m.apply(this,arguments)}function d(e){return d="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},d(e)}function y(e,n){if("object"!==d(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==d(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function v(e){var n=y(e,"string");return"symbol"===d(n)?n:String(n)}function h(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function b(e){if(Array.isArray(e))return h(e)}function g(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function O(e,n){if(e){if("string"==typeof e)return h(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?h(e,n):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 k(e){return b(e)||g(e)||O(e)||w()}function x(e){if(Array.isArray(e))return e}function P(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,l,a=[],u=!0,c=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;u=!1}else for(;!(u=(r=i.call(t)).done)&&(a.push(r.value),a.length!==n);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(c)throw o}}return a}}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.")}var S=t.extend({defaultProps:{__TYPE:"Chips",addOnBlur:null,allowDuplicate:!0,ariaLabelledBy:null,autoFocus:!1,className:null,disabled:null,id:null,inputId:null,inputRef:null,itemTemplate:null,keyfilter:null,max:null,name:null,onAdd:null,onBlur:null,onChange:null,onFocus:null,onKeyDown:null,onRemove:null,placeholder:null,readOnly:!1,removable:!0,removeIcon:null,separator:null,style:null,tooltip:null,tooltipOptions:null,value:null,children:void 0},css:{classes:{removeTokenIcon:"p-chips-token-icon",label:"p-chips-token-label",token:"p-chips-token p-highlight",inputToken:"p-chips-input-token",container:function(e){return c("p-inputtext p-chips-multiple-container",{"p-disabled":e.props.disabled,"p-focus":e.focusedState})},root:function(e){return c("p-chips p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState})}},styles:"\n@layer primereact {\n .p-chips {\n display: inline-flex;\n }\n \n .p-chips-multiple-container {\n margin: 0;\n padding: 0;\n list-style-type: none;\n cursor: text;\n overflow: hidden;\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n }\n \n .p-chips-token {\n cursor: default;\n display: inline-flex;\n align-items: center;\n flex: 0 0 auto;\n }\n \n .p-chips-input-token {\n flex: 1 1 auto;\n display: inline-flex;\n }\n \n .p-chips-token-icon {\n cursor: pointer;\n }\n \n .p-chips-input-token input {\n border: 0 none;\n outline: 0 none;\n background-color: transparent;\n margin: 0;\n padding: 0;\n box-shadow: none;\n border-radius: 0;\n width: 100%;\n }\n \n .p-fluid .p-chips {\n display: flex;\n }\n \n .p-chips-icon-left,\n .p-chips-icon-right {\n position: relative;\n display: inline-block;\n }\n \n .p-chips-icon-left > i,\n .p-chips-icon-right > i,\n .p-chips-icon-left > svg,\n .p-chips-icon-right > svg,\n .p-chips-icon-left > .p-chips-prefix,\n .p-chips-icon-right > .p-chips-suffix {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n }\n \n .p-fluid .p-chips-icon-left,\n .p-fluid .p-chips-icon-right {\n display: block;\n width: 100%;\n }\n}\n"}});function j(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function D(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?j(Object(t),!0).forEach((function(n){var r,o,i;r=e,i=t[n],(o=v(o=n))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):j(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var I=e.memo(e.forwardRef((function(t,d){var y,v,h=o(),b=e.useContext(n),g=S.getProps(t,b),w=e.useState(!1),j=(v=2,x(y=w)||P(y,v)||O(y,v)||E()),I=j[0],A=j[1],R=S.setMetaData({props:g,state:{focused:I}}),T=R.ptm,N=R.cx;r(S.css.styles,R.isUnstyled,{name:"chips"});var C=e.useRef(null),F=e.useRef(null),B=e.useRef(g.inputRef),K=function(e,n){if(!g.disabled||!g.readOnly){var t=k(g.value),r=t.splice(n,1);Y(r,n)&&(g.onRemove&&g.onRemove({originalEvent:e,value:r}),g.onChange&&g.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:g.name,id:g.id,value:t}}))}},M=function(e,n,t){if(n&&n.trim().length){var r=g.value?k(g.value):[];if(g.allowDuplicate||-1===r.indexOf(n)){var o=!0;g.onAdd&&(o=g.onAdd({originalEvent:e,value:n})),!1!==o&&r.push(n)}U(e,r,t)}},_=function(e){var n=e.target.value,t=g.value||[];if(g.onKeyDown&&g.onKeyDown(e),!e.defaultPrevented)switch(e.key){case"Backspace":0===B.current.value.length&&t.length>0&&K(e,t.length-1);break;case"Enter":n&&n.trim().length&&(!g.max||g.max>t.length)&&M(e,n,!0);break;default:g.keyfilter&&a.onKeyPress(e,g.keyfilter),L()?e.preventDefault():","===g.separator&&(e.key===g.separator||s.isAndroid()&&229===e.which)&&M(e,n,!0)}},U=function(e,n,t){g.onChange&&g.onChange({originalEvent:e,value:n,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:g.name,id:g.id,value:n}}),B.current.value="",t&&e.preventDefault()},H=function(e){if(g.separator){var n=(e.clipboardData||window.clipboardData).getData("Text");if(g.keyfilter&&a.onPaste(e,g.keyfilter),
|
|
1
|
+
import*as e from"react";import{PrimeReactContext as n}from"primereact/api";import{ComponentBase as t,useHandleStyle as r}from"primereact/componentbase";import{useMergeProps as o,useMountEffect as i}from"primereact/hooks";import{TimesCircleIcon as l}from"primereact/icons/timescircle";import{KeyFilter as a}from"primereact/keyfilter";import{Tooltip as u}from"primereact/tooltip";import{classNames as c,ObjectUtils as p,DomHandler as s,IconUtils as f}from"primereact/utils";function m(){return m=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},m.apply(this,arguments)}function d(e){return d="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},d(e)}function y(e,n){if("object"!==d(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==d(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function v(e){var n=y(e,"string");return"symbol"===d(n)?n:String(n)}function h(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function b(e){if(Array.isArray(e))return h(e)}function g(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function O(e,n){if(e){if("string"==typeof e)return h(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?h(e,n):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 k(e){return b(e)||g(e)||O(e)||w()}function x(e){if(Array.isArray(e))return e}function P(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,l,a=[],u=!0,c=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;u=!1}else for(;!(u=(r=i.call(t)).done)&&(a.push(r.value),a.length!==n);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(c)throw o}}return a}}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.")}var S=t.extend({defaultProps:{__TYPE:"Chips",addOnBlur:null,allowDuplicate:!0,ariaLabelledBy:null,autoFocus:!1,className:null,disabled:null,id:null,inputId:null,inputRef:null,itemTemplate:null,keyfilter:null,max:null,name:null,onAdd:null,onBlur:null,onChange:null,onFocus:null,onKeyDown:null,onRemove:null,placeholder:null,readOnly:!1,removable:!0,removeIcon:null,separator:null,style:null,tooltip:null,tooltipOptions:null,value:null,children:void 0},css:{classes:{removeTokenIcon:"p-chips-token-icon",label:"p-chips-token-label",token:"p-chips-token p-highlight",inputToken:"p-chips-input-token",container:function(e){return c("p-inputtext p-chips-multiple-container",{"p-disabled":e.props.disabled,"p-focus":e.focusedState})},root:function(e){return c("p-chips p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState})}},styles:"\n@layer primereact {\n .p-chips {\n display: inline-flex;\n }\n \n .p-chips-multiple-container {\n margin: 0;\n padding: 0;\n list-style-type: none;\n cursor: text;\n overflow: hidden;\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n }\n \n .p-chips-token {\n cursor: default;\n display: inline-flex;\n align-items: center;\n flex: 0 0 auto;\n }\n \n .p-chips-input-token {\n flex: 1 1 auto;\n display: inline-flex;\n }\n \n .p-chips-token-icon {\n cursor: pointer;\n }\n \n .p-chips-input-token input {\n border: 0 none;\n outline: 0 none;\n background-color: transparent;\n margin: 0;\n padding: 0;\n box-shadow: none;\n border-radius: 0;\n width: 100%;\n }\n \n .p-fluid .p-chips {\n display: flex;\n }\n \n .p-chips-icon-left,\n .p-chips-icon-right {\n position: relative;\n display: inline-block;\n }\n \n .p-chips-icon-left > i,\n .p-chips-icon-right > i,\n .p-chips-icon-left > svg,\n .p-chips-icon-right > svg,\n .p-chips-icon-left > .p-chips-prefix,\n .p-chips-icon-right > .p-chips-suffix {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n }\n \n .p-fluid .p-chips-icon-left,\n .p-fluid .p-chips-icon-right {\n display: block;\n width: 100%;\n }\n}\n"}});function j(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function D(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?j(Object(t),!0).forEach((function(n){var r,o,i;r=e,i=t[n],(o=v(o=n))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):j(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var I=e.memo(e.forwardRef((function(t,d){var y,v,h=o(),b=e.useContext(n),g=S.getProps(t,b),w=e.useState(!1),j=(v=2,x(y=w)||P(y,v)||O(y,v)||E()),I=j[0],A=j[1],R=S.setMetaData({props:g,state:{focused:I}}),T=R.ptm,N=R.cx;r(S.css.styles,R.isUnstyled,{name:"chips"});var C=e.useRef(null),F=e.useRef(null),B=e.useRef(g.inputRef),K=function(e,n){if(!g.disabled||!g.readOnly){var t=k(g.value),r=t.splice(n,1);Y(r,n)&&(g.onRemove&&g.onRemove({originalEvent:e,value:r}),g.onChange&&g.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:g.name,id:g.id,value:t}}))}},M=function(e,n,t){if(n&&n.trim().length){var r=g.value?k(g.value):[];if(g.allowDuplicate||-1===r.indexOf(n)){var o=!0;g.onAdd&&(o=g.onAdd({originalEvent:e,value:n})),!1!==o&&r.push(n)}U(e,r,t)}},_=function(e){var n=e.target.value,t=g.value||[];if(g.onKeyDown&&g.onKeyDown(e),!e.defaultPrevented)switch(e.key){case"Backspace":0===B.current.value.length&&t.length>0&&K(e,t.length-1);break;case"Enter":n&&n.trim().length&&(!g.max||g.max>t.length)&&M(e,n,!0);break;default:g.keyfilter&&a.onKeyPress(e,g.keyfilter),L()?e.preventDefault():","===g.separator&&(e.key===g.separator||s.isAndroid()&&229===e.which)&&M(e,n,!0)}},U=function(e,n,t){g.onChange&&g.onChange({originalEvent:e,value:n,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:g.name,id:g.id,value:n}}),B.current.value="",t&&e.preventDefault()},H=function(e){if(g.separator){var n=g.separator.replace("\\n","\n").replace("\\r","\r").replace("\\t","\t"),t=(e.clipboardData||window.clipboardData).getData("Text");if(g.keyfilter&&a.onPaste(e,g.keyfilter),t){var r=g.value||[],o=t.split(n);o=o.filter((function(e){return(g.allowDuplicate||-1===r.indexOf(e))&&e.trim().length})),r=[].concat(k(r),k(o)),U(e,r,!0)}}},J=function(e){if(g.addOnBlur){var n=e.target.value,t=g.value||[];n&&n.trim().length&&(!g.max||g.max>t.length)&&M(e,n,!0)}A(!1),g.onBlur&&g.onBlur(e)},L=function(){return g.max&&g.value&&g.max===g.value.length},V=B.current&&B.current.value,X=e.useMemo((function(){return p.isNotEmpty(g.value)||p.isNotEmpty(V)}),[g.value,V]),Y=function(e,n){return p.getPropValue(g.removable,{value:e,index:n,props:g})};e.useImperativeHandle(d,(function(){return{props:g,focus:function(){return s.focus(B.current)},getElement:function(){return C.current},getInput:function(){return B.current}}})),e.useEffect((function(){p.combinedRefs(B,g.inputRef)}),[B,g.inputRef]),i((function(){g.autoFocus&&s.focus(B.current,g.autoFocus)}));var $,q,z,G,Q,W=function(n,t){var r=h({className:N("removeTokenIcon"),onClick:function(e){return K(e,t)},"aria-hidden":"true"},T("removeTokenIcon")),o=f.getJSXIcon(g.removeIcon||e.createElement(l,r),D({},r),{props:g});return g.disabled||g.readOnly||!Y(n,t)?null:o},Z=function(n,t){var r=g.itemTemplate?g.itemTemplate(n):n,o=h({className:N("label")},T("label")),i=e.createElement("span",o,r),l=W(n,t),a=h({key:t,className:N("token"),"data-p-highlight":!0},T("token"));return e.createElement("li",a,i,l)},ee=p.isNotEmpty(g.tooltip),ne=S.getOtherProps(g),te=p.reduceKeys(ne,s.ARIA_PROPS),re=(z=g.value?g.value.map(Z):null,$=h({className:N("inputToken")},T("inputToken")),q=h(D({id:g.inputId,ref:B,placeholder:g.placeholder,type:"text",name:g.name,disabled:g.disabled||L(),onKeyDown:function(e){return _(e)},onPaste:function(e){return H(e)},onFocus:function(e){return n=e,A(!0),void(g.onFocus&&g.onFocus(n));var n},onBlur:function(e){return J(e)},readOnly:g.readOnly},te),T("input")),G=e.createElement("li",$,e.createElement("input",q)),Q=h({ref:F,className:N("container",{focusedState:I}),onClick:function(e){s.focus(B.current)},"data-p-disabled":g.disabled,"data-p-focus":I},T("container")),e.createElement("ul",Q,z,G)),oe=h({id:g.id,ref:C,className:c(g.className,N("root",{isFilled:X,focusedState:I})),style:g.style},T("root"));return e.createElement(e.Fragment,null,e.createElement("div",oe,re),ee&&e.createElement(u,m({target:B,content:g.tooltip},g.tooltipOptions,{pt:T("tooltip")})))})));I.displayName="Chips";export{I as Chips};
|
package/chips/chips.js
CHANGED
|
@@ -348,13 +348,14 @@ this.primereact.chips = (function (exports, React, api, componentbase, hooks, ti
|
|
|
348
348
|
};
|
|
349
349
|
var _onPaste = function onPaste(event) {
|
|
350
350
|
if (props.separator) {
|
|
351
|
+
var separator = props.separator.replace('\\n', '\n').replace('\\r', '\r').replace('\\t', '\t');
|
|
351
352
|
var pastedData = (event.clipboardData || window['clipboardData']).getData('Text');
|
|
352
353
|
if (props.keyfilter) {
|
|
353
354
|
keyfilter.KeyFilter.onPaste(event, props.keyfilter);
|
|
354
355
|
}
|
|
355
356
|
if (pastedData) {
|
|
356
357
|
var values = props.value || [];
|
|
357
|
-
var pastedValues = pastedData.split(
|
|
358
|
+
var pastedValues = pastedData.split(separator);
|
|
358
359
|
pastedValues = pastedValues.filter(function (val) {
|
|
359
360
|
return (props.allowDuplicate || values.indexOf(val) === -1) && val.trim().length;
|
|
360
361
|
});
|
package/chips/chips.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.chips=function(e,n,t,r,o,i,l,a,u){"use strict";function c(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var p=c(n);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},s.apply(this,arguments)}function f(e){return f="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},f(e)}function d(e,n){if("object"!==f(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==f(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function m(e){var n=d(e,"string");return"symbol"===f(n)?n:String(n)}function y(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function v(e){if(Array.isArray(e))return y(e)}function h(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function b(e,n){if(e){if("string"==typeof e)return y(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?y(e,n):void 0}}function g(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function O(e){return v(e)||h(e)||b(e)||g()}function w(e){if(Array.isArray(e))return e}function k(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,l,a=[],u=!0,c=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;u=!1}else for(;!(u=(r=i.call(t)).done)&&(a.push(r.value),a.length!==n);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(c)throw o}}return a}}function j(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var P=r.ComponentBase.extend({defaultProps:{__TYPE:"Chips",addOnBlur:null,allowDuplicate:!0,ariaLabelledBy:null,autoFocus:!1,className:null,disabled:null,id:null,inputId:null,inputRef:null,itemTemplate:null,keyfilter:null,max:null,name:null,onAdd:null,onBlur:null,onChange:null,onFocus:null,onKeyDown:null,onRemove:null,placeholder:null,readOnly:!1,removable:!0,removeIcon:null,separator:null,style:null,tooltip:null,tooltipOptions:null,value:null,children:void 0},css:{classes:{removeTokenIcon:"p-chips-token-icon",label:"p-chips-token-label",token:"p-chips-token p-highlight",inputToken:"p-chips-input-token",container:function(e){return u.classNames("p-inputtext p-chips-multiple-container",{"p-disabled":e.props.disabled,"p-focus":e.focusedState})},root:function(e){return u.classNames("p-chips p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState})}},styles:"\n@layer primereact {\n .p-chips {\n display: inline-flex;\n }\n \n .p-chips-multiple-container {\n margin: 0;\n padding: 0;\n list-style-type: none;\n cursor: text;\n overflow: hidden;\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n }\n \n .p-chips-token {\n cursor: default;\n display: inline-flex;\n align-items: center;\n flex: 0 0 auto;\n }\n \n .p-chips-input-token {\n flex: 1 1 auto;\n display: inline-flex;\n }\n \n .p-chips-token-icon {\n cursor: pointer;\n }\n \n .p-chips-input-token input {\n border: 0 none;\n outline: 0 none;\n background-color: transparent;\n margin: 0;\n padding: 0;\n box-shadow: none;\n border-radius: 0;\n width: 100%;\n }\n \n .p-fluid .p-chips {\n display: flex;\n }\n \n .p-chips-icon-left,\n .p-chips-icon-right {\n position: relative;\n display: inline-block;\n }\n \n .p-chips-icon-left > i,\n .p-chips-icon-right > i,\n .p-chips-icon-left > svg,\n .p-chips-icon-right > svg,\n .p-chips-icon-left > .p-chips-prefix,\n .p-chips-icon-right > .p-chips-suffix {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n }\n \n .p-fluid .p-chips-icon-left,\n .p-fluid .p-chips-icon-right {\n display: block;\n width: 100%;\n }\n}\n"}});function x(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function D(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?x(Object(t),!0).forEach((function(n){var r,o,i;r=e,i=t[n],(o=m(o=n))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):x(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var E=p.memo(p.forwardRef((function(e,n){var c,f,d=o.useMergeProps(),m=p.useContext(t.PrimeReactContext),y=P.getProps(e,m),v=p.useState(!1),h=(f=2,w(c=v)||k(c,f)||b(c,f)||j()),g=h[0],x=h[1],E=P.setMetaData({props:y,state:{focused:g}}),S=E.ptm,I=E.cx;r.useHandleStyle(P.css.styles,E.isUnstyled,{name:"chips"});var N=p.useRef(null),R=p.useRef(null),T=p.useRef(y.inputRef),A=function(e,n){if(!y.disabled||!y.readOnly){var t=O(y.value),r=t.splice(n,1);z(r,n)&&(y.onRemove&&y.onRemove({originalEvent:e,value:r}),y.onChange&&y.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:y.name,id:y.id,value:t}}))}},C=function(e,n,t){if(n&&n.trim().length){var r=y.value?O(y.value):[];if(y.allowDuplicate||-1===r.indexOf(n)){var o=!0;y.onAdd&&(o=y.onAdd({originalEvent:e,value:n})),!1!==o&&r.push(n)}B(e,r,t)}},F=function(e){var n=e.target.value,t=y.value||[];if(y.onKeyDown&&y.onKeyDown(e),!e.defaultPrevented)switch(e.key){case"Backspace":0===T.current.value.length&&t.length>0&&A(e,t.length-1);break;case"Enter":n&&n.trim().length&&(!y.max||y.max>t.length)&&C(e,n,!0);break;default:y.keyfilter&&l.KeyFilter.onKeyPress(e,y.keyfilter),H()?e.preventDefault():","===y.separator&&(e.key===y.separator||u.DomHandler.isAndroid()&&229===e.which)&&C(e,n,!0)}},B=function(e,n,t){y.onChange&&y.onChange({originalEvent:e,value:n,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:y.name,id:y.id,value:n}}),T.current.value="",t&&e.preventDefault()},U=function(e){if(y.separator){var n=(e.clipboardData||window.clipboardData).getData("Text");if(y.keyfilter&&l.KeyFilter.onPaste(e,y.keyfilter),n){var t=y.value||[],r=n.split(y.separator);r=r.filter((function(e){return(y.allowDuplicate||-1===t.indexOf(e))&&e.trim().length})),t=[].concat(O(t),O(r)),B(e,t,!0)}}},K=function(e){if(y.addOnBlur){var n=e.target.value,t=y.value||[];n&&n.trim().length&&(!y.max||y.max>t.length)&&C(e,n,!0)}x(!1),y.onBlur&&y.onBlur(e)},H=function(){return y.max&&y.value&&y.max===y.value.length},M=T.current&&T.current.value,_=p.useMemo((function(){return u.ObjectUtils.isNotEmpty(y.value)||u.ObjectUtils.isNotEmpty(M)}),[y.value,M]),z=function(e,n){return u.ObjectUtils.getPropValue(y.removable,{value:e,index:n,props:y})};p.useImperativeHandle(n,(function(){return{props:y,focus:function(){return u.DomHandler.focus(T.current)},getElement:function(){return N.current},getInput:function(){return T.current}}})),p.useEffect((function(){u.ObjectUtils.combinedRefs(T,y.inputRef)}),[T,y.inputRef]),o.useMountEffect((function(){y.autoFocus&&u.DomHandler.focus(T.current,y.autoFocus)}));var J,L,V,X,Y,$=function(e,n){var t=d({className:I("removeTokenIcon"),onClick:function(e){return A(e,n)},"aria-hidden":"true"},S("removeTokenIcon")),r=u.IconUtils.getJSXIcon(y.removeIcon||p.createElement(i.TimesCircleIcon,t),D({},t),{props:y});return y.disabled||y.readOnly||!z(e,n)?null:r},q=function(e,n){var t=y.itemTemplate?y.itemTemplate(e):e,r=d({className:I("label")},S("label")),o=p.createElement("span",r,t),i=$(e,n),l=d({key:n,className:I("token"),"data-p-highlight":!0},S("token"));return p.createElement("li",l,o,i)},G=u.ObjectUtils.isNotEmpty(y.tooltip),Q=P.getOtherProps(y),W=u.ObjectUtils.reduceKeys(Q,u.DomHandler.ARIA_PROPS),Z=(V=y.value?y.value.map(q):null,J=d({className:I("inputToken")},S("inputToken")),L=d(D({id:y.inputId,ref:T,placeholder:y.placeholder,type:"text",name:y.name,disabled:y.disabled||H(),onKeyDown:function(e){return F(e)},onPaste:function(e){return U(e)},onFocus:function(e){return n=e,x(!0),void(y.onFocus&&y.onFocus(n));var n},onBlur:function(e){return K(e)},readOnly:y.readOnly},W),S("input")),X=p.createElement("li",J,p.createElement("input",L)),Y=d({ref:R,className:I("container",{focusedState:g}),onClick:function(e){u.DomHandler.focus(T.current)},"data-p-disabled":y.disabled,"data-p-focus":g},S("container")),p.createElement("ul",Y,V,X)),ee=d({id:y.id,ref:N,className:u.classNames(y.className,I("root",{isFilled:_,focusedState:g})),style:y.style},S("root"));return p.createElement(p.Fragment,null,p.createElement("div",ee,Z),G&&p.createElement(a.Tooltip,s({target:T,content:y.tooltip},y.tooltipOptions,{pt:S("tooltip")})))})));return E.displayName="Chips",e.Chips=E,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.icons.timescircle,primereact.keyfilter,primereact.tooltip,primereact.utils);
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.chips=function(e,n,t,r,o,i,l,a,u){"use strict";function c(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var p=c(n);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},s.apply(this,arguments)}function f(e){return f="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},f(e)}function d(e,n){if("object"!==f(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==f(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function m(e){var n=d(e,"string");return"symbol"===f(n)?n:String(n)}function y(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function v(e){if(Array.isArray(e))return y(e)}function h(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function b(e,n){if(e){if("string"==typeof e)return y(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?y(e,n):void 0}}function g(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function O(e){return v(e)||h(e)||b(e)||g()}function w(e){if(Array.isArray(e))return e}function k(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,l,a=[],u=!0,c=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;u=!1}else for(;!(u=(r=i.call(t)).done)&&(a.push(r.value),a.length!==n);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(c)throw o}}return a}}function j(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var P=r.ComponentBase.extend({defaultProps:{__TYPE:"Chips",addOnBlur:null,allowDuplicate:!0,ariaLabelledBy:null,autoFocus:!1,className:null,disabled:null,id:null,inputId:null,inputRef:null,itemTemplate:null,keyfilter:null,max:null,name:null,onAdd:null,onBlur:null,onChange:null,onFocus:null,onKeyDown:null,onRemove:null,placeholder:null,readOnly:!1,removable:!0,removeIcon:null,separator:null,style:null,tooltip:null,tooltipOptions:null,value:null,children:void 0},css:{classes:{removeTokenIcon:"p-chips-token-icon",label:"p-chips-token-label",token:"p-chips-token p-highlight",inputToken:"p-chips-input-token",container:function(e){return u.classNames("p-inputtext p-chips-multiple-container",{"p-disabled":e.props.disabled,"p-focus":e.focusedState})},root:function(e){return u.classNames("p-chips p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState})}},styles:"\n@layer primereact {\n .p-chips {\n display: inline-flex;\n }\n \n .p-chips-multiple-container {\n margin: 0;\n padding: 0;\n list-style-type: none;\n cursor: text;\n overflow: hidden;\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n }\n \n .p-chips-token {\n cursor: default;\n display: inline-flex;\n align-items: center;\n flex: 0 0 auto;\n }\n \n .p-chips-input-token {\n flex: 1 1 auto;\n display: inline-flex;\n }\n \n .p-chips-token-icon {\n cursor: pointer;\n }\n \n .p-chips-input-token input {\n border: 0 none;\n outline: 0 none;\n background-color: transparent;\n margin: 0;\n padding: 0;\n box-shadow: none;\n border-radius: 0;\n width: 100%;\n }\n \n .p-fluid .p-chips {\n display: flex;\n }\n \n .p-chips-icon-left,\n .p-chips-icon-right {\n position: relative;\n display: inline-block;\n }\n \n .p-chips-icon-left > i,\n .p-chips-icon-right > i,\n .p-chips-icon-left > svg,\n .p-chips-icon-right > svg,\n .p-chips-icon-left > .p-chips-prefix,\n .p-chips-icon-right > .p-chips-suffix {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n }\n \n .p-fluid .p-chips-icon-left,\n .p-fluid .p-chips-icon-right {\n display: block;\n width: 100%;\n }\n}\n"}});function x(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function D(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?x(Object(t),!0).forEach((function(n){var r,o,i;r=e,i=t[n],(o=m(o=n))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):x(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var E=p.memo(p.forwardRef((function(e,n){var c,f,d=o.useMergeProps(),m=p.useContext(t.PrimeReactContext),y=P.getProps(e,m),v=p.useState(!1),h=(f=2,w(c=v)||k(c,f)||b(c,f)||j()),g=h[0],x=h[1],E=P.setMetaData({props:y,state:{focused:g}}),S=E.ptm,I=E.cx;r.useHandleStyle(P.css.styles,E.isUnstyled,{name:"chips"});var N=p.useRef(null),R=p.useRef(null),T=p.useRef(y.inputRef),A=function(e,n){if(!y.disabled||!y.readOnly){var t=O(y.value),r=t.splice(n,1);z(r,n)&&(y.onRemove&&y.onRemove({originalEvent:e,value:r}),y.onChange&&y.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:y.name,id:y.id,value:t}}))}},C=function(e,n,t){if(n&&n.trim().length){var r=y.value?O(y.value):[];if(y.allowDuplicate||-1===r.indexOf(n)){var o=!0;y.onAdd&&(o=y.onAdd({originalEvent:e,value:n})),!1!==o&&r.push(n)}B(e,r,t)}},F=function(e){var n=e.target.value,t=y.value||[];if(y.onKeyDown&&y.onKeyDown(e),!e.defaultPrevented)switch(e.key){case"Backspace":0===T.current.value.length&&t.length>0&&A(e,t.length-1);break;case"Enter":n&&n.trim().length&&(!y.max||y.max>t.length)&&C(e,n,!0);break;default:y.keyfilter&&l.KeyFilter.onKeyPress(e,y.keyfilter),H()?e.preventDefault():","===y.separator&&(e.key===y.separator||u.DomHandler.isAndroid()&&229===e.which)&&C(e,n,!0)}},B=function(e,n,t){y.onChange&&y.onChange({originalEvent:e,value:n,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:y.name,id:y.id,value:n}}),T.current.value="",t&&e.preventDefault()},U=function(e){if(y.separator){var n=y.separator.replace("\\n","\n").replace("\\r","\r").replace("\\t","\t"),t=(e.clipboardData||window.clipboardData).getData("Text");if(y.keyfilter&&l.KeyFilter.onPaste(e,y.keyfilter),t){var r=y.value||[],o=t.split(n);o=o.filter((function(e){return(y.allowDuplicate||-1===r.indexOf(e))&&e.trim().length})),r=[].concat(O(r),O(o)),B(e,r,!0)}}},K=function(e){if(y.addOnBlur){var n=e.target.value,t=y.value||[];n&&n.trim().length&&(!y.max||y.max>t.length)&&C(e,n,!0)}x(!1),y.onBlur&&y.onBlur(e)},H=function(){return y.max&&y.value&&y.max===y.value.length},M=T.current&&T.current.value,_=p.useMemo((function(){return u.ObjectUtils.isNotEmpty(y.value)||u.ObjectUtils.isNotEmpty(M)}),[y.value,M]),z=function(e,n){return u.ObjectUtils.getPropValue(y.removable,{value:e,index:n,props:y})};p.useImperativeHandle(n,(function(){return{props:y,focus:function(){return u.DomHandler.focus(T.current)},getElement:function(){return N.current},getInput:function(){return T.current}}})),p.useEffect((function(){u.ObjectUtils.combinedRefs(T,y.inputRef)}),[T,y.inputRef]),o.useMountEffect((function(){y.autoFocus&&u.DomHandler.focus(T.current,y.autoFocus)}));var J,L,V,X,Y,$=function(e,n){var t=d({className:I("removeTokenIcon"),onClick:function(e){return A(e,n)},"aria-hidden":"true"},S("removeTokenIcon")),r=u.IconUtils.getJSXIcon(y.removeIcon||p.createElement(i.TimesCircleIcon,t),D({},t),{props:y});return y.disabled||y.readOnly||!z(e,n)?null:r},q=function(e,n){var t=y.itemTemplate?y.itemTemplate(e):e,r=d({className:I("label")},S("label")),o=p.createElement("span",r,t),i=$(e,n),l=d({key:n,className:I("token"),"data-p-highlight":!0},S("token"));return p.createElement("li",l,o,i)},G=u.ObjectUtils.isNotEmpty(y.tooltip),Q=P.getOtherProps(y),W=u.ObjectUtils.reduceKeys(Q,u.DomHandler.ARIA_PROPS),Z=(V=y.value?y.value.map(q):null,J=d({className:I("inputToken")},S("inputToken")),L=d(D({id:y.inputId,ref:T,placeholder:y.placeholder,type:"text",name:y.name,disabled:y.disabled||H(),onKeyDown:function(e){return F(e)},onPaste:function(e){return U(e)},onFocus:function(e){return n=e,x(!0),void(y.onFocus&&y.onFocus(n));var n},onBlur:function(e){return K(e)},readOnly:y.readOnly},W),S("input")),X=p.createElement("li",J,p.createElement("input",L)),Y=d({ref:R,className:I("container",{focusedState:g}),onClick:function(e){u.DomHandler.focus(T.current)},"data-p-disabled":y.disabled,"data-p-focus":g},S("container")),p.createElement("ul",Y,V,X)),ee=d({id:y.id,ref:N,className:u.classNames(y.className,I("root",{isFilled:_,focusedState:g})),style:y.style},S("root"));return p.createElement(p.Fragment,null,p.createElement("div",ee,Z),G&&p.createElement(a.Tooltip,s({target:T,content:y.tooltip},y.tooltipOptions,{pt:S("tooltip")})))})));return E.displayName="Chips",e.Chips=E,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.icons.timescircle,primereact.keyfilter,primereact.tooltip,primereact.utils);
|
|
@@ -717,7 +717,7 @@ var ContextMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
|
|
|
717
717
|
menuRef.current.style.top = top + 'px';
|
|
718
718
|
}
|
|
719
719
|
};
|
|
720
|
-
var createProcessedItems = function
|
|
720
|
+
var createProcessedItems = React__namespace.useCallback(function (items, level) {
|
|
721
721
|
var parent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
|
|
722
722
|
var parentKey = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';
|
|
723
723
|
var processedItems = [];
|
|
@@ -736,7 +736,7 @@ var ContextMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
|
|
|
736
736
|
processedItems.push(newItem);
|
|
737
737
|
});
|
|
738
738
|
return processedItems;
|
|
739
|
-
};
|
|
739
|
+
}, []);
|
|
740
740
|
var onLeafClick = function onLeafClick(event) {
|
|
741
741
|
setResetMenuState(true);
|
|
742
742
|
hide(event);
|
|
@@ -784,11 +784,11 @@ var ContextMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
|
|
|
784
784
|
show(currentEvent.current);
|
|
785
785
|
}
|
|
786
786
|
}, [reshowState]);
|
|
787
|
-
|
|
787
|
+
React__namespace.useEffect(function () {
|
|
788
788
|
var itemsToProcess = props.model || [];
|
|
789
789
|
var processed = createProcessedItems(itemsToProcess, 0, null, '');
|
|
790
790
|
setProcessedItems(processed);
|
|
791
|
-
}, [props.model]);
|
|
791
|
+
}, [props.model, createProcessedItems]);
|
|
792
792
|
hooks.useUpdateEffect(function () {
|
|
793
793
|
var _focusedItemId = focusedItemInfo.index !== -1 ? "".concat(idState).concat(utils.ObjectUtils.isNotEmpty(focusedItemInfo.parentKey) ? '_' + focusedItemInfo.parentKey : '', "_").concat(focusedItemInfo.index) : null;
|
|
794
794
|
setFocusedItemId(_focusedItemId);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/csstransition"),o=require("primereact/hooks"),i=require("primereact/portal"),a=require("primereact/utils"),u=require("primereact/icons/angleright"),c=require("primereact/ripple");function l(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 m=s(e),f=l(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 p(e){return p="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},p(e)}function b(e,t){if("object"!==p(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==p(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function v(e){var t=b(e,"string");return"symbol"===p(t)?t:String(t)}function y(e,t,n){return(t=v(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function x(e){if(Array.isArray(e))return e}function g(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,u=[],c=!0,l=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(u.push(r.value),u.length!==t);c=!0);}catch(e){l=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(l)throw o}}return u}}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 I(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 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 O(e,t){return x(e)||g(e,t)||I(e,t)||E()}var k=n.ComponentBase.extend({defaultProps:{__TYPE:"ContextMenu",id:null,ariaLabel:null,ariaLabelledby:null,model:null,style:null,className:null,global:!1,autoZIndex:!0,baseZIndex:0,tabIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onFocus:null,onBlur:null,onShow:null,onHide:null,submenuIcon:null,children:void 0},css:{classes:{root:function(e){var t=e.context;return a.classNames("p-contextmenu p-component",{"p-input-filled":t&&"filled"===t.inputStyle||"filled"===f.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===f.default.ripple})},menu:function(e){var t=e.menuProps;return a.classNames({" p-contextmenu-root-list":t.root,"p-submenu-list":!t.root})},menuitem:function(e){return a.classNames("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled},e.item.className)},action:function(e){return a.classNames("p-menuitem-link",{"p-disabled":e.item.disabled})},content:"p-menuitem-content",icon:"p-menuitem-icon",submenuIcon:"p-submenu-icon",label:"p-menuitem-text",separator:"p-menuitem-separator",transition:"p-contextmenu",submenuTransition:"p-contextmenusub"},styles:"\n@layer primereact {\n .p-contextmenu ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-contextmenu .p-submenu-list {\n position: absolute;\n min-width: 100%;\n z-index: 1;\n }\n\n .p-contextmenu .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n }\n\n .p-contextmenu .p-menuitem-text {\n line-height: 1;\n }\n\n .p-contextmenu .p-menuitem {\n position: relative;\n }\n\n .p-contextmenu .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n }\n\n .p-contextmenu-enter {\n opacity: 0;\n }\n\n .p-contextmenu-enter-active {\n opacity: 1;\n transition: opacity 250ms;\n }\n}\n"}});function S(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function w(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?S(Object(n),!0).forEach((function(t){y(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):S(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var j=m.memo(m.forwardRef((function(e,t){var n=o.useMergeProps(),i=m.useRef(null),l=e.root||!e.resetMenu,s=e.ptm,f=e.cx,p=function(t,n,r){return s(n,{hostName:e.hostName,context:{active:I(t),focused:k(t),disabled:O(t),index:r}})},b=function(t,n){n.disabled||e.isMobileMode?t.preventDefault():e.onItemMouseEnter({originalEvent:t,processedItem:n})},v=function(t,n){var r=n.item;r.disabled?t.preventDefault():(r.url||t.preventDefault(),r.command&&r.command({originalEvent:t,item:r}),e.onItemClick({originalEvent:t,processedItem:n,isFocus:!0}),r.items||e.onLeafClick(t))},x=function(){if(!e.isMobileMode){var t=i.current.parentElement,n=a.DomHandler.getOffset(t),r=a.DomHandler.getViewport(),o=i.current.offsetParent?i.current.offsetWidth:a.DomHandler.getHiddenElementOuterWidth(i.current),u=a.DomHandler.getOuterWidth(t.children[0]),c=parseInt(n.top,10)+i.current.offsetHeight-a.DomHandler.getWindowScrollTop();i.current.style.top=c>r.height?r.height-c+"px":"0px",i.current.style.left=parseInt(n.left,10)+u+o>r.width-a.DomHandler.calculateScrollbarWidth()?-1*o+"px":u+"px"}};o.useUpdateEffect((function(){l&&x()}));var g=function(t){return"".concat(e.menuId,"_").concat(t.key)},h=function(e,t,n){return e&&e.item?a.ObjectUtils.getItemValue(e.item[t],n):void 0},I=function(t){return e.activeItemPath&&e.activeItemPath.some((function(e){return e.key===t.key}))},E=function(e){return!1!==h(e,"visible")},O=function(e){return h(e,"disabled")},k=function(t){return e.focusedItemId===g(t)},S=function(e){return a.ObjectUtils.isNotEmpty(e.items)},P=function(t){return t-e.model.slice(0,t).filter((function(e){return E(e)&&h(e,"separator")})).length+1};m.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return i.current}}}));var D=function(t){var r=e.id+"_separator_"+t,o=n({id:r,key:r,className:f("separator"),role:"separator"},s("separator",{hostName:e.hostName}));return m.createElement("li",o)},N=function(t,n){return S(t)?m.createElement(j,{id:e.id+"_"+n,role:"menu",menuId:e.menuId,focusedItemId:e.focusedItemId,activeItemPath:e.activeItemPath,level:e.level+1,hostName:e.hostName,ariaLabelledby:g(t),menuProps:e.menuProps,model:t.items,resetMenu:!I(t),onLeafClick:e.onLeafClick,onItemClick:e.onItemClick,onItemMouseEnter:e.onItemMouseEnter,isMobileMode:e.isMobileMode,submenuIcon:e.submenuIcon,ptm:s,cx:f}):null},H=function(t,r){if(!E(t))return null;var o=t.item,i=I(t),l=O(t),s=k(t),d=S(t),x=g(t),j=n({className:f("icon")},p(t,"icon",r)),D=a.IconUtils.getJSXIcon(o.icon,w({},j),{props:e.menuProps}),H=n({className:f("submenuIcon")},p(t,"submenuIcon",r)),M=n({className:f("label")},p(t,"label",r)),U=h(t,"items")&&a.IconUtils.getJSXIcon(e.submenuIcon||m.createElement(u.AngleRightIcon,H),w({},H),{props:e.menuProps}),C=o.label&&m.createElement("span",M,o.label),L=N(t,r),K=n({href:o.url||"#","aria-hidden":!0,tabIndex:-1,className:f("action",{item:o}),target:o.target},p(t,"action",r)),T=m.createElement("a",K,D,C,U,m.createElement(c.Ripple,null));if(o.template){var R={className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:"p-menuitem-icon",submenuIconClassName:f("submenuIcon"),element:T,props:e,active:i};T=a.ObjectUtils.getJSXElement(o.template,o,R)}var A=n({onClick:function(e){return v(e,t)},onMouseEnter:function(e){return b(e,t)},className:f("content")},p(t,"content",r)),_=n(y({id:x,key:x,role:"menuitem","aria-label":o.label,"aria-disabled":l,"aria-expanded":d?i:void 0,"aria-haspopup":d&&!o.url?"menu":void 0,"aria-level":e.level+1,"aria-setsize":e.model.filter((function(e){return E(e)&&!h(e,"separator")})).length,"aria-posinset":P(r),"data-p-highlight":i,"data-p-focused":s,"data-p-disabled":l,className:f("menuitem",{item:o,active:i,focused:s,disabled:O(o)}),style:o.style},"key",x),p(t,"menuitem",r));return m.createElement("li",_,m.createElement("div",A,T),L)},M=e.model?e.model.map((function(e,t){return e.separator?D(t):H(e,t)})):null,U=n({className:f("menu",{menuProps:e}),onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:e.onKeyDown,"aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledby,"aria-orientation":"vertical","aria-activedescendant":e.ariaActivedescendant,tabIndex:e.tabIndex,role:e.role},s("menu",{hostName:e.hostName})),C=n({classNames:f("submenuTransition"),in:l,timeout:{enter:0,exit:0},unmountOnExit:!0,onEnter:function(){x()}},s("menu.transition",{hostName:e.hostName}));return m.createElement(r.CSSTransition,d({nodeRef:i},C),m.createElement("ul",d({ref:i},U),M))})));function P(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function D(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?P(Object(n),!0).forEach((function(t){y(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}j.displayName="ContextMenuSub";var N=m.memo(m.forwardRef((function(e,u){var c=o.useMergeProps(),l=m.useContext(t.PrimeReactContext),s=k.getProps(e,l),p=O(m.useState(s.id),2),b=p[0],v=p[1],y=O(m.useState(!1),2),x=y[0],g=y[1],h=O(m.useState(!1),2),I=h[0],E=h[1],S=O(m.useState(!1),2),w=S[0],P=S[1],N=O(m.useState(null),2),H=N[0],M=N[1],U=O(m.useState(!1),2),C=U[0],L=U[1],K=O(m.useState(!1),2),T=K[0],R=K[1],A=O(m.useState({index:-1,level:0,parentKey:""}),2),_=A[0],q=A[1],Z=O(m.useState(""),2),W=Z[0],B=Z[1],F=O(m.useState([]),2),z=F[0],V=F[1],X=O(m.useState([]),2),J=X[0],Y=X[1],$=O(m.useState(null),2),G=$[0],Q=$[1],ee=k.setMetaData({props:s,state:{id:b,visible:x,reshow:I,resetMenu:w,attributeSelector:H}}),te=ee.ptm,ne=ee.cx;n.useHandleStyle(k.css.styles,ee.isUnstyled,{name:"contextmenu"});var re=m.useRef(null),oe=m.useRef(null),ie=m.useRef(null),ae=m.useRef(""),ue=m.useRef(null),ce=m.useRef(null),le=o.useMatchMedia("screen and (max-width: ".concat(s.breakpoint,")"),!!s.breakpoint),se=O(o.useEventListener({type:"click",listener:function(e){Pe(e)&&2!==e.button&&(he(e),P(!0))}}),2),me=se[0],fe=se[1],de=O(o.useEventListener({type:"contextmenu",when:s.global,listener:function(e){ge(e)}}),1)[0],pe=O(o.useResizeListener({listener:function(e){x&&!a.DomHandler.isTouchDevice()&&he(e)}}),2),be=pe[0],ve=pe[1],ye=function(){if(!ce.current){ce.current=a.DomHandler.createInlineStyle(l&&l.nonce||f.default.nonce,l&&l.styleContainer);var e="".concat(H),t="\n@media screen and (max-width: ".concat(s.breakpoint,") {\n .p-contextmenu[").concat(e,"] > ul {\n max-height: ").concat(s.scrollHeight,";\n overflow: ").concat(s.scrollHeight?"auto":"",";\n }\n\n .p-contextmenu[").concat(e,"] .p-submenu-list {\n position: relative;\n }\n\n .p-contextmenu[").concat(e,"] .p-menuitem-active > .p-submenu-list {\n left: 0;\n box-shadow: none;\n border-radius: 0;\n padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n }\n\n .p-contextmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n transform: rotate(-180deg);\n }\n\n .p-contextmenu[").concat(e,'] .p-submenu-icon:before {\n content: "\\e930";\n }\n}\n');ce.current.innerHTML=t}},xe=function(){ce.current=a.DomHandler.removeInlineStyle(ce.current)},ge=function(e){B([]),q({index:-1,level:0,parentKey:""}),e.stopPropagation(),e.preventDefault(),ie.current=e,x?E(!0):(g(!0),s.onShow&&s.onShow(ie.current)),Promise.resolve().then((function(){oe.current&&a.DomHandler.focus(oe.current.getElement())}))},he=function(e){ie.current=e,g(!1),E(!1),B([]),q({index:-1,level:0,parentKey:""}),s.onHide&&s.onHide(ie.current)},Ie=function(){a.DomHandler.addStyles(re.current,{position:"absolute"}),s.autoZIndex&&a.ZIndexUtils.set("menu",re.current,l&&l.autoZIndex||f.default.autoZIndex,s.baseZIndex||l&&l.zIndex.menu||f.default.zIndex.menu),Se(ie.current),H&&s.breakpoint&&(re.current.setAttribute(H,""),ye())},Ee=function(){De()},Oe=function(){Ne(),a.ZIndexUtils.clear(re.current)},ke=function(){a.ZIndexUtils.clear(re.current),xe()},Se=function(e){if(e){var t=e.pageX+1,n=e.pageY+1,r=re.current.offsetParent?re.current.offsetWidth:a.DomHandler.getHiddenElementOuterWidth(re.current),o=re.current.offsetParent?re.current.offsetHeight:a.DomHandler.getHiddenElementOuterHeight(re.current),i=a.DomHandler.getViewport();t+r-document.body.scrollLeft>i.width&&(t-=r),n+o-document.body.scrollTop>i.height&&(n-=o),t<document.body.scrollLeft&&(t=document.body.scrollLeft),n<document.body.scrollTop&&(n=document.body.scrollTop),re.current.style.left=t+"px",re.current.style.top=n+"px"}},we=function e(t,n){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",i=[];return t&&t.forEach((function(t,a){var u=(""!==o?o+"_":"")+a,c={item:t,index:a,level:n,separator:t.separator,key:u,parent:r,parentKey:o};c.items=e(t.items,n+1,c,u),i.push(c)})),i},je=function(e){P(!0),he(e),e.stopPropagation()},Pe=function(e){return re&&re.current&&!(re.current.isSameNode(e.target)||re.current.contains(e.target))},De=function(){be(),me()},Ne=function(){ve(),fe()};o.useMountEffect((function(){var e=a.UniqueComponentId();!b&&v(e),s.global&&de(),s.breakpoint&&!H&&M(e)})),o.useUpdateEffect((function(){s.global&&de()}),[s.global]),o.useUpdateEffect((function(){return H&&re.current&&(re.current.setAttribute(H,""),ye()),function(){xe()}}),[H,s.breakpoint]),o.useUpdateEffect((function(){x?(g(!1),E(!1),P(!0)):I||x||!w||ge(ie.current)}),[I]),o.useUpdateEffect((function(){var e=we(s.model||[],0,null,"");V(e)}),[s.model]),o.useUpdateEffect((function(){var e=-1!==_.index?"".concat(b).concat(a.ObjectUtils.isNotEmpty(_.parentKey)?"_"+_.parentKey:"","_").concat(_.index):null;Q(e)}),[_]),o.useUpdateEffect((function(){var e=W&&W.find((function(e){return e.key===_.parentKey}));Y(e?e.items:z)}),[W,_]),o.useUpdateEffect((function(){if(T){var e=-1!==_.index?ot(_.index):st();Ye(e),B(W.filter((function(e){return e.parentKey!==_.parentKey}))),R(!1)}}),[T]),o.useUnmountEffect((function(){a.ZIndexUtils.clear(re.current)})),m.useImperativeHandle(u,(function(){return{props:s,show:ge,hide:he,getElement:function(){return re.current}}}));var He,Me,Ue=function(e){L(!0),q(-1!==_.index?_:{index:-1,level:0,parentKey:""}),s.onFocus&&s.onFocus(e)},Ce=function(e){L(!1),q({index:-1,level:0,parentKey:""}),ae.current="",ae.current="",s.onBlur&&s.onBlur(e)},Le=function(e){var t=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":Ae(e);break;case"ArrowUp":_e(e);break;case"ArrowLeft":qe(e);break;case"ArrowRight":Ze(e);break;case"Home":We(e);break;case"End":Be(e);break;case"Space":ze(e);break;case"Enter":Fe(e);break;case"Escape":Ve(e);break;case"Tab":Xe(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!t&&a.ObjectUtils.isPrintableCharacter(e.key)&&Je(e,e.key)}},Ke=function(e){var t=e.processedItem,n=e.isFocus,r=e.updateState,o=void 0===r||r;if(!a.ObjectUtils.isEmpty(t)){var i=t.index,u=t.key,c=t.level,l=t.parentKey,s=a.ObjectUtils.isNotEmpty(t.items),m=W.filter((function(e){return e.parentKey!==l&&e.parentKey!==u}));s&&o&&(m.push(t),g(!0)),q({index:i,level:c,parentKey:l}),B(m),n&&a.DomHandler.focus(oe.current.getElement())}},Te=function(e){var t=e.processedItem,n=et(t);if(at(t)){var r=t.index,o=t.key,i=t.level,u=t.parentKey;B(W.filter((function(e){return o!==e.key&&o.startsWith(e.key)}))),q({index:r,level:i,parentKey:u}),a.DomHandler.focus(oe.current.getElement())}else n?Ke(e):he()},Re=function(e){Ke(e)},Ae=function(e){var t=-1!==_.index?ot(_.index):st();Ye(t),e.preventDefault()},_e=function(e){if(e.altKey){if(-1!==_.index){var t=J[_.index];!et(t)&&Ke({originalEvent:e,processedItem:t})}e.preventDefault()}else{var n=-1!==_.index?it(_.index):mt();Ye(n),e.preventDefault()}},qe=function(e){var t=J[_.index],n=W.find((function(e){return e.key===t.parentKey}));a.ObjectUtils.isEmpty(t.parent)||(q({index:-1,parentKey:n?n.parentKey:""}),ae.current="",setTimeout((function(){return R(!0)}),0)),e.preventDefault()},Ze=function(e){var t=J[_.index];et(t)&&(Ke({originalEvent:e,processedItem:t}),q({index:-1,parentKey:t.key}),ae.current="",setTimeout((function(){return R(!0)}),0)),e.preventDefault()},We=function(e){Ye(ct()),e.preventDefault()},Be=function(e){Ye(lt()),e.preventDefault()},Fe=function(e){if(-1!==_.index){var t=a.DomHandler.findSingle(oe.current.getElement(),'li[id="'.concat("".concat(G),'"]')),n=t&&a.DomHandler.findSingle(t,'a[data-pc-section="action"]');n?n.click():t&&t.click(),!et(J[_.index])&&q(D(D({},_),{},{index:st()}))}e.preventDefault()},ze=function(e){Fe(e)},Ve=function(e){he(),q({focusedItemInfo:_,index:st()}),e.preventDefault()},Xe=function(e){if(-1!==_.index){var t=J[_.index];!et(t)&&Ke({originalEvent:e,processedItem:t})}he()},Je=function(e,t){ae.current=ae.current||""+t;var n=-1,r=!1;return-1!==(n=-1!==_.index?-1===(n=J.slice(_.index).findIndex((function(e){return rt(e)})))?J.slice(0,_.index).findIndex((function(e){return rt(e)})):n+_.index:J.findIndex((function(e){return rt(e)})))&&(r=!0),-1===n&&-1===_.index&&(n=st()),-1!==n&&Ye(n),ue.current&&clearTimeout(ue.current),ue.current=setTimeout((function(){ae.current="",ue.current=null}),500),r},Ye=function(e){_.index!==e&&(q(D(D({},_),{},{index:e})),$e())},$e=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,t=-1!==e?"".concat(b,"_").concat(e):G,n=a.DomHandler.findSingle(oe.current.getElement(),'li[id="'.concat(t,'"]'));n&&n.scrollIntoView&&n.scrollIntoView({block:"nearest",inline:"start"})},Ge=function(e,t){return e?a.ObjectUtils.getItemValue(e[t]):void 0},Qe=function(e){return e?Ge(e.item,"label"):void 0},et=function(e){return e&&a.ObjectUtils.isNotEmpty(e.items)},tt=function(e){return Ge(e,"separator")},nt=function(e){return!!e&&!Ge(e.item,"disabled")&&!tt(e.item)},rt=function(e){return nt(e)&&Qe(e).toLocaleLowerCase().startsWith(ae.current.toLocaleLowerCase())},ot=function(e){var t=e<J.length-1?J.slice(e+1).findIndex((function(e){return nt(e)})):-1;return t>-1?t+e+1:e},it=function(e){var t=e>0?a.ObjectUtils.findLastIndex(J.slice(0,e),(function(e){return nt(e)})):-1;return t>-1?t:e},at=function(e){return W&&W.some((function(t){return t.key===e.key}))},ut=function(e){return nt(e)&&at(e)},ct=function(){return J.findIndex((function(e){return nt(e)}))},lt=function(){return a.ObjectUtils.findLastIndex(J,(function(e){return nt(e)}))},st=function(){var e=ft();return e<0?ct():e},mt=function(){var e=ft();return e<0?lt():e},ft=function(){return J.findIndex((function(e){return ut(e)}))},dt=(He=c({id:s.id,className:a.classNames(s.className,ne("root",{context:l})),style:s.style,onClick:function(e){P(!1)},onMouseEnter:function(e){P(!1)}},k.getOtherProps(s),te("root")),Me=c({classNames:ne("transition"),in:x,timeout:{enter:250,exit:0},options:s.transitionOptions,unmountOnExit:!0,onEnter:Ie,onEntered:Ee,onExit:Oe,onExited:ke},te("transition")),m.createElement(r.CSSTransition,d({nodeRef:re},Me),m.createElement("div",d({ref:re},He),m.createElement(j,{ref:oe,ariaLabel:s.ariaLabel,ariaLabelledby:s.ariaLabelledby,activeItemPath:W,hostName:"ContextMenu",id:b+"_list",role:"menubar",tabIndex:s.tabIndex||0,ariaActivedescendant:C?G:void 0,menuId:b,focusedItemId:C?G:void 0,menuProps:s,model:z,level:0,root:!0,onItemClick:Te,onItemMouseEnter:Re,onFocus:Ue,onBlur:Ce,onKeyDown:Le,resetMenu:w,onLeafClick:je,isMobileMode:le,submenuIcon:s.submenuIcon,ptm:te,cx:ne}))));return m.createElement(i.Portal,{element:dt,appendTo:s.appendTo})})));N.displayName="ContextMenu",exports.ContextMenu=N;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/csstransition"),o=require("primereact/hooks"),i=require("primereact/portal"),a=require("primereact/utils"),u=require("primereact/icons/angleright"),c=require("primereact/ripple");function l(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 m=s(e),f=l(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 p(e){return p="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},p(e)}function b(e,t){if("object"!==p(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==p(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function v(e){var t=b(e,"string");return"symbol"===p(t)?t:String(t)}function y(e,t,n){return(t=v(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function x(e){if(Array.isArray(e))return e}function g(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,u=[],c=!0,l=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(u.push(r.value),u.length!==t);c=!0);}catch(e){l=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(l)throw o}}return u}}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 I(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 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 O(e,t){return x(e)||g(e,t)||I(e,t)||E()}var k=n.ComponentBase.extend({defaultProps:{__TYPE:"ContextMenu",id:null,ariaLabel:null,ariaLabelledby:null,model:null,style:null,className:null,global:!1,autoZIndex:!0,baseZIndex:0,tabIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onFocus:null,onBlur:null,onShow:null,onHide:null,submenuIcon:null,children:void 0},css:{classes:{root:function(e){var t=e.context;return a.classNames("p-contextmenu p-component",{"p-input-filled":t&&"filled"===t.inputStyle||"filled"===f.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===f.default.ripple})},menu:function(e){var t=e.menuProps;return a.classNames({" p-contextmenu-root-list":t.root,"p-submenu-list":!t.root})},menuitem:function(e){return a.classNames("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled},e.item.className)},action:function(e){return a.classNames("p-menuitem-link",{"p-disabled":e.item.disabled})},content:"p-menuitem-content",icon:"p-menuitem-icon",submenuIcon:"p-submenu-icon",label:"p-menuitem-text",separator:"p-menuitem-separator",transition:"p-contextmenu",submenuTransition:"p-contextmenusub"},styles:"\n@layer primereact {\n .p-contextmenu ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-contextmenu .p-submenu-list {\n position: absolute;\n min-width: 100%;\n z-index: 1;\n }\n\n .p-contextmenu .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n }\n\n .p-contextmenu .p-menuitem-text {\n line-height: 1;\n }\n\n .p-contextmenu .p-menuitem {\n position: relative;\n }\n\n .p-contextmenu .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n }\n\n .p-contextmenu-enter {\n opacity: 0;\n }\n\n .p-contextmenu-enter-active {\n opacity: 1;\n transition: opacity 250ms;\n }\n}\n"}});function S(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function w(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?S(Object(n),!0).forEach((function(t){y(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):S(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var j=m.memo(m.forwardRef((function(e,t){var n=o.useMergeProps(),i=m.useRef(null),l=e.root||!e.resetMenu,s=e.ptm,f=e.cx,p=function(t,n,r){return s(n,{hostName:e.hostName,context:{active:I(t),focused:k(t),disabled:O(t),index:r}})},b=function(t,n){n.disabled||e.isMobileMode?t.preventDefault():e.onItemMouseEnter({originalEvent:t,processedItem:n})},v=function(t,n){var r=n.item;r.disabled?t.preventDefault():(r.url||t.preventDefault(),r.command&&r.command({originalEvent:t,item:r}),e.onItemClick({originalEvent:t,processedItem:n,isFocus:!0}),r.items||e.onLeafClick(t))},x=function(){if(!e.isMobileMode){var t=i.current.parentElement,n=a.DomHandler.getOffset(t),r=a.DomHandler.getViewport(),o=i.current.offsetParent?i.current.offsetWidth:a.DomHandler.getHiddenElementOuterWidth(i.current),u=a.DomHandler.getOuterWidth(t.children[0]),c=parseInt(n.top,10)+i.current.offsetHeight-a.DomHandler.getWindowScrollTop();i.current.style.top=c>r.height?r.height-c+"px":"0px",i.current.style.left=parseInt(n.left,10)+u+o>r.width-a.DomHandler.calculateScrollbarWidth()?-1*o+"px":u+"px"}};o.useUpdateEffect((function(){l&&x()}));var g=function(t){return"".concat(e.menuId,"_").concat(t.key)},h=function(e,t,n){return e&&e.item?a.ObjectUtils.getItemValue(e.item[t],n):void 0},I=function(t){return e.activeItemPath&&e.activeItemPath.some((function(e){return e.key===t.key}))},E=function(e){return!1!==h(e,"visible")},O=function(e){return h(e,"disabled")},k=function(t){return e.focusedItemId===g(t)},S=function(e){return a.ObjectUtils.isNotEmpty(e.items)},P=function(t){return t-e.model.slice(0,t).filter((function(e){return E(e)&&h(e,"separator")})).length+1};m.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return i.current}}}));var D=function(t){var r=e.id+"_separator_"+t,o=n({id:r,key:r,className:f("separator"),role:"separator"},s("separator",{hostName:e.hostName}));return m.createElement("li",o)},N=function(t,n){return S(t)?m.createElement(j,{id:e.id+"_"+n,role:"menu",menuId:e.menuId,focusedItemId:e.focusedItemId,activeItemPath:e.activeItemPath,level:e.level+1,hostName:e.hostName,ariaLabelledby:g(t),menuProps:e.menuProps,model:t.items,resetMenu:!I(t),onLeafClick:e.onLeafClick,onItemClick:e.onItemClick,onItemMouseEnter:e.onItemMouseEnter,isMobileMode:e.isMobileMode,submenuIcon:e.submenuIcon,ptm:s,cx:f}):null},H=function(t,r){if(!E(t))return null;var o=t.item,i=I(t),l=O(t),s=k(t),d=S(t),x=g(t),j=n({className:f("icon")},p(t,"icon",r)),D=a.IconUtils.getJSXIcon(o.icon,w({},j),{props:e.menuProps}),H=n({className:f("submenuIcon")},p(t,"submenuIcon",r)),M=n({className:f("label")},p(t,"label",r)),U=h(t,"items")&&a.IconUtils.getJSXIcon(e.submenuIcon||m.createElement(u.AngleRightIcon,H),w({},H),{props:e.menuProps}),C=o.label&&m.createElement("span",M,o.label),L=N(t,r),K=n({href:o.url||"#","aria-hidden":!0,tabIndex:-1,className:f("action",{item:o}),target:o.target},p(t,"action",r)),T=m.createElement("a",K,D,C,U,m.createElement(c.Ripple,null));if(o.template){var R={className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:"p-menuitem-icon",submenuIconClassName:f("submenuIcon"),element:T,props:e,active:i};T=a.ObjectUtils.getJSXElement(o.template,o,R)}var A=n({onClick:function(e){return v(e,t)},onMouseEnter:function(e){return b(e,t)},className:f("content")},p(t,"content",r)),_=n(y({id:x,key:x,role:"menuitem","aria-label":o.label,"aria-disabled":l,"aria-expanded":d?i:void 0,"aria-haspopup":d&&!o.url?"menu":void 0,"aria-level":e.level+1,"aria-setsize":e.model.filter((function(e){return E(e)&&!h(e,"separator")})).length,"aria-posinset":P(r),"data-p-highlight":i,"data-p-focused":s,"data-p-disabled":l,className:f("menuitem",{item:o,active:i,focused:s,disabled:O(o)}),style:o.style},"key",x),p(t,"menuitem",r));return m.createElement("li",_,m.createElement("div",A,T),L)},M=e.model?e.model.map((function(e,t){return e.separator?D(t):H(e,t)})):null,U=n({className:f("menu",{menuProps:e}),onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:e.onKeyDown,"aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledby,"aria-orientation":"vertical","aria-activedescendant":e.ariaActivedescendant,tabIndex:e.tabIndex,role:e.role},s("menu",{hostName:e.hostName})),C=n({classNames:f("submenuTransition"),in:l,timeout:{enter:0,exit:0},unmountOnExit:!0,onEnter:function(){x()}},s("menu.transition",{hostName:e.hostName}));return m.createElement(r.CSSTransition,d({nodeRef:i},C),m.createElement("ul",d({ref:i},U),M))})));function P(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function D(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?P(Object(n),!0).forEach((function(t){y(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}j.displayName="ContextMenuSub";var N=m.memo(m.forwardRef((function(e,u){var c=o.useMergeProps(),l=m.useContext(t.PrimeReactContext),s=k.getProps(e,l),p=O(m.useState(s.id),2),b=p[0],v=p[1],y=O(m.useState(!1),2),x=y[0],g=y[1],h=O(m.useState(!1),2),I=h[0],E=h[1],S=O(m.useState(!1),2),w=S[0],P=S[1],N=O(m.useState(null),2),H=N[0],M=N[1],U=O(m.useState(!1),2),C=U[0],L=U[1],K=O(m.useState(!1),2),T=K[0],R=K[1],A=O(m.useState({index:-1,level:0,parentKey:""}),2),_=A[0],q=A[1],Z=O(m.useState(""),2),W=Z[0],B=Z[1],F=O(m.useState([]),2),z=F[0],V=F[1],X=O(m.useState([]),2),J=X[0],Y=X[1],$=O(m.useState(null),2),G=$[0],Q=$[1],ee=k.setMetaData({props:s,state:{id:b,visible:x,reshow:I,resetMenu:w,attributeSelector:H}}),te=ee.ptm,ne=ee.cx;n.useHandleStyle(k.css.styles,ee.isUnstyled,{name:"contextmenu"});var re=m.useRef(null),oe=m.useRef(null),ie=m.useRef(null),ae=m.useRef(""),ue=m.useRef(null),ce=m.useRef(null),le=o.useMatchMedia("screen and (max-width: ".concat(s.breakpoint,")"),!!s.breakpoint),se=O(o.useEventListener({type:"click",listener:function(e){Pe(e)&&2!==e.button&&(he(e),P(!0))}}),2),me=se[0],fe=se[1],de=O(o.useEventListener({type:"contextmenu",when:s.global,listener:function(e){ge(e)}}),1)[0],pe=O(o.useResizeListener({listener:function(e){x&&!a.DomHandler.isTouchDevice()&&he(e)}}),2),be=pe[0],ve=pe[1],ye=function(){if(!ce.current){ce.current=a.DomHandler.createInlineStyle(l&&l.nonce||f.default.nonce,l&&l.styleContainer);var e="".concat(H),t="\n@media screen and (max-width: ".concat(s.breakpoint,") {\n .p-contextmenu[").concat(e,"] > ul {\n max-height: ").concat(s.scrollHeight,";\n overflow: ").concat(s.scrollHeight?"auto":"",";\n }\n\n .p-contextmenu[").concat(e,"] .p-submenu-list {\n position: relative;\n }\n\n .p-contextmenu[").concat(e,"] .p-menuitem-active > .p-submenu-list {\n left: 0;\n box-shadow: none;\n border-radius: 0;\n padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n }\n\n .p-contextmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n transform: rotate(-180deg);\n }\n\n .p-contextmenu[").concat(e,'] .p-submenu-icon:before {\n content: "\\e930";\n }\n}\n');ce.current.innerHTML=t}},xe=function(){ce.current=a.DomHandler.removeInlineStyle(ce.current)},ge=function(e){B([]),q({index:-1,level:0,parentKey:""}),e.stopPropagation(),e.preventDefault(),ie.current=e,x?E(!0):(g(!0),s.onShow&&s.onShow(ie.current)),Promise.resolve().then((function(){oe.current&&a.DomHandler.focus(oe.current.getElement())}))},he=function(e){ie.current=e,g(!1),E(!1),B([]),q({index:-1,level:0,parentKey:""}),s.onHide&&s.onHide(ie.current)},Ie=function(){a.DomHandler.addStyles(re.current,{position:"absolute"}),s.autoZIndex&&a.ZIndexUtils.set("menu",re.current,l&&l.autoZIndex||f.default.autoZIndex,s.baseZIndex||l&&l.zIndex.menu||f.default.zIndex.menu),Se(ie.current),H&&s.breakpoint&&(re.current.setAttribute(H,""),ye())},Ee=function(){De()},Oe=function(){Ne(),a.ZIndexUtils.clear(re.current)},ke=function(){a.ZIndexUtils.clear(re.current),xe()},Se=function(e){if(e){var t=e.pageX+1,n=e.pageY+1,r=re.current.offsetParent?re.current.offsetWidth:a.DomHandler.getHiddenElementOuterWidth(re.current),o=re.current.offsetParent?re.current.offsetHeight:a.DomHandler.getHiddenElementOuterHeight(re.current),i=a.DomHandler.getViewport();t+r-document.body.scrollLeft>i.width&&(t-=r),n+o-document.body.scrollTop>i.height&&(n-=o),t<document.body.scrollLeft&&(t=document.body.scrollLeft),n<document.body.scrollTop&&(n=document.body.scrollTop),re.current.style.left=t+"px",re.current.style.top=n+"px"}},we=m.useCallback((function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",o=[];return e&&e.forEach((function(e,i){var a=(""!==r?r+"_":"")+i,u={item:e,index:i,level:t,separator:e.separator,key:a,parent:n,parentKey:r};u.items=we(e.items,t+1,u,a),o.push(u)})),o}),[]),je=function(e){P(!0),he(e),e.stopPropagation()},Pe=function(e){return re&&re.current&&!(re.current.isSameNode(e.target)||re.current.contains(e.target))},De=function(){be(),me()},Ne=function(){ve(),fe()};o.useMountEffect((function(){var e=a.UniqueComponentId();!b&&v(e),s.global&&de(),s.breakpoint&&!H&&M(e)})),o.useUpdateEffect((function(){s.global&&de()}),[s.global]),o.useUpdateEffect((function(){return H&&re.current&&(re.current.setAttribute(H,""),ye()),function(){xe()}}),[H,s.breakpoint]),o.useUpdateEffect((function(){x?(g(!1),E(!1),P(!0)):I||x||!w||ge(ie.current)}),[I]),m.useEffect((function(){var e=we(s.model||[],0,null,"");V(e)}),[s.model,we]),o.useUpdateEffect((function(){var e=-1!==_.index?"".concat(b).concat(a.ObjectUtils.isNotEmpty(_.parentKey)?"_"+_.parentKey:"","_").concat(_.index):null;Q(e)}),[_]),o.useUpdateEffect((function(){var e=W&&W.find((function(e){return e.key===_.parentKey}));Y(e?e.items:z)}),[W,_]),o.useUpdateEffect((function(){if(T){var e=-1!==_.index?ot(_.index):st();Ye(e),B(W.filter((function(e){return e.parentKey!==_.parentKey}))),R(!1)}}),[T]),o.useUnmountEffect((function(){a.ZIndexUtils.clear(re.current)})),m.useImperativeHandle(u,(function(){return{props:s,show:ge,hide:he,getElement:function(){return re.current}}}));var He,Me,Ue=function(e){L(!0),q(-1!==_.index?_:{index:-1,level:0,parentKey:""}),s.onFocus&&s.onFocus(e)},Ce=function(e){L(!1),q({index:-1,level:0,parentKey:""}),ae.current="",ae.current="",s.onBlur&&s.onBlur(e)},Le=function(e){var t=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":Ae(e);break;case"ArrowUp":_e(e);break;case"ArrowLeft":qe(e);break;case"ArrowRight":Ze(e);break;case"Home":We(e);break;case"End":Be(e);break;case"Space":ze(e);break;case"Enter":Fe(e);break;case"Escape":Ve(e);break;case"Tab":Xe(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!t&&a.ObjectUtils.isPrintableCharacter(e.key)&&Je(e,e.key)}},Ke=function(e){var t=e.processedItem,n=e.isFocus,r=e.updateState,o=void 0===r||r;if(!a.ObjectUtils.isEmpty(t)){var i=t.index,u=t.key,c=t.level,l=t.parentKey,s=a.ObjectUtils.isNotEmpty(t.items),m=W.filter((function(e){return e.parentKey!==l&&e.parentKey!==u}));s&&o&&(m.push(t),g(!0)),q({index:i,level:c,parentKey:l}),B(m),n&&a.DomHandler.focus(oe.current.getElement())}},Te=function(e){var t=e.processedItem,n=et(t);if(at(t)){var r=t.index,o=t.key,i=t.level,u=t.parentKey;B(W.filter((function(e){return o!==e.key&&o.startsWith(e.key)}))),q({index:r,level:i,parentKey:u}),a.DomHandler.focus(oe.current.getElement())}else n?Ke(e):he()},Re=function(e){Ke(e)},Ae=function(e){var t=-1!==_.index?ot(_.index):st();Ye(t),e.preventDefault()},_e=function(e){if(e.altKey){if(-1!==_.index){var t=J[_.index];!et(t)&&Ke({originalEvent:e,processedItem:t})}e.preventDefault()}else{var n=-1!==_.index?it(_.index):mt();Ye(n),e.preventDefault()}},qe=function(e){var t=J[_.index],n=W.find((function(e){return e.key===t.parentKey}));a.ObjectUtils.isEmpty(t.parent)||(q({index:-1,parentKey:n?n.parentKey:""}),ae.current="",setTimeout((function(){return R(!0)}),0)),e.preventDefault()},Ze=function(e){var t=J[_.index];et(t)&&(Ke({originalEvent:e,processedItem:t}),q({index:-1,parentKey:t.key}),ae.current="",setTimeout((function(){return R(!0)}),0)),e.preventDefault()},We=function(e){Ye(ct()),e.preventDefault()},Be=function(e){Ye(lt()),e.preventDefault()},Fe=function(e){if(-1!==_.index){var t=a.DomHandler.findSingle(oe.current.getElement(),'li[id="'.concat("".concat(G),'"]')),n=t&&a.DomHandler.findSingle(t,'a[data-pc-section="action"]');n?n.click():t&&t.click(),!et(J[_.index])&&q(D(D({},_),{},{index:st()}))}e.preventDefault()},ze=function(e){Fe(e)},Ve=function(e){he(),q({focusedItemInfo:_,index:st()}),e.preventDefault()},Xe=function(e){if(-1!==_.index){var t=J[_.index];!et(t)&&Ke({originalEvent:e,processedItem:t})}he()},Je=function(e,t){ae.current=ae.current||""+t;var n=-1,r=!1;return-1!==(n=-1!==_.index?-1===(n=J.slice(_.index).findIndex((function(e){return rt(e)})))?J.slice(0,_.index).findIndex((function(e){return rt(e)})):n+_.index:J.findIndex((function(e){return rt(e)})))&&(r=!0),-1===n&&-1===_.index&&(n=st()),-1!==n&&Ye(n),ue.current&&clearTimeout(ue.current),ue.current=setTimeout((function(){ae.current="",ue.current=null}),500),r},Ye=function(e){_.index!==e&&(q(D(D({},_),{},{index:e})),$e())},$e=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,t=-1!==e?"".concat(b,"_").concat(e):G,n=a.DomHandler.findSingle(oe.current.getElement(),'li[id="'.concat(t,'"]'));n&&n.scrollIntoView&&n.scrollIntoView({block:"nearest",inline:"start"})},Ge=function(e,t){return e?a.ObjectUtils.getItemValue(e[t]):void 0},Qe=function(e){return e?Ge(e.item,"label"):void 0},et=function(e){return e&&a.ObjectUtils.isNotEmpty(e.items)},tt=function(e){return Ge(e,"separator")},nt=function(e){return!!e&&!Ge(e.item,"disabled")&&!tt(e.item)},rt=function(e){return nt(e)&&Qe(e).toLocaleLowerCase().startsWith(ae.current.toLocaleLowerCase())},ot=function(e){var t=e<J.length-1?J.slice(e+1).findIndex((function(e){return nt(e)})):-1;return t>-1?t+e+1:e},it=function(e){var t=e>0?a.ObjectUtils.findLastIndex(J.slice(0,e),(function(e){return nt(e)})):-1;return t>-1?t:e},at=function(e){return W&&W.some((function(t){return t.key===e.key}))},ut=function(e){return nt(e)&&at(e)},ct=function(){return J.findIndex((function(e){return nt(e)}))},lt=function(){return a.ObjectUtils.findLastIndex(J,(function(e){return nt(e)}))},st=function(){var e=ft();return e<0?ct():e},mt=function(){var e=ft();return e<0?lt():e},ft=function(){return J.findIndex((function(e){return ut(e)}))},dt=(He=c({id:s.id,className:a.classNames(s.className,ne("root",{context:l})),style:s.style,onClick:function(e){P(!1)},onMouseEnter:function(e){P(!1)}},k.getOtherProps(s),te("root")),Me=c({classNames:ne("transition"),in:x,timeout:{enter:250,exit:0},options:s.transitionOptions,unmountOnExit:!0,onEnter:Ie,onEntered:Ee,onExit:Oe,onExited:ke},te("transition")),m.createElement(r.CSSTransition,d({nodeRef:re},Me),m.createElement("div",d({ref:re},He),m.createElement(j,{ref:oe,ariaLabel:s.ariaLabel,ariaLabelledby:s.ariaLabelledby,activeItemPath:W,hostName:"ContextMenu",id:b+"_list",role:"menubar",tabIndex:s.tabIndex||0,ariaActivedescendant:C?G:void 0,menuId:b,focusedItemId:C?G:void 0,menuProps:s,model:z,level:0,root:!0,onItemClick:Te,onItemMouseEnter:Re,onFocus:Ue,onBlur:Ce,onKeyDown:Le,resetMenu:w,onLeafClick:je,isMobileMode:le,submenuIcon:s.submenuIcon,ptm:te,cx:ne}))));return m.createElement(i.Portal,{element:dt,appendTo:s.appendTo})})));N.displayName="ContextMenu",exports.ContextMenu=N;
|
|
@@ -690,7 +690,7 @@ var ContextMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
|
|
|
690
690
|
menuRef.current.style.top = top + 'px';
|
|
691
691
|
}
|
|
692
692
|
};
|
|
693
|
-
var createProcessedItems = function
|
|
693
|
+
var createProcessedItems = React.useCallback(function (items, level) {
|
|
694
694
|
var parent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
|
|
695
695
|
var parentKey = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';
|
|
696
696
|
var processedItems = [];
|
|
@@ -709,7 +709,7 @@ var ContextMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
|
|
|
709
709
|
processedItems.push(newItem);
|
|
710
710
|
});
|
|
711
711
|
return processedItems;
|
|
712
|
-
};
|
|
712
|
+
}, []);
|
|
713
713
|
var onLeafClick = function onLeafClick(event) {
|
|
714
714
|
setResetMenuState(true);
|
|
715
715
|
hide(event);
|
|
@@ -757,11 +757,11 @@ var ContextMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
|
|
|
757
757
|
show(currentEvent.current);
|
|
758
758
|
}
|
|
759
759
|
}, [reshowState]);
|
|
760
|
-
|
|
760
|
+
React.useEffect(function () {
|
|
761
761
|
var itemsToProcess = props.model || [];
|
|
762
762
|
var processed = createProcessedItems(itemsToProcess, 0, null, '');
|
|
763
763
|
setProcessedItems(processed);
|
|
764
|
-
}, [props.model]);
|
|
764
|
+
}, [props.model, createProcessedItems]);
|
|
765
765
|
useUpdateEffect(function () {
|
|
766
766
|
var _focusedItemId = focusedItemInfo.index !== -1 ? "".concat(idState).concat(ObjectUtils.isNotEmpty(focusedItemInfo.parentKey) ? '_' + focusedItemInfo.parentKey : '', "_").concat(focusedItemInfo.index) : null;
|
|
767
767
|
setFocusedItemId(_focusedItemId);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import n,{PrimeReactContext as t}from"primereact/api";import{ComponentBase as r,useHandleStyle as o}from"primereact/componentbase";import{CSSTransition as i}from"primereact/csstransition";import{useMergeProps as a,useUpdateEffect as u,useMatchMedia as c,useEventListener as l,useResizeListener as s,useMountEffect as m,useUnmountEffect as f}from"primereact/hooks";import{Portal as p}from"primereact/portal";import{classNames as d,DomHandler as b,IconUtils as v,ObjectUtils as y,UniqueComponentId as x,ZIndexUtils as g}from"primereact/utils";import{AngleRightIcon as h}from"primereact/icons/angleright";import{Ripple as I}from"primereact/ripple";function E(){return E=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},E.apply(this,arguments)}function k(e){return k="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},k(e)}function w(e,n){if("object"!==k(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==k(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function O(e){var n=w(e,"string");return"symbol"===k(n)?n:String(n)}function S(e,n,t){return(n=O(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function P(e){if(Array.isArray(e))return e}function N(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,a,u=[],c=!0,l=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=i.call(t)).done)&&(u.push(r.value),u.length!==n);c=!0);}catch(e){l=!0,o=e}finally{try{if(!c&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(l)throw o}}return u}}function j(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function D(e,n){if(e){if("string"==typeof e)return j(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?j(e,n):void 0}}function K(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function M(e,n){return P(e)||N(e,n)||D(e,n)||K()}var L=r.extend({defaultProps:{__TYPE:"ContextMenu",id:null,ariaLabel:null,ariaLabelledby:null,model:null,style:null,className:null,global:!1,autoZIndex:!0,baseZIndex:0,tabIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onFocus:null,onBlur:null,onShow:null,onHide:null,submenuIcon:null,children:void 0},css:{classes:{root:function(e){var t=e.context;return d("p-contextmenu p-component",{"p-input-filled":t&&"filled"===t.inputStyle||"filled"===n.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===n.ripple})},menu:function(e){var n=e.menuProps;return d({" p-contextmenu-root-list":n.root,"p-submenu-list":!n.root})},menuitem:function(e){return d("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled},e.item.className)},action:function(e){return d("p-menuitem-link",{"p-disabled":e.item.disabled})},content:"p-menuitem-content",icon:"p-menuitem-icon",submenuIcon:"p-submenu-icon",label:"p-menuitem-text",separator:"p-menuitem-separator",transition:"p-contextmenu",submenuTransition:"p-contextmenusub"},styles:"\n@layer primereact {\n .p-contextmenu ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-contextmenu .p-submenu-list {\n position: absolute;\n min-width: 100%;\n z-index: 1;\n }\n\n .p-contextmenu .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n }\n\n .p-contextmenu .p-menuitem-text {\n line-height: 1;\n }\n\n .p-contextmenu .p-menuitem {\n position: relative;\n }\n\n .p-contextmenu .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n }\n\n .p-contextmenu-enter {\n opacity: 0;\n }\n\n .p-contextmenu-enter-active {\n opacity: 1;\n transition: opacity 250ms;\n }\n}\n"}});function C(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function T(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?C(Object(t),!0).forEach((function(n){S(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):C(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var H=e.memo(e.forwardRef((function(n,t){var r=a(),o=e.useRef(null),c=n.root||!n.resetMenu,l=n.ptm,s=n.cx,m=function(e,t,r){return l(t,{hostName:n.hostName,context:{active:k(e),focused:P(e),disabled:O(e),index:r}})},f=function(e,t){t.disabled||n.isMobileMode?e.preventDefault():n.onItemMouseEnter({originalEvent:e,processedItem:t})},p=function(e,t){var r=t.item;r.disabled?e.preventDefault():(r.url||e.preventDefault(),r.command&&r.command({originalEvent:e,item:r}),n.onItemClick({originalEvent:e,processedItem:t,isFocus:!0}),r.items||n.onLeafClick(e))},d=function(){if(!n.isMobileMode){var e=o.current.parentElement,t=b.getOffset(e),r=b.getViewport(),i=o.current.offsetParent?o.current.offsetWidth:b.getHiddenElementOuterWidth(o.current),a=b.getOuterWidth(e.children[0]),u=parseInt(t.top,10)+o.current.offsetHeight-b.getWindowScrollTop();o.current.style.top=u>r.height?r.height-u+"px":"0px",o.current.style.left=parseInt(t.left,10)+a+i>r.width-b.calculateScrollbarWidth()?-1*i+"px":a+"px"}};u((function(){c&&d()}));var x=function(e){return"".concat(n.menuId,"_").concat(e.key)},g=function(e,n,t){return e&&e.item?y.getItemValue(e.item[n],t):void 0},k=function(e){return n.activeItemPath&&n.activeItemPath.some((function(n){return n.key===e.key}))},w=function(e){return!1!==g(e,"visible")},O=function(e){return g(e,"disabled")},P=function(e){return n.focusedItemId===x(e)},N=function(e){return y.isNotEmpty(e.items)},j=function(e){return e-n.model.slice(0,e).filter((function(e){return w(e)&&g(e,"separator")})).length+1};e.useImperativeHandle(t,(function(){return{props:n,getElement:function(){return o.current}}}));var D=function(t){var o=n.id+"_separator_"+t,i=r({id:o,key:o,className:s("separator"),role:"separator"},l("separator",{hostName:n.hostName}));return e.createElement("li",i)},K=function(t,r){return N(t)?e.createElement(H,{id:n.id+"_"+r,role:"menu",menuId:n.menuId,focusedItemId:n.focusedItemId,activeItemPath:n.activeItemPath,level:n.level+1,hostName:n.hostName,ariaLabelledby:x(t),menuProps:n.menuProps,model:t.items,resetMenu:!k(t),onLeafClick:n.onLeafClick,onItemClick:n.onItemClick,onItemMouseEnter:n.onItemMouseEnter,isMobileMode:n.isMobileMode,submenuIcon:n.submenuIcon,ptm:l,cx:s}):null},M=function(t,o){if(!w(t))return null;var i=t.item,a=k(t),u=O(t),c=P(t),l=N(t),d=x(t),b=r({className:s("icon")},m(t,"icon",o)),E=v.getJSXIcon(i.icon,T({},b),{props:n.menuProps}),D=r({className:s("submenuIcon")},m(t,"submenuIcon",o)),M=r({className:s("label")},m(t,"label",o)),L=g(t,"items")&&v.getJSXIcon(n.submenuIcon||e.createElement(h,D),T({},D),{props:n.menuProps}),C=i.label&&e.createElement("span",M,i.label),H=K(t,o),A=r({href:i.url||"#","aria-hidden":!0,tabIndex:-1,className:s("action",{item:i}),target:i.target},m(t,"action",o)),R=e.createElement("a",A,E,C,L,e.createElement(I,null));if(i.template){var _={className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:"p-menuitem-icon",submenuIconClassName:s("submenuIcon"),element:R,props:n,active:a};R=y.getJSXElement(i.template,i,_)}var W=r({onClick:function(e){return p(e,t)},onMouseEnter:function(e){return f(e,t)},className:s("content")},m(t,"content",o)),F=r(S({id:d,key:d,role:"menuitem","aria-label":i.label,"aria-disabled":u,"aria-expanded":l?a:void 0,"aria-haspopup":l&&!i.url?"menu":void 0,"aria-level":n.level+1,"aria-setsize":n.model.filter((function(e){return w(e)&&!g(e,"separator")})).length,"aria-posinset":j(o),"data-p-highlight":a,"data-p-focused":c,"data-p-disabled":u,className:s("menuitem",{item:i,active:a,focused:c,disabled:O(i)}),style:i.style},"key",d),m(t,"menuitem",o));return e.createElement("li",F,e.createElement("div",W,R),H)},L=n.model?n.model.map((function(e,n){return e.separator?D(n):M(e,n)})):null,C=r({className:s("menu",{menuProps:n}),onFocus:n.onFocus,onBlur:n.onBlur,onKeyDown:n.onKeyDown,"aria-label":n.ariaLabel,"aria-labelledby":n.ariaLabelledby,"aria-orientation":"vertical","aria-activedescendant":n.ariaActivedescendant,tabIndex:n.tabIndex,role:n.role},l("menu",{hostName:n.hostName})),A=r({classNames:s("submenuTransition"),in:c,timeout:{enter:0,exit:0},unmountOnExit:!0,onEnter:function(){d()}},l("menu.transition",{hostName:n.hostName}));return e.createElement(i,E({nodeRef:o},A),e.createElement("ul",E({ref:o},C),L))})));function A(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function R(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?A(Object(t),!0).forEach((function(n){S(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):A(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}H.displayName="ContextMenuSub";var _=e.memo(e.forwardRef((function(r,v){var h=a(),I=e.useContext(t),k=L.getProps(r,I),w=M(e.useState(k.id),2),O=w[0],S=w[1],P=M(e.useState(!1),2),N=P[0],j=P[1],D=M(e.useState(!1),2),K=D[0],C=D[1],T=M(e.useState(!1),2),A=T[0],_=T[1],W=M(e.useState(null),2),F=W[0],B=W[1],V=M(e.useState(!1),2),Z=V[0],z=V[1],U=M(e.useState(!1),2),X=U[0],J=U[1],Y=M(e.useState({index:-1,level:0,parentKey:""}),2),$=Y[0],q=Y[1],G=M(e.useState(""),2),Q=G[0],ee=G[1],ne=M(e.useState([]),2),te=ne[0],re=ne[1],oe=M(e.useState([]),2),ie=oe[0],ae=oe[1],ue=M(e.useState(null),2),ce=ue[0],le=ue[1],se=L.setMetaData({props:k,state:{id:O,visible:N,reshow:K,resetMenu:A,attributeSelector:F}}),me=se.ptm,fe=se.cx;o(L.css.styles,se.isUnstyled,{name:"contextmenu"});var pe=e.useRef(null),de=e.useRef(null),be=e.useRef(null),ve=e.useRef(""),ye=e.useRef(null),xe=e.useRef(null),ge=c("screen and (max-width: ".concat(k.breakpoint,")"),!!k.breakpoint),he=M(l({type:"click",listener:function(e){Re(e)&&2!==e.button&&(De(e),_(!0))}}),2),Ie=he[0],Ee=he[1],ke=M(l({type:"contextmenu",when:k.global,listener:function(e){je(e)}}),1)[0],we=M(s({listener:function(e){N&&!b.isTouchDevice()&&De(e)}}),2),Oe=we[0],Se=we[1],Pe=function(){if(!xe.current){xe.current=b.createInlineStyle(I&&I.nonce||n.nonce,I&&I.styleContainer);var e="".concat(F),t="\n@media screen and (max-width: ".concat(k.breakpoint,") {\n .p-contextmenu[").concat(e,"] > ul {\n max-height: ").concat(k.scrollHeight,";\n overflow: ").concat(k.scrollHeight?"auto":"",";\n }\n\n .p-contextmenu[").concat(e,"] .p-submenu-list {\n position: relative;\n }\n\n .p-contextmenu[").concat(e,"] .p-menuitem-active > .p-submenu-list {\n left: 0;\n box-shadow: none;\n border-radius: 0;\n padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n }\n\n .p-contextmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n transform: rotate(-180deg);\n }\n\n .p-contextmenu[").concat(e,'] .p-submenu-icon:before {\n content: "\\e930";\n }\n}\n');xe.current.innerHTML=t}},Ne=function(){xe.current=b.removeInlineStyle(xe.current)},je=function(e){ee([]),q({index:-1,level:0,parentKey:""}),e.stopPropagation(),e.preventDefault(),be.current=e,N?C(!0):(j(!0),k.onShow&&k.onShow(be.current)),Promise.resolve().then((function(){de.current&&b.focus(de.current.getElement())}))},De=function(e){be.current=e,j(!1),C(!1),ee([]),q({index:-1,level:0,parentKey:""}),k.onHide&&k.onHide(be.current)},Ke=function(){b.addStyles(pe.current,{position:"absolute"}),k.autoZIndex&&g.set("menu",pe.current,I&&I.autoZIndex||n.autoZIndex,k.baseZIndex||I&&I.zIndex.menu||n.zIndex.menu),Te(be.current),F&&k.breakpoint&&(pe.current.setAttribute(F,""),Pe())},Me=function(){_e()},Le=function(){We(),g.clear(pe.current)},Ce=function(){g.clear(pe.current),Ne()},Te=function(e){if(e){var n=e.pageX+1,t=e.pageY+1,r=pe.current.offsetParent?pe.current.offsetWidth:b.getHiddenElementOuterWidth(pe.current),o=pe.current.offsetParent?pe.current.offsetHeight:b.getHiddenElementOuterHeight(pe.current),i=b.getViewport();n+r-document.body.scrollLeft>i.width&&(n-=r),t+o-document.body.scrollTop>i.height&&(t-=o),n<document.body.scrollLeft&&(n=document.body.scrollLeft),t<document.body.scrollTop&&(t=document.body.scrollTop),pe.current.style.left=n+"px",pe.current.style.top=t+"px"}},He=function e(n,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",i=[];return n&&n.forEach((function(n,a){var u=(""!==o?o+"_":"")+a,c={item:n,index:a,level:t,separator:n.separator,key:u,parent:r,parentKey:o};c.items=e(n.items,t+1,c,u),i.push(c)})),i},Ae=function(e){_(!0),De(e),e.stopPropagation()},Re=function(e){return pe&&pe.current&&!(pe.current.isSameNode(e.target)||pe.current.contains(e.target))},_e=function(){Oe(),Ie()},We=function(){Se(),Ee()};m((function(){var e=x();!O&&S(e),k.global&&ke(),k.breakpoint&&!F&&B(e)})),u((function(){k.global&&ke()}),[k.global]),u((function(){return F&&pe.current&&(pe.current.setAttribute(F,""),Pe()),function(){Ne()}}),[F,k.breakpoint]),u((function(){N?(j(!1),C(!1),_(!0)):K||N||!A||je(be.current)}),[K]),u((function(){var e=He(k.model||[],0,null,"");re(e)}),[k.model]),u((function(){var e=-1!==$.index?"".concat(O).concat(y.isNotEmpty($.parentKey)?"_"+$.parentKey:"","_").concat($.index):null;le(e)}),[$]),u((function(){var e=Q&&Q.find((function(e){return e.key===$.parentKey}));ae(e?e.items:te)}),[Q,$]),u((function(){if(X){var e=-1!==$.index?bn($.index):In();un(e),ee(Q.filter((function(e){return e.parentKey!==$.parentKey}))),J(!1)}}),[X]),f((function(){g.clear(pe.current)})),e.useImperativeHandle(v,(function(){return{props:k,show:je,hide:De,getElement:function(){return pe.current}}}));var Fe,Be,Ve=function(e){z(!0),q(-1!==$.index?$:{index:-1,level:0,parentKey:""}),k.onFocus&&k.onFocus(e)},Ze=function(e){z(!1),q({index:-1,level:0,parentKey:""}),ve.current="",ve.current="",k.onBlur&&k.onBlur(e)},ze=function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":Ye(e);break;case"ArrowUp":$e(e);break;case"ArrowLeft":qe(e);break;case"ArrowRight":Ge(e);break;case"Home":Qe(e);break;case"End":en(e);break;case"Space":tn(e);break;case"Enter":nn(e);break;case"Escape":rn(e);break;case"Tab":on(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&y.isPrintableCharacter(e.key)&&an(e,e.key)}},Ue=function(e){var n=e.processedItem,t=e.isFocus,r=e.updateState,o=void 0===r||r;if(!y.isEmpty(n)){var i=n.index,a=n.key,u=n.level,c=n.parentKey,l=y.isNotEmpty(n.items),s=Q.filter((function(e){return e.parentKey!==c&&e.parentKey!==a}));l&&o&&(s.push(n),j(!0)),q({index:i,level:u,parentKey:c}),ee(s),t&&b.focus(de.current.getElement())}},Xe=function(e){var n=e.processedItem,t=mn(n);if(yn(n)){var r=n.index,o=n.key,i=n.level,a=n.parentKey;ee(Q.filter((function(e){return o!==e.key&&o.startsWith(e.key)}))),q({index:r,level:i,parentKey:a}),b.focus(de.current.getElement())}else t?Ue(e):De()},Je=function(e){Ue(e)},Ye=function(e){var n=-1!==$.index?bn($.index):In();un(n),e.preventDefault()},$e=function(e){if(e.altKey){if(-1!==$.index){var n=ie[$.index];!mn(n)&&Ue({originalEvent:e,processedItem:n})}e.preventDefault()}else{var t=-1!==$.index?vn($.index):En();un(t),e.preventDefault()}},qe=function(e){var n=ie[$.index],t=Q.find((function(e){return e.key===n.parentKey}));y.isEmpty(n.parent)||(q({index:-1,parentKey:t?t.parentKey:""}),ve.current="",setTimeout((function(){return J(!0)}),0)),e.preventDefault()},Ge=function(e){var n=ie[$.index];mn(n)&&(Ue({originalEvent:e,processedItem:n}),q({index:-1,parentKey:n.key}),ve.current="",setTimeout((function(){return J(!0)}),0)),e.preventDefault()},Qe=function(e){un(gn()),e.preventDefault()},en=function(e){un(hn()),e.preventDefault()},nn=function(e){if(-1!==$.index){var n=b.findSingle(de.current.getElement(),'li[id="'.concat("".concat(ce),'"]')),t=n&&b.findSingle(n,'a[data-pc-section="action"]');t?t.click():n&&n.click(),!mn(ie[$.index])&&q(R(R({},$),{},{index:In()}))}e.preventDefault()},tn=function(e){nn(e)},rn=function(e){De(),q({focusedItemInfo:$,index:In()}),e.preventDefault()},on=function(e){if(-1!==$.index){var n=ie[$.index];!mn(n)&&Ue({originalEvent:e,processedItem:n})}De()},an=function(e,n){ve.current=ve.current||""+n;var t=-1,r=!1;return-1!==(t=-1!==$.index?-1===(t=ie.slice($.index).findIndex((function(e){return dn(e)})))?ie.slice(0,$.index).findIndex((function(e){return dn(e)})):t+$.index:ie.findIndex((function(e){return dn(e)})))&&(r=!0),-1===t&&-1===$.index&&(t=In()),-1!==t&&un(t),ye.current&&clearTimeout(ye.current),ye.current=setTimeout((function(){ve.current="",ye.current=null}),500),r},un=function(e){$.index!==e&&(q(R(R({},$),{},{index:e})),cn())},cn=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(O,"_").concat(e):ce,t=b.findSingle(de.current.getElement(),'li[id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},ln=function(e,n){return e?y.getItemValue(e[n]):void 0},sn=function(e){return e?ln(e.item,"label"):void 0},mn=function(e){return e&&y.isNotEmpty(e.items)},fn=function(e){return ln(e,"separator")},pn=function(e){return!!e&&!ln(e.item,"disabled")&&!fn(e.item)},dn=function(e){return pn(e)&&sn(e).toLocaleLowerCase().startsWith(ve.current.toLocaleLowerCase())},bn=function(e){var n=e<ie.length-1?ie.slice(e+1).findIndex((function(e){return pn(e)})):-1;return n>-1?n+e+1:e},vn=function(e){var n=e>0?y.findLastIndex(ie.slice(0,e),(function(e){return pn(e)})):-1;return n>-1?n:e},yn=function(e){return Q&&Q.some((function(n){return n.key===e.key}))},xn=function(e){return pn(e)&&yn(e)},gn=function(){return ie.findIndex((function(e){return pn(e)}))},hn=function(){return y.findLastIndex(ie,(function(e){return pn(e)}))},In=function(){var e=kn();return e<0?gn():e},En=function(){var e=kn();return e<0?hn():e},kn=function(){return ie.findIndex((function(e){return xn(e)}))},wn=(Fe=h({id:k.id,className:d(k.className,fe("root",{context:I})),style:k.style,onClick:function(e){_(!1)},onMouseEnter:function(e){_(!1)}},L.getOtherProps(k),me("root")),Be=h({classNames:fe("transition"),in:N,timeout:{enter:250,exit:0},options:k.transitionOptions,unmountOnExit:!0,onEnter:Ke,onEntered:Me,onExit:Le,onExited:Ce},me("transition")),e.createElement(i,E({nodeRef:pe},Be),e.createElement("div",E({ref:pe},Fe),e.createElement(H,{ref:de,ariaLabel:k.ariaLabel,ariaLabelledby:k.ariaLabelledby,activeItemPath:Q,hostName:"ContextMenu",id:O+"_list",role:"menubar",tabIndex:k.tabIndex||0,ariaActivedescendant:Z?ce:void 0,menuId:O,focusedItemId:Z?ce:void 0,menuProps:k,model:te,level:0,root:!0,onItemClick:Xe,onItemMouseEnter:Je,onFocus:Ve,onBlur:Ze,onKeyDown:ze,resetMenu:A,onLeafClick:Ae,isMobileMode:ge,submenuIcon:k.submenuIcon,ptm:me,cx:fe}))));return e.createElement(p,{element:wn,appendTo:k.appendTo})})));_.displayName="ContextMenu";export{_ as ContextMenu};
|
|
1
|
+
import*as e from"react";import n,{PrimeReactContext as t}from"primereact/api";import{ComponentBase as r,useHandleStyle as o}from"primereact/componentbase";import{CSSTransition as i}from"primereact/csstransition";import{useMergeProps as a,useUpdateEffect as u,useMatchMedia as c,useEventListener as l,useResizeListener as s,useMountEffect as m,useUnmountEffect as f}from"primereact/hooks";import{Portal as p}from"primereact/portal";import{classNames as d,DomHandler as b,IconUtils as v,ObjectUtils as y,UniqueComponentId as x,ZIndexUtils as g}from"primereact/utils";import{AngleRightIcon as h}from"primereact/icons/angleright";import{Ripple as I}from"primereact/ripple";function E(){return E=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},E.apply(this,arguments)}function k(e){return k="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},k(e)}function w(e,n){if("object"!==k(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==k(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function O(e){var n=w(e,"string");return"symbol"===k(n)?n:String(n)}function S(e,n,t){return(n=O(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function P(e){if(Array.isArray(e))return e}function N(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,a,u=[],c=!0,l=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=i.call(t)).done)&&(u.push(r.value),u.length!==n);c=!0);}catch(e){l=!0,o=e}finally{try{if(!c&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(l)throw o}}return u}}function j(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function D(e,n){if(e){if("string"==typeof e)return j(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?j(e,n):void 0}}function K(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function M(e,n){return P(e)||N(e,n)||D(e,n)||K()}var L=r.extend({defaultProps:{__TYPE:"ContextMenu",id:null,ariaLabel:null,ariaLabelledby:null,model:null,style:null,className:null,global:!1,autoZIndex:!0,baseZIndex:0,tabIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onFocus:null,onBlur:null,onShow:null,onHide:null,submenuIcon:null,children:void 0},css:{classes:{root:function(e){var t=e.context;return d("p-contextmenu p-component",{"p-input-filled":t&&"filled"===t.inputStyle||"filled"===n.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===n.ripple})},menu:function(e){var n=e.menuProps;return d({" p-contextmenu-root-list":n.root,"p-submenu-list":!n.root})},menuitem:function(e){return d("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled},e.item.className)},action:function(e){return d("p-menuitem-link",{"p-disabled":e.item.disabled})},content:"p-menuitem-content",icon:"p-menuitem-icon",submenuIcon:"p-submenu-icon",label:"p-menuitem-text",separator:"p-menuitem-separator",transition:"p-contextmenu",submenuTransition:"p-contextmenusub"},styles:"\n@layer primereact {\n .p-contextmenu ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-contextmenu .p-submenu-list {\n position: absolute;\n min-width: 100%;\n z-index: 1;\n }\n\n .p-contextmenu .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n }\n\n .p-contextmenu .p-menuitem-text {\n line-height: 1;\n }\n\n .p-contextmenu .p-menuitem {\n position: relative;\n }\n\n .p-contextmenu .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n }\n\n .p-contextmenu-enter {\n opacity: 0;\n }\n\n .p-contextmenu-enter-active {\n opacity: 1;\n transition: opacity 250ms;\n }\n}\n"}});function C(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function T(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?C(Object(t),!0).forEach((function(n){S(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):C(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var H=e.memo(e.forwardRef((function(n,t){var r=a(),o=e.useRef(null),c=n.root||!n.resetMenu,l=n.ptm,s=n.cx,m=function(e,t,r){return l(t,{hostName:n.hostName,context:{active:k(e),focused:P(e),disabled:O(e),index:r}})},f=function(e,t){t.disabled||n.isMobileMode?e.preventDefault():n.onItemMouseEnter({originalEvent:e,processedItem:t})},p=function(e,t){var r=t.item;r.disabled?e.preventDefault():(r.url||e.preventDefault(),r.command&&r.command({originalEvent:e,item:r}),n.onItemClick({originalEvent:e,processedItem:t,isFocus:!0}),r.items||n.onLeafClick(e))},d=function(){if(!n.isMobileMode){var e=o.current.parentElement,t=b.getOffset(e),r=b.getViewport(),i=o.current.offsetParent?o.current.offsetWidth:b.getHiddenElementOuterWidth(o.current),a=b.getOuterWidth(e.children[0]),u=parseInt(t.top,10)+o.current.offsetHeight-b.getWindowScrollTop();o.current.style.top=u>r.height?r.height-u+"px":"0px",o.current.style.left=parseInt(t.left,10)+a+i>r.width-b.calculateScrollbarWidth()?-1*i+"px":a+"px"}};u((function(){c&&d()}));var x=function(e){return"".concat(n.menuId,"_").concat(e.key)},g=function(e,n,t){return e&&e.item?y.getItemValue(e.item[n],t):void 0},k=function(e){return n.activeItemPath&&n.activeItemPath.some((function(n){return n.key===e.key}))},w=function(e){return!1!==g(e,"visible")},O=function(e){return g(e,"disabled")},P=function(e){return n.focusedItemId===x(e)},N=function(e){return y.isNotEmpty(e.items)},j=function(e){return e-n.model.slice(0,e).filter((function(e){return w(e)&&g(e,"separator")})).length+1};e.useImperativeHandle(t,(function(){return{props:n,getElement:function(){return o.current}}}));var D=function(t){var o=n.id+"_separator_"+t,i=r({id:o,key:o,className:s("separator"),role:"separator"},l("separator",{hostName:n.hostName}));return e.createElement("li",i)},K=function(t,r){return N(t)?e.createElement(H,{id:n.id+"_"+r,role:"menu",menuId:n.menuId,focusedItemId:n.focusedItemId,activeItemPath:n.activeItemPath,level:n.level+1,hostName:n.hostName,ariaLabelledby:x(t),menuProps:n.menuProps,model:t.items,resetMenu:!k(t),onLeafClick:n.onLeafClick,onItemClick:n.onItemClick,onItemMouseEnter:n.onItemMouseEnter,isMobileMode:n.isMobileMode,submenuIcon:n.submenuIcon,ptm:l,cx:s}):null},M=function(t,o){if(!w(t))return null;var i=t.item,a=k(t),u=O(t),c=P(t),l=N(t),d=x(t),b=r({className:s("icon")},m(t,"icon",o)),E=v.getJSXIcon(i.icon,T({},b),{props:n.menuProps}),D=r({className:s("submenuIcon")},m(t,"submenuIcon",o)),M=r({className:s("label")},m(t,"label",o)),L=g(t,"items")&&v.getJSXIcon(n.submenuIcon||e.createElement(h,D),T({},D),{props:n.menuProps}),C=i.label&&e.createElement("span",M,i.label),H=K(t,o),A=r({href:i.url||"#","aria-hidden":!0,tabIndex:-1,className:s("action",{item:i}),target:i.target},m(t,"action",o)),R=e.createElement("a",A,E,C,L,e.createElement(I,null));if(i.template){var _={className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:"p-menuitem-icon",submenuIconClassName:s("submenuIcon"),element:R,props:n,active:a};R=y.getJSXElement(i.template,i,_)}var W=r({onClick:function(e){return p(e,t)},onMouseEnter:function(e){return f(e,t)},className:s("content")},m(t,"content",o)),F=r(S({id:d,key:d,role:"menuitem","aria-label":i.label,"aria-disabled":u,"aria-expanded":l?a:void 0,"aria-haspopup":l&&!i.url?"menu":void 0,"aria-level":n.level+1,"aria-setsize":n.model.filter((function(e){return w(e)&&!g(e,"separator")})).length,"aria-posinset":j(o),"data-p-highlight":a,"data-p-focused":c,"data-p-disabled":u,className:s("menuitem",{item:i,active:a,focused:c,disabled:O(i)}),style:i.style},"key",d),m(t,"menuitem",o));return e.createElement("li",F,e.createElement("div",W,R),H)},L=n.model?n.model.map((function(e,n){return e.separator?D(n):M(e,n)})):null,C=r({className:s("menu",{menuProps:n}),onFocus:n.onFocus,onBlur:n.onBlur,onKeyDown:n.onKeyDown,"aria-label":n.ariaLabel,"aria-labelledby":n.ariaLabelledby,"aria-orientation":"vertical","aria-activedescendant":n.ariaActivedescendant,tabIndex:n.tabIndex,role:n.role},l("menu",{hostName:n.hostName})),A=r({classNames:s("submenuTransition"),in:c,timeout:{enter:0,exit:0},unmountOnExit:!0,onEnter:function(){d()}},l("menu.transition",{hostName:n.hostName}));return e.createElement(i,E({nodeRef:o},A),e.createElement("ul",E({ref:o},C),L))})));function A(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function R(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?A(Object(t),!0).forEach((function(n){S(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):A(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}H.displayName="ContextMenuSub";var _=e.memo(e.forwardRef((function(r,v){var h=a(),I=e.useContext(t),k=L.getProps(r,I),w=M(e.useState(k.id),2),O=w[0],S=w[1],P=M(e.useState(!1),2),N=P[0],j=P[1],D=M(e.useState(!1),2),K=D[0],C=D[1],T=M(e.useState(!1),2),A=T[0],_=T[1],W=M(e.useState(null),2),F=W[0],B=W[1],V=M(e.useState(!1),2),Z=V[0],z=V[1],U=M(e.useState(!1),2),X=U[0],J=U[1],Y=M(e.useState({index:-1,level:0,parentKey:""}),2),$=Y[0],q=Y[1],G=M(e.useState(""),2),Q=G[0],ee=G[1],ne=M(e.useState([]),2),te=ne[0],re=ne[1],oe=M(e.useState([]),2),ie=oe[0],ae=oe[1],ue=M(e.useState(null),2),ce=ue[0],le=ue[1],se=L.setMetaData({props:k,state:{id:O,visible:N,reshow:K,resetMenu:A,attributeSelector:F}}),me=se.ptm,fe=se.cx;o(L.css.styles,se.isUnstyled,{name:"contextmenu"});var pe=e.useRef(null),de=e.useRef(null),be=e.useRef(null),ve=e.useRef(""),ye=e.useRef(null),xe=e.useRef(null),ge=c("screen and (max-width: ".concat(k.breakpoint,")"),!!k.breakpoint),he=M(l({type:"click",listener:function(e){Re(e)&&2!==e.button&&(De(e),_(!0))}}),2),Ie=he[0],Ee=he[1],ke=M(l({type:"contextmenu",when:k.global,listener:function(e){je(e)}}),1)[0],we=M(s({listener:function(e){N&&!b.isTouchDevice()&&De(e)}}),2),Oe=we[0],Se=we[1],Pe=function(){if(!xe.current){xe.current=b.createInlineStyle(I&&I.nonce||n.nonce,I&&I.styleContainer);var e="".concat(F),t="\n@media screen and (max-width: ".concat(k.breakpoint,") {\n .p-contextmenu[").concat(e,"] > ul {\n max-height: ").concat(k.scrollHeight,";\n overflow: ").concat(k.scrollHeight?"auto":"",";\n }\n\n .p-contextmenu[").concat(e,"] .p-submenu-list {\n position: relative;\n }\n\n .p-contextmenu[").concat(e,"] .p-menuitem-active > .p-submenu-list {\n left: 0;\n box-shadow: none;\n border-radius: 0;\n padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n }\n\n .p-contextmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n transform: rotate(-180deg);\n }\n\n .p-contextmenu[").concat(e,'] .p-submenu-icon:before {\n content: "\\e930";\n }\n}\n');xe.current.innerHTML=t}},Ne=function(){xe.current=b.removeInlineStyle(xe.current)},je=function(e){ee([]),q({index:-1,level:0,parentKey:""}),e.stopPropagation(),e.preventDefault(),be.current=e,N?C(!0):(j(!0),k.onShow&&k.onShow(be.current)),Promise.resolve().then((function(){de.current&&b.focus(de.current.getElement())}))},De=function(e){be.current=e,j(!1),C(!1),ee([]),q({index:-1,level:0,parentKey:""}),k.onHide&&k.onHide(be.current)},Ke=function(){b.addStyles(pe.current,{position:"absolute"}),k.autoZIndex&&g.set("menu",pe.current,I&&I.autoZIndex||n.autoZIndex,k.baseZIndex||I&&I.zIndex.menu||n.zIndex.menu),Te(be.current),F&&k.breakpoint&&(pe.current.setAttribute(F,""),Pe())},Me=function(){_e()},Le=function(){We(),g.clear(pe.current)},Ce=function(){g.clear(pe.current),Ne()},Te=function(e){if(e){var n=e.pageX+1,t=e.pageY+1,r=pe.current.offsetParent?pe.current.offsetWidth:b.getHiddenElementOuterWidth(pe.current),o=pe.current.offsetParent?pe.current.offsetHeight:b.getHiddenElementOuterHeight(pe.current),i=b.getViewport();n+r-document.body.scrollLeft>i.width&&(n-=r),t+o-document.body.scrollTop>i.height&&(t-=o),n<document.body.scrollLeft&&(n=document.body.scrollLeft),t<document.body.scrollTop&&(t=document.body.scrollTop),pe.current.style.left=n+"px",pe.current.style.top=t+"px"}},He=e.useCallback((function(e,n){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",o=[];return e&&e.forEach((function(e,i){var a=(""!==r?r+"_":"")+i,u={item:e,index:i,level:n,separator:e.separator,key:a,parent:t,parentKey:r};u.items=He(e.items,n+1,u,a),o.push(u)})),o}),[]),Ae=function(e){_(!0),De(e),e.stopPropagation()},Re=function(e){return pe&&pe.current&&!(pe.current.isSameNode(e.target)||pe.current.contains(e.target))},_e=function(){Oe(),Ie()},We=function(){Se(),Ee()};m((function(){var e=x();!O&&S(e),k.global&&ke(),k.breakpoint&&!F&&B(e)})),u((function(){k.global&&ke()}),[k.global]),u((function(){return F&&pe.current&&(pe.current.setAttribute(F,""),Pe()),function(){Ne()}}),[F,k.breakpoint]),u((function(){N?(j(!1),C(!1),_(!0)):K||N||!A||je(be.current)}),[K]),e.useEffect((function(){var e=He(k.model||[],0,null,"");re(e)}),[k.model,He]),u((function(){var e=-1!==$.index?"".concat(O).concat(y.isNotEmpty($.parentKey)?"_"+$.parentKey:"","_").concat($.index):null;le(e)}),[$]),u((function(){var e=Q&&Q.find((function(e){return e.key===$.parentKey}));ae(e?e.items:te)}),[Q,$]),u((function(){if(X){var e=-1!==$.index?bn($.index):In();un(e),ee(Q.filter((function(e){return e.parentKey!==$.parentKey}))),J(!1)}}),[X]),f((function(){g.clear(pe.current)})),e.useImperativeHandle(v,(function(){return{props:k,show:je,hide:De,getElement:function(){return pe.current}}}));var Fe,Be,Ve=function(e){z(!0),q(-1!==$.index?$:{index:-1,level:0,parentKey:""}),k.onFocus&&k.onFocus(e)},Ze=function(e){z(!1),q({index:-1,level:0,parentKey:""}),ve.current="",ve.current="",k.onBlur&&k.onBlur(e)},ze=function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":Ye(e);break;case"ArrowUp":$e(e);break;case"ArrowLeft":qe(e);break;case"ArrowRight":Ge(e);break;case"Home":Qe(e);break;case"End":en(e);break;case"Space":tn(e);break;case"Enter":nn(e);break;case"Escape":rn(e);break;case"Tab":on(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&y.isPrintableCharacter(e.key)&&an(e,e.key)}},Ue=function(e){var n=e.processedItem,t=e.isFocus,r=e.updateState,o=void 0===r||r;if(!y.isEmpty(n)){var i=n.index,a=n.key,u=n.level,c=n.parentKey,l=y.isNotEmpty(n.items),s=Q.filter((function(e){return e.parentKey!==c&&e.parentKey!==a}));l&&o&&(s.push(n),j(!0)),q({index:i,level:u,parentKey:c}),ee(s),t&&b.focus(de.current.getElement())}},Xe=function(e){var n=e.processedItem,t=mn(n);if(yn(n)){var r=n.index,o=n.key,i=n.level,a=n.parentKey;ee(Q.filter((function(e){return o!==e.key&&o.startsWith(e.key)}))),q({index:r,level:i,parentKey:a}),b.focus(de.current.getElement())}else t?Ue(e):De()},Je=function(e){Ue(e)},Ye=function(e){var n=-1!==$.index?bn($.index):In();un(n),e.preventDefault()},$e=function(e){if(e.altKey){if(-1!==$.index){var n=ie[$.index];!mn(n)&&Ue({originalEvent:e,processedItem:n})}e.preventDefault()}else{var t=-1!==$.index?vn($.index):En();un(t),e.preventDefault()}},qe=function(e){var n=ie[$.index],t=Q.find((function(e){return e.key===n.parentKey}));y.isEmpty(n.parent)||(q({index:-1,parentKey:t?t.parentKey:""}),ve.current="",setTimeout((function(){return J(!0)}),0)),e.preventDefault()},Ge=function(e){var n=ie[$.index];mn(n)&&(Ue({originalEvent:e,processedItem:n}),q({index:-1,parentKey:n.key}),ve.current="",setTimeout((function(){return J(!0)}),0)),e.preventDefault()},Qe=function(e){un(gn()),e.preventDefault()},en=function(e){un(hn()),e.preventDefault()},nn=function(e){if(-1!==$.index){var n=b.findSingle(de.current.getElement(),'li[id="'.concat("".concat(ce),'"]')),t=n&&b.findSingle(n,'a[data-pc-section="action"]');t?t.click():n&&n.click(),!mn(ie[$.index])&&q(R(R({},$),{},{index:In()}))}e.preventDefault()},tn=function(e){nn(e)},rn=function(e){De(),q({focusedItemInfo:$,index:In()}),e.preventDefault()},on=function(e){if(-1!==$.index){var n=ie[$.index];!mn(n)&&Ue({originalEvent:e,processedItem:n})}De()},an=function(e,n){ve.current=ve.current||""+n;var t=-1,r=!1;return-1!==(t=-1!==$.index?-1===(t=ie.slice($.index).findIndex((function(e){return dn(e)})))?ie.slice(0,$.index).findIndex((function(e){return dn(e)})):t+$.index:ie.findIndex((function(e){return dn(e)})))&&(r=!0),-1===t&&-1===$.index&&(t=In()),-1!==t&&un(t),ye.current&&clearTimeout(ye.current),ye.current=setTimeout((function(){ve.current="",ye.current=null}),500),r},un=function(e){$.index!==e&&(q(R(R({},$),{},{index:e})),cn())},cn=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(O,"_").concat(e):ce,t=b.findSingle(de.current.getElement(),'li[id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},ln=function(e,n){return e?y.getItemValue(e[n]):void 0},sn=function(e){return e?ln(e.item,"label"):void 0},mn=function(e){return e&&y.isNotEmpty(e.items)},fn=function(e){return ln(e,"separator")},pn=function(e){return!!e&&!ln(e.item,"disabled")&&!fn(e.item)},dn=function(e){return pn(e)&&sn(e).toLocaleLowerCase().startsWith(ve.current.toLocaleLowerCase())},bn=function(e){var n=e<ie.length-1?ie.slice(e+1).findIndex((function(e){return pn(e)})):-1;return n>-1?n+e+1:e},vn=function(e){var n=e>0?y.findLastIndex(ie.slice(0,e),(function(e){return pn(e)})):-1;return n>-1?n:e},yn=function(e){return Q&&Q.some((function(n){return n.key===e.key}))},xn=function(e){return pn(e)&&yn(e)},gn=function(){return ie.findIndex((function(e){return pn(e)}))},hn=function(){return y.findLastIndex(ie,(function(e){return pn(e)}))},In=function(){var e=kn();return e<0?gn():e},En=function(){var e=kn();return e<0?hn():e},kn=function(){return ie.findIndex((function(e){return xn(e)}))},wn=(Fe=h({id:k.id,className:d(k.className,fe("root",{context:I})),style:k.style,onClick:function(e){_(!1)},onMouseEnter:function(e){_(!1)}},L.getOtherProps(k),me("root")),Be=h({classNames:fe("transition"),in:N,timeout:{enter:250,exit:0},options:k.transitionOptions,unmountOnExit:!0,onEnter:Ke,onEntered:Me,onExit:Le,onExited:Ce},me("transition")),e.createElement(i,E({nodeRef:pe},Be),e.createElement("div",E({ref:pe},Fe),e.createElement(H,{ref:de,ariaLabel:k.ariaLabel,ariaLabelledby:k.ariaLabelledby,activeItemPath:Q,hostName:"ContextMenu",id:O+"_list",role:"menubar",tabIndex:k.tabIndex||0,ariaActivedescendant:Z?ce:void 0,menuId:O,focusedItemId:Z?ce:void 0,menuProps:k,model:te,level:0,root:!0,onItemClick:Xe,onItemMouseEnter:Je,onFocus:Ve,onBlur:Ze,onKeyDown:ze,resetMenu:A,onLeafClick:Ae,isMobileMode:ge,submenuIcon:k.submenuIcon,ptm:me,cx:fe}))));return e.createElement(p,{element:wn,appendTo:k.appendTo})})));_.displayName="ContextMenu";export{_ as ContextMenu};
|