primereact 8.7.3 → 9.0.0-beta.1

package/multistatecheckbox/multistatecheckbox.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.multistatecheckbox=function(e,t,n,r,o,l){"use strict";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 a=i(t);function u(){return u=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},u.apply(this,arguments)}function c(e){return c="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},c(e)}function s(e,t){if("object"!==c(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==c(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function p(e){var t=s(e,"string");return"symbol"===c(t)?t:String(t)}function f(e){if(Array.isArray(e))return e}function m(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,i,a=[],u=!0,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=l.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))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 d(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 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.")}var v=a.memo(a.forwardRef((function(e,t){var i,c,s=a.useState(!1),b=(c=2,f(i=s)||m(i,c)||d(i,c)||y()),h=b[0],g=b[1],O=a.useRef(null),j=e.optionValue?null:e.dataKey,S=function(t){return e.optionValue?l.ObjectUtils.resolveFieldData(t,e.optionValue):t},x=function(t){if(e.onChange){var n=S(e.options?w===e.options.length-1?e.empty?null:e.options[0]:e.options[w+1]:null);e.onChange({originalEvent:t,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:n}})}};a.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return O.current}}})),r.useMountEffect((function(){e.empty||null!==e.value||x()}));var k,E,N=(e.options&&(E=e.options.findIndex((function(t){return l.ObjectUtils.equals(e.value,S(t),j)})),k=e.options[E]),{option:k,index:E}),P=N.option,w=N.index,C=l.ObjectUtils.isNotEmpty(e.tooltip),I=l.ObjectUtils.findDiffKeys(e,v.defaultProps),A=l.ObjectUtils.reduceKeys(I,l.DomHandler.ARIA_PROPS),D=l.classNames("p-multistatecheckbox p-checkbox p-component",e.className,{"p-checkbox-disabled":e.disabled}),U=l.classNames("p-checkbox-box",{"p-highlight":!!P,"p-disabled":e.disabled,"p-focus":h},P&&P.className),M=function(){var t,n,r,o=l.classNames("p-checkbox-icon p-c",(t={},n="".concat(P&&P.icon||""),r=!0,(n=p(n))in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t)),i=a.createElement("span",{className:o});return e.iconTemplate?l.ObjectUtils.getJSXElement(e.iconTemplate,{option:P,className:o,element:i,props:e}):i}(),T=P?function(t){var n=e.optionLabel||e.optionValue;return n?l.ObjectUtils.resolveFieldData(t,n):t}(P):n.ariaLabel("nullLabel"),_=P?"true":"false";return a.createElement(a.Fragment,null,a.createElement("div",u({ref:O,id:e.id,className:D,style:e.style},I,{onClick:function(t){e.disabled||e.readOnly||x(t)}}),a.createElement("div",u({className:U,style:P&&P.style,tabIndex:e.tabIndex,onFocus:function(){g(!0)},onBlur:function(){g(!1)},onKeyDown:function(e){32===e.keyCode&&(x(e),e.preventDefault())},role:"checkbox","aria-checked":_},A),M),h&&a.createElement("span",{className:"p-sr-only","aria-live":"polite"},T)),C&&a.createElement(o.Tooltip,u({target:O,content:e.tooltip},e.tooltipOptions)))})));return v.displayName="MultiStateCheckbox",v.defaultProps={__TYPE:"MultiStateCheckbox",id:null,value:null,options:null,optionValue:null,optionLabel:null,iconTemplate:null,dataKey:null,style:null,className:null,disabled:!1,readOnly:!1,empty:!0,tabIndex:"0",tooltip:null,tooltipOptions:null,onChange:null},e.MultiStateCheckbox=v,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.tooltip,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.multistatecheckbox=function(e,t,n,r,o,l){"use strict";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 a=i(t);function u(){return u=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},u.apply(this,arguments)}function c(e){return c="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},c(e)}function s(e,t){if("object"!==c(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==c(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function p(e){var t=s(e,"string");return"symbol"===c(t)?t:String(t)}function f(e){if(Array.isArray(e))return e}function m(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,i,a=[],u=!0,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=l.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))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 d(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 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.")}var v=a.memo(a.forwardRef((function(e,t){var i,c,s=a.useState(!1),b=(c=2,f(i=s)||m(i,c)||d(i,c)||y()),h=b[0],g=b[1],O=a.useRef(null),j=e.optionValue?null:e.dataKey,S=function(t){return e.optionValue?l.ObjectUtils.resolveFieldData(t,e.optionValue):t},x=function(t){if(e.onChange){var n=S(e.options?w===e.options.length-1?e.empty?null:e.options[0]:e.options[w+1]:null);e.onChange({originalEvent:t,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:n}})}};a.useImperativeHandle(t,(function(){return{props:e,focus:function(){return l.DomHandler.focusFirstElement(O.current)},getElement:function(){return O.current}}})),r.useMountEffect((function(){e.empty||null!==e.value||x()}));var E,k,N=(e.options&&(k=e.options.findIndex((function(t){return l.ObjectUtils.equals(e.value,S(t),j)})),E=e.options[k]),{option:E,index:k}),P=N.option,w=N.index,C=l.ObjectUtils.isNotEmpty(e.tooltip),D=l.ObjectUtils.findDiffKeys(e,v.defaultProps),I=l.ObjectUtils.reduceKeys(D,l.DomHandler.ARIA_PROPS),A=l.classNames("p-multistatecheckbox p-checkbox p-component",e.className,{"p-checkbox-disabled":e.disabled}),U=l.classNames("p-checkbox-box",{"p-highlight":!!P,"p-disabled":e.disabled,"p-focus":h},P&&P.className),M=function(){var t,n,r,o=l.classNames("p-checkbox-icon p-c",(t={},n="".concat(P&&P.icon||""),r=!0,(n=p(n))in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t)),i=a.createElement("span",{className:o});return e.iconTemplate?l.ObjectUtils.getJSXElement(e.iconTemplate,{option:P,className:o,element:i,props:e}):i}(),T=P?function(t){var n=e.optionLabel||e.optionValue;return n?l.ObjectUtils.resolveFieldData(t,n):t}(P):n.ariaLabel("nullLabel"),_=P?"true":"false";return a.createElement(a.Fragment,null,a.createElement("div",u({ref:O,id:e.id,className:A,style:e.style},D,{onClick:function(t){e.disabled||e.readOnly||x(t)}}),a.createElement("div",u({className:U,style:P&&P.style,tabIndex:e.tabIndex,onFocus:function(){g(!0)},onBlur:function(){g(!1)},onKeyDown:function(e){32===e.keyCode&&(x(e),e.preventDefault())},role:"checkbox","aria-checked":_},I),M),h&&a.createElement("span",{className:"p-sr-only","aria-live":"polite"},T)),C&&a.createElement(o.Tooltip,u({target:O,content:e.tooltip},e.tooltipOptions)))})));return v.displayName="MultiStateCheckbox",v.defaultProps={__TYPE:"MultiStateCheckbox",id:null,value:null,options:null,optionValue:null,optionLabel:null,iconTemplate:null,dataKey:null,style:null,className:null,disabled:!1,readOnly:!1,empty:!0,tabIndex:"0",tooltip:null,tooltipOptions:null,onChange:null},e.MultiStateCheckbox=v,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.tooltip,primereact.utils);

package/orderlist/orderlist.d.ts

@@ -1,34 +1,131 @@
+/**
+ *
+ * OrderList is used to sort a collection.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/orderlist/)
+ *
+ * @module orderlist
+ *
+ */
 import * as React from 'react';
 
-type OrderListFilterTemplateType = React.ReactNode | ((options: OrderListFilterOptions) => React.ReactNode);
-
-interface OrderListChangeParams {
+/**
+ * Custom change event.
+ * @see {@link OrderListProps.onChange}
+ * @event
+ */
+interface OrderListChangeEvent {
+    /**
+     * Browser event
+     */
     originalEvent: React.SyntheticEvent;
+    /**
+     * Reordered list
+     */
     value: any;
 }
 
+/**
+ * Custom filter options.
+ * @group Misc
+ */
 interface OrderListFilterOptions {
+    /**
+     * Browser keyboard event for the filter orderlist element.
+     */
     filter?: (event?: KeyboardEvent) => void;
+    /**
+     * Used to reset the filter.
+     */
     reset?: () => void;
 }
 
+/**
+ * Defines valid properties in OrderList component. In addition to these, all properties of HTMLDivElement can be used in this component.
+ * @group Properties
+ */
 export interface OrderListProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange' | 'ref'> {
-    value?: any[];
-    header?: React.ReactNode;
-    listStyle?: React.CSSProperties;
-    dragdrop?: boolean;
-    dataKey?: string;
-    filter?: boolean;
-    filterBy?: string;
-    filterMatchMode?: string;
-    filterPlaceholder?: string;
-    filterLocale?: string;
-    filterTemplate?: OrderListFilterTemplateType;
-    onChange?(e: OrderListChangeParams): void;
+    /**
+     * An array of objects to reorder.
+     */
+    value?: any[] | undefined;
+    /**
+     * Text for the caption.
+     */
+    header?: React.ReactNode | undefined;
+    /**
+     * Inline style of the list element.
+     */
+    listStyle?: React.CSSProperties | undefined;
+    /**
+     * Whether to enable dragdrop based reordering.
+     * @defaultValue false
+     */
+    dragdrop?: boolean | undefined;
+    /**
+     * Name of the field that uniquely identifies the a record in the data.
+     */
+    dataKey?: string | undefined;
+    /**
+     * When specified, displays an input field to filter the items on keyup.
+     * @defaultValue false
+     */
+    filter?: boolean | undefined;
+    /**
+     * When filtering is enabled, filterBy decides which field or fields (comma separated) to search against.
+     * @defaultValue label
+     */
+    filterBy?: string | undefined;
+    /**
+     * Defines how the items are filtered, valid values are "contains" (default), "startsWith", "endsWith", "equals" and "notEquals".
+     * @defaultValue contains
+     */
+    filterMatchMode?: string | undefined;
+    /**
+     * Placeholder text to show when filter input is empty.
+     */
+    filterPlaceholder?: string | undefined;
+    /**
+     * Locale to use in filtering. The default locale is the host environment's current locale.
+     * @defaultValue undefined
+     */
+    filterLocale?: string | undefined;
+    /**
+     * Custom template of filter element.
+     */
+    filterTemplate?: React.ReactNode | ((options: OrderListFilterOptions) => React.ReactNode);
+    /**
+     * Callback to invoke to when a mouse button is pressed.
+     * @param {OrderListChangeEvent} event - Browser event.
+     */
+    onChange?(event: OrderListChangeEvent): void;
+    /**
+     * The template of each item
+     * @param {*} item - Current item
+     */
     itemTemplate?(item: any): React.ReactNode;
-    children?: React.ReactNode;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }
 
+/**
+ * **PrimeReact - OrderList**
+ *
+ * _OrderList is used to sort a collection._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/orderlist/)
+ * --- ---
+ * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class OrderList extends React.Component<OrderListProps, any> {
+    /**
+     * Used to get container element.
+     * @return {HTMLDivElement} Container element
+     */
     public getElement(): HTMLDivElement;
 }

package/organizationchart/organizationchart.d.ts

@@ -1,37 +1,128 @@
+/**
+ *
+ * OrganizationChart visualizes hierarchical organization data.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/organizationchart/)
+ *
+ * @module organizationchart
+ *
+ */
 import * as React from 'react';
 
-type OrganizationChartSelectionModeType = 'single' | 'multiple';
-
-type OrganizationChartNodeDataType = OrganizationChartNodeData | undefined | null;
-
-type OrganizationChartSelectionNodeDataType = OrganizationChartNodeData | OrganizationChartNodeData[] | undefined | null;
-
-interface OrganizationChartNodeSelectParams {
+/**
+ * Custom node select event.
+ * @see {@link OrganizationChartProps.onNodeSelect}
+ * @event
+ */
+interface OrganizationChartNodeSelectEvent {
+    /**
+     * Browser event.
+     */
     originalEvent: React.SyntheticEvent;
-    node: OrganizationChartNodeDataType;
+    /**
+     * Selected node instance.
+     */
+    node: OrganizationChartNodeData | null | undefined;
 }
 
-interface OrganizationChartNodeUnselectParams extends OrganizationChartNodeSelectParams {}
+/**
+ * Custom node unselect event.
+ * @see {@link OrganizationChartProps.onNodeUnselect}
+ * @event
+ */
+interface OrganizationChartNodeUnselectEvent {
+    /**
+     * Browser event.
+     */
+    originalEvent: React.SyntheticEvent;
+    /**
+     * Unselected node instance.
+     */
+    node: OrganizationChartNodeData | null | undefined;
+}
 
+/**
+ * Custom organizationchart node data.
+ */
 interface OrganizationChartNodeData {
+    /**
+     * Style class of the node.
+     */
     className?: string;
+    /**
+     * Visibility of node.
+     */
     expanded?: boolean;
+    /**
+     * The child elements of the component.
+     * @readonly
+     */
     children?: OrganizationChartNodeData[];
+    /**
+     * Whether the node is selectable when selection mode is enabled.
+     */
     selectable?: boolean;
+    /**
+     * Label of node.
+     */
     label?: string;
 }
 
 export interface OrganizationChartProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
-    value?: OrganizationChartNodeData[];
-    selectionMode?: OrganizationChartSelectionModeType;
-    selection?: OrganizationChartSelectionNodeDataType;
+    /**
+     * An array of nested TreeNodes.
+     */
+    value?: OrganizationChartNodeData[] | undefined;
+    /**
+     * Defines the selection mode, valid values "single" and "multiple".
+     */
+    selectionMode?: 'single' | 'multiple' | undefined;
+    /**
+     * A single treenode instance or an array to refer to the selections.
+     */
+    selection?: OrganizationChartNodeData | OrganizationChartNodeData[] | null | undefined;
+    /**
+     * Template function that gets a node as a parameter and returns a content.
+     * @param {OrganizationChartNodeData} node - A node instance.
+     */
     nodeTemplate?(node: OrganizationChartNodeData): React.ReactNode;
-    selectionChange?(node: OrganizationChartSelectionNodeDataType): void;
-    onNodeSelect?(e: OrganizationChartNodeSelectParams): void;
-    onNodeUnselect?(e: OrganizationChartNodeUnselectParams): void;
-    children?: React.ReactNode;
+    /**
+     * Callback to invoke when node selection changes.
+     * @param {OrganizationChartNodeData | OrganizationChartNodeData[] | null | undefined} node - A node instance.
+     */
+    selectionChange?(node: OrganizationChartNodeData | OrganizationChartNodeData[] | null | undefined): void;
+    /**
+     * Callback to invoke when a node is selected.
+     * @param {OrganizationChartNodeSelectEvent} event - Custom node select event.
+     */
+    onNodeSelect?(event: OrganizationChartNodeSelectEvent): void;
+    /**
+     * Callback to invoke when a node is unselected.
+     * @param {OrganizationChartNodeUnselectEvent} event - Custom node unselect event.
+     */
+    onNodeUnselect?(event: OrganizationChartNodeUnselectEvent): void;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }
 
+/**
+ * **PrimeReact - OrganizationChart**
+ *
+ * _OrganizationChart visualizes hierarchical organization data._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/organizationchart/)
+ * --- ---
+ * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class OrganizationChart extends React.Component<OrganizationChartProps, any> {
+    /**
+     * Used to get container element.
+     * @return {HTMLDivElement} Container element
+     */
     public getElement(): HTMLDivElement;
 }

package/overlaypanel/overlaypanel.cjs.js

@@ -268,7 +268,10 @@ var OverlayPanel = /*#__PURE__*/React__namespace.forwardRef(function (props, ref
   };
   var createElement = function createElement() {
     var otherProps = utils.ObjectUtils.findDiffKeys(props, OverlayPanel.defaultProps);
-    var className = utils.classNames('p-overlaypanel p-component', props.className);
+    var className = utils.classNames('p-overlaypanel p-component', props.className, {
+      'p-input-filled': PrimeReact__default["default"].inputStyle === 'filled',
+      'p-ripple-disabled': PrimeReact__default["default"].ripple === false
+    });
     var closeIcon = createCloseIcon();
     return /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, {
       nodeRef: overlayRef,

package/overlaypanel/overlaypanel.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/api"),t=require("primereact/csstransition"),n=require("primereact/hooks"),l=require("primereact/overlayservice"),a=require("primereact/portal"),o=require("primereact/ripple"),u=require("primereact/utils");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var s=c(e),f=i(r);function p(){return p=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},p.apply(this,arguments)}function d(e){if(Array.isArray(e))return e}function y(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,l,a,o,u=[],i=!0,c=!1;try{if(a=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;i=!1}else for(;!(i=(n=a.call(t)).done)&&(u.push(n.value),u.length!==r);i=!0);}catch(e){c=!0,l=e}finally{try{if(!i&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(c)throw l}}return u}}function v(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function m(e,r){if(e){if("string"==typeof e)return v(e,r);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)?v(e,r):void 0}}function b(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function O(e,r){return d(e)||y(e,r)||m(e,r)||b()}var g=s.forwardRef((function(e,i){var c=O(s.useState(!1),2),d=c[0],y=c[1],v=s.useRef(""),m=s.useRef(null),b=s.useRef(null),h=s.useRef(!1),E=s.useRef(null),w=s.useRef(null),S=O(n.useOverlayListener({target:b,overlay:m,listener:function(r,t){t.valid&&("outside"===t.type?e.dismissable&&!h.current&&N():N()),h.current=!1},when:d}),2),j=S[0],k=S[1],x=function(e){return m&&m.current&&!(m.current.isSameNode(e)||m.current.contains(e))},I=function(e,r){return null!=b.current&&b.current!==(r||e.currentTarget||e.target)},P=function(e){N(),e.preventDefault()},C=function(e){h.current=!0,l.OverlayService.emit("overlay-click",{originalEvent:e,target:b.current})},H=function(){h.current=!0},T=function(e,r){d?(N(),I(e,r)&&(b.current=r||e.currentTarget||e.target,setTimeout((function(){D(e,b.current)}),200))):D(e,r)},D=function(e,r){b.current=r||e.currentTarget||e.target,d?M():(y(!0),w.current=function(e){!x(e.target)&&(h.current=!0)},l.OverlayService.on("overlay-click",w.current))},N=function(){y(!1),l.OverlayService.off("overlay-click",w.current),w.current=null},q=function(){m.current.setAttribute(v.current,""),u.ZIndexUtils.set("overlay",m.current,f.default.autoZIndex,f.default.zIndex.overlay),M()},R=function(){j(),e.onShow&&e.onShow()},A=function(){k()},U=function(){u.ZIndexUtils.clear(m.current),e.onHide&&e.onHide()},M=function(){if(b.current&&m.current){u.DomHandler.absolutePosition(m.current,b.current);var e=u.DomHandler.getOffset(m.current),r=u.DomHandler.getOffset(b.current),t=0;e.left<r.left&&(t=r.left-e.left),m.current.style.setProperty("--overlayArrowLeft","".concat(t,"px")),e.top<r.top&&u.DomHandler.addClass(m.current,"p-overlaypanel-flipped")}},_=function(){if(!E.current){E.current=u.DomHandler.createInlineStyle(f.default.nonce);var r="";for(var t in e.breakpoints)r+="\n                    @media screen and (max-width: ".concat(t,") {\n                        .p-overlaypanel[").concat(v.current,"] {\n                            width: ").concat(e.breakpoints[t]," !important;\n                        }\n                    }\n                ");E.current.innerHTML=r}};n.useMountEffect((function(){v.current=u.UniqueComponentId(),e.breakpoints&&_()})),n.useUnmountEffect((function(){E.current=u.DomHandler.removeInlineStyle(E.current),w.current&&(l.OverlayService.off("overlay-click",w.current),w.current=null),u.ZIndexUtils.clear(m.current)})),s.useImperativeHandle(i,(function(){return{props:e,toggle:T,show:D,hide:N,getElement:function(){return m.current}}}));var L,Z,z,K=function(){if(e.showCloseIcon){var t=e.ariaCloseLabel||r.localeOption("close");return s.createElement("button",{type:"button",className:"p-overlaypanel-close p-link",onClick:P,"aria-label":t},s.createElement("span",{className:"p-overlaypanel-close-icon pi pi-times","aria-hidden":"true"}),s.createElement(o.Ripple,null))}return null},Y=(L=u.ObjectUtils.findDiffKeys(e,g.defaultProps),Z=u.classNames("p-overlaypanel p-component",e.className),z=K(),s.createElement(t.CSSTransition,{nodeRef:m,classNames:"p-overlaypanel",in:d,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:q,onEntered:R,onExit:A,onExited:U},s.createElement("div",p({ref:m,id:e.id,className:Z,style:e.style},L,{onClick:C}),s.createElement("div",{className:"p-overlaypanel-content",onClick:H,onMouseDown:H},e.children),z)));return s.createElement(a.Portal,{element:Y,appendTo:e.appendTo})}));g.displayName="OverlayPanel",g.defaultProps={__TYPE:"OverlayPanel",id:null,dismissable:!0,showCloseIcon:!1,style:null,className:null,appendTo:null,breakpoints:null,ariaCloseLabel:null,transitionOptions:null,onShow:null,onHide:null},exports.OverlayPanel=g;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/api"),t=require("primereact/csstransition"),n=require("primereact/hooks"),l=require("primereact/overlayservice"),a=require("primereact/portal"),o=require("primereact/ripple"),u=require("primereact/utils");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var s=c(e),f=i(r);function p(){return p=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},p.apply(this,arguments)}function d(e){if(Array.isArray(e))return e}function y(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,l,a,o,u=[],i=!0,c=!1;try{if(a=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;i=!1}else for(;!(i=(n=a.call(t)).done)&&(u.push(n.value),u.length!==r);i=!0);}catch(e){c=!0,l=e}finally{try{if(!i&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(c)throw l}}return u}}function v(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function m(e,r){if(e){if("string"==typeof e)return v(e,r);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)?v(e,r):void 0}}function b(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function O(e,r){return d(e)||y(e,r)||m(e,r)||b()}var g=s.forwardRef((function(e,i){var c=O(s.useState(!1),2),d=c[0],y=c[1],v=s.useRef(""),m=s.useRef(null),b=s.useRef(null),h=s.useRef(!1),E=s.useRef(null),S=s.useRef(null),w=O(n.useOverlayListener({target:b,overlay:m,listener:function(r,t){t.valid&&("outside"===t.type?e.dismissable&&!h.current&&N():N()),h.current=!1},when:d}),2),j=w[0],k=w[1],x=function(e){return m&&m.current&&!(m.current.isSameNode(e)||m.current.contains(e))},I=function(e,r){return null!=b.current&&b.current!==(r||e.currentTarget||e.target)},P=function(e){N(),e.preventDefault()},C=function(e){h.current=!0,l.OverlayService.emit("overlay-click",{originalEvent:e,target:b.current})},H=function(){h.current=!0},T=function(e,r){d?(N(),I(e,r)&&(b.current=r||e.currentTarget||e.target,setTimeout((function(){D(e,b.current)}),200))):D(e,r)},D=function(e,r){b.current=r||e.currentTarget||e.target,d?M():(y(!0),S.current=function(e){!x(e.target)&&(h.current=!0)},l.OverlayService.on("overlay-click",S.current))},N=function(){y(!1),l.OverlayService.off("overlay-click",S.current),S.current=null},q=function(){m.current.setAttribute(v.current,""),u.ZIndexUtils.set("overlay",m.current,f.default.autoZIndex,f.default.zIndex.overlay),M()},R=function(){j(),e.onShow&&e.onShow()},A=function(){k()},U=function(){u.ZIndexUtils.clear(m.current),e.onHide&&e.onHide()},M=function(){if(b.current&&m.current){u.DomHandler.absolutePosition(m.current,b.current);var e=u.DomHandler.getOffset(m.current),r=u.DomHandler.getOffset(b.current),t=0;e.left<r.left&&(t=r.left-e.left),m.current.style.setProperty("--overlayArrowLeft","".concat(t,"px")),e.top<r.top&&u.DomHandler.addClass(m.current,"p-overlaypanel-flipped")}},_=function(){if(!E.current){E.current=u.DomHandler.createInlineStyle(f.default.nonce);var r="";for(var t in e.breakpoints)r+="\n                    @media screen and (max-width: ".concat(t,") {\n                        .p-overlaypanel[").concat(v.current,"] {\n                            width: ").concat(e.breakpoints[t]," !important;\n                        }\n                    }\n                ");E.current.innerHTML=r}};n.useMountEffect((function(){v.current=u.UniqueComponentId(),e.breakpoints&&_()})),n.useUnmountEffect((function(){E.current=u.DomHandler.removeInlineStyle(E.current),S.current&&(l.OverlayService.off("overlay-click",S.current),S.current=null),u.ZIndexUtils.clear(m.current)})),s.useImperativeHandle(i,(function(){return{props:e,toggle:T,show:D,hide:N,getElement:function(){return m.current}}}));var L,Z,z,K=function(){if(e.showCloseIcon){var t=e.ariaCloseLabel||r.localeOption("close");return s.createElement("button",{type:"button",className:"p-overlaypanel-close p-link",onClick:P,"aria-label":t},s.createElement("span",{className:"p-overlaypanel-close-icon pi pi-times","aria-hidden":"true"}),s.createElement(o.Ripple,null))}return null},Y=(L=u.ObjectUtils.findDiffKeys(e,g.defaultProps),Z=u.classNames("p-overlaypanel p-component",e.className,{"p-input-filled":"filled"===f.default.inputStyle,"p-ripple-disabled":!1===f.default.ripple}),z=K(),s.createElement(t.CSSTransition,{nodeRef:m,classNames:"p-overlaypanel",in:d,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:q,onEntered:R,onExit:A,onExited:U},s.createElement("div",p({ref:m,id:e.id,className:Z,style:e.style},L,{onClick:C}),s.createElement("div",{className:"p-overlaypanel-content",onClick:H,onMouseDown:H},e.children),z)));return s.createElement(a.Portal,{element:Y,appendTo:e.appendTo})}));g.displayName="OverlayPanel",g.defaultProps={__TYPE:"OverlayPanel",id:null,dismissable:!0,showCloseIcon:!1,style:null,className:null,appendTo:null,breakpoints:null,ariaCloseLabel:null,transitionOptions:null,onShow:null,onHide:null},exports.OverlayPanel=g;

package/overlaypanel/overlaypanel.d.ts

@@ -1,31 +1,105 @@
+/**
+ *
+ * OverlayPanel, also known as Popover, is a container component that can overlay other components on page.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/overlaypanel)
+ *
+ * @module overlaypanel
+ *
+ */
 import * as React from 'react';
 import { CSSTransitionProps } from '../csstransition';
 
-type OverlayPanelEventType = React.SyntheticEvent | undefined | null;
-
-type OverlayPanelTargetType = HTMLElement | EventTarget | undefined | null;
-
-type OverlayPanelAppendToType = 'self' | HTMLElement | undefined | null;
-
+/**
+ * Custom overlay panel breakpoints
+ * @group Misc
+ */
 interface OverlayPanelBreakpoints {
+    /**
+     *  A key-value pair representing a breakpoint and its associated value.
+     */
     [key: string]: string;
 }
 
+/**
+ * Defines valid properties in OverlayPanel component. In addition to these, all properties of HTMLDivElement can be used in this component.
+ * @group Properties
+ */
 export interface OverlayPanelProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
-    dismissable?: boolean;
-    showCloseIcon?: boolean;
-    appendTo?: OverlayPanelAppendToType;
-    ariaCloseLabel?: string;
-    breakpoints?: OverlayPanelBreakpoints;
-    transitionOptions?: CSSTransitionProps;
+    /**
+     * Enables to hide the overlay when outside is clicked.
+     * @defaultValue true
+     */
+    dismissable?: boolean | undefined;
+    /**
+     * When enabled, displays a close icon at top right corner.
+     * @defaultValue false
+     */
+    showCloseIcon?: boolean | 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;
+    /**
+     * Aria label of the close icon.
+     * @defaultValue close
+     */
+    ariaCloseLabel?: string | undefined;
+    /**
+     * Object literal to define widths per screen size.
+     */
+    breakpoints?: OverlayPanelBreakpoints | undefined;
+    /**
+     * The properties of CSSTransition can be customized, except for "nodeRef" and "in" properties.
+     */
+    transitionOptions?: CSSTransitionProps | undefined;
+    /**
+     * Callback to invoke when overlay becomes visible.
+     */
     onShow?(): void;
+    /**
+     * Callback to invoke when overlay becomes hidden.
+     */
     onHide?(): void;
-    children?: React.ReactNode;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }
 
+/**
+ * **PrimeReact - OverlayPanel**
+ *
+ * _OverlayPanel, also known as Popover, is a container component that can overlay other components on page._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/overlaypanel/)
+ * --- ---
+ * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class OverlayPanel extends React.Component<OverlayPanelProps, any> {
-    public toggle(event: OverlayPanelEventType, target?: OverlayPanelTargetType): void;
-    public show(event: OverlayPanelEventType, target: OverlayPanelTargetType): void;
+    /**
+     * Toggles the visiblity of the overlay.
+     * @param {React.SyntheticEvent | undefined | null} event - Browser event.
+     * @param {HTMLElement | EventTarget | undefined | null} target - Browser event.
+     */
+    public toggle(event: React.SyntheticEvent | undefined | null, target?: HTMLElement | EventTarget | undefined | null): void;
+    /**
+     * Shows the overlay.
+     * @param {React.SyntheticEvent | undefined | null} event - Browser event.
+     * @param {HTMLElement | EventTarget | undefined | null} target - Browser event.
+     */
+    public show(event: React.SyntheticEvent | undefined | null, target: HTMLElement | EventTarget | undefined | null): void;
+    /**
+     * Hides the overlay.
+     */
     public hide(): void;
+    /**
+     * Used to get container element.
+     * @return {HTMLDivElement} Container element
+     */
     public getElement(): HTMLDivElement;
 }

package/overlaypanel/overlaypanel.esm.js

@@ -241,7 +241,10 @@ var OverlayPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
   };
   var createElement = function createElement() {
     var otherProps = ObjectUtils.findDiffKeys(props, OverlayPanel.defaultProps);
-    var className = classNames('p-overlaypanel p-component', props.className);
+    var className = classNames('p-overlaypanel p-component', props.className, {
+      'p-input-filled': PrimeReact.inputStyle === 'filled',
+      'p-ripple-disabled': PrimeReact.ripple === false
+    });
     var closeIcon = createCloseIcon();
     return /*#__PURE__*/React.createElement(CSSTransition, {
       nodeRef: overlayRef,

package/overlaypanel/overlaypanel.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import r,{localeOption as n}from"primereact/api";import{CSSTransition as t}from"primereact/csstransition";import{useOverlayListener as o,useMountEffect as l,useUnmountEffect as a}from"primereact/hooks";import{OverlayService as i}from"primereact/overlayservice";import{Portal as c}from"primereact/portal";import{Ripple as u}from"primereact/ripple";import{UniqueComponentId as s,DomHandler as f,ZIndexUtils as p,ObjectUtils as m,classNames as y}from"primereact/utils";function d(){return d=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e},d.apply(this,arguments)}function v(e){if(Array.isArray(e))return e}function b(e,r){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var t,o,l,a,i=[],c=!0,u=!1;try{if(l=(n=n.call(e)).next,0===r){if(Object(n)!==n)return;c=!1}else for(;!(c=(t=l.call(n)).done)&&(i.push(t.value),i.length!==r);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return i}}function h(e,r){(null==r||r>e.length)&&(r=e.length);for(var n=0,t=new Array(r);n<r;n++)t[n]=e[n];return t}function g(e,r){if(e){if("string"==typeof e)return h(e,r);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?h(e,r):void 0}}function w(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function E(e,r){return v(e)||b(e,r)||g(e,r)||w()}var O=e.forwardRef((function(v,b){var h=E(e.useState(!1),2),g=h[0],w=h[1],k=e.useRef(""),S=e.useRef(null),x=e.useRef(null),I=e.useRef(!1),T=e.useRef(null),C=e.useRef(null),N=E(o({target:x,overlay:S,listener:function(e,r){r.valid&&("outside"===r.type?v.dismissable&&!I.current&&z():z()),I.current=!1},when:g}),2),j=N[0],A=N[1],P=function(e){return S&&S.current&&!(S.current.isSameNode(e)||S.current.contains(e))},R=function(e,r){return null!=x.current&&x.current!==(r||e.currentTarget||e.target)},H=function(e){z(),e.preventDefault()},L=function(e){I.current=!0,i.emit("overlay-click",{originalEvent:e,target:x.current})},D=function(){I.current=!0},M=function(e,r){g?(z(),R(e,r)&&(x.current=r||e.currentTarget||e.target,setTimeout((function(){_(e,x.current)}),200))):_(e,r)},_=function(e,r){x.current=r||e.currentTarget||e.target,g?$():(w(!0),C.current=function(e){!P(e.target)&&(I.current=!0)},i.on("overlay-click",C.current))},z=function(){w(!1),i.off("overlay-click",C.current),C.current=null},K=function(){S.current.setAttribute(k.current,""),p.set("overlay",S.current,r.autoZIndex,r.zIndex.overlay),$()},U=function(){j(),v.onShow&&v.onShow()},Y=function(){A()},Z=function(){p.clear(S.current),v.onHide&&v.onHide()},$=function(){if(x.current&&S.current){f.absolutePosition(S.current,x.current);var e=f.getOffset(S.current),r=f.getOffset(x.current),n=0;e.left<r.left&&(n=r.left-e.left),S.current.style.setProperty("--overlayArrowLeft","".concat(n,"px")),e.top<r.top&&f.addClass(S.current,"p-overlaypanel-flipped")}},q=function(){if(!T.current){T.current=f.createInlineStyle(r.nonce);var e="";for(var n in v.breakpoints)e+="\n                    @media screen and (max-width: ".concat(n,") {\n                        .p-overlaypanel[").concat(k.current,"] {\n                            width: ").concat(v.breakpoints[n]," !important;\n                        }\n                    }\n                ");T.current.innerHTML=e}};l((function(){k.current=s(),v.breakpoints&&q()})),a((function(){T.current=f.removeInlineStyle(T.current),C.current&&(i.off("overlay-click",C.current),C.current=null),p.clear(S.current)})),e.useImperativeHandle(b,(function(){return{props:v,toggle:M,show:_,hide:z,getElement:function(){return S.current}}}));var B,F,G,J=function(){if(v.showCloseIcon){var r=v.ariaCloseLabel||n("close");return e.createElement("button",{type:"button",className:"p-overlaypanel-close p-link",onClick:H,"aria-label":r},e.createElement("span",{className:"p-overlaypanel-close-icon pi pi-times","aria-hidden":"true"}),e.createElement(u,null))}return null},Q=(B=m.findDiffKeys(v,O.defaultProps),F=y("p-overlaypanel p-component",v.className),G=J(),e.createElement(t,{nodeRef:S,classNames:"p-overlaypanel",in:g,timeout:{enter:120,exit:100},options:v.transitionOptions,unmountOnExit:!0,onEnter:K,onEntered:U,onExit:Y,onExited:Z},e.createElement("div",d({ref:S,id:v.id,className:F,style:v.style},B,{onClick:L}),e.createElement("div",{className:"p-overlaypanel-content",onClick:D,onMouseDown:D},v.children),G)));return e.createElement(c,{element:Q,appendTo:v.appendTo})}));O.displayName="OverlayPanel",O.defaultProps={__TYPE:"OverlayPanel",id:null,dismissable:!0,showCloseIcon:!1,style:null,className:null,appendTo:null,breakpoints:null,ariaCloseLabel:null,transitionOptions:null,onShow:null,onHide:null};export{O as OverlayPanel};
+import*as e from"react";import r,{localeOption as t}from"primereact/api";import{CSSTransition as n}from"primereact/csstransition";import{useOverlayListener as o,useMountEffect as l,useUnmountEffect as a}from"primereact/hooks";import{OverlayService as i}from"primereact/overlayservice";import{Portal as c}from"primereact/portal";import{Ripple as u}from"primereact/ripple";import{UniqueComponentId as s,DomHandler as f,ZIndexUtils as p,ObjectUtils as m,classNames as d}from"primereact/utils";function y(){return y=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},y.apply(this,arguments)}function v(e){if(Array.isArray(e))return e}function b(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,o,l,a,i=[],c=!0,u=!1;try{if(l=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;c=!1}else for(;!(c=(n=l.call(t)).done)&&(i.push(n.value),i.length!==r);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(u)throw o}}return i}}function h(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function g(e,r){if(e){if("string"==typeof e)return h(e,r);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,r):void 0}}function w(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function E(e,r){return v(e)||b(e,r)||g(e,r)||w()}var O=e.forwardRef((function(v,b){var h=E(e.useState(!1),2),g=h[0],w=h[1],k=e.useRef(""),S=e.useRef(null),x=e.useRef(null),I=e.useRef(!1),T=e.useRef(null),C=e.useRef(null),N=E(o({target:x,overlay:S,listener:function(e,r){r.valid&&("outside"===r.type?v.dismissable&&!I.current&&z():z()),I.current=!1},when:g}),2),j=N[0],A=N[1],P=function(e){return S&&S.current&&!(S.current.isSameNode(e)||S.current.contains(e))},R=function(e,r){return null!=x.current&&x.current!==(r||e.currentTarget||e.target)},H=function(e){z(),e.preventDefault()},L=function(e){I.current=!0,i.emit("overlay-click",{originalEvent:e,target:x.current})},D=function(){I.current=!0},M=function(e,r){g?(z(),R(e,r)&&(x.current=r||e.currentTarget||e.target,setTimeout((function(){_(e,x.current)}),200))):_(e,r)},_=function(e,r){x.current=r||e.currentTarget||e.target,g?$():(w(!0),C.current=function(e){!P(e.target)&&(I.current=!0)},i.on("overlay-click",C.current))},z=function(){w(!1),i.off("overlay-click",C.current),C.current=null},K=function(){S.current.setAttribute(k.current,""),p.set("overlay",S.current,r.autoZIndex,r.zIndex.overlay),$()},U=function(){j(),v.onShow&&v.onShow()},Y=function(){A()},Z=function(){p.clear(S.current),v.onHide&&v.onHide()},$=function(){if(x.current&&S.current){f.absolutePosition(S.current,x.current);var e=f.getOffset(S.current),r=f.getOffset(x.current),t=0;e.left<r.left&&(t=r.left-e.left),S.current.style.setProperty("--overlayArrowLeft","".concat(t,"px")),e.top<r.top&&f.addClass(S.current,"p-overlaypanel-flipped")}},q=function(){if(!T.current){T.current=f.createInlineStyle(r.nonce);var e="";for(var t in v.breakpoints)e+="\n                    @media screen and (max-width: ".concat(t,") {\n                        .p-overlaypanel[").concat(k.current,"] {\n                            width: ").concat(v.breakpoints[t]," !important;\n                        }\n                    }\n                ");T.current.innerHTML=e}};l((function(){k.current=s(),v.breakpoints&&q()})),a((function(){T.current=f.removeInlineStyle(T.current),C.current&&(i.off("overlay-click",C.current),C.current=null),p.clear(S.current)})),e.useImperativeHandle(b,(function(){return{props:v,toggle:M,show:_,hide:z,getElement:function(){return S.current}}}));var B,F,G,J=function(){if(v.showCloseIcon){var r=v.ariaCloseLabel||t("close");return e.createElement("button",{type:"button",className:"p-overlaypanel-close p-link",onClick:H,"aria-label":r},e.createElement("span",{className:"p-overlaypanel-close-icon pi pi-times","aria-hidden":"true"}),e.createElement(u,null))}return null},Q=(B=m.findDiffKeys(v,O.defaultProps),F=d("p-overlaypanel p-component",v.className,{"p-input-filled":"filled"===r.inputStyle,"p-ripple-disabled":!1===r.ripple}),G=J(),e.createElement(n,{nodeRef:S,classNames:"p-overlaypanel",in:g,timeout:{enter:120,exit:100},options:v.transitionOptions,unmountOnExit:!0,onEnter:K,onEntered:U,onExit:Y,onExited:Z},e.createElement("div",y({ref:S,id:v.id,className:F,style:v.style},B,{onClick:L}),e.createElement("div",{className:"p-overlaypanel-content",onClick:D,onMouseDown:D},v.children),G)));return e.createElement(c,{element:Q,appendTo:v.appendTo})}));O.displayName="OverlayPanel",O.defaultProps={__TYPE:"OverlayPanel",id:null,dismissable:!0,showCloseIcon:!1,style:null,className:null,appendTo:null,breakpoints:null,ariaCloseLabel:null,transitionOptions:null,onShow:null,onHide:null};export{O as OverlayPanel};

package/overlaypanel/overlaypanel.js

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

package/overlaypanel/overlaypanel.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.overlaypanel=function(e,t,r,n,l,a,o,c,i){"use strict";function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var f=s(t),p=u(r);function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},d.apply(this,arguments)}function m(e){if(Array.isArray(e))return e}function y(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,l,a,o,c=[],i=!0,u=!1;try{if(a=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;i=!1}else for(;!(i=(n=a.call(r)).done)&&(c.push(n.value),c.length!==t);i=!0);}catch(e){u=!0,l=e}finally{try{if(!i&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(u)throw l}}return c}}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function b(e,t){if(e){if("string"==typeof e)return v(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?v(e,t):void 0}}function O(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(e,t){return m(e)||y(e,t)||b(e,t)||O()}var g=f.forwardRef((function(e,t){var u=h(f.useState(!1),2),s=u[0],m=u[1],y=f.useRef(""),v=f.useRef(null),b=f.useRef(null),O=f.useRef(!1),E=f.useRef(null),w=f.useRef(null),S=h(l.useOverlayListener({target:b,overlay:v,listener:function(t,r){r.valid&&("outside"===r.type?e.dismissable&&!O.current&&N():N()),O.current=!1},when:s}),2),j=S[0],k=S[1],I=function(e){return v&&v.current&&!(v.current.isSameNode(e)||v.current.contains(e))},P=function(e,t){return null!=b.current&&b.current!==(t||e.currentTarget||e.target)},x=function(e){N(),e.preventDefault()},C=function(e){O.current=!0,a.OverlayService.emit("overlay-click",{originalEvent:e,target:b.current})},H=function(){O.current=!0},T=function(e,t){s?(N(),P(e,t)&&(b.current=t||e.currentTarget||e.target,setTimeout((function(){D(e,b.current)}),200))):D(e,t)},D=function(e,t){b.current=t||e.currentTarget||e.target,s?_():(m(!0),w.current=function(e){!I(e.target)&&(O.current=!0)},a.OverlayService.on("overlay-click",w.current))},N=function(){m(!1),a.OverlayService.off("overlay-click",w.current),w.current=null},R=function(){v.current.setAttribute(y.current,""),i.ZIndexUtils.set("overlay",v.current,p.default.autoZIndex,p.default.zIndex.overlay),_()},A=function(){j(),e.onShow&&e.onShow()},U=function(){k()},M=function(){i.ZIndexUtils.clear(v.current),e.onHide&&e.onHide()},_=function(){if(b.current&&v.current){i.DomHandler.absolutePosition(v.current,b.current);var e=i.DomHandler.getOffset(v.current),t=i.DomHandler.getOffset(b.current),r=0;e.left<t.left&&(r=t.left-e.left),v.current.style.setProperty("--overlayArrowLeft","".concat(r,"px")),e.top<t.top&&i.DomHandler.addClass(v.current,"p-overlaypanel-flipped")}},L=function(){if(!E.current){E.current=i.DomHandler.createInlineStyle(p.default.nonce);var t="";for(var r in e.breakpoints)t+="\n                    @media screen and (max-width: ".concat(r,") {\n                        .p-overlaypanel[").concat(y.current,"] {\n                            width: ").concat(e.breakpoints[r]," !important;\n                        }\n                    }\n                ");E.current.innerHTML=t}};l.useMountEffect((function(){y.current=i.UniqueComponentId(),e.breakpoints&&L()})),l.useUnmountEffect((function(){E.current=i.DomHandler.removeInlineStyle(E.current),w.current&&(a.OverlayService.off("overlay-click",w.current),w.current=null),i.ZIndexUtils.clear(v.current)})),f.useImperativeHandle(t,(function(){return{props:e,toggle:T,show:D,hide:N,getElement:function(){return v.current}}}));var Z,z,q,K=function(){if(e.showCloseIcon){var t=e.ariaCloseLabel||r.localeOption("close");return f.createElement("button",{type:"button",className:"p-overlaypanel-close p-link",onClick:x,"aria-label":t},f.createElement("span",{className:"p-overlaypanel-close-icon pi pi-times","aria-hidden":"true"}),f.createElement(c.Ripple,null))}return null},Y=(Z=i.ObjectUtils.findDiffKeys(e,g.defaultProps),z=i.classNames("p-overlaypanel p-component",e.className),q=K(),f.createElement(n.CSSTransition,{nodeRef:v,classNames:"p-overlaypanel",in:s,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:R,onEntered:A,onExit:U,onExited:M},f.createElement("div",d({ref:v,id:e.id,className:z,style:e.style},Z,{onClick:C}),f.createElement("div",{className:"p-overlaypanel-content",onClick:H,onMouseDown:H},e.children),q)));return f.createElement(o.Portal,{element:Y,appendTo:e.appendTo})}));return g.displayName="OverlayPanel",g.defaultProps={__TYPE:"OverlayPanel",id:null,dismissable:!0,showCloseIcon:!1,style:null,className:null,appendTo:null,breakpoints:null,ariaCloseLabel:null,transitionOptions:null,onShow:null,onHide:null},e.OverlayPanel=g,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.overlayservice,primereact.portal,primereact.ripple,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.overlaypanel=function(e,t,r,n,l,a,o,i,u){"use strict";function c(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(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var f=s(t),p=c(r);function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},d.apply(this,arguments)}function y(e){if(Array.isArray(e))return e}function m(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,l,a,o,i=[],u=!0,c=!1;try{if(a=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=a.call(r)).done)&&(i.push(n.value),i.length!==t);u=!0);}catch(e){c=!0,l=e}finally{try{if(!u&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(c)throw l}}return i}}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function b(e,t){if(e){if("string"==typeof e)return v(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?v(e,t):void 0}}function O(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(e,t){return y(e)||m(e,t)||b(e,t)||O()}var g=f.forwardRef((function(e,t){var c=h(f.useState(!1),2),s=c[0],y=c[1],m=f.useRef(""),v=f.useRef(null),b=f.useRef(null),O=f.useRef(!1),E=f.useRef(null),S=f.useRef(null),w=h(l.useOverlayListener({target:b,overlay:v,listener:function(t,r){r.valid&&("outside"===r.type?e.dismissable&&!O.current&&N():N()),O.current=!1},when:s}),2),j=w[0],k=w[1],I=function(e){return v&&v.current&&!(v.current.isSameNode(e)||v.current.contains(e))},P=function(e,t){return null!=b.current&&b.current!==(t||e.currentTarget||e.target)},x=function(e){N(),e.preventDefault()},C=function(e){O.current=!0,a.OverlayService.emit("overlay-click",{originalEvent:e,target:b.current})},H=function(){O.current=!0},T=function(e,t){s?(N(),P(e,t)&&(b.current=t||e.currentTarget||e.target,setTimeout((function(){D(e,b.current)}),200))):D(e,t)},D=function(e,t){b.current=t||e.currentTarget||e.target,s?_():(y(!0),S.current=function(e){!I(e.target)&&(O.current=!0)},a.OverlayService.on("overlay-click",S.current))},N=function(){y(!1),a.OverlayService.off("overlay-click",S.current),S.current=null},R=function(){v.current.setAttribute(m.current,""),u.ZIndexUtils.set("overlay",v.current,p.default.autoZIndex,p.default.zIndex.overlay),_()},A=function(){j(),e.onShow&&e.onShow()},U=function(){k()},M=function(){u.ZIndexUtils.clear(v.current),e.onHide&&e.onHide()},_=function(){if(b.current&&v.current){u.DomHandler.absolutePosition(v.current,b.current);var e=u.DomHandler.getOffset(v.current),t=u.DomHandler.getOffset(b.current),r=0;e.left<t.left&&(r=t.left-e.left),v.current.style.setProperty("--overlayArrowLeft","".concat(r,"px")),e.top<t.top&&u.DomHandler.addClass(v.current,"p-overlaypanel-flipped")}},L=function(){if(!E.current){E.current=u.DomHandler.createInlineStyle(p.default.nonce);var t="";for(var r in e.breakpoints)t+="\n                    @media screen and (max-width: ".concat(r,") {\n                        .p-overlaypanel[").concat(m.current,"] {\n                            width: ").concat(e.breakpoints[r]," !important;\n                        }\n                    }\n                ");E.current.innerHTML=t}};l.useMountEffect((function(){m.current=u.UniqueComponentId(),e.breakpoints&&L()})),l.useUnmountEffect((function(){E.current=u.DomHandler.removeInlineStyle(E.current),S.current&&(a.OverlayService.off("overlay-click",S.current),S.current=null),u.ZIndexUtils.clear(v.current)})),f.useImperativeHandle(t,(function(){return{props:e,toggle:T,show:D,hide:N,getElement:function(){return v.current}}}));var Z,z,q,K=function(){if(e.showCloseIcon){var t=e.ariaCloseLabel||r.localeOption("close");return f.createElement("button",{type:"button",className:"p-overlaypanel-close p-link",onClick:x,"aria-label":t},f.createElement("span",{className:"p-overlaypanel-close-icon pi pi-times","aria-hidden":"true"}),f.createElement(i.Ripple,null))}return null},Y=(Z=u.ObjectUtils.findDiffKeys(e,g.defaultProps),z=u.classNames("p-overlaypanel p-component",e.className,{"p-input-filled":"filled"===p.default.inputStyle,"p-ripple-disabled":!1===p.default.ripple}),q=K(),f.createElement(n.CSSTransition,{nodeRef:v,classNames:"p-overlaypanel",in:s,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:R,onEntered:A,onExit:U,onExited:M},f.createElement("div",d({ref:v,id:e.id,className:z,style:e.style},Z,{onClick:C}),f.createElement("div",{className:"p-overlaypanel-content",onClick:H,onMouseDown:H},e.children),q)));return f.createElement(o.Portal,{element:Y,appendTo:e.appendTo})}));return g.displayName="OverlayPanel",g.defaultProps={__TYPE:"OverlayPanel",id:null,dismissable:!0,showCloseIcon:!1,style:null,className:null,appendTo:null,breakpoints:null,ariaCloseLabel:null,transitionOptions:null,onShow:null,onHide:null},e.OverlayPanel=g,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.overlayservice,primereact.portal,primereact.ripple,primereact.utils);

package/overlayservice/overlayservice.d.ts

@@ -1,16 +1,61 @@
-import React from 'react';
+/**
+ *
+ * OverlayService allows all overlay components to communicate with each other.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/dropdown/)
+ *
+ * @module overlayservice
+ *
+ */
+import * as React from 'react';
 
-type OverlayServiceActionType = 'overlay-click';
-
-interface OverlayServiceParams {
+/**
+ * Overlay service event.
+ */
+export interface OverlayServiceEvent {
+    /**
+     * Original event that triggered the overlay.
+     */
     originalEvent: React.SyntheticEvent;
+    /**
+     * Target element that the overlay is bound to.
+     */
     target: HTMLElement;
 }
 
+/**
+ * @group Misc
+ */
 export interface OverlayServiceOptions {
-    on(action: OverlayServiceActionType, fn: any): void;
-    emit(action: OverlayServiceActionType, params?: OverlayServiceParams): void;
-    off(action: OverlayServiceActionType, fn: any): void;
+    /**
+     * Add event listener for overlay click.
+     * @param {string} action - Custom listener.
+     * @param {*} fn - Custom listener.
+     */
+    on(action: 'overlay-click', fn: any): void;
+    /**
+     * Trigger overlay click event.
+     * @param {string} action - Custom listener.
+     * @param {*} params - Custom listener.
+     */
+    emit(action: 'overlay-click', params?: OverlayServiceEvent): void;
+    /**
+     * Remove event listener for overlay click.
+     * @param {string} action - Custom listener.
+     * @param {*} fn - Custom listener.
+     */
+    off(action: 'overlay-click', fn: any): void;
 }
 
+/**
+ * **PrimeReact - OverlayService**
+ *
+ * _OverlayService allows all overlay components to communicate with each other._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/dropdown/)
+ * --- ---
+ * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ *
+ * @group Service
+ */
 export declare const OverlayService: OverlayServiceOptions;