primereact 8.7.3 → 9.0.0-beta.1

package/contextmenu/contextmenu.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/csstransition"),r=require("primereact/hooks"),o=require("primereact/portal"),l=require("primereact/utils"),u=require("primereact/ripple");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var c=i(e),s=a(t);function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},m.apply(this,arguments)}function f(e){if(Array.isArray(e))return e}function p(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,u,a=[],i=!0,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;i=!1}else for(;!(i=(r=l.call(n)).done)&&(a.push(r.value),a.length!==t);i=!0);}catch(e){c=!0,o=e}finally{try{if(!i&&null!=n.return&&(u=n.return(),Object(u)!==u))return}finally{if(c)throw o}}return a}}function d(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 b(e,t){if(e){if("string"==typeof e)return d(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)?d(e,t):void 0}}function y(){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 g(e,t){return f(e)||p(e,t)||b(e,t)||y()}var h=c.memo((function(e){var t=g(c.useState(null),2),o=t[0],a=t[1],i=c.useRef(null),s=e.root||!e.resetMenu;!0===e.resetMenu&&null!==o&&a(null);var m=function(e,t){t.disabled?e.preventDefault():a(t)},f=function(t,n){n.disabled?t.preventDefault():(n.url||t.preventDefault(),n.command&&n.command({originalEvent:t,item:n}),n.items||e.onLeafClick(t))},p=function(){var e=i.current.parentElement,t=l.DomHandler.getOffset(e),n=l.DomHandler.getViewport(),r=i.current.offsetParent?i.current.offsetWidth:l.DomHandler.getHiddenElementOuterWidth(i.current),o=l.DomHandler.getOuterWidth(e.children[0]),u=parseInt(t.top,10)+i.current.offsetHeight-l.DomHandler.getWindowScrollTop();i.current.style.top=u>n.height?n.height-u+"px":"0px",i.current.style.left=parseInt(t.left,10)+o+r>n.width-l.DomHandler.calculateScrollbarWidth()?-1*r+"px":o+"px"};r.useUpdateEffect((function(){s&&p()}));var d=function(e){return c.createElement("li",{key:"separator_"+e,className:"p-menu-separator",role:"separator"})},b=function(t){return t.items?c.createElement(h,{menuProps:e.menuProps,model:t.items,resetMenu:t!==o,onLeafClick:e.onLeafClick}):null},y=function(t,n){if(!1===t.visible)return null;var r=o===t,a=t.label+"_"+n,i=l.classNames("p-menuitem",{"p-menuitem-active":r},t.className),s=l.classNames("p-menuitem-link",{"p-disabled":t.disabled}),p=l.classNames("p-menuitem-icon",t.icon),d="p-submenu-icon pi pi-angle-right",y=l.IconUtils.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:e.menuProps}),g=t.label&&c.createElement("span",{className:"p-menuitem-text"},t.label),h=t.items&&c.createElement("span",{className:d}),v=b(t),E=c.createElement("a",{href:t.url||"#",className:s,target:t.target,onClick:function(e){return f(e,t)},role:"menuitem","aria-haspopup":null!=t.items,"aria-disabled":t.disabled},y,g,h,c.createElement(u.Ripple,null));t.template&&(E=l.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return f(e,t)},className:s,labelClassName:"p-menuitem-text",iconClassName:p,submenuIconClassName:d,element:E,props:e,active:r}));return c.createElement("li",{key:a,role:"none",id:t.id,className:i,style:t.style,onMouseEnter:function(e){return m(e,t)}},E,v)},v=function(e,t){return e.separator?d(t):y(e,t)},E=l.classNames({"p-submenu-list":!e.root}),x=e.model?e.model.map(v):null;return c.createElement(n.CSSTransition,{nodeRef:i,classNames:"p-contextmenusub",in:s,timeout:{enter:0,exit:0},unmountOnExit:!0,onEnter:function(){p()}},c.createElement("ul",{ref:i,className:E},x))}));h.displayName="ContextMenuSub";var v=c.memo(c.forwardRef((function(e,t){var u=g(c.useState(!1),2),a=u[0],i=u[1],f=g(c.useState(!1),2),p=f[0],d=f[1],b=g(c.useState(!1),2),y=b[0],E=b[1],x=c.useRef(null),O=c.useRef(null),N=g(r.useEventListener({type:"click",listener:function(e){q(e)&&2!==e.button&&(k(e),E(!0))}}),2),S=N[0],H=N[1],I=g(r.useEventListener({type:"contextmenu",listener:function(e){M(e)}}),1)[0],j=g(r.useResizeListener({listener:function(e){a&&!l.DomHandler.isTouchDevice()&&k(e)}}),2),C=j[0],D=j[1],P=function(){E(!1)},w=function(){E(!1)},M=function(t){t.stopPropagation(),t.preventDefault(),O.current=t,a?d(!0):(i(!0),e.onShow&&e.onShow(O.current))},k=function(t){O.current=t,i(!1),d(!1),e.onHide&&e.onHide(O.current)},T=function(){e.autoZIndex&&l.ZIndexUtils.set("menu",x.current,s.default.autoZIndex,e.baseZIndex||s.default.zIndex.menu),R(O.current)},U=function(){W()},L=function(){A(),l.ZIndexUtils.clear(x.current)},Z=function(){l.ZIndexUtils.clear(x.current)},R=function(e){if(e){var t=e.pageX+1,n=e.pageY+1,r=x.current.offsetParent?x.current.offsetWidth:l.DomHandler.getHiddenElementOuterWidth(x.current),o=x.current.offsetParent?x.current.offsetHeight:l.DomHandler.getHiddenElementOuterHeight(x.current),u=l.DomHandler.getViewport();t+r-document.body.scrollLeft>u.width&&(t-=r),n+o-document.body.scrollTop>u.height&&(n-=o),t<document.body.scrollLeft&&(t=document.body.scrollLeft),n<document.body.scrollTop&&(n=document.body.scrollTop),x.current.style.left=t+"px",x.current.style.top=n+"px"}},_=function(e){E(!0),k(e),e.stopPropagation()},q=function(e){return x&&x.current&&!(x.current.isSameNode(e.target)||x.current.contains(e.target))},W=function(){C(),S()},A=function(){D(),H()};r.useMountEffect((function(){e.global&&I()})),r.useUpdateEffect((function(){a?(i(!1),d(!1),E(!0)):p||a||!y||M(O.current)}),[p]),r.useUnmountEffect((function(){l.ZIndexUtils.clear(x.current)})),c.useImperativeHandle(t,(function(){return{props:e,show:M,hide:k,getElement:function(){return x.current}}}));var z,X,J=(z=l.ObjectUtils.findDiffKeys(e,v.defaultProps),X=l.classNames("p-contextmenu p-component",e.className),c.createElement(n.CSSTransition,{nodeRef:x,classNames:"p-contextmenu",in:a,timeout:{enter:250,exit:0},options:e.transitionOptions,unmountOnExit:!0,onEnter:T,onEntered:U,onExit:L,onExited:Z},c.createElement("div",m({ref:x,id:e.id,className:X,style:e.style},z,{onClick:P,onMouseEnter:w}),c.createElement(h,{menuProps:e,model:e.model,root:!0,resetMenu:y,onLeafClick:_}))));return c.createElement(o.Portal,{element:J,appendTo:e.appendTo})})));v.displayName="ContextMenu",v.defaultProps={__TYPE:"ContextMenu",id:null,model:null,style:null,className:null,global:!1,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null},exports.ContextMenu=v;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/csstransition"),r=require("primereact/hooks"),o=require("primereact/portal"),l=require("primereact/utils"),u=require("primereact/ripple");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var c=i(e),s=a(t);function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},m.apply(this,arguments)}function f(e){if(Array.isArray(e))return e}function p(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,u,a=[],i=!0,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;i=!1}else for(;!(i=(r=l.call(n)).done)&&(a.push(r.value),a.length!==t);i=!0);}catch(e){c=!0,o=e}finally{try{if(!i&&null!=n.return&&(u=n.return(),Object(u)!==u))return}finally{if(c)throw o}}return a}}function d(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 b(e,t){if(e){if("string"==typeof e)return d(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)?d(e,t):void 0}}function y(){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 g(e,t){return f(e)||p(e,t)||b(e,t)||y()}var h=c.memo((function(e){var t=g(c.useState(null),2),o=t[0],a=t[1],i=c.useRef(null),s=e.root||!e.resetMenu;!0===e.resetMenu&&null!==o&&a(null);var m=function(e,t){t.disabled?e.preventDefault():a(t)},f=function(t,n){n.disabled?t.preventDefault():(n.url||t.preventDefault(),n.command&&n.command({originalEvent:t,item:n}),n.items||e.onLeafClick(t))},p=function(){var e=i.current.parentElement,t=l.DomHandler.getOffset(e),n=l.DomHandler.getViewport(),r=i.current.offsetParent?i.current.offsetWidth:l.DomHandler.getHiddenElementOuterWidth(i.current),o=l.DomHandler.getOuterWidth(e.children[0]),u=parseInt(t.top,10)+i.current.offsetHeight-l.DomHandler.getWindowScrollTop();i.current.style.top=u>n.height?n.height-u+"px":"0px",i.current.style.left=parseInt(t.left,10)+o+r>n.width-l.DomHandler.calculateScrollbarWidth()?-1*r+"px":o+"px"};r.useUpdateEffect((function(){s&&p()}));var d=function(e){return c.createElement("li",{key:"separator_"+e,className:"p-menu-separator",role:"separator"})},b=function(t){return t.items?c.createElement(h,{menuProps:e.menuProps,model:t.items,resetMenu:t!==o,onLeafClick:e.onLeafClick}):null},y=function(t,n){if(!1===t.visible)return null;var r=o===t,a=t.label+"_"+n,i=l.classNames("p-menuitem",{"p-menuitem-active":r},t.className),s=l.classNames("p-menuitem-link",{"p-disabled":t.disabled}),p=l.classNames("p-menuitem-icon",t.icon),d="p-submenu-icon pi pi-angle-right",y=l.IconUtils.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:e.menuProps}),g=t.label&&c.createElement("span",{className:"p-menuitem-text"},t.label),h=t.items&&c.createElement("span",{className:d}),v=b(t),E=c.createElement("a",{href:t.url||"#",className:s,target:t.target,onClick:function(e){return f(e,t)},role:"menuitem","aria-haspopup":null!=t.items,"aria-disabled":t.disabled},y,g,h,c.createElement(u.Ripple,null));t.template&&(E=l.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return f(e,t)},className:s,labelClassName:"p-menuitem-text",iconClassName:p,submenuIconClassName:d,element:E,props:e,active:r}));return c.createElement("li",{key:a,role:"none",id:t.id,className:i,style:t.style,onMouseEnter:function(e){return m(e,t)}},E,v)},v=function(e,t){return e.separator?d(t):y(e,t)},E=l.classNames({"p-submenu-list":!e.root}),x=e.model?e.model.map(v):null;return c.createElement(n.CSSTransition,{nodeRef:i,classNames:"p-contextmenusub",in:s,timeout:{enter:0,exit:0},unmountOnExit:!0,onEnter:function(){p()}},c.createElement("ul",{ref:i,className:E},x))}));h.displayName="ContextMenuSub";var v=c.memo(c.forwardRef((function(e,t){var u=g(c.useState(!1),2),a=u[0],i=u[1],f=g(c.useState(!1),2),p=f[0],d=f[1],b=g(c.useState(!1),2),y=b[0],E=b[1],x=c.useRef(null),O=c.useRef(null),N=g(r.useEventListener({type:"click",listener:function(e){q(e)&&2!==e.button&&(k(e),E(!0))}}),2),S=N[0],H=N[1],I=g(r.useEventListener({type:"contextmenu",listener:function(e){M(e)}}),1)[0],j=g(r.useResizeListener({listener:function(e){a&&!l.DomHandler.isTouchDevice()&&k(e)}}),2),C=j[0],D=j[1],P=function(){E(!1)},w=function(){E(!1)},M=function(t){t.stopPropagation(),t.preventDefault(),O.current=t,a?d(!0):(i(!0),e.onShow&&e.onShow(O.current))},k=function(t){O.current=t,i(!1),d(!1),e.onHide&&e.onHide(O.current)},T=function(){e.autoZIndex&&l.ZIndexUtils.set("menu",x.current,s.default.autoZIndex,e.baseZIndex||s.default.zIndex.menu),R(O.current)},U=function(){W()},L=function(){A(),l.ZIndexUtils.clear(x.current)},Z=function(){l.ZIndexUtils.clear(x.current)},R=function(e){if(e){var t=e.pageX+1,n=e.pageY+1,r=x.current.offsetParent?x.current.offsetWidth:l.DomHandler.getHiddenElementOuterWidth(x.current),o=x.current.offsetParent?x.current.offsetHeight:l.DomHandler.getHiddenElementOuterHeight(x.current),u=l.DomHandler.getViewport();t+r-document.body.scrollLeft>u.width&&(t-=r),n+o-document.body.scrollTop>u.height&&(n-=o),t<document.body.scrollLeft&&(t=document.body.scrollLeft),n<document.body.scrollTop&&(n=document.body.scrollTop),x.current.style.left=t+"px",x.current.style.top=n+"px"}},_=function(e){E(!0),k(e),e.stopPropagation()},q=function(e){return x&&x.current&&!(x.current.isSameNode(e.target)||x.current.contains(e.target))},W=function(){C(),S()},A=function(){D(),H()};r.useMountEffect((function(){e.global&&I()})),r.useUpdateEffect((function(){a?(i(!1),d(!1),E(!0)):p||a||!y||M(O.current)}),[p]),r.useUnmountEffect((function(){l.ZIndexUtils.clear(x.current)})),c.useImperativeHandle(t,(function(){return{props:e,show:M,hide:k,getElement:function(){return x.current}}}));var z,X,J=(z=l.ObjectUtils.findDiffKeys(e,v.defaultProps),X=l.classNames("p-contextmenu p-component",e.className,{"p-input-filled":"filled"===s.default.inputStyle,"p-ripple-disabled":!1===s.default.ripple}),c.createElement(n.CSSTransition,{nodeRef:x,classNames:"p-contextmenu",in:a,timeout:{enter:250,exit:0},options:e.transitionOptions,unmountOnExit:!0,onEnter:T,onEntered:U,onExit:L,onExited:Z},c.createElement("div",m({ref:x,id:e.id,className:X,style:e.style},z,{onClick:P,onMouseEnter:w}),c.createElement(h,{menuProps:e,model:e.model,root:!0,resetMenu:y,onLeafClick:_}))));return c.createElement(o.Portal,{element:J,appendTo:e.appendTo})})));v.displayName="ContextMenu",v.defaultProps={__TYPE:"ContextMenu",id:null,model:null,style:null,className:null,global:!1,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null},exports.ContextMenu=v;

package/contextmenu/contextmenu.d.ts

@@ -1,23 +1,91 @@
+/**
+ *
+ * ContextMenu displays an overlay menu on right click of its target. Note that components like DataTable has special integration with ContextMenu. Refer to documentation of the individual documentation of the components having a special integration.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/contextmenu/)
+ *
+ * @module contextmenu
+ *
+ */
 import * as React from 'react';
 import { MenuItem } from '../menuitem';
 import { CSSTransitionProps } from '../csstransition';
 
-type ContextMenuAppendToType = 'self' | HTMLElement | undefined | null;
-
+/**
+ * Defines valid properties in ContextMenu component. In addition to these, all properties of HTMLDivElement can be used in this component.
+ * @group Properties
+ */
 export interface ContextMenuProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
-    model?: MenuItem[];
-    global?: boolean;
-    autoZIndex?: boolean;
-    baseZIndex?: number;
-    appendTo?: ContextMenuAppendToType;
-    transitionOptions?: CSSTransitionProps;
-    onShow?(e: React.SyntheticEvent): void;
-    onHide?(e: React.SyntheticEvent): void;
-    children?: React.ReactNode;
+    /**
+     * An array of menuitems.
+     */
+    model?: MenuItem[] | undefined;
+    /**
+     * Attaches the menu to document instead of a particular item.
+     * @defaultValue false
+     */
+    global?: boolean | undefined;
+    /**
+     * Whether to automatically manage layering.
+     * @defaultValue true
+     */
+    autoZIndex?: boolean | undefined;
+    /**
+     * Base zIndex value to use in layering.
+     * @defaultValue 0
+     */
+    baseZIndex?: number | undefined;
+    /**
+     * DOM element instance where the overlay panel should be mounted. Valid values are any DOM Element and 'self'. The self value is used to render a component where it is located.
+     * @defaultValue document.body
+     */
+    appendTo?: 'self' | HTMLElement | undefined | null;
+    /**
+     * The properties of CSSTransition can be customized, except for "nodeRef" and "in" properties.
+     */
+    transitionOptions?: CSSTransitionProps | undefined;
+    /**
+     * Callback to invoke when a popup menu is shown.
+     * @param {React.SyntheticEvent} event - Browser event.
+     */
+    onShow?(event: React.SyntheticEvent): void;
+    /**
+     * Callback to invoke when a popup menu is hidden.
+     * @param {React.SyntheticEvent} event - Browser event.
+     */
+    onHide?(event: React.SyntheticEvent): void;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }
 
+/**
+ * **PrimeReact - ContextMenu**
+ *
+ * _ContextMenu displays an overlay menu on right click of its target. Note that components like DataTable has special integration with ContextMenu. Refer to documentation of the individual documentation of the components having a special integration._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/contextmenu/)
+ * --- ---
+ * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class ContextMenu extends React.Component<ContextMenuProps, any> {
+    /**
+     * Displays the popup menu.
+     * @param {React.SyntheticEvent} event - Browser event
+     */
     public show(event: React.SyntheticEvent): void;
+    /**
+     * Hides the popup menu.
+     * @param {React.SyntheticEvent} event - Browser event
+     */
     public hide(event: React.SyntheticEvent): void;
+    /**
+     * Used to get container element.
+     * @return {HTMLDivElement} Container element
+     */
     public getElement(): HTMLDivElement;
 }

package/contextmenu/contextmenu.esm.js

@@ -407,7 +407,10 @@ var ContextMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
   });
   var createContextMenu = function createContextMenu() {
     var otherProps = ObjectUtils.findDiffKeys(props, ContextMenu.defaultProps);
-    var className = classNames('p-contextmenu p-component', props.className);
+    var className = classNames('p-contextmenu p-component', props.className, {
+      'p-input-filled': PrimeReact.inputStyle === 'filled',
+      'p-ripple-disabled': PrimeReact.ripple === false
+    });
     return /*#__PURE__*/React.createElement(CSSTransition, {
       nodeRef: menuRef,
       classNames: "p-contextmenu",

package/contextmenu/contextmenu.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import t from"primereact/api";import{CSSTransition as n}from"primereact/csstransition";import{useUpdateEffect as r,useEventListener as o,useResizeListener as l,useMountEffect as u,useUnmountEffect as i}from"primereact/hooks";import{Portal as a}from"primereact/portal";import{classNames as c,DomHandler as s,IconUtils as m,ObjectUtils as p,ZIndexUtils as f}from"primereact/utils";import{Ripple as d}from"primereact/ripple";function b(){return b=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},b.apply(this,arguments)}function y(e){if(Array.isArray(e))return e}function h(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,u,i=[],a=!0,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;a=!1}else for(;!(a=(r=l.call(n)).done)&&(i.push(r.value),i.length!==t);a=!0);}catch(e){c=!0,o=e}finally{try{if(!a&&null!=n.return&&(u=n.return(),Object(u)!==u))return}finally{if(c)throw o}}return i}}function g(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 v(e,t){if(e){if("string"==typeof e)return g(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)?g(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 x(e,t){return y(e)||h(e,t)||v(e,t)||E()}var N=e.memo((function(t){var o=x(e.useState(null),2),l=o[0],u=o[1],i=e.useRef(null),a=t.root||!t.resetMenu;!0===t.resetMenu&&null!==l&&u(null);var f=function(e,t){t.disabled?e.preventDefault():u(t)},b=function(e,n){n.disabled?e.preventDefault():(n.url||e.preventDefault(),n.command&&n.command({originalEvent:e,item:n}),n.items||t.onLeafClick(e))},y=function(){var e=i.current.parentElement,t=s.getOffset(e),n=s.getViewport(),r=i.current.offsetParent?i.current.offsetWidth:s.getHiddenElementOuterWidth(i.current),o=s.getOuterWidth(e.children[0]),l=parseInt(t.top,10)+i.current.offsetHeight-s.getWindowScrollTop();i.current.style.top=l>n.height?n.height-l+"px":"0px",i.current.style.left=parseInt(t.left,10)+o+r>n.width-s.calculateScrollbarWidth()?-1*r+"px":o+"px"};r((function(){a&&y()}));var h=function(t){return e.createElement("li",{key:"separator_"+t,className:"p-menu-separator",role:"separator"})},g=function(n){return n.items?e.createElement(N,{menuProps:t.menuProps,model:n.items,resetMenu:n!==l,onLeafClick:t.onLeafClick}):null},v=function(n,r){if(!1===n.visible)return null;var o=l===n,u=n.label+"_"+r,i=c("p-menuitem",{"p-menuitem-active":o},n.className),a=c("p-menuitem-link",{"p-disabled":n.disabled}),s=c("p-menuitem-icon",n.icon),y="p-submenu-icon pi pi-angle-right",h=m.getJSXIcon(n.icon,{className:"p-menuitem-icon"},{props:t.menuProps}),v=n.label&&e.createElement("span",{className:"p-menuitem-text"},n.label),E=n.items&&e.createElement("span",{className:y}),x=g(n),N=e.createElement("a",{href:n.url||"#",className:a,target:n.target,onClick:function(e){return b(e,n)},role:"menuitem","aria-haspopup":null!=n.items,"aria-disabled":n.disabled},h,v,E,e.createElement(d,null));n.template&&(N=p.getJSXElement(n.template,n,{onClick:function(e){return b(e,n)},className:a,labelClassName:"p-menuitem-text",iconClassName:s,submenuIconClassName:y,element:N,props:t,active:o}));return e.createElement("li",{key:u,role:"none",id:n.id,className:i,style:n.style,onMouseEnter:function(e){return f(e,n)}},N,x)},E=function(e,t){return e.separator?h(t):v(e,t)},S=c({"p-submenu-list":!t.root}),O=t.model?t.model.map(E):null;return e.createElement(n,{nodeRef:i,classNames:"p-contextmenusub",in:a,timeout:{enter:0,exit:0},unmountOnExit:!0,onEnter:function(){y()}},e.createElement("ul",{ref:i,className:S},O))}));N.displayName="ContextMenuSub";var S=e.memo(e.forwardRef((function(m,d){var y=x(e.useState(!1),2),h=y[0],g=y[1],v=x(e.useState(!1),2),E=v[0],O=v[1],w=x(e.useState(!1),2),C=w[0],I=w[1],P=e.useRef(null),k=e.useRef(null),H=x(o({type:"click",listener:function(e){U(e)&&2!==e.button&&(_(e),I(!0))}}),2),M=H[0],T=H[1],j=x(o({type:"contextmenu",listener:function(e){Z(e)}}),1)[0],L=x(l({listener:function(e){h&&!s.isTouchDevice()&&_(e)}}),2),W=L[0],A=L[1],D=function(){I(!1)},R=function(){I(!1)},Z=function(e){e.stopPropagation(),e.preventDefault(),k.current=e,h?O(!0):(g(!0),m.onShow&&m.onShow(k.current))},_=function(e){k.current=e,g(!1),O(!1),m.onHide&&m.onHide(k.current)},X=function(){m.autoZIndex&&f.set("menu",P.current,t.autoZIndex,m.baseZIndex||t.zIndex.menu),z(k.current)},J=function(){$()},V=function(){q(),f.clear(P.current)},Y=function(){f.clear(P.current)},z=function(e){if(e){var t=e.pageX+1,n=e.pageY+1,r=P.current.offsetParent?P.current.offsetWidth:s.getHiddenElementOuterWidth(P.current),o=P.current.offsetParent?P.current.offsetHeight:s.getHiddenElementOuterHeight(P.current),l=s.getViewport();t+r-document.body.scrollLeft>l.width&&(t-=r),n+o-document.body.scrollTop>l.height&&(n-=o),t<document.body.scrollLeft&&(t=document.body.scrollLeft),n<document.body.scrollTop&&(n=document.body.scrollTop),P.current.style.left=t+"px",P.current.style.top=n+"px"}},K=function(e){I(!0),_(e),e.stopPropagation()},U=function(e){return P&&P.current&&!(P.current.isSameNode(e.target)||P.current.contains(e.target))},$=function(){W(),M()},q=function(){A(),T()};u((function(){m.global&&j()})),r((function(){h?(g(!1),O(!1),I(!0)):E||h||!C||Z(k.current)}),[E]),i((function(){f.clear(P.current)})),e.useImperativeHandle(d,(function(){return{props:m,show:Z,hide:_,getElement:function(){return P.current}}}));var B,F,G=(B=p.findDiffKeys(m,S.defaultProps),F=c("p-contextmenu p-component",m.className),e.createElement(n,{nodeRef:P,classNames:"p-contextmenu",in:h,timeout:{enter:250,exit:0},options:m.transitionOptions,unmountOnExit:!0,onEnter:X,onEntered:J,onExit:V,onExited:Y},e.createElement("div",b({ref:P,id:m.id,className:F,style:m.style},B,{onClick:D,onMouseEnter:R}),e.createElement(N,{menuProps:m,model:m.model,root:!0,resetMenu:C,onLeafClick:K}))));return e.createElement(a,{element:G,appendTo:m.appendTo})})));S.displayName="ContextMenu",S.defaultProps={__TYPE:"ContextMenu",id:null,model:null,style:null,className:null,global:!1,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null};export{S as ContextMenu};
+import*as e from"react";import t from"primereact/api";import{CSSTransition as n}from"primereact/csstransition";import{useUpdateEffect as r,useEventListener as o,useResizeListener as l,useMountEffect as i,useUnmountEffect as u}from"primereact/hooks";import{Portal as a}from"primereact/portal";import{classNames as c,DomHandler as s,IconUtils as m,ObjectUtils as p,ZIndexUtils as f}from"primereact/utils";import{Ripple as d}from"primereact/ripple";function b(){return b=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},b.apply(this,arguments)}function y(e){if(Array.isArray(e))return e}function h(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,i,u=[],a=!0,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;a=!1}else for(;!(a=(r=l.call(n)).done)&&(u.push(r.value),u.length!==t);a=!0);}catch(e){c=!0,o=e}finally{try{if(!a&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw o}}return u}}function g(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 v(e,t){if(e){if("string"==typeof e)return g(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)?g(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 x(e,t){return y(e)||h(e,t)||v(e,t)||E()}var N=e.memo((function(t){var o=x(e.useState(null),2),l=o[0],i=o[1],u=e.useRef(null),a=t.root||!t.resetMenu;!0===t.resetMenu&&null!==l&&i(null);var f=function(e,t){t.disabled?e.preventDefault():i(t)},b=function(e,n){n.disabled?e.preventDefault():(n.url||e.preventDefault(),n.command&&n.command({originalEvent:e,item:n}),n.items||t.onLeafClick(e))},y=function(){var e=u.current.parentElement,t=s.getOffset(e),n=s.getViewport(),r=u.current.offsetParent?u.current.offsetWidth:s.getHiddenElementOuterWidth(u.current),o=s.getOuterWidth(e.children[0]),l=parseInt(t.top,10)+u.current.offsetHeight-s.getWindowScrollTop();u.current.style.top=l>n.height?n.height-l+"px":"0px",u.current.style.left=parseInt(t.left,10)+o+r>n.width-s.calculateScrollbarWidth()?-1*r+"px":o+"px"};r((function(){a&&y()}));var h=function(t){return e.createElement("li",{key:"separator_"+t,className:"p-menu-separator",role:"separator"})},g=function(n){return n.items?e.createElement(N,{menuProps:t.menuProps,model:n.items,resetMenu:n!==l,onLeafClick:t.onLeafClick}):null},v=function(n,r){if(!1===n.visible)return null;var o=l===n,i=n.label+"_"+r,u=c("p-menuitem",{"p-menuitem-active":o},n.className),a=c("p-menuitem-link",{"p-disabled":n.disabled}),s=c("p-menuitem-icon",n.icon),y="p-submenu-icon pi pi-angle-right",h=m.getJSXIcon(n.icon,{className:"p-menuitem-icon"},{props:t.menuProps}),v=n.label&&e.createElement("span",{className:"p-menuitem-text"},n.label),E=n.items&&e.createElement("span",{className:y}),x=g(n),N=e.createElement("a",{href:n.url||"#",className:a,target:n.target,onClick:function(e){return b(e,n)},role:"menuitem","aria-haspopup":null!=n.items,"aria-disabled":n.disabled},h,v,E,e.createElement(d,null));n.template&&(N=p.getJSXElement(n.template,n,{onClick:function(e){return b(e,n)},className:a,labelClassName:"p-menuitem-text",iconClassName:s,submenuIconClassName:y,element:N,props:t,active:o}));return e.createElement("li",{key:i,role:"none",id:n.id,className:u,style:n.style,onMouseEnter:function(e){return f(e,n)}},N,x)},E=function(e,t){return e.separator?h(t):v(e,t)},S=c({"p-submenu-list":!t.root}),O=t.model?t.model.map(E):null;return e.createElement(n,{nodeRef:u,classNames:"p-contextmenusub",in:a,timeout:{enter:0,exit:0},unmountOnExit:!0,onEnter:function(){y()}},e.createElement("ul",{ref:u,className:S},O))}));N.displayName="ContextMenuSub";var S=e.memo(e.forwardRef((function(m,d){var y=x(e.useState(!1),2),h=y[0],g=y[1],v=x(e.useState(!1),2),E=v[0],O=v[1],w=x(e.useState(!1),2),C=w[0],I=w[1],P=e.useRef(null),k=e.useRef(null),H=x(o({type:"click",listener:function(e){U(e)&&2!==e.button&&(_(e),I(!0))}}),2),M=H[0],T=H[1],j=x(o({type:"contextmenu",listener:function(e){Z(e)}}),1)[0],L=x(l({listener:function(e){h&&!s.isTouchDevice()&&_(e)}}),2),W=L[0],A=L[1],D=function(){I(!1)},R=function(){I(!1)},Z=function(e){e.stopPropagation(),e.preventDefault(),k.current=e,h?O(!0):(g(!0),m.onShow&&m.onShow(k.current))},_=function(e){k.current=e,g(!1),O(!1),m.onHide&&m.onHide(k.current)},X=function(){m.autoZIndex&&f.set("menu",P.current,t.autoZIndex,m.baseZIndex||t.zIndex.menu),z(k.current)},J=function(){$()},V=function(){q(),f.clear(P.current)},Y=function(){f.clear(P.current)},z=function(e){if(e){var t=e.pageX+1,n=e.pageY+1,r=P.current.offsetParent?P.current.offsetWidth:s.getHiddenElementOuterWidth(P.current),o=P.current.offsetParent?P.current.offsetHeight:s.getHiddenElementOuterHeight(P.current),l=s.getViewport();t+r-document.body.scrollLeft>l.width&&(t-=r),n+o-document.body.scrollTop>l.height&&(n-=o),t<document.body.scrollLeft&&(t=document.body.scrollLeft),n<document.body.scrollTop&&(n=document.body.scrollTop),P.current.style.left=t+"px",P.current.style.top=n+"px"}},K=function(e){I(!0),_(e),e.stopPropagation()},U=function(e){return P&&P.current&&!(P.current.isSameNode(e.target)||P.current.contains(e.target))},$=function(){W(),M()},q=function(){A(),T()};i((function(){m.global&&j()})),r((function(){h?(g(!1),O(!1),I(!0)):E||h||!C||Z(k.current)}),[E]),u((function(){f.clear(P.current)})),e.useImperativeHandle(d,(function(){return{props:m,show:Z,hide:_,getElement:function(){return P.current}}}));var B,F,G=(B=p.findDiffKeys(m,S.defaultProps),F=c("p-contextmenu p-component",m.className,{"p-input-filled":"filled"===t.inputStyle,"p-ripple-disabled":!1===t.ripple}),e.createElement(n,{nodeRef:P,classNames:"p-contextmenu",in:h,timeout:{enter:250,exit:0},options:m.transitionOptions,unmountOnExit:!0,onEnter:X,onEntered:J,onExit:V,onExited:Y},e.createElement("div",b({ref:P,id:m.id,className:F,style:m.style},B,{onClick:D,onMouseEnter:R}),e.createElement(N,{menuProps:m,model:m.model,root:!0,resetMenu:C,onLeafClick:K}))));return e.createElement(a,{element:G,appendTo:m.appendTo})})));S.displayName="ContextMenu",S.defaultProps={__TYPE:"ContextMenu",id:null,model:null,style:null,className:null,global:!1,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null};export{S as ContextMenu};

package/contextmenu/contextmenu.js

@@ -426,7 +426,10 @@ this.primereact.contextmenu = (function (exports, React, PrimeReact, csstransiti
     });
     var createContextMenu = function createContextMenu() {
       var otherProps = utils.ObjectUtils.findDiffKeys(props, ContextMenu.defaultProps);
-      var className = utils.classNames('p-contextmenu p-component', props.className);
+      var className = utils.classNames('p-contextmenu p-component', props.className, {
+        'p-input-filled': PrimeReact__default["default"].inputStyle === 'filled',
+        'p-ripple-disabled': PrimeReact__default["default"].ripple === false
+      });
       return /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, {
         nodeRef: menuRef,
         classNames: "p-contextmenu",

package/contextmenu/contextmenu.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.contextmenu=function(e,t,n,r,o,l,u,a){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var s=c(t),m=i(n);function f(){return f=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},f.apply(this,arguments)}function p(e){if(Array.isArray(e))return e}function d(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,u,a=[],i=!0,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;i=!1}else for(;!(i=(r=l.call(n)).done)&&(a.push(r.value),a.length!==t);i=!0);}catch(e){c=!0,o=e}finally{try{if(!i&&null!=n.return&&(u=n.return(),Object(u)!==u))return}finally{if(c)throw o}}return a}}function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function y(e,t){if(e){if("string"==typeof e)return b(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?b(e,t):void 0}}function h(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function g(e,t){return p(e)||d(e,t)||y(e,t)||h()}var v=s.memo((function(e){var t=g(s.useState(null),2),n=t[0],l=t[1],i=s.useRef(null),c=e.root||!e.resetMenu;!0===e.resetMenu&&null!==n&&l(null);var m=function(e,t){t.disabled?e.preventDefault():l(t)},f=function(t,n){n.disabled?t.preventDefault():(n.url||t.preventDefault(),n.command&&n.command({originalEvent:t,item:n}),n.items||e.onLeafClick(t))},p=function(){var e=i.current.parentElement,t=u.DomHandler.getOffset(e),n=u.DomHandler.getViewport(),r=i.current.offsetParent?i.current.offsetWidth:u.DomHandler.getHiddenElementOuterWidth(i.current),o=u.DomHandler.getOuterWidth(e.children[0]),l=parseInt(t.top,10)+i.current.offsetHeight-u.DomHandler.getWindowScrollTop();i.current.style.top=l>n.height?n.height-l+"px":"0px",i.current.style.left=parseInt(t.left,10)+o+r>n.width-u.DomHandler.calculateScrollbarWidth()?-1*r+"px":o+"px"};o.useUpdateEffect((function(){c&&p()}));var d=function(e){return s.createElement("li",{key:"separator_"+e,className:"p-menu-separator",role:"separator"})},b=function(t){return t.items?s.createElement(v,{menuProps:e.menuProps,model:t.items,resetMenu:t!==n,onLeafClick:e.onLeafClick}):null},y=function(t,r){if(!1===t.visible)return null;var o=n===t,l=t.label+"_"+r,i=u.classNames("p-menuitem",{"p-menuitem-active":o},t.className),c=u.classNames("p-menuitem-link",{"p-disabled":t.disabled}),p=u.classNames("p-menuitem-icon",t.icon),d="p-submenu-icon pi pi-angle-right",y=u.IconUtils.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:e.menuProps}),h=t.label&&s.createElement("span",{className:"p-menuitem-text"},t.label),g=t.items&&s.createElement("span",{className:d}),v=b(t),E=s.createElement("a",{href:t.url||"#",className:c,target:t.target,onClick:function(e){return f(e,t)},role:"menuitem","aria-haspopup":null!=t.items,"aria-disabled":t.disabled},y,h,g,s.createElement(a.Ripple,null));t.template&&(E=u.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return f(e,t)},className:c,labelClassName:"p-menuitem-text",iconClassName:p,submenuIconClassName:d,element:E,props:e,active:o}));return s.createElement("li",{key:l,role:"none",id:t.id,className:i,style:t.style,onMouseEnter:function(e){return m(e,t)}},E,v)},h=function(e,t){return e.separator?d(t):y(e,t)},E=u.classNames({"p-submenu-list":!e.root}),x=e.model?e.model.map(h):null;return s.createElement(r.CSSTransition,{nodeRef:i,classNames:"p-contextmenusub",in:c,timeout:{enter:0,exit:0},unmountOnExit:!0,onEnter:function(){p()}},s.createElement("ul",{ref:i,className:E},x))}));v.displayName="ContextMenuSub";var E=s.memo(s.forwardRef((function(e,t){var n=g(s.useState(!1),2),a=n[0],i=n[1],c=g(s.useState(!1),2),p=c[0],d=c[1],b=g(s.useState(!1),2),y=b[0],h=b[1],x=s.useRef(null),O=s.useRef(null),N=g(o.useEventListener({type:"click",listener:function(e){W(e)&&2!==e.button&&(k(e),h(!0))}}),2),S=N[0],H=N[1],I=g(o.useEventListener({type:"contextmenu",listener:function(e){M(e)}}),1)[0],j=g(o.useResizeListener({listener:function(e){a&&!u.DomHandler.isTouchDevice()&&k(e)}}),2),C=j[0],D=j[1],P=function(){h(!1)},w=function(){h(!1)},M=function(t){t.stopPropagation(),t.preventDefault(),O.current=t,a?d(!0):(i(!0),e.onShow&&e.onShow(O.current))},k=function(t){O.current=t,i(!1),d(!1),e.onHide&&e.onHide(O.current)},T=function(){e.autoZIndex&&u.ZIndexUtils.set("menu",x.current,m.default.autoZIndex,e.baseZIndex||m.default.zIndex.menu),Z(O.current)},U=function(){A()},L=function(){z(),u.ZIndexUtils.clear(x.current)},R=function(){u.ZIndexUtils.clear(x.current)},Z=function(e){if(e){var t=e.pageX+1,n=e.pageY+1,r=x.current.offsetParent?x.current.offsetWidth:u.DomHandler.getHiddenElementOuterWidth(x.current),o=x.current.offsetParent?x.current.offsetHeight:u.DomHandler.getHiddenElementOuterHeight(x.current),l=u.DomHandler.getViewport();t+r-document.body.scrollLeft>l.width&&(t-=r),n+o-document.body.scrollTop>l.height&&(n-=o),t<document.body.scrollLeft&&(t=document.body.scrollLeft),n<document.body.scrollTop&&(n=document.body.scrollTop),x.current.style.left=t+"px",x.current.style.top=n+"px"}},_=function(e){h(!0),k(e),e.stopPropagation()},W=function(e){return x&&x.current&&!(x.current.isSameNode(e.target)||x.current.contains(e.target))},A=function(){C(),S()},z=function(){D(),H()};o.useMountEffect((function(){e.global&&I()})),o.useUpdateEffect((function(){a?(i(!1),d(!1),h(!0)):p||a||!y||M(O.current)}),[p]),o.useUnmountEffect((function(){u.ZIndexUtils.clear(x.current)})),s.useImperativeHandle(t,(function(){return{props:e,show:M,hide:k,getElement:function(){return x.current}}}));var X,J,V=(X=u.ObjectUtils.findDiffKeys(e,E.defaultProps),J=u.classNames("p-contextmenu p-component",e.className),s.createElement(r.CSSTransition,{nodeRef:x,classNames:"p-contextmenu",in:a,timeout:{enter:250,exit:0},options:e.transitionOptions,unmountOnExit:!0,onEnter:T,onEntered:U,onExit:L,onExited:R},s.createElement("div",f({ref:x,id:e.id,className:J,style:e.style},X,{onClick:P,onMouseEnter:w}),s.createElement(v,{menuProps:e,model:e.model,root:!0,resetMenu:y,onLeafClick:_}))));return s.createElement(l.Portal,{element:V,appendTo:e.appendTo})})));return E.displayName="ContextMenu",E.defaultProps={__TYPE:"ContextMenu",id:null,model:null,style:null,className:null,global:!1,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null},e.ContextMenu=E,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.portal,primereact.utils,primereact.ripple);
+this.primereact=this.primereact||{},this.primereact.contextmenu=function(e,t,n,r,o,l,u,a){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var s=c(t),m=i(n);function f(){return f=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},f.apply(this,arguments)}function p(e){if(Array.isArray(e))return e}function d(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,u,a=[],i=!0,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;i=!1}else for(;!(i=(r=l.call(n)).done)&&(a.push(r.value),a.length!==t);i=!0);}catch(e){c=!0,o=e}finally{try{if(!i&&null!=n.return&&(u=n.return(),Object(u)!==u))return}finally{if(c)throw o}}return a}}function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function y(e,t){if(e){if("string"==typeof e)return b(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?b(e,t):void 0}}function h(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function g(e,t){return p(e)||d(e,t)||y(e,t)||h()}var v=s.memo((function(e){var t=g(s.useState(null),2),n=t[0],l=t[1],i=s.useRef(null),c=e.root||!e.resetMenu;!0===e.resetMenu&&null!==n&&l(null);var m=function(e,t){t.disabled?e.preventDefault():l(t)},f=function(t,n){n.disabled?t.preventDefault():(n.url||t.preventDefault(),n.command&&n.command({originalEvent:t,item:n}),n.items||e.onLeafClick(t))},p=function(){var e=i.current.parentElement,t=u.DomHandler.getOffset(e),n=u.DomHandler.getViewport(),r=i.current.offsetParent?i.current.offsetWidth:u.DomHandler.getHiddenElementOuterWidth(i.current),o=u.DomHandler.getOuterWidth(e.children[0]),l=parseInt(t.top,10)+i.current.offsetHeight-u.DomHandler.getWindowScrollTop();i.current.style.top=l>n.height?n.height-l+"px":"0px",i.current.style.left=parseInt(t.left,10)+o+r>n.width-u.DomHandler.calculateScrollbarWidth()?-1*r+"px":o+"px"};o.useUpdateEffect((function(){c&&p()}));var d=function(e){return s.createElement("li",{key:"separator_"+e,className:"p-menu-separator",role:"separator"})},b=function(t){return t.items?s.createElement(v,{menuProps:e.menuProps,model:t.items,resetMenu:t!==n,onLeafClick:e.onLeafClick}):null},y=function(t,r){if(!1===t.visible)return null;var o=n===t,l=t.label+"_"+r,i=u.classNames("p-menuitem",{"p-menuitem-active":o},t.className),c=u.classNames("p-menuitem-link",{"p-disabled":t.disabled}),p=u.classNames("p-menuitem-icon",t.icon),d="p-submenu-icon pi pi-angle-right",y=u.IconUtils.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:e.menuProps}),h=t.label&&s.createElement("span",{className:"p-menuitem-text"},t.label),g=t.items&&s.createElement("span",{className:d}),v=b(t),E=s.createElement("a",{href:t.url||"#",className:c,target:t.target,onClick:function(e){return f(e,t)},role:"menuitem","aria-haspopup":null!=t.items,"aria-disabled":t.disabled},y,h,g,s.createElement(a.Ripple,null));t.template&&(E=u.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return f(e,t)},className:c,labelClassName:"p-menuitem-text",iconClassName:p,submenuIconClassName:d,element:E,props:e,active:o}));return s.createElement("li",{key:l,role:"none",id:t.id,className:i,style:t.style,onMouseEnter:function(e){return m(e,t)}},E,v)},h=function(e,t){return e.separator?d(t):y(e,t)},E=u.classNames({"p-submenu-list":!e.root}),x=e.model?e.model.map(h):null;return s.createElement(r.CSSTransition,{nodeRef:i,classNames:"p-contextmenusub",in:c,timeout:{enter:0,exit:0},unmountOnExit:!0,onEnter:function(){p()}},s.createElement("ul",{ref:i,className:E},x))}));v.displayName="ContextMenuSub";var E=s.memo(s.forwardRef((function(e,t){var n=g(s.useState(!1),2),a=n[0],i=n[1],c=g(s.useState(!1),2),p=c[0],d=c[1],b=g(s.useState(!1),2),y=b[0],h=b[1],x=s.useRef(null),O=s.useRef(null),N=g(o.useEventListener({type:"click",listener:function(e){W(e)&&2!==e.button&&(k(e),h(!0))}}),2),S=N[0],H=N[1],I=g(o.useEventListener({type:"contextmenu",listener:function(e){M(e)}}),1)[0],j=g(o.useResizeListener({listener:function(e){a&&!u.DomHandler.isTouchDevice()&&k(e)}}),2),C=j[0],D=j[1],P=function(){h(!1)},w=function(){h(!1)},M=function(t){t.stopPropagation(),t.preventDefault(),O.current=t,a?d(!0):(i(!0),e.onShow&&e.onShow(O.current))},k=function(t){O.current=t,i(!1),d(!1),e.onHide&&e.onHide(O.current)},T=function(){e.autoZIndex&&u.ZIndexUtils.set("menu",x.current,m.default.autoZIndex,e.baseZIndex||m.default.zIndex.menu),Z(O.current)},U=function(){A()},L=function(){z(),u.ZIndexUtils.clear(x.current)},R=function(){u.ZIndexUtils.clear(x.current)},Z=function(e){if(e){var t=e.pageX+1,n=e.pageY+1,r=x.current.offsetParent?x.current.offsetWidth:u.DomHandler.getHiddenElementOuterWidth(x.current),o=x.current.offsetParent?x.current.offsetHeight:u.DomHandler.getHiddenElementOuterHeight(x.current),l=u.DomHandler.getViewport();t+r-document.body.scrollLeft>l.width&&(t-=r),n+o-document.body.scrollTop>l.height&&(n-=o),t<document.body.scrollLeft&&(t=document.body.scrollLeft),n<document.body.scrollTop&&(n=document.body.scrollTop),x.current.style.left=t+"px",x.current.style.top=n+"px"}},_=function(e){h(!0),k(e),e.stopPropagation()},W=function(e){return x&&x.current&&!(x.current.isSameNode(e.target)||x.current.contains(e.target))},A=function(){C(),S()},z=function(){D(),H()};o.useMountEffect((function(){e.global&&I()})),o.useUpdateEffect((function(){a?(i(!1),d(!1),h(!0)):p||a||!y||M(O.current)}),[p]),o.useUnmountEffect((function(){u.ZIndexUtils.clear(x.current)})),s.useImperativeHandle(t,(function(){return{props:e,show:M,hide:k,getElement:function(){return x.current}}}));var X,J,V=(X=u.ObjectUtils.findDiffKeys(e,E.defaultProps),J=u.classNames("p-contextmenu p-component",e.className,{"p-input-filled":"filled"===m.default.inputStyle,"p-ripple-disabled":!1===m.default.ripple}),s.createElement(r.CSSTransition,{nodeRef:x,classNames:"p-contextmenu",in:a,timeout:{enter:250,exit:0},options:e.transitionOptions,unmountOnExit:!0,onEnter:T,onEntered:U,onExit:L,onExited:R},s.createElement("div",f({ref:x,id:e.id,className:J,style:e.style},X,{onClick:P,onMouseEnter:w}),s.createElement(v,{menuProps:e,model:e.model,root:!0,resetMenu:y,onLeafClick:_}))));return s.createElement(l.Portal,{element:V,appendTo:e.appendTo})})));return E.displayName="ContextMenu",E.defaultProps={__TYPE:"ContextMenu",id:null,model:null,style:null,className:null,global:!1,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null},e.ContextMenu=E,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.portal,primereact.utils,primereact.ripple);

package/core/core.js

@@ -795,6 +795,11 @@ this.primereact.utils = (function (exports, React) {
       value: function isAndroid() {
         return /(android)/i.test(navigator.userAgent);
       }
+    }, {
+      key: "isChrome",
+      value: function isChrome() {
+        return /(chrome)/i.test(navigator.userAgent);
+      }
     }, {
       key: "isTouchDevice",
       value: function isTouchDevice() {
@@ -910,7 +915,7 @@ this.primereact.utils = (function (exports, React) {
     }, {
       key: "isExist",
       value: function isExist(element) {
-        return element !== null && typeof element !== 'undefined' && element.nodeName && element.parentNode;
+        return !!(element !== null && typeof element !== 'undefined' && element.nodeName && element.parentNode);
       }
     }, {
       key: "hasDOM",
@@ -964,6 +969,22 @@ this.primereact.utils = (function (exports, React) {
           preventScroll: preventScroll
         });
       }
+
+      /**
+       * Focus the first focusable element if it does not already have focus.
+       *
+       * @param {HTMLElement} el a HTML element
+       * @param {boolean} scrollTo flag to control whether to scroll to the element, false by default
+       * @return {HTMLElement | undefined} the first focusable HTML element found
+       */
+    }, {
+      key: "focusFirstElement",
+      value: function focusFirstElement(el, scrollTo) {
+        if (!el) return;
+        var firstFocusableElement = DomHandler.getFirstFocusableElement(el);
+        firstFocusableElement && DomHandler.focus(firstFocusableElement, scrollTo);
+        return firstFocusableElement;
+      }
     }, {
       key: "getCursorOffset",
       value: function getCursorOffset(el, prevText, nextText, currentText) {
@@ -1417,11 +1438,10 @@ this.primereact.utils = (function (exports, React) {
         pos,
         begin,
         end;
-      var iPhone = /iphone/i.test(DomHandler.getUserAgent());
       oldVal = el.value;
 
       //backspace, delete, and escape get special treatment
-      if (k === 8 || k === 46 || iPhone && k === 127) {
+      if (k === 8 || k === 46 || DomHandler.isIOS() && k === 127) {
         pos = caret();
         begin = pos.begin;
         end = pos.end;
@@ -1471,7 +1491,7 @@ this.primereact.utils = (function (exports, React) {
             buffer[p] = c;
             writeBuffer();
             next = seekNext(p);
-            if (/android/i.test(DomHandler.getUserAgent())) {
+            if (DomHandler.isAndroid()) {
               //Path for CSP Violation on FireFox OS 1.1
               var proxy = function proxy() {
                 caret(next);
@@ -1641,8 +1661,7 @@ this.primereact.utils = (function (exports, React) {
         a: '[A-Za-z]',
         '*': '[A-Za-z0-9]'
       };
-      var ua = DomHandler.getUserAgent();
-      androidChrome = /chrome/i.test(ua) && /android/i.test(ua);
+      androidChrome = DomHandler.isChrome() && DomHandler.isAndroid();
       var maskTokens = options.mask.split('');
       for (var i = 0; i < maskTokens.length; i++) {
         var c = maskTokens[i];
@@ -1827,13 +1846,10 @@ this.primereact.utils = (function (exports, React) {
     }, {
       key: "reorderArray",
       value: function reorderArray(value, from, to) {
-        var target;
         if (value && from !== to) {
           if (to >= value.length) {
-            target = to - value.length;
-            while (target-- + 1) {
-              value.push(undefined);
-            }
+            to %= value.length;
+            from %= value.length;
           }
           value.splice(to, 0, value.splice(from, 1)[0]);
         }
@@ -2191,7 +2207,7 @@ this.primereact.api = (function (exports, utils) {
         },
         notEquals: function notEquals(value, filter, filterLocale) {
           if (filter === undefined || filter === null || typeof filter === 'string' && filter.trim() === '') {
-            return false;
+            return true;
           }
           if (value === undefined || value === null) {
             return true;
@@ -3035,7 +3051,7 @@ this.primereact.hooks = (function (exports, React, utils) {
         bindWindowResizeListener = _useResizeListener2[0],
         unbindWindowResizeListener = _useResizeListener2[1];
       var _useOverlayScrollList = useOverlayScrollListener({
-          target: targetRef,
+          target: target,
           listener: function listener(event) {
             _listener && _listener(event, {
               type: 'scroll',
@@ -3070,7 +3086,6 @@ this.primereact.hooks = (function (exports, React, utils) {
       }, [target, overlay, when]);
       React__namespace.useEffect(function () {
         unbind();
-        // when && bind();
       }, [when]);
       useUnmountEffect(function () {
         unbind();
@@ -5457,7 +5472,8 @@ this.primereact.checkbox = (function (exports, React, hooks, tooltip, utils) {
       setFocusedState(false);
     };
     var onKeyDown = function onKeyDown(event) {
-      if (event.code === 'Space') {
+      if (event.code === 'Space' || event.key === ' ') {
+        // event.key is for Android support
         onClick(event);
       }
     };
@@ -5467,6 +5483,9 @@ this.primereact.checkbox = (function (exports, React, hooks, tooltip, utils) {
     React__namespace.useImperativeHandle(ref, function () {
       return {
         props: props,
+        focus: function focus() {
+          return utils.DomHandler.focus(inputRef.current);
+        },
         getElement: function getElement() {
           return elementRef.current;
         },
@@ -6170,16 +6189,11 @@ this.primereact.inputnumber = (function (exports, React, hooks, inputtext, rippl
           return;
         }
 
+        // #3913 onChange should be called before onValueChange
+        handleOnChange(event, currentValue, newValue);
         // touch devices trigger the keyboard to display because of setSelectionRange
         !utils.DomHandler.isTouchDevice() && updateInput(newValue, null, 'spin');
         updateModel(event, newValue);
-        handleOnChange(event, currentValue, newValue);
-      }
-    };
-    var onUpButtonTouchStart = function onUpButtonTouchStart(event) {
-      if (!props.disabled && !props.readOnly) {
-        repeat(event, null, 1);
-        event.preventDefault();
       }
     };
     var onUpButtonMouseDown = function onUpButtonMouseDown(event) {
@@ -6189,11 +6203,6 @@ this.primereact.inputnumber = (function (exports, React, hooks, inputtext, rippl
         event.preventDefault();
       }
     };
-    var onUpButtonTouchEnd = function onUpButtonTouchEnd() {
-      if (!props.disabled && !props.readOnly) {
-        clearTimer();
-      }
-    };
     var onUpButtonMouseUp = function onUpButtonMouseUp() {
       if (!props.disabled && !props.readOnly) {
         clearTimer();
@@ -6214,17 +6223,6 @@ this.primereact.inputnumber = (function (exports, React, hooks, inputtext, rippl
         repeat(event, null, 1);
       }
     };
-    var onDownButtonTouchStart = function onDownButtonTouchStart(event) {
-      if (!props.disabled && !props.readOnly) {
-        repeat(event, null, -1);
-        event.preventDefault();
-      }
-    };
-    var onDownButtonTouchEnd = function onDownButtonTouchEnd() {
-      if (!props.disabled && !props.readOnly) {
-        clearTimer();
-      }
-    };
     var onDownButtonMouseDown = function onDownButtonMouseDown(event) {
       if (!props.disabled && !props.readOnly) {
         props.autoFocus && utils.DomHandler.focus(inputRef.current, props.autoFocus);
@@ -6798,6 +6796,9 @@ this.primereact.inputnumber = (function (exports, React, hooks, inputtext, rippl
     React__namespace.useImperativeHandle(ref, function () {
       return {
         props: props,
+        focus: function focus() {
+          return utils.DomHandler.focus(inputRef.current);
+        },
         getFormatter: getFormatter,
         getElement: function getElement() {
           return elementRef.current;
@@ -6868,13 +6869,11 @@ this.primereact.inputnumber = (function (exports, React, hooks, inputtext, rippl
       return /*#__PURE__*/React__namespace.createElement("button", {
         type: "button",
         className: className,
-        onMouseLeave: onUpButtonMouseLeave,
-        onMouseDown: onUpButtonMouseDown,
-        onMouseUp: onUpButtonMouseUp,
+        onPointerLeave: onUpButtonMouseLeave,
+        onPointerDown: onUpButtonMouseDown,
+        onPointerUp: onUpButtonMouseUp,
         onKeyDown: onUpButtonKeyDown,
         onKeyUp: onUpButtonKeyUp,
-        onTouchStart: onUpButtonTouchStart,
-        onTouchEnd: onUpButtonTouchEnd,
         disabled: props.disabled,
         tabIndex: -1
       }, /*#__PURE__*/React__namespace.createElement("span", {
@@ -6889,13 +6888,11 @@ this.primereact.inputnumber = (function (exports, React, hooks, inputtext, rippl
       return /*#__PURE__*/React__namespace.createElement("button", {
         type: "button",
         className: className,
-        onMouseLeave: onDownButtonMouseLeave,
-        onMouseDown: onDownButtonMouseDown,
-        onMouseUp: onDownButtonMouseUp,
+        onPointerLeave: onDownButtonMouseLeave,
+        onPointerDown: onDownButtonMouseDown,
+        onPointerUp: onDownButtonMouseUp,
         onKeyDown: onDownButtonKeyDown,
         onKeyUp: onDownButtonKeyUp,
-        onTouchStart: onDownButtonTouchStart,
-        onTouchEnd: onDownButtonTouchEnd,
         disabled: props.disabled,
         tabIndex: -1
       }, /*#__PURE__*/React__namespace.createElement("span", {
@@ -7790,7 +7787,10 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, hooks, overlay
       }
     };
     var createElement = function createElement() {
-      var className = utils.classNames('p-dropdown-panel p-component', props.panelClassName);
+      var className = utils.classNames('p-dropdown-panel p-component', props.panelClassName, {
+        'p-input-filled': PrimeReact__default["default"].inputStyle === 'filled',
+        'p-ripple-disabled': PrimeReact__default["default"].ripple === false
+      });
       var filter = createFilter();
       var content = createContent();
       return /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, {
@@ -7904,6 +7904,12 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, hooks, overlay
       if (props.disabled) {
         return;
       }
+      props.onClick && props.onClick(event);
+
+      // do not continue if the user defined click wants to prevent it
+      if (event.defaultPrevented) {
+        return;
+      }
       if (utils.DomHandler.hasClass(event.target, 'p-dropdown-clear-icon') || event.target.tagName === 'INPUT') {
         return;
       } else if (!overlayRef.current || !(overlayRef.current && overlayRef.current.contains(event.target))) {
@@ -8330,6 +8336,9 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, hooks, overlay
         props: props,
         show: show,
         hide: hide,
+        focus: function focus() {
+          return utils.DomHandler.focus(focusInputRef.current);
+        },
         getElement: function getElement() {
           return elementRef.current;
         },
@@ -8359,10 +8368,10 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, hooks, overlay
       }
     }, [overlayVisibleState, props.value]);
     hooks.useUpdateEffect(function () {
-      if (overlayVisibleState && props.filter) {
+      if (overlayVisibleState && filterState && props.filter) {
         alignOverlay();
       }
-    }, [overlayVisibleState, props.filter]);
+    }, [overlayVisibleState, filterState, props.filter]);
     hooks.useUpdateEffect(function () {
       if (filterState && (!props.options || props.options.length === 0)) {
         setFilterState('');
@@ -8449,15 +8458,20 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, hooks, overlay
     };
     var createClearIcon = function createClearIcon() {
       if (props.value != null && props.showClear && !props.disabled) {
-        return /*#__PURE__*/React__namespace.createElement("i", {
-          className: "p-dropdown-clear-icon pi pi-times",
-          onClick: clear
-        });
+        var iconClassName = utils.classNames('p-dropdown-clear-icon p-clickable');
+        var iconProps = {
+          className: iconClassName,
+          onPointerUp: clear
+        };
+        return utils.IconUtils.getJSXIcon(props.clearIcon, iconProps);
       }
       return null;
     };
     var createDropdownIcon = function createDropdownIcon() {
-      var iconClassName = utils.classNames('p-dropdown-trigger-icon p-clickable', props.dropdownIcon);
+      var iconClassName = utils.classNames('p-dropdown-trigger-icon p-clickable');
+      var icon = utils.IconUtils.getJSXIcon(props.dropdownIcon, {
+        className: iconClassName
+      });
       var ariaLabel = props.placeholder || props.ariaLabel;
       return /*#__PURE__*/React__namespace.createElement("div", {
         className: "p-dropdown-trigger",
@@ -8465,9 +8479,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, hooks, overlay
         "aria-haspopup": "listbox",
         "aria-expanded": overlayVisibleState,
         "aria-label": ariaLabel
-      }, /*#__PURE__*/React__namespace.createElement("span", {
-        className: iconClassName
-      }));
+      }, icon);
     };
     var visibleOptions = getVisibleOptions();
     var selectedOption = getSelectedOption();
@@ -8534,6 +8546,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, hooks, overlay
     ariaLabelledBy: null,
     autoFocus: false,
     className: null,
+    clearIcon: 'pi pi-times',
     dataKey: null,
     disabled: false,
     dropdownIcon: 'pi pi-chevron-down',
@@ -8714,10 +8727,11 @@ this.primereact.dialog = (function (exports, React, PrimeReact, csstransition, h
   }
 
   var Dialog = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
-    var _React$useState = React__namespace.useState(props.id),
+    var uniqueId = props.id ? props.id : utils.UniqueComponentId();
+    var _React$useState = React__namespace.useState(uniqueId),
       _React$useState2 = _slicedToArray(_React$useState, 2),
-      idState = _React$useState2[0],
-      setIdState = _React$useState2[1];
+      idState = _React$useState2[0];
+      _React$useState2[1];
     var _React$useState3 = React__namespace.useState(false),
       _React$useState4 = _slicedToArray(_React$useState3, 2),
       maskVisibleState = _React$useState4[0],
@@ -8741,7 +8755,7 @@ this.primereact.dialog = (function (exports, React, PrimeReact, csstransition, h
     var lastPageX = React__namespace.useRef(null);
     var lastPageY = React__namespace.useRef(null);
     var styleElement = React__namespace.useRef(null);
-    var attributeSelector = React__namespace.useRef('');
+    var attributeSelector = React__namespace.useRef(uniqueId);
     var maximized = props.onMaximize ? props.maximized : maximizedState;
     var _useEventListener = hooks.useEventListener({
         type: 'keydown',
@@ -9048,14 +9062,12 @@ this.primereact.dialog = (function (exports, React, PrimeReact, csstransition, h
       });
     };
     var createStyle = function createStyle() {
-      if (!styleElement.current) {
-        styleElement.current = utils.DomHandler.createInlineStyle(PrimeReact__default["default"].nonce);
-        var innerHTML = '';
-        for (var breakpoint in props.breakpoints) {
-          innerHTML += "\n                    @media screen and (max-width: ".concat(breakpoint, ") {\n                        .p-dialog[").concat(attributeSelector.current, "] {\n                            width: ").concat(props.breakpoints[breakpoint], " !important;\n                        }\n                    }\n                ");
-        }
-        styleElement.current.innerHTML = innerHTML;
+      styleElement.current = utils.DomHandler.createInlineStyle(PrimeReact__default["default"].nonce);
+      var innerHTML = '';
+      for (var breakpoint in props.breakpoints) {
+        innerHTML += "\n                @media screen and (max-width: ".concat(breakpoint, ") {\n                    .p-dialog[").concat(attributeSelector.current, "] {\n                        width: ").concat(props.breakpoints[breakpoint], " !important;\n                    }\n                }\n            ");
       }
+      styleElement.current.innerHTML = innerHTML;
     };
     var changeScrollOnMaximizable = function changeScrollOnMaximizable() {
       if (!props.blockScroll) {
@@ -9064,13 +9076,6 @@ this.primereact.dialog = (function (exports, React, PrimeReact, csstransition, h
       }
     };
     hooks.useMountEffect(function () {
-      var unqiueId = utils.UniqueComponentId();
-      if (!idState) {
-        setIdState(unqiueId);
-      }
-      if (!attributeSelector.current) {
-        attributeSelector.current = unqiueId;
-      }
       if (props.visible) {
         setMaskVisibleState(true);
       }
@@ -9212,7 +9217,9 @@ this.primereact.dialog = (function (exports, React, PrimeReact, csstransition, h
       var className = utils.classNames('p-dialog p-component', props.className, {
         'p-dialog-rtl': props.rtl,
         'p-dialog-maximized': maximized,
-        'p-dialog-default': !maximized
+        'p-dialog-default': !maximized,
+        'p-input-filled': PrimeReact__default["default"].inputStyle === 'filled',
+        'p-ripple-disabled': PrimeReact__default["default"].ripple === false
       });
       var maskClassName = utils.classNames('p-dialog-mask', getPositionClass(), {
         'p-component-overlay p-component-overlay-enter': props.modal,