primereact 10.6.1 → 10.6.3

package/multistatecheckbox/multistatecheckbox.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.multistatecheckbox = (function (exports, React, api, componentbase, hooks, tooltip, utils, check) {
+this.primereact.multistatecheckbox = (function (exports, React, api, componentbase, hooks, check, tooltip, utils) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -134,62 +134,18 @@ this.primereact.multistatecheckbox = (function (exports, React, api, componentba
   }
 
   var classes$1 = {
-    icon: function icon(_ref) {
-      var _icon = _ref.icon;
-      return utils.classNames('p-checkbox-icon p-c', _defineProperty({}, "".concat(_icon), true));
-    },
-    root: function root(_ref2) {
-      var props = _ref2.props;
-      return utils.classNames('p-multistatecheckbox p-checkbox p-component', props.classNames);
-    }
-  };
-  var inlineStyles = {
-    checkbox: function checkbox(_ref3) {
-      var selectedOption = _ref3.selectedOption;
-      return selectedOption && selectedOption.style;
-    }
-  };
-  var MultiStateCheckboxBase = componentbase.ComponentBase.extend({
-    defaultProps: {
-      __TYPE: 'MultiStateCheckbox',
-      autoFocus: false,
-      className: null,
-      dataKey: null,
-      disabled: false,
-      empty: true,
-      iconTemplate: null,
-      id: null,
-      onChange: null,
-      optionIcon: null,
-      optionLabel: null,
-      optionValue: null,
-      options: null,
-      readOnly: false,
-      style: null,
-      tabIndex: '0',
-      tooltip: null,
-      tooltipOptions: null,
-      value: null,
-      children: undefined
-    },
-    css: {
-      classes: classes$1,
-      inlineStyles: inlineStyles
-    }
-  });
-
-  var classes = {
     box: 'p-checkbox-box',
     input: 'p-checkbox-input',
     icon: 'p-checkbox-icon',
     root: function root(_ref) {
       var props = _ref.props,
-        checked = _ref.checked;
+        checked = _ref.checked,
+        context = _ref.context;
       return utils.classNames('p-checkbox p-component', {
         'p-highlight': checked,
         'p-disabled': props.disabled,
         'p-invalid': props.invalid,
-        'p-variant-filled': props.variant === 'filled'
+        'p-variant-filled': props.variant ? props.variant === 'filled' : context && context.inputStyle === 'filled'
       });
     }
   };
@@ -206,6 +162,7 @@ this.primereact.multistatecheckbox = (function (exports, React, api, componentba
       inputId: null,
       inputRef: null,
       invalid: false,
+      variant: null,
       name: null,
       onChange: null,
       onContextMenu: null,
@@ -221,7 +178,7 @@ this.primereact.multistatecheckbox = (function (exports, React, api, componentba
       children: undefined
     },
     css: {
-      classes: classes
+      classes: classes$1
     }
   });
 
@@ -323,7 +280,8 @@ this.primereact.multistatecheckbox = (function (exports, React, api, componentba
     var rootProps = mergeProps({
       id: props.id,
       className: utils.classNames(props.className, cx('root', {
-        checked: checked
+        checked: checked,
+        context: context
       })),
       style: props.style,
       'data-p-highlight': checked,
@@ -386,6 +344,51 @@ this.primereact.multistatecheckbox = (function (exports, React, api, componentba
   }));
   Checkbox.displayName = 'Checkbox';
 
+  var classes = {
+    icon: function icon(_ref) {
+      var _icon = _ref.icon;
+      return utils.classNames('p-checkbox-icon p-c', _defineProperty({}, "".concat(_icon), true));
+    },
+    root: function root(_ref2) {
+      var props = _ref2.props;
+      return utils.classNames('p-multistatecheckbox p-checkbox p-component', props.classNames);
+    }
+  };
+  var inlineStyles = {
+    checkbox: function checkbox(_ref3) {
+      var selectedOption = _ref3.selectedOption;
+      return selectedOption && selectedOption.style;
+    }
+  };
+  var MultiStateCheckboxBase = componentbase.ComponentBase.extend({
+    defaultProps: {
+      __TYPE: 'MultiStateCheckbox',
+      autoFocus: false,
+      className: null,
+      dataKey: null,
+      disabled: false,
+      empty: true,
+      iconTemplate: null,
+      id: null,
+      onChange: null,
+      optionIcon: null,
+      optionLabel: null,
+      optionValue: null,
+      options: null,
+      readOnly: false,
+      style: null,
+      tabIndex: '0',
+      tooltip: null,
+      tooltipOptions: null,
+      value: null,
+      children: undefined
+    },
+    css: {
+      classes: classes,
+      inlineStyles: inlineStyles
+    }
+  });
+
   function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var MultiStateCheckbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
@@ -569,4 +572,4 @@ this.primereact.multistatecheckbox = (function (exports, React, api, componentba
 
   return exports;
 
-})({}, React, primereact.api, primereact.componentbase, primereact.hooks, primereact.tooltip, primereact.utils, primereact.icons.check);
+})({}, React, primereact.api, primereact.componentbase, primereact.hooks, primereact.icons.check, primereact.tooltip, primereact.utils);

package/multistatecheckbox/multistatecheckbox.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.multistatecheckbox=function(e,t,n,o,r,l,c,a){"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 o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var u=i(t);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},s.apply(this,arguments)}function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function f(e,t){if("object"!==p(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==p(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function d(e){var t=f(e,"string");return"symbol"===p(t)?t:String(t)}function b(e,t,n){return(t=d(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function m(e){if(Array.isArray(e))return e}function y(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o,r,l,c,a=[],i=!0,u=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;i=!1}else for(;!(i=(o=l.call(n)).done)&&(a.push(o.value),a.length!==t);i=!0);}catch(e){u=!0,r=e}finally{try{if(!i&&null!=n.return&&(c=n.return(),Object(c)!==c))return}finally{if(u)throw r}}return a}}function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function v(e,t){if(e){if("string"==typeof e)return h(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?h(e,t):void 0}}function 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.")}var g=o.ComponentBase.extend({defaultProps:{__TYPE:"MultiStateCheckbox",autoFocus:!1,className:null,dataKey:null,disabled:!1,empty:!0,iconTemplate:null,id:null,onChange:null,optionIcon:null,optionLabel:null,optionValue:null,options:null,readOnly:!1,style:null,tabIndex:"0",tooltip:null,tooltipOptions:null,value:null,children:void 0},css:{classes:{icon:function(e){return c.classNames("p-checkbox-icon p-c",b({},"".concat(e.icon),!0))},root:function(e){return c.classNames("p-multistatecheckbox p-checkbox p-component",e.props.classNames)}},inlineStyles:{checkbox:function(e){var t=e.selectedOption;return t&&t.style}}}}),j=o.ComponentBase.extend({defaultProps:{__TYPE:"Checkbox",autoFocus:!1,checked:!1,className:null,disabled:!1,falseValue:!1,icon:null,id:null,inputId:null,inputRef:null,invalid:!1,name:null,onChange:null,onContextMenu:null,onMouseDown:null,readOnly:!1,required:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,trueValue:!0,value:null,children:void 0},css:{classes:{box:"p-checkbox-box",input:"p-checkbox-input",icon:"p-checkbox-icon",root:function(e){var t=e.props;return c.classNames("p-checkbox p-component",{"p-highlight":e.checked,"p-disabled":t.disabled,"p-invalid":t.invalid,"p-variant-filled":"filled"===t.variant})}}}});function x(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?x(Object(n),!0).forEach((function(t){b(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):x(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var P=u.memo(u.forwardRef((function(e,t){var i=r.useMergeProps(),p=u.useContext(n.PrimeReactContext),f=j.getProps(e,p),d=j.setMetaData({props:f,context:{checked:f.checked===f.trueValue,disabled:f.disabled}}),b=d.ptm,m=d.cx;o.useHandleStyle(j.css.styles,d.isUnstyled,{name:"checkbox"});var y=u.useRef(null),h=u.useRef(f.inputRef),v=function(){return f.checked===f.trueValue},O=function(e){if(!f.disabled&&!f.readonly&&f.onChange){var t,n=v()?f.falseValue:f.trueValue;if(null==f||null===(t=f.onChange)||void 0===t||t.call(f,{originalEvent:e,value:f.value,checked:n,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{type:"checkbox",name:f.name,id:f.id,value:f.value,checked:n}}),e.defaultPrevented)return;c.DomHandler.focus(h.current)}};u.useImperativeHandle(t,(function(){return{props:f,focus:function(){return c.DomHandler.focus(h.current)},getElement:function(){return y.current},getInput:function(){return h.current}}})),u.useEffect((function(){c.ObjectUtils.combinedRefs(h,f.inputRef)}),[h,f.inputRef]),r.useUpdateEffect((function(){h.current.checked=v()}),[f.checked,f.trueValue]),r.useMountEffect((function(){f.autoFocus&&c.DomHandler.focus(h.current,f.autoFocus)}));var g,x,P,E,D,S=v(),w=c.ObjectUtils.isNotEmpty(f.tooltip),N=j.getOtherProps(f),C=i({id:f.id,className:c.classNames(f.className,m("root",{checked:S})),style:f.style,"data-p-highlight":S,"data-p-disabled":f.disabled,onContextMenu:f.onContextMenu,onMouseDown:f.onMouseDown},N,b("root"));return u.createElement(u.Fragment,null,u.createElement("div",s({ref:y},C),(E=c.ObjectUtils.reduceKeys(N,c.DomHandler.ARIA_PROPS),D=i(k({id:f.inputId,type:"checkbox",className:m("input"),name:f.name,tabIndex:f.tabIndex,onFocus:function(e){var t;null==f||null===(t=f.onFocus)||void 0===t||t.call(f)},onBlur:function(e){var t;null==f||null===(t=f.onBlur)||void 0===t||t.call(f)},onChange:function(e){return O(e)},disabled:f.disabled,readOnly:f.readOnly,required:f.required,"aria-invalid":f.invalid,checked:S},E),b("input")),u.createElement("input",s({ref:h},D))),(g=i({className:m("icon")},b("icon")),x=i({className:m("box",{checked:S}),"data-p-highlight":S,"data-p-disabled":f.disabled},b("box")),P=c.IconUtils.getJSXIcon(S?f.icon||u.createElement(a.CheckIcon,g):null,k({},g),{props:f,checked:S}),u.createElement("div",x,P))),w&&u.createElement(l.Tooltip,s({target:y,content:f.tooltip,pt:b("tooltip")},f.tooltipOptions)))})));function E(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function D(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?E(Object(n),!0).forEach((function(t){b(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):E(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}P.displayName="Checkbox";var S=u.memo(u.forwardRef((function(e,t){var a,i,p=r.useMergeProps(),f=u.useContext(n.PrimeReactContext),d=g.getProps(e,f),h=u.useState(!1),j=(i=2,m(a=h)||y(a,i)||v(a,i)||O()),x=j[0],k=j[1],E=u.useRef(null),S=d.optionValue?null:d.dataKey,w=g.setMetaData({props:d,state:{focused:x}}),N=w.ptm,C=w.cx,I=w.sx;o.useHandleStyle(g.css.styles,w.isUnstyled,{name:"multistatecheckbox"});var M=function(e){d.disabled||d.readOnly||U(e)},R=function(e){return d.optionValue?c.ObjectUtils.resolveFieldData(e,d.optionValue):e},U=function(e){if(d.onChange){var t=R(d.options?_===d.options.length-1?d.empty?null:d.options[0]:d.options[_+1]:null);d.onChange({originalEvent:e,value:t,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{name:d.name,id:d.id,value:t}})}};u.useImperativeHandle(t,(function(){return{props:d,focus:function(){return c.DomHandler.focusFirstElement(E.current)},getElement:function(){return E.current}}})),r.useMountEffect((function(){d.empty||null!==d.value||U(),d.autoFocus&&c.DomHandler.focusFirstElement(E.current)}));var F,V,A=(d.options&&(V=d.options.findIndex((function(e){return c.ObjectUtils.equals(d.value,R(e),S)})),F=d.options[V]),{option:F,index:V}),H=A.option,_=A.index,T=c.ObjectUtils.isNotEmpty(d.tooltip),B=g.getOtherProps(d),K=c.ObjectUtils.reduceKeys(B,c.DomHandler.ARIA_PROPS),q=function(){var e=H&&c.ObjectUtils.resolveFieldData(H,d.optionIcon||"icon")||"",t=c.classNames("p-checkbox-icon p-c",b({},"".concat(e),!0)),n=p({className:C("icon",{icon:e})},N("icon")),o=c.IconUtils.getJSXIcon(e,D({},n),{props:d});return d.iconTemplate?c.ObjectUtils.getJSXElement(d.iconTemplate,{option:H,className:t,element:o,props:d}):o}(),L=H?function(e){var t=d.optionLabel||d.optionValue;return t?c.ObjectUtils.resolveFieldData(e,t):e}(H):n.ariaLabel("nullLabel"),J=H?"true":"false",X=p({ref:E,id:d.id,className:c.classNames(d.className,C("root")),style:d.style,onClick:M},g.getOtherProps(d),N("root")),Y=p(D({className:c.classNames(d.className),style:I("checkbox",{selectedOption:H}),tabIndex:d.tabIndex,onFocus:function(){k(!0)},onBlur:function(){k(!1)},onKeyDown:function(e){32===e.keyCode&&(U(e),e.preventDefault())},role:"checkbox","aria-checked":J,onChange:M,checked:!!H,disabled:null==d?void 0:d.disabled,icon:q},K),N("checkbox")),z=p({className:"p-sr-only p-hidden-accessible","aria-live":"polite"},N("srOnlyAria"));return u.createElement(u.Fragment,null,u.createElement("div",X,u.createElement(P,Y),x&&u.createElement("span",z,L)),T&&u.createElement(l.Tooltip,s({target:E,content:d.tooltip,pt:N("tooltip")},d.tooltipOptions)))})));return S.displayName="MultiStateCheckbox",e.MultiStateCheckbox=S,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.tooltip,primereact.utils,primereact.icons.check);
+this.primereact=this.primereact||{},this.primereact.multistatecheckbox=function(e,t,n,o,r,l,a,c){"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 o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var u=i(t);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},s.apply(this,arguments)}function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function f(e,t){if("object"!==p(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==p(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function d(e){var t=f(e,"string");return"symbol"===p(t)?t:String(t)}function b(e,t,n){return(t=d(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function m(e){if(Array.isArray(e))return e}function y(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o,r,l,a,c=[],i=!0,u=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;i=!1}else for(;!(i=(o=l.call(n)).done)&&(c.push(o.value),c.length!==t);i=!0);}catch(e){u=!0,r=e}finally{try{if(!i&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw r}}return c}}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function h(e,t){if(e){if("string"==typeof e)return v(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)?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.")}var g=o.ComponentBase.extend({defaultProps:{__TYPE:"Checkbox",autoFocus:!1,checked:!1,className:null,disabled:!1,falseValue:!1,icon:null,id:null,inputId:null,inputRef:null,invalid:!1,variant:null,name:null,onChange:null,onContextMenu:null,onMouseDown:null,readOnly:!1,required:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,trueValue:!0,value:null,children:void 0},css:{classes:{box:"p-checkbox-box",input:"p-checkbox-input",icon:"p-checkbox-icon",root:function(e){var t=e.props,n=e.context;return c.classNames("p-checkbox p-component",{"p-highlight":e.checked,"p-disabled":t.disabled,"p-invalid":t.invalid,"p-variant-filled":t.variant?"filled"===t.variant:n&&"filled"===n.inputStyle})}}}});function x(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function j(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?x(Object(n),!0).forEach((function(t){b(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):x(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var k=u.memo(u.forwardRef((function(e,t){var i=r.useMergeProps(),p=u.useContext(n.PrimeReactContext),f=g.getProps(e,p),d=g.setMetaData({props:f,context:{checked:f.checked===f.trueValue,disabled:f.disabled}}),b=d.ptm,m=d.cx;o.useHandleStyle(g.css.styles,d.isUnstyled,{name:"checkbox"});var y=u.useRef(null),v=u.useRef(f.inputRef),h=function(){return f.checked===f.trueValue},O=function(e){if(!f.disabled&&!f.readonly&&f.onChange){var t,n=h()?f.falseValue:f.trueValue;if(null==f||null===(t=f.onChange)||void 0===t||t.call(f,{originalEvent:e,value:f.value,checked:n,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{type:"checkbox",name:f.name,id:f.id,value:f.value,checked:n}}),e.defaultPrevented)return;c.DomHandler.focus(v.current)}};u.useImperativeHandle(t,(function(){return{props:f,focus:function(){return c.DomHandler.focus(v.current)},getElement:function(){return y.current},getInput:function(){return v.current}}})),u.useEffect((function(){c.ObjectUtils.combinedRefs(v,f.inputRef)}),[v,f.inputRef]),r.useUpdateEffect((function(){v.current.checked=h()}),[f.checked,f.trueValue]),r.useMountEffect((function(){f.autoFocus&&c.DomHandler.focus(v.current,f.autoFocus)}));var x,k,P,E,D,S=h(),w=c.ObjectUtils.isNotEmpty(f.tooltip),N=g.getOtherProps(f),C=i({id:f.id,className:c.classNames(f.className,m("root",{checked:S,context:p})),style:f.style,"data-p-highlight":S,"data-p-disabled":f.disabled,onContextMenu:f.onContextMenu,onMouseDown:f.onMouseDown},N,b("root"));return u.createElement(u.Fragment,null,u.createElement("div",s({ref:y},C),(E=c.ObjectUtils.reduceKeys(N,c.DomHandler.ARIA_PROPS),D=i(j({id:f.inputId,type:"checkbox",className:m("input"),name:f.name,tabIndex:f.tabIndex,onFocus:function(e){var t;null==f||null===(t=f.onFocus)||void 0===t||t.call(f)},onBlur:function(e){var t;null==f||null===(t=f.onBlur)||void 0===t||t.call(f)},onChange:function(e){return O(e)},disabled:f.disabled,readOnly:f.readOnly,required:f.required,"aria-invalid":f.invalid,checked:S},E),b("input")),u.createElement("input",s({ref:v},D))),(x=i({className:m("icon")},b("icon")),k=i({className:m("box",{checked:S}),"data-p-highlight":S,"data-p-disabled":f.disabled},b("box")),P=c.IconUtils.getJSXIcon(S?f.icon||u.createElement(l.CheckIcon,x):null,j({},x),{props:f,checked:S}),u.createElement("div",k,P))),w&&u.createElement(a.Tooltip,s({target:y,content:f.tooltip,pt:b("tooltip")},f.tooltipOptions)))})));k.displayName="Checkbox";var P=o.ComponentBase.extend({defaultProps:{__TYPE:"MultiStateCheckbox",autoFocus:!1,className:null,dataKey:null,disabled:!1,empty:!0,iconTemplate:null,id:null,onChange:null,optionIcon:null,optionLabel:null,optionValue:null,options:null,readOnly:!1,style:null,tabIndex:"0",tooltip:null,tooltipOptions:null,value:null,children:void 0},css:{classes:{icon:function(e){return c.classNames("p-checkbox-icon p-c",b({},"".concat(e.icon),!0))},root:function(e){return c.classNames("p-multistatecheckbox p-checkbox p-component",e.props.classNames)}},inlineStyles:{checkbox:function(e){var t=e.selectedOption;return t&&t.style}}}});function E(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function D(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?E(Object(n),!0).forEach((function(t){b(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):E(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var S=u.memo(u.forwardRef((function(e,t){var l,i,p=r.useMergeProps(),f=u.useContext(n.PrimeReactContext),d=P.getProps(e,f),v=u.useState(!1),g=(i=2,m(l=v)||y(l,i)||h(l,i)||O()),x=g[0],j=g[1],E=u.useRef(null),S=d.optionValue?null:d.dataKey,w=P.setMetaData({props:d,state:{focused:x}}),N=w.ptm,C=w.cx,I=w.sx;o.useHandleStyle(P.css.styles,w.isUnstyled,{name:"multistatecheckbox"});var M=function(e){d.disabled||d.readOnly||U(e)},R=function(e){return d.optionValue?c.ObjectUtils.resolveFieldData(e,d.optionValue):e},U=function(e){if(d.onChange){var t=R(d.options?_===d.options.length-1?d.empty?null:d.options[0]:d.options[_+1]:null);d.onChange({originalEvent:e,value:t,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{name:d.name,id:d.id,value:t}})}};u.useImperativeHandle(t,(function(){return{props:d,focus:function(){return c.DomHandler.focusFirstElement(E.current)},getElement:function(){return E.current}}})),r.useMountEffect((function(){d.empty||null!==d.value||U(),d.autoFocus&&c.DomHandler.focusFirstElement(E.current)}));var F,V,A=(d.options&&(V=d.options.findIndex((function(e){return c.ObjectUtils.equals(d.value,R(e),S)})),F=d.options[V]),{option:F,index:V}),H=A.option,_=A.index,T=c.ObjectUtils.isNotEmpty(d.tooltip),B=P.getOtherProps(d),K=c.ObjectUtils.reduceKeys(B,c.DomHandler.ARIA_PROPS),q=function(){var e=H&&c.ObjectUtils.resolveFieldData(H,d.optionIcon||"icon")||"",t=c.classNames("p-checkbox-icon p-c",b({},"".concat(e),!0)),n=p({className:C("icon",{icon:e})},N("icon")),o=c.IconUtils.getJSXIcon(e,D({},n),{props:d});return d.iconTemplate?c.ObjectUtils.getJSXElement(d.iconTemplate,{option:H,className:t,element:o,props:d}):o}(),L=H?function(e){var t=d.optionLabel||d.optionValue;return t?c.ObjectUtils.resolveFieldData(e,t):e}(H):n.ariaLabel("nullLabel"),J=H?"true":"false",X=p({ref:E,id:d.id,className:c.classNames(d.className,C("root")),style:d.style,onClick:M},P.getOtherProps(d),N("root")),Y=p(D({className:c.classNames(d.className),style:I("checkbox",{selectedOption:H}),tabIndex:d.tabIndex,onFocus:function(){j(!0)},onBlur:function(){j(!1)},onKeyDown:function(e){32===e.keyCode&&(U(e),e.preventDefault())},role:"checkbox","aria-checked":J,onChange:M,checked:!!H,disabled:null==d?void 0:d.disabled,icon:q},K),N("checkbox")),z=p({className:"p-sr-only p-hidden-accessible","aria-live":"polite"},N("srOnlyAria"));return u.createElement(u.Fragment,null,u.createElement("div",X,u.createElement(k,Y),x&&u.createElement("span",z,L)),T&&u.createElement(a.Tooltip,s({target:E,content:d.tooltip,pt:N("tooltip")},d.tooltipOptions)))})));return S.displayName="MultiStateCheckbox",e.MultiStateCheckbox=S,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.icons.check,primereact.tooltip,primereact.utils);

package/overlaypanel/overlaypanel.cjs.js

@@ -150,9 +150,9 @@ function _slicedToArray(arr, i) {
 
 var classes = {
   root: function root(_ref) {
-    var props = _ref.props,
-      context = _ref.context;
-    return utils.classNames('p-overlaypanel p-component', props.className, {
+    _ref.props;
+      var context = _ref.context;
+    return utils.classNames('p-overlaypanel p-component', {
       'p-input-filled': context && context.inputStyle === 'filled' || PrimeReact__default["default"].inputStyle === 'filled',
       'p-ripple-disabled': context && context.ripple === false || PrimeReact__default["default"].ripple === false
     });
@@ -403,9 +403,9 @@ var OverlayPanel = /*#__PURE__*/React__namespace.forwardRef(function (inProps, r
     var closeIcon = createCloseIcon();
     var rootProps = mergeProps({
       id: props.id,
-      className: cx('root', {
+      className: utils.classNames(props.className, cx('root', {
         context: context
-      }),
+      })),
       style: props.style,
       onClick: function onClick(e) {
         return onPanelClick(e);

package/overlaypanel/overlaypanel.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),r=require("primereact/csstransition"),o=require("primereact/hooks"),a=require("primereact/icons/times"),l=require("primereact/overlayservice"),i=require("primereact/portal"),c=require("primereact/ripple"),u=require("primereact/utils");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var f=s(e),y=p(n);function v(){return v=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},v.apply(this,arguments)}function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function m(e,n){if("object"!==d(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==d(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function b(e){var n=m(e,"string");return"symbol"===d(n)?n:String(n)}function O(e){if(Array.isArray(e))return e}function g(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,a,l,i=[],c=!0,u=!1;try{if(a=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=a.call(t)).done)&&(i.push(r.value),i.length!==n);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(u)throw o}}return i}}function h(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function S(e,n){if(e){if("string"==typeof e)return h(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?h(e,n):void 0}}function w(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function x(e,n){return O(e)||g(e,n)||S(e,n)||w()}var P=t.ComponentBase.extend({defaultProps:{__TYPE:"OverlayPanel",id:null,dismissable:!0,showCloseIcon:!1,closeIcon:null,style:null,className:null,appendTo:null,breakpoints:null,ariaCloseLabel:null,transitionOptions:null,onShow:null,onHide:null,children:void 0,closeOnEscape:!0},css:{classes:{root:function(e){var n=e.context;return u.classNames("p-overlaypanel p-component",e.props.className,{"p-input-filled":n&&"filled"===n.inputStyle||"filled"===y.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===y.default.ripple})},closeIcon:"p-overlaypanel-close-icon",closeButton:"p-overlaypanel-close p-link",content:"p-overlaypanel-content",transition:"p-overlaypanel"},styles:'\n@layer primereact {\n    .p-overlaypanel {\n        position: absolute;\n        margin-top: 10px;\n        /* Github #3122: Prevent animation flickering  */\n        top: -9999px;\n        left: -9999px;\n    }\n    \n    .p-overlaypanel-flipped {\n        margin-top: 0;\n        margin-bottom: 10px;\n    }\n    \n    .p-overlaypanel-close {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    /* Animation */\n    .p-overlaypanel-enter {\n        opacity: 0;\n        transform: scaleY(0.8);\n    }\n    \n    .p-overlaypanel-enter-active {\n        opacity: 1;\n        transform: scaleY(1);\n        transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-overlaypanel-enter-done {\n        transform: none;\n    }\n    \n    .p-overlaypanel-exit {\n        opacity: 1;\n    }\n    \n    .p-overlaypanel-exit-active {\n        opacity: 0;\n        transition: opacity .1s linear;\n    }\n    \n    .p-overlaypanel:after, .p-overlaypanel:before {\n        bottom: 100%;\n        left: calc(var(--overlayArrowLeft, 0) + 1.25rem);\n        content: " ";\n        height: 0;\n        width: 0;\n        position: absolute;\n        pointer-events: none;\n    }\n    \n    .p-overlaypanel:after {\n        border-width: 8px;\n        margin-left: -8px;\n    }\n    \n    .p-overlaypanel:before {\n        border-width: 10px;\n        margin-left: -10px;\n    }\n    \n    .p-overlaypanel-flipped:after, .p-overlaypanel-flipped:before {\n        bottom: auto;\n        top: 100%;\n    }\n    \n    .p-overlaypanel.p-overlaypanel-flipped:after {\n        border-bottom-color: transparent;\n    }\n    \n    .p-overlaypanel.p-overlaypanel-flipped:before {\n        border-bottom-color: transparent\n    }\n}\n'}});function j(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function E(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?j(Object(t),!0).forEach((function(n){var r,o,a;r=e,a=t[n],(o=b(o=n))in r?Object.defineProperty(r,o,{value:a,enumerable:!0,configurable:!0,writable:!0}):r[o]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):j(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var I=f.forwardRef((function(e,p){var s=o.useMergeProps(),d=f.useContext(n.PrimeReactContext),m=P.getProps(e,d),b=x(f.useState(!1),2),O=b[0],g=b[1],h=P.setMetaData({props:m,state:{visible:O}}),S=h.ptm,w=h.cx,j=h.isUnstyled;t.useHandleStyle(P.css.styles,j,{name:"overlaypanel"});var I=f.useRef(""),k=f.useRef(null),D=f.useRef(null),C=f.useRef(!1),A=f.useRef(null),H=f.useRef(null),N=x(o.useOverlayListener({target:D,overlay:k,listener:function(e,n){if(n.valid)switch(n.type){case"outside":m.dismissable&&!C.current&&Z();break;case"resize":case"scroll":case"orientationchange":V()}C.current=!1},when:O}),2),T=N[0],R=N[1],q=O&&m.closeOnEscape,_=o.useDisplayOrder("overlay-panel",q);o.useGlobalOnEscapeKey({callback:function(){Z()},when:q&&_,priority:[o.ESC_KEY_HANDLING_PRIORITIES.OVERLAY_PANEL,_]});var L=function(e){return k&&k.current&&!(k.current.isSameNode(e)||k.current.contains(e))},M=function(e,n){return null!=D.current&&D.current!==(n||e.currentTarget||e.target)},U=function(){C.current=!0},z=function(e,n){O?(Z(),M(e,n)&&(D.current=n||e.currentTarget||e.target,setTimeout((function(){Y(e,D.current)}),200))):Y(e,n)},Y=function(e,n){D.current=n||e.currentTarget||e.target,O?V():(g(!0),H.current=function(e){!L(e.target)&&(C.current=!0)},l.OverlayService.on("overlay-click",H.current))},Z=function(){g(!1),l.OverlayService.off("overlay-click",H.current),H.current=null},B=function(){k.current.setAttribute(I.current,""),u.ZIndexUtils.set("overlay",k.current,d&&d.autoZIndex||y.default.autoZIndex,d&&d.zIndex.overlay||y.default.zIndex.overlay),u.DomHandler.addStyles(k.current,{position:"absolute",top:"0",left:"0"}),V()},G=function(){T(),m.onShow&&m.onShow()},K=function(){R()},J=function(){u.ZIndexUtils.clear(k.current),m.onHide&&m.onHide()},V=function(){if(D.current&&k.current){u.DomHandler.absolutePosition(k.current,D.current);var e=u.DomHandler.getOffset(k.current),n=u.DomHandler.getOffset(D.current),t=0;e.left<n.left&&(t=n.left-e.left),k.current.style.setProperty("--overlayArrowLeft","".concat(t,"px")),e.top<n.top?(k.current.setAttribute("data-p-overlaypanel-flipped","true"),j&&u.DomHandler.addClass(k.current,"p-overlaypanel-flipped")):(k.current.setAttribute("data-p-overlaypanel-flipped","false"),j&&u.DomHandler.removeClass(k.current,"p-overlaypanel-flipped"))}},X=function(){if(!A.current){A.current=u.DomHandler.createInlineStyle(d&&d.nonce||y.default.nonce,d&&d.styleContainer);var e="";for(var n in m.breakpoints)e+="\n                    @media screen and (max-width: ".concat(n,") {\n                        .p-overlaypanel[").concat(I.current,"] {\n                            width: ").concat(m.breakpoints[n],";\n                        }\n                    }\n                ");A.current.innerHTML=e}};o.useMountEffect((function(){I.current=u.UniqueComponentId(),m.breakpoints&&X()})),o.useUnmountEffect((function(){A.current=u.DomHandler.removeInlineStyle(A.current),H.current&&(l.OverlayService.off("overlay-click",H.current),H.current=null),u.ZIndexUtils.clear(k.current)})),f.useImperativeHandle(p,(function(){return{props:m,toggle:z,show:Y,hide:Z,align:V,getElement:function(){return k.current}}}));var $,F,Q,W,ee=function(){var e=s({className:w("closeIcon"),"aria-hidden":!0},S("closeIcon")),t=u.IconUtils.getJSXIcon(m.closeIcon||f.createElement(a.TimesIcon,e),E({},e),{props:m}),r=m.ariaCloseLabel||n.localeOption("close"),o=s({type:"button",className:w("closeButton"),onClick:function(e){return n=e,Z(),void n.preventDefault();var n},"aria-label":r},S("closeButton"));return m.showCloseIcon?f.createElement("button",o,t,f.createElement(c.Ripple,null)):null},ne=($=ee(),F=s({id:m.id,className:w("root",{context:d}),style:m.style,onClick:function(e){return n=e,C.current=!0,void l.OverlayService.emit("overlay-click",{originalEvent:n,target:D.current});var n}},P.getOtherProps(m),S("root")),Q=s({className:w("content"),onClick:function(e){return U()},onMouseDown:U},P.getOtherProps(m),S("content")),W=s({classNames:w("transition"),in:O,timeout:{enter:120,exit:100},options:m.transitionOptions,unmountOnExit:!0,onEnter:B,onEntered:G,onExit:K,onExited:J},S("transition")),f.createElement(r.CSSTransition,v({nodeRef:k},W),f.createElement("div",v({ref:k},F),f.createElement("div",Q,m.children),$)));return f.createElement(i.Portal,{element:ne,appendTo:m.appendTo})}));I.displayName="OverlayPanel",exports.OverlayPanel=I;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),r=require("primereact/csstransition"),o=require("primereact/hooks"),a=require("primereact/icons/times"),l=require("primereact/overlayservice"),i=require("primereact/portal"),c=require("primereact/ripple"),u=require("primereact/utils");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var f=p(e),y=s(n);function v(){return v=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},v.apply(this,arguments)}function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function m(e,n){if("object"!==d(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==d(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function b(e){var n=m(e,"string");return"symbol"===d(n)?n:String(n)}function O(e){if(Array.isArray(e))return e}function g(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,a,l,i=[],c=!0,u=!1;try{if(a=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=a.call(t)).done)&&(i.push(r.value),i.length!==n);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(u)throw o}}return i}}function h(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function S(e,n){if(e){if("string"==typeof e)return h(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?h(e,n):void 0}}function w(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function x(e,n){return O(e)||g(e,n)||S(e,n)||w()}var P=t.ComponentBase.extend({defaultProps:{__TYPE:"OverlayPanel",id:null,dismissable:!0,showCloseIcon:!1,closeIcon:null,style:null,className:null,appendTo:null,breakpoints:null,ariaCloseLabel:null,transitionOptions:null,onShow:null,onHide:null,children:void 0,closeOnEscape:!0},css:{classes:{root:function(e){var n=e.context;return u.classNames("p-overlaypanel p-component",{"p-input-filled":n&&"filled"===n.inputStyle||"filled"===y.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===y.default.ripple})},closeIcon:"p-overlaypanel-close-icon",closeButton:"p-overlaypanel-close p-link",content:"p-overlaypanel-content",transition:"p-overlaypanel"},styles:'\n@layer primereact {\n    .p-overlaypanel {\n        position: absolute;\n        margin-top: 10px;\n        /* Github #3122: Prevent animation flickering  */\n        top: -9999px;\n        left: -9999px;\n    }\n    \n    .p-overlaypanel-flipped {\n        margin-top: 0;\n        margin-bottom: 10px;\n    }\n    \n    .p-overlaypanel-close {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    /* Animation */\n    .p-overlaypanel-enter {\n        opacity: 0;\n        transform: scaleY(0.8);\n    }\n    \n    .p-overlaypanel-enter-active {\n        opacity: 1;\n        transform: scaleY(1);\n        transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-overlaypanel-enter-done {\n        transform: none;\n    }\n    \n    .p-overlaypanel-exit {\n        opacity: 1;\n    }\n    \n    .p-overlaypanel-exit-active {\n        opacity: 0;\n        transition: opacity .1s linear;\n    }\n    \n    .p-overlaypanel:after, .p-overlaypanel:before {\n        bottom: 100%;\n        left: calc(var(--overlayArrowLeft, 0) + 1.25rem);\n        content: " ";\n        height: 0;\n        width: 0;\n        position: absolute;\n        pointer-events: none;\n    }\n    \n    .p-overlaypanel:after {\n        border-width: 8px;\n        margin-left: -8px;\n    }\n    \n    .p-overlaypanel:before {\n        border-width: 10px;\n        margin-left: -10px;\n    }\n    \n    .p-overlaypanel-flipped:after, .p-overlaypanel-flipped:before {\n        bottom: auto;\n        top: 100%;\n    }\n    \n    .p-overlaypanel.p-overlaypanel-flipped:after {\n        border-bottom-color: transparent;\n    }\n    \n    .p-overlaypanel.p-overlaypanel-flipped:before {\n        border-bottom-color: transparent\n    }\n}\n'}});function j(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function E(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?j(Object(t),!0).forEach((function(n){var r,o,a;r=e,a=t[n],(o=b(o=n))in r?Object.defineProperty(r,o,{value:a,enumerable:!0,configurable:!0,writable:!0}):r[o]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):j(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var I=f.forwardRef((function(e,s){var p=o.useMergeProps(),d=f.useContext(n.PrimeReactContext),m=P.getProps(e,d),b=x(f.useState(!1),2),O=b[0],g=b[1],h=P.setMetaData({props:m,state:{visible:O}}),S=h.ptm,w=h.cx,j=h.isUnstyled;t.useHandleStyle(P.css.styles,j,{name:"overlaypanel"});var I=f.useRef(""),k=f.useRef(null),D=f.useRef(null),C=f.useRef(!1),A=f.useRef(null),H=f.useRef(null),N=x(o.useOverlayListener({target:D,overlay:k,listener:function(e,n){if(n.valid)switch(n.type){case"outside":m.dismissable&&!C.current&&Z();break;case"resize":case"scroll":case"orientationchange":V()}C.current=!1},when:O}),2),T=N[0],R=N[1],q=O&&m.closeOnEscape,_=o.useDisplayOrder("overlay-panel",q);o.useGlobalOnEscapeKey({callback:function(){Z()},when:q&&_,priority:[o.ESC_KEY_HANDLING_PRIORITIES.OVERLAY_PANEL,_]});var L=function(e){return k&&k.current&&!(k.current.isSameNode(e)||k.current.contains(e))},M=function(e,n){return null!=D.current&&D.current!==(n||e.currentTarget||e.target)},U=function(){C.current=!0},z=function(e,n){O?(Z(),M(e,n)&&(D.current=n||e.currentTarget||e.target,setTimeout((function(){Y(e,D.current)}),200))):Y(e,n)},Y=function(e,n){D.current=n||e.currentTarget||e.target,O?V():(g(!0),H.current=function(e){!L(e.target)&&(C.current=!0)},l.OverlayService.on("overlay-click",H.current))},Z=function(){g(!1),l.OverlayService.off("overlay-click",H.current),H.current=null},B=function(){k.current.setAttribute(I.current,""),u.ZIndexUtils.set("overlay",k.current,d&&d.autoZIndex||y.default.autoZIndex,d&&d.zIndex.overlay||y.default.zIndex.overlay),u.DomHandler.addStyles(k.current,{position:"absolute",top:"0",left:"0"}),V()},G=function(){T(),m.onShow&&m.onShow()},K=function(){R()},J=function(){u.ZIndexUtils.clear(k.current),m.onHide&&m.onHide()},V=function(){if(D.current&&k.current){u.DomHandler.absolutePosition(k.current,D.current);var e=u.DomHandler.getOffset(k.current),n=u.DomHandler.getOffset(D.current),t=0;e.left<n.left&&(t=n.left-e.left),k.current.style.setProperty("--overlayArrowLeft","".concat(t,"px")),e.top<n.top?(k.current.setAttribute("data-p-overlaypanel-flipped","true"),j&&u.DomHandler.addClass(k.current,"p-overlaypanel-flipped")):(k.current.setAttribute("data-p-overlaypanel-flipped","false"),j&&u.DomHandler.removeClass(k.current,"p-overlaypanel-flipped"))}},X=function(){if(!A.current){A.current=u.DomHandler.createInlineStyle(d&&d.nonce||y.default.nonce,d&&d.styleContainer);var e="";for(var n in m.breakpoints)e+="\n                    @media screen and (max-width: ".concat(n,") {\n                        .p-overlaypanel[").concat(I.current,"] {\n                            width: ").concat(m.breakpoints[n],";\n                        }\n                    }\n                ");A.current.innerHTML=e}};o.useMountEffect((function(){I.current=u.UniqueComponentId(),m.breakpoints&&X()})),o.useUnmountEffect((function(){A.current=u.DomHandler.removeInlineStyle(A.current),H.current&&(l.OverlayService.off("overlay-click",H.current),H.current=null),u.ZIndexUtils.clear(k.current)})),f.useImperativeHandle(s,(function(){return{props:m,toggle:z,show:Y,hide:Z,align:V,getElement:function(){return k.current}}}));var $,F,Q,W,ee=function(){var e=p({className:w("closeIcon"),"aria-hidden":!0},S("closeIcon")),t=u.IconUtils.getJSXIcon(m.closeIcon||f.createElement(a.TimesIcon,e),E({},e),{props:m}),r=m.ariaCloseLabel||n.localeOption("close"),o=p({type:"button",className:w("closeButton"),onClick:function(e){return n=e,Z(),void n.preventDefault();var n},"aria-label":r},S("closeButton"));return m.showCloseIcon?f.createElement("button",o,t,f.createElement(c.Ripple,null)):null},ne=($=ee(),F=p({id:m.id,className:u.classNames(m.className,w("root",{context:d})),style:m.style,onClick:function(e){return n=e,C.current=!0,void l.OverlayService.emit("overlay-click",{originalEvent:n,target:D.current});var n}},P.getOtherProps(m),S("root")),Q=p({className:w("content"),onClick:function(e){return U()},onMouseDown:U},P.getOtherProps(m),S("content")),W=p({classNames:w("transition"),in:O,timeout:{enter:120,exit:100},options:m.transitionOptions,unmountOnExit:!0,onEnter:B,onEntered:G,onExit:K,onExited:J},S("transition")),f.createElement(r.CSSTransition,v({nodeRef:k},W),f.createElement("div",v({ref:k},F),f.createElement("div",Q,m.children),$)));return f.createElement(i.Portal,{element:ne,appendTo:m.appendTo})}));I.displayName="OverlayPanel",exports.OverlayPanel=I;

package/overlaypanel/overlaypanel.esm.js

@@ -123,9 +123,9 @@ function _slicedToArray(arr, i) {
 
 var classes = {
   root: function root(_ref) {
-    var props = _ref.props,
-      context = _ref.context;
-    return classNames('p-overlaypanel p-component', props.className, {
+    _ref.props;
+      var context = _ref.context;
+    return classNames('p-overlaypanel p-component', {
       'p-input-filled': context && context.inputStyle === 'filled' || PrimeReact.inputStyle === 'filled',
       'p-ripple-disabled': context && context.ripple === false || PrimeReact.ripple === false
     });
@@ -376,9 +376,9 @@ var OverlayPanel = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     var closeIcon = createCloseIcon();
     var rootProps = mergeProps({
       id: props.id,
-      className: cx('root', {
+      className: classNames(props.className, cx('root', {
         context: context
-      }),
+      })),
       style: props.style,
       onClick: function onClick(e) {
         return onPanelClick(e);

package/overlaypanel/overlaypanel.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import n,{PrimeReactContext as t,localeOption as r}from"primereact/api";import{ComponentBase as o,useHandleStyle as a}from"primereact/componentbase";import{CSSTransition as l}from"primereact/csstransition";import{useMergeProps as i,useOverlayListener as c,useDisplayOrder as p,useGlobalOnEscapeKey as u,ESC_KEY_HANDLING_PRIORITIES as s,useMountEffect as f,useUnmountEffect as y}from"primereact/hooks";import{TimesIcon as m}from"primereact/icons/times";import{OverlayService as v}from"primereact/overlayservice";import{Portal as d}from"primereact/portal";import{Ripple as b}from"primereact/ripple";import{classNames as g,DomHandler as h,UniqueComponentId as O,ZIndexUtils as w,IconUtils as x}from"primereact/utils";function S(){return S=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},S.apply(this,arguments)}function j(e){return j="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},j(e)}function E(e,n){if("object"!==j(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==j(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function P(e){var n=E(e,"string");return"symbol"===j(n)?n:String(n)}function I(e){if(Array.isArray(e))return e}function k(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,a,l,i=[],c=!0,p=!1;try{if(a=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=a.call(t)).done)&&(i.push(r.value),i.length!==n);c=!0);}catch(e){p=!0,o=e}finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(p)throw o}}return i}}function A(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function C(e,n){if(e){if("string"==typeof e)return A(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?A(e,n):void 0}}function N(){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 T(e,n){return I(e)||k(e,n)||C(e,n)||N()}var R=o.extend({defaultProps:{__TYPE:"OverlayPanel",id:null,dismissable:!0,showCloseIcon:!1,closeIcon:null,style:null,className:null,appendTo:null,breakpoints:null,ariaCloseLabel:null,transitionOptions:null,onShow:null,onHide:null,children:void 0,closeOnEscape:!0},css:{classes:{root:function(e){var t=e.context;return g("p-overlaypanel p-component",e.props.className,{"p-input-filled":t&&"filled"===t.inputStyle||"filled"===n.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===n.ripple})},closeIcon:"p-overlaypanel-close-icon",closeButton:"p-overlaypanel-close p-link",content:"p-overlaypanel-content",transition:"p-overlaypanel"},styles:'\n@layer primereact {\n    .p-overlaypanel {\n        position: absolute;\n        margin-top: 10px;\n        /* Github #3122: Prevent animation flickering  */\n        top: -9999px;\n        left: -9999px;\n    }\n    \n    .p-overlaypanel-flipped {\n        margin-top: 0;\n        margin-bottom: 10px;\n    }\n    \n    .p-overlaypanel-close {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    /* Animation */\n    .p-overlaypanel-enter {\n        opacity: 0;\n        transform: scaleY(0.8);\n    }\n    \n    .p-overlaypanel-enter-active {\n        opacity: 1;\n        transform: scaleY(1);\n        transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-overlaypanel-enter-done {\n        transform: none;\n    }\n    \n    .p-overlaypanel-exit {\n        opacity: 1;\n    }\n    \n    .p-overlaypanel-exit-active {\n        opacity: 0;\n        transition: opacity .1s linear;\n    }\n    \n    .p-overlaypanel:after, .p-overlaypanel:before {\n        bottom: 100%;\n        left: calc(var(--overlayArrowLeft, 0) + 1.25rem);\n        content: " ";\n        height: 0;\n        width: 0;\n        position: absolute;\n        pointer-events: none;\n    }\n    \n    .p-overlaypanel:after {\n        border-width: 8px;\n        margin-left: -8px;\n    }\n    \n    .p-overlaypanel:before {\n        border-width: 10px;\n        margin-left: -10px;\n    }\n    \n    .p-overlaypanel-flipped:after, .p-overlaypanel-flipped:before {\n        bottom: auto;\n        top: 100%;\n    }\n    \n    .p-overlaypanel.p-overlaypanel-flipped:after {\n        border-bottom-color: transparent;\n    }\n    \n    .p-overlaypanel.p-overlaypanel-flipped:before {\n        border-bottom-color: transparent\n    }\n}\n'}});function D(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function L(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?D(Object(t),!0).forEach((function(n){var r,o,a;r=e,a=t[n],(o=P(o=n))in r?Object.defineProperty(r,o,{value:a,enumerable:!0,configurable:!0,writable:!0}):r[o]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):D(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var z=e.forwardRef((function(o,g){var j=i(),E=e.useContext(t),P=R.getProps(o,E),I=T(e.useState(!1),2),k=I[0],A=I[1],C=R.setMetaData({props:P,state:{visible:k}}),N=C.ptm,D=C.cx,z=C.isUnstyled;a(R.css.styles,z,{name:"overlaypanel"});var H=e.useRef(""),M=e.useRef(null),Y=e.useRef(null),B=e.useRef(!1),_=e.useRef(null),U=e.useRef(null),Z=T(c({target:Y,overlay:M,listener:function(e,n){if(n.valid)switch(n.type){case"outside":P.dismissable&&!B.current&&W();break;case"resize":case"scroll":case"orientationchange":oe()}B.current=!1},when:k}),2),G=Z[0],J=Z[1],V=k&&P.closeOnEscape,X=p("overlay-panel",V);u({callback:function(){W()},when:V&&X,priority:[s.OVERLAY_PANEL,X]});var $=function(e){return M&&M.current&&!(M.current.isSameNode(e)||M.current.contains(e))},q=function(e,n){return null!=Y.current&&Y.current!==(n||e.currentTarget||e.target)},F=function(){B.current=!0},K=function(e,n){k?(W(),q(e,n)&&(Y.current=n||e.currentTarget||e.target,setTimeout((function(){Q(e,Y.current)}),200))):Q(e,n)},Q=function(e,n){Y.current=n||e.currentTarget||e.target,k?oe():(A(!0),U.current=function(e){!$(e.target)&&(B.current=!0)},v.on("overlay-click",U.current))},W=function(){A(!1),v.off("overlay-click",U.current),U.current=null},ee=function(){M.current.setAttribute(H.current,""),w.set("overlay",M.current,E&&E.autoZIndex||n.autoZIndex,E&&E.zIndex.overlay||n.zIndex.overlay),h.addStyles(M.current,{position:"absolute",top:"0",left:"0"}),oe()},ne=function(){G(),P.onShow&&P.onShow()},te=function(){J()},re=function(){w.clear(M.current),P.onHide&&P.onHide()},oe=function(){if(Y.current&&M.current){h.absolutePosition(M.current,Y.current);var e=h.getOffset(M.current),n=h.getOffset(Y.current),t=0;e.left<n.left&&(t=n.left-e.left),M.current.style.setProperty("--overlayArrowLeft","".concat(t,"px")),e.top<n.top?(M.current.setAttribute("data-p-overlaypanel-flipped","true"),z&&h.addClass(M.current,"p-overlaypanel-flipped")):(M.current.setAttribute("data-p-overlaypanel-flipped","false"),z&&h.removeClass(M.current,"p-overlaypanel-flipped"))}},ae=function(){if(!_.current){_.current=h.createInlineStyle(E&&E.nonce||n.nonce,E&&E.styleContainer);var e="";for(var t in P.breakpoints)e+="\n                    @media screen and (max-width: ".concat(t,") {\n                        .p-overlaypanel[").concat(H.current,"] {\n                            width: ").concat(P.breakpoints[t],";\n                        }\n                    }\n                ");_.current.innerHTML=e}};f((function(){H.current=O(),P.breakpoints&&ae()})),y((function(){_.current=h.removeInlineStyle(_.current),U.current&&(v.off("overlay-click",U.current),U.current=null),w.clear(M.current)})),e.useImperativeHandle(g,(function(){return{props:P,toggle:K,show:Q,hide:W,align:oe,getElement:function(){return M.current}}}));var le,ie,ce,pe,ue=function(){var n=j({className:D("closeIcon"),"aria-hidden":!0},N("closeIcon")),t=x.getJSXIcon(P.closeIcon||e.createElement(m,n),L({},n),{props:P}),o=P.ariaCloseLabel||r("close"),a=j({type:"button",className:D("closeButton"),onClick:function(e){return n=e,W(),void n.preventDefault();var n},"aria-label":o},N("closeButton"));return P.showCloseIcon?e.createElement("button",a,t,e.createElement(b,null)):null},se=(le=ue(),ie=j({id:P.id,className:D("root",{context:E}),style:P.style,onClick:function(e){return n=e,B.current=!0,void v.emit("overlay-click",{originalEvent:n,target:Y.current});var n}},R.getOtherProps(P),N("root")),ce=j({className:D("content"),onClick:function(e){return F()},onMouseDown:F},R.getOtherProps(P),N("content")),pe=j({classNames:D("transition"),in:k,timeout:{enter:120,exit:100},options:P.transitionOptions,unmountOnExit:!0,onEnter:ee,onEntered:ne,onExit:te,onExited:re},N("transition")),e.createElement(l,S({nodeRef:M},pe),e.createElement("div",S({ref:M},ie),e.createElement("div",ce,P.children),le)));return e.createElement(d,{element:se,appendTo:P.appendTo})}));z.displayName="OverlayPanel";export{z as OverlayPanel};
+import*as e from"react";import n,{PrimeReactContext as t,localeOption as r}from"primereact/api";import{ComponentBase as o,useHandleStyle as a}from"primereact/componentbase";import{CSSTransition as l}from"primereact/csstransition";import{useMergeProps as i,useOverlayListener as c,useDisplayOrder as p,useGlobalOnEscapeKey as u,ESC_KEY_HANDLING_PRIORITIES as s,useMountEffect as f,useUnmountEffect as y}from"primereact/hooks";import{TimesIcon as m}from"primereact/icons/times";import{OverlayService as v}from"primereact/overlayservice";import{Portal as d}from"primereact/portal";import{Ripple as b}from"primereact/ripple";import{classNames as g,DomHandler as h,UniqueComponentId as O,ZIndexUtils as w,IconUtils as x}from"primereact/utils";function S(){return S=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},S.apply(this,arguments)}function j(e){return j="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},j(e)}function E(e,n){if("object"!==j(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==j(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function P(e){var n=E(e,"string");return"symbol"===j(n)?n:String(n)}function I(e){if(Array.isArray(e))return e}function k(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,a,l,i=[],c=!0,p=!1;try{if(a=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=a.call(t)).done)&&(i.push(r.value),i.length!==n);c=!0);}catch(e){p=!0,o=e}finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(p)throw o}}return i}}function A(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function C(e,n){if(e){if("string"==typeof e)return A(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?A(e,n):void 0}}function N(){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 T(e,n){return I(e)||k(e,n)||C(e,n)||N()}var R=o.extend({defaultProps:{__TYPE:"OverlayPanel",id:null,dismissable:!0,showCloseIcon:!1,closeIcon:null,style:null,className:null,appendTo:null,breakpoints:null,ariaCloseLabel:null,transitionOptions:null,onShow:null,onHide:null,children:void 0,closeOnEscape:!0},css:{classes:{root:function(e){var t=e.context;return g("p-overlaypanel p-component",{"p-input-filled":t&&"filled"===t.inputStyle||"filled"===n.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===n.ripple})},closeIcon:"p-overlaypanel-close-icon",closeButton:"p-overlaypanel-close p-link",content:"p-overlaypanel-content",transition:"p-overlaypanel"},styles:'\n@layer primereact {\n    .p-overlaypanel {\n        position: absolute;\n        margin-top: 10px;\n        /* Github #3122: Prevent animation flickering  */\n        top: -9999px;\n        left: -9999px;\n    }\n    \n    .p-overlaypanel-flipped {\n        margin-top: 0;\n        margin-bottom: 10px;\n    }\n    \n    .p-overlaypanel-close {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    /* Animation */\n    .p-overlaypanel-enter {\n        opacity: 0;\n        transform: scaleY(0.8);\n    }\n    \n    .p-overlaypanel-enter-active {\n        opacity: 1;\n        transform: scaleY(1);\n        transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-overlaypanel-enter-done {\n        transform: none;\n    }\n    \n    .p-overlaypanel-exit {\n        opacity: 1;\n    }\n    \n    .p-overlaypanel-exit-active {\n        opacity: 0;\n        transition: opacity .1s linear;\n    }\n    \n    .p-overlaypanel:after, .p-overlaypanel:before {\n        bottom: 100%;\n        left: calc(var(--overlayArrowLeft, 0) + 1.25rem);\n        content: " ";\n        height: 0;\n        width: 0;\n        position: absolute;\n        pointer-events: none;\n    }\n    \n    .p-overlaypanel:after {\n        border-width: 8px;\n        margin-left: -8px;\n    }\n    \n    .p-overlaypanel:before {\n        border-width: 10px;\n        margin-left: -10px;\n    }\n    \n    .p-overlaypanel-flipped:after, .p-overlaypanel-flipped:before {\n        bottom: auto;\n        top: 100%;\n    }\n    \n    .p-overlaypanel.p-overlaypanel-flipped:after {\n        border-bottom-color: transparent;\n    }\n    \n    .p-overlaypanel.p-overlaypanel-flipped:before {\n        border-bottom-color: transparent\n    }\n}\n'}});function D(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function L(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?D(Object(t),!0).forEach((function(n){var r,o,a;r=e,a=t[n],(o=P(o=n))in r?Object.defineProperty(r,o,{value:a,enumerable:!0,configurable:!0,writable:!0}):r[o]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):D(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var z=e.forwardRef((function(o,j){var E=i(),P=e.useContext(t),I=R.getProps(o,P),k=T(e.useState(!1),2),A=k[0],C=k[1],N=R.setMetaData({props:I,state:{visible:A}}),D=N.ptm,z=N.cx,H=N.isUnstyled;a(R.css.styles,H,{name:"overlaypanel"});var M=e.useRef(""),Y=e.useRef(null),B=e.useRef(null),_=e.useRef(!1),U=e.useRef(null),Z=e.useRef(null),G=T(c({target:B,overlay:Y,listener:function(e,n){if(n.valid)switch(n.type){case"outside":I.dismissable&&!_.current&&ee();break;case"resize":case"scroll":case"orientationchange":ae()}_.current=!1},when:A}),2),J=G[0],V=G[1],X=A&&I.closeOnEscape,$=p("overlay-panel",X);u({callback:function(){ee()},when:X&&$,priority:[s.OVERLAY_PANEL,$]});var q=function(e){return Y&&Y.current&&!(Y.current.isSameNode(e)||Y.current.contains(e))},F=function(e,n){return null!=B.current&&B.current!==(n||e.currentTarget||e.target)},K=function(){_.current=!0},Q=function(e,n){A?(ee(),F(e,n)&&(B.current=n||e.currentTarget||e.target,setTimeout((function(){W(e,B.current)}),200))):W(e,n)},W=function(e,n){B.current=n||e.currentTarget||e.target,A?ae():(C(!0),Z.current=function(e){!q(e.target)&&(_.current=!0)},v.on("overlay-click",Z.current))},ee=function(){C(!1),v.off("overlay-click",Z.current),Z.current=null},ne=function(){Y.current.setAttribute(M.current,""),w.set("overlay",Y.current,P&&P.autoZIndex||n.autoZIndex,P&&P.zIndex.overlay||n.zIndex.overlay),h.addStyles(Y.current,{position:"absolute",top:"0",left:"0"}),ae()},te=function(){J(),I.onShow&&I.onShow()},re=function(){V()},oe=function(){w.clear(Y.current),I.onHide&&I.onHide()},ae=function(){if(B.current&&Y.current){h.absolutePosition(Y.current,B.current);var e=h.getOffset(Y.current),n=h.getOffset(B.current),t=0;e.left<n.left&&(t=n.left-e.left),Y.current.style.setProperty("--overlayArrowLeft","".concat(t,"px")),e.top<n.top?(Y.current.setAttribute("data-p-overlaypanel-flipped","true"),H&&h.addClass(Y.current,"p-overlaypanel-flipped")):(Y.current.setAttribute("data-p-overlaypanel-flipped","false"),H&&h.removeClass(Y.current,"p-overlaypanel-flipped"))}},le=function(){if(!U.current){U.current=h.createInlineStyle(P&&P.nonce||n.nonce,P&&P.styleContainer);var e="";for(var t in I.breakpoints)e+="\n                    @media screen and (max-width: ".concat(t,") {\n                        .p-overlaypanel[").concat(M.current,"] {\n                            width: ").concat(I.breakpoints[t],";\n                        }\n                    }\n                ");U.current.innerHTML=e}};f((function(){M.current=O(),I.breakpoints&&le()})),y((function(){U.current=h.removeInlineStyle(U.current),Z.current&&(v.off("overlay-click",Z.current),Z.current=null),w.clear(Y.current)})),e.useImperativeHandle(j,(function(){return{props:I,toggle:Q,show:W,hide:ee,align:ae,getElement:function(){return Y.current}}}));var ie,ce,pe,ue,se=function(){var n=E({className:z("closeIcon"),"aria-hidden":!0},D("closeIcon")),t=x.getJSXIcon(I.closeIcon||e.createElement(m,n),L({},n),{props:I}),o=I.ariaCloseLabel||r("close"),a=E({type:"button",className:z("closeButton"),onClick:function(e){return n=e,ee(),void n.preventDefault();var n},"aria-label":o},D("closeButton"));return I.showCloseIcon?e.createElement("button",a,t,e.createElement(b,null)):null},fe=(ie=se(),ce=E({id:I.id,className:g(I.className,z("root",{context:P})),style:I.style,onClick:function(e){return n=e,_.current=!0,void v.emit("overlay-click",{originalEvent:n,target:B.current});var n}},R.getOtherProps(I),D("root")),pe=E({className:z("content"),onClick:function(e){return K()},onMouseDown:K},R.getOtherProps(I),D("content")),ue=E({classNames:z("transition"),in:A,timeout:{enter:120,exit:100},options:I.transitionOptions,unmountOnExit:!0,onEnter:ne,onEntered:te,onExit:re,onExited:oe},D("transition")),e.createElement(l,S({nodeRef:Y},ue),e.createElement("div",S({ref:Y},ce),e.createElement("div",pe,I.children),ie)));return e.createElement(d,{element:fe,appendTo:I.appendTo})}));z.displayName="OverlayPanel";export{z as OverlayPanel};

package/overlaypanel/overlaypanel.js

@@ -138,9 +138,9 @@ this.primereact.overlaypanel = (function (exports, React, PrimeReact, componentb
 
   var classes = {
     root: function root(_ref) {
-      var props = _ref.props,
-        context = _ref.context;
-      return utils.classNames('p-overlaypanel p-component', props.className, {
+      _ref.props;
+        var context = _ref.context;
+      return utils.classNames('p-overlaypanel p-component', {
         'p-input-filled': context && context.inputStyle === 'filled' || PrimeReact__default["default"].inputStyle === 'filled',
         'p-ripple-disabled': context && context.ripple === false || PrimeReact__default["default"].ripple === false
       });
@@ -391,9 +391,9 @@ this.primereact.overlaypanel = (function (exports, React, PrimeReact, componentb
       var closeIcon = createCloseIcon();
       var rootProps = mergeProps({
         id: props.id,
-        className: cx('root', {
+        className: utils.classNames(props.className, cx('root', {
           context: context
-        }),
+        })),
         style: props.style,
         onClick: function onClick(e) {
           return onPanelClick(e);

package/overlaypanel/overlaypanel.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.overlaypanel=function(e,n,t,r,o,a,l,i,c,u,p){"use strict";function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var y=f(n),v=s(t);function d(){return d=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},d.apply(this,arguments)}function m(e){return m="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},m(e)}function b(e,n){if("object"!==m(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==m(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function O(e){var n=b(e,"string");return"symbol"===m(n)?n:String(n)}function g(e){if(Array.isArray(e))return e}function h(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,a,l,i=[],c=!0,u=!1;try{if(a=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=a.call(t)).done)&&(i.push(r.value),i.length!==n);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(u)throw o}}return i}}function S(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function w(e,n){if(e){if("string"==typeof e)return S(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?S(e,n):void 0}}function x(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function P(e,n){return g(e)||h(e,n)||w(e,n)||x()}var j=r.ComponentBase.extend({defaultProps:{__TYPE:"OverlayPanel",id:null,dismissable:!0,showCloseIcon:!1,closeIcon:null,style:null,className:null,appendTo:null,breakpoints:null,ariaCloseLabel:null,transitionOptions:null,onShow:null,onHide:null,children:void 0,closeOnEscape:!0},css:{classes:{root:function(e){var n=e.context;return p.classNames("p-overlaypanel p-component",e.props.className,{"p-input-filled":n&&"filled"===n.inputStyle||"filled"===v.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===v.default.ripple})},closeIcon:"p-overlaypanel-close-icon",closeButton:"p-overlaypanel-close p-link",content:"p-overlaypanel-content",transition:"p-overlaypanel"},styles:'\n@layer primereact {\n    .p-overlaypanel {\n        position: absolute;\n        margin-top: 10px;\n        /* Github #3122: Prevent animation flickering  */\n        top: -9999px;\n        left: -9999px;\n    }\n    \n    .p-overlaypanel-flipped {\n        margin-top: 0;\n        margin-bottom: 10px;\n    }\n    \n    .p-overlaypanel-close {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    /* Animation */\n    .p-overlaypanel-enter {\n        opacity: 0;\n        transform: scaleY(0.8);\n    }\n    \n    .p-overlaypanel-enter-active {\n        opacity: 1;\n        transform: scaleY(1);\n        transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-overlaypanel-enter-done {\n        transform: none;\n    }\n    \n    .p-overlaypanel-exit {\n        opacity: 1;\n    }\n    \n    .p-overlaypanel-exit-active {\n        opacity: 0;\n        transition: opacity .1s linear;\n    }\n    \n    .p-overlaypanel:after, .p-overlaypanel:before {\n        bottom: 100%;\n        left: calc(var(--overlayArrowLeft, 0) + 1.25rem);\n        content: " ";\n        height: 0;\n        width: 0;\n        position: absolute;\n        pointer-events: none;\n    }\n    \n    .p-overlaypanel:after {\n        border-width: 8px;\n        margin-left: -8px;\n    }\n    \n    .p-overlaypanel:before {\n        border-width: 10px;\n        margin-left: -10px;\n    }\n    \n    .p-overlaypanel-flipped:after, .p-overlaypanel-flipped:before {\n        bottom: auto;\n        top: 100%;\n    }\n    \n    .p-overlaypanel.p-overlaypanel-flipped:after {\n        border-bottom-color: transparent;\n    }\n    \n    .p-overlaypanel.p-overlaypanel-flipped:before {\n        border-bottom-color: transparent\n    }\n}\n'}});function E(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function I(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?E(Object(t),!0).forEach((function(n){var r,o,a;r=e,a=t[n],(o=O(o=n))in r?Object.defineProperty(r,o,{value:a,enumerable:!0,configurable:!0,writable:!0}):r[o]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):E(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var k=y.forwardRef((function(e,n){var s=a.useMergeProps(),f=y.useContext(t.PrimeReactContext),m=j.getProps(e,f),b=P(y.useState(!1),2),O=b[0],g=b[1],h=j.setMetaData({props:m,state:{visible:O}}),S=h.ptm,w=h.cx,x=h.isUnstyled;r.useHandleStyle(j.css.styles,x,{name:"overlaypanel"});var E=y.useRef(""),k=y.useRef(null),D=y.useRef(null),C=y.useRef(!1),A=y.useRef(null),H=y.useRef(null),N=P(a.useOverlayListener({target:D,overlay:k,listener:function(e,n){if(n.valid)switch(n.type){case"outside":m.dismissable&&!C.current&&B();break;case"resize":case"scroll":case"orientationchange":V()}C.current=!1},when:O}),2),R=N[0],T=N[1],_=O&&m.closeOnEscape,L=a.useDisplayOrder("overlay-panel",_);a.useGlobalOnEscapeKey({callback:function(){B()},when:_&&L,priority:[a.ESC_KEY_HANDLING_PRIORITIES.OVERLAY_PANEL,L]});var M=function(e){return k&&k.current&&!(k.current.isSameNode(e)||k.current.contains(e))},U=function(e,n){return null!=D.current&&D.current!==(n||e.currentTarget||e.target)},z=function(){C.current=!0},Y=function(e,n){O?(B(),U(e,n)&&(D.current=n||e.currentTarget||e.target,setTimeout((function(){Z(e,D.current)}),200))):Z(e,n)},Z=function(e,n){D.current=n||e.currentTarget||e.target,O?V():(g(!0),H.current=function(e){!M(e.target)&&(C.current=!0)},i.OverlayService.on("overlay-click",H.current))},B=function(){g(!1),i.OverlayService.off("overlay-click",H.current),H.current=null},G=function(){k.current.setAttribute(E.current,""),p.ZIndexUtils.set("overlay",k.current,f&&f.autoZIndex||v.default.autoZIndex,f&&f.zIndex.overlay||v.default.zIndex.overlay),p.DomHandler.addStyles(k.current,{position:"absolute",top:"0",left:"0"}),V()},K=function(){R(),m.onShow&&m.onShow()},q=function(){T()},J=function(){p.ZIndexUtils.clear(k.current),m.onHide&&m.onHide()},V=function(){if(D.current&&k.current){p.DomHandler.absolutePosition(k.current,D.current);var e=p.DomHandler.getOffset(k.current),n=p.DomHandler.getOffset(D.current),t=0;e.left<n.left&&(t=n.left-e.left),k.current.style.setProperty("--overlayArrowLeft","".concat(t,"px")),e.top<n.top?(k.current.setAttribute("data-p-overlaypanel-flipped","true"),x&&p.DomHandler.addClass(k.current,"p-overlaypanel-flipped")):(k.current.setAttribute("data-p-overlaypanel-flipped","false"),x&&p.DomHandler.removeClass(k.current,"p-overlaypanel-flipped"))}},X=function(){if(!A.current){A.current=p.DomHandler.createInlineStyle(f&&f.nonce||v.default.nonce,f&&f.styleContainer);var e="";for(var n in m.breakpoints)e+="\n                    @media screen and (max-width: ".concat(n,") {\n                        .p-overlaypanel[").concat(E.current,"] {\n                            width: ").concat(m.breakpoints[n],";\n                        }\n                    }\n                ");A.current.innerHTML=e}};a.useMountEffect((function(){E.current=p.UniqueComponentId(),m.breakpoints&&X()})),a.useUnmountEffect((function(){A.current=p.DomHandler.removeInlineStyle(A.current),H.current&&(i.OverlayService.off("overlay-click",H.current),H.current=null),p.ZIndexUtils.clear(k.current)})),y.useImperativeHandle(n,(function(){return{props:m,toggle:Y,show:Z,hide:B,align:V,getElement:function(){return k.current}}}));var $,F,Q,W,ee=function(){var e=s({className:w("closeIcon"),"aria-hidden":!0},S("closeIcon")),n=p.IconUtils.getJSXIcon(m.closeIcon||y.createElement(l.TimesIcon,e),I({},e),{props:m}),r=m.ariaCloseLabel||t.localeOption("close"),o=s({type:"button",className:w("closeButton"),onClick:function(e){return n=e,B(),void n.preventDefault();var n},"aria-label":r},S("closeButton"));return m.showCloseIcon?y.createElement("button",o,n,y.createElement(u.Ripple,null)):null},ne=($=ee(),F=s({id:m.id,className:w("root",{context:f}),style:m.style,onClick:function(e){return n=e,C.current=!0,void i.OverlayService.emit("overlay-click",{originalEvent:n,target:D.current});var n}},j.getOtherProps(m),S("root")),Q=s({className:w("content"),onClick:function(e){return z()},onMouseDown:z},j.getOtherProps(m),S("content")),W=s({classNames:w("transition"),in:O,timeout:{enter:120,exit:100},options:m.transitionOptions,unmountOnExit:!0,onEnter:G,onEntered:K,onExit:q,onExited:J},S("transition")),y.createElement(o.CSSTransition,d({nodeRef:k},W),y.createElement("div",d({ref:k},F),y.createElement("div",Q,m.children),$)));return y.createElement(c.Portal,{element:ne,appendTo:m.appendTo})}));return k.displayName="OverlayPanel",e.OverlayPanel=k,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.icons.times,primereact.overlayservice,primereact.portal,primereact.ripple,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.overlaypanel=function(e,n,t,r,o,a,l,i,c,u,s){"use strict";function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var y=f(n),v=p(t);function d(){return d=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},d.apply(this,arguments)}function m(e){return m="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},m(e)}function b(e,n){if("object"!==m(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==m(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function O(e){var n=b(e,"string");return"symbol"===m(n)?n:String(n)}function g(e){if(Array.isArray(e))return e}function h(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,a,l,i=[],c=!0,u=!1;try{if(a=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=a.call(t)).done)&&(i.push(r.value),i.length!==n);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(u)throw o}}return i}}function S(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function w(e,n){if(e){if("string"==typeof e)return S(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?S(e,n):void 0}}function x(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function P(e,n){return g(e)||h(e,n)||w(e,n)||x()}var j=r.ComponentBase.extend({defaultProps:{__TYPE:"OverlayPanel",id:null,dismissable:!0,showCloseIcon:!1,closeIcon:null,style:null,className:null,appendTo:null,breakpoints:null,ariaCloseLabel:null,transitionOptions:null,onShow:null,onHide:null,children:void 0,closeOnEscape:!0},css:{classes:{root:function(e){var n=e.context;return s.classNames("p-overlaypanel p-component",{"p-input-filled":n&&"filled"===n.inputStyle||"filled"===v.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===v.default.ripple})},closeIcon:"p-overlaypanel-close-icon",closeButton:"p-overlaypanel-close p-link",content:"p-overlaypanel-content",transition:"p-overlaypanel"},styles:'\n@layer primereact {\n    .p-overlaypanel {\n        position: absolute;\n        margin-top: 10px;\n        /* Github #3122: Prevent animation flickering  */\n        top: -9999px;\n        left: -9999px;\n    }\n    \n    .p-overlaypanel-flipped {\n        margin-top: 0;\n        margin-bottom: 10px;\n    }\n    \n    .p-overlaypanel-close {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    /* Animation */\n    .p-overlaypanel-enter {\n        opacity: 0;\n        transform: scaleY(0.8);\n    }\n    \n    .p-overlaypanel-enter-active {\n        opacity: 1;\n        transform: scaleY(1);\n        transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-overlaypanel-enter-done {\n        transform: none;\n    }\n    \n    .p-overlaypanel-exit {\n        opacity: 1;\n    }\n    \n    .p-overlaypanel-exit-active {\n        opacity: 0;\n        transition: opacity .1s linear;\n    }\n    \n    .p-overlaypanel:after, .p-overlaypanel:before {\n        bottom: 100%;\n        left: calc(var(--overlayArrowLeft, 0) + 1.25rem);\n        content: " ";\n        height: 0;\n        width: 0;\n        position: absolute;\n        pointer-events: none;\n    }\n    \n    .p-overlaypanel:after {\n        border-width: 8px;\n        margin-left: -8px;\n    }\n    \n    .p-overlaypanel:before {\n        border-width: 10px;\n        margin-left: -10px;\n    }\n    \n    .p-overlaypanel-flipped:after, .p-overlaypanel-flipped:before {\n        bottom: auto;\n        top: 100%;\n    }\n    \n    .p-overlaypanel.p-overlaypanel-flipped:after {\n        border-bottom-color: transparent;\n    }\n    \n    .p-overlaypanel.p-overlaypanel-flipped:before {\n        border-bottom-color: transparent\n    }\n}\n'}});function E(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function I(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?E(Object(t),!0).forEach((function(n){var r,o,a;r=e,a=t[n],(o=O(o=n))in r?Object.defineProperty(r,o,{value:a,enumerable:!0,configurable:!0,writable:!0}):r[o]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):E(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var k=y.forwardRef((function(e,n){var p=a.useMergeProps(),f=y.useContext(t.PrimeReactContext),m=j.getProps(e,f),b=P(y.useState(!1),2),O=b[0],g=b[1],h=j.setMetaData({props:m,state:{visible:O}}),S=h.ptm,w=h.cx,x=h.isUnstyled;r.useHandleStyle(j.css.styles,x,{name:"overlaypanel"});var E=y.useRef(""),k=y.useRef(null),D=y.useRef(null),C=y.useRef(!1),A=y.useRef(null),H=y.useRef(null),N=P(a.useOverlayListener({target:D,overlay:k,listener:function(e,n){if(n.valid)switch(n.type){case"outside":m.dismissable&&!C.current&&B();break;case"resize":case"scroll":case"orientationchange":V()}C.current=!1},when:O}),2),R=N[0],T=N[1],_=O&&m.closeOnEscape,L=a.useDisplayOrder("overlay-panel",_);a.useGlobalOnEscapeKey({callback:function(){B()},when:_&&L,priority:[a.ESC_KEY_HANDLING_PRIORITIES.OVERLAY_PANEL,L]});var M=function(e){return k&&k.current&&!(k.current.isSameNode(e)||k.current.contains(e))},U=function(e,n){return null!=D.current&&D.current!==(n||e.currentTarget||e.target)},z=function(){C.current=!0},Y=function(e,n){O?(B(),U(e,n)&&(D.current=n||e.currentTarget||e.target,setTimeout((function(){Z(e,D.current)}),200))):Z(e,n)},Z=function(e,n){D.current=n||e.currentTarget||e.target,O?V():(g(!0),H.current=function(e){!M(e.target)&&(C.current=!0)},i.OverlayService.on("overlay-click",H.current))},B=function(){g(!1),i.OverlayService.off("overlay-click",H.current),H.current=null},G=function(){k.current.setAttribute(E.current,""),s.ZIndexUtils.set("overlay",k.current,f&&f.autoZIndex||v.default.autoZIndex,f&&f.zIndex.overlay||v.default.zIndex.overlay),s.DomHandler.addStyles(k.current,{position:"absolute",top:"0",left:"0"}),V()},K=function(){R(),m.onShow&&m.onShow()},q=function(){T()},J=function(){s.ZIndexUtils.clear(k.current),m.onHide&&m.onHide()},V=function(){if(D.current&&k.current){s.DomHandler.absolutePosition(k.current,D.current);var e=s.DomHandler.getOffset(k.current),n=s.DomHandler.getOffset(D.current),t=0;e.left<n.left&&(t=n.left-e.left),k.current.style.setProperty("--overlayArrowLeft","".concat(t,"px")),e.top<n.top?(k.current.setAttribute("data-p-overlaypanel-flipped","true"),x&&s.DomHandler.addClass(k.current,"p-overlaypanel-flipped")):(k.current.setAttribute("data-p-overlaypanel-flipped","false"),x&&s.DomHandler.removeClass(k.current,"p-overlaypanel-flipped"))}},X=function(){if(!A.current){A.current=s.DomHandler.createInlineStyle(f&&f.nonce||v.default.nonce,f&&f.styleContainer);var e="";for(var n in m.breakpoints)e+="\n                    @media screen and (max-width: ".concat(n,") {\n                        .p-overlaypanel[").concat(E.current,"] {\n                            width: ").concat(m.breakpoints[n],";\n                        }\n                    }\n                ");A.current.innerHTML=e}};a.useMountEffect((function(){E.current=s.UniqueComponentId(),m.breakpoints&&X()})),a.useUnmountEffect((function(){A.current=s.DomHandler.removeInlineStyle(A.current),H.current&&(i.OverlayService.off("overlay-click",H.current),H.current=null),s.ZIndexUtils.clear(k.current)})),y.useImperativeHandle(n,(function(){return{props:m,toggle:Y,show:Z,hide:B,align:V,getElement:function(){return k.current}}}));var $,F,Q,W,ee=function(){var e=p({className:w("closeIcon"),"aria-hidden":!0},S("closeIcon")),n=s.IconUtils.getJSXIcon(m.closeIcon||y.createElement(l.TimesIcon,e),I({},e),{props:m}),r=m.ariaCloseLabel||t.localeOption("close"),o=p({type:"button",className:w("closeButton"),onClick:function(e){return n=e,B(),void n.preventDefault();var n},"aria-label":r},S("closeButton"));return m.showCloseIcon?y.createElement("button",o,n,y.createElement(u.Ripple,null)):null},ne=($=ee(),F=p({id:m.id,className:s.classNames(m.className,w("root",{context:f})),style:m.style,onClick:function(e){return n=e,C.current=!0,void i.OverlayService.emit("overlay-click",{originalEvent:n,target:D.current});var n}},j.getOtherProps(m),S("root")),Q=p({className:w("content"),onClick:function(e){return z()},onMouseDown:z},j.getOtherProps(m),S("content")),W=p({classNames:w("transition"),in:O,timeout:{enter:120,exit:100},options:m.transitionOptions,unmountOnExit:!0,onEnter:G,onEntered:K,onExit:q,onExited:J},S("transition")),y.createElement(o.CSSTransition,d({nodeRef:k},W),y.createElement("div",d({ref:k},F),y.createElement("div",Q,m.children),$)));return y.createElement(c.Portal,{element:ne,appendTo:m.appendTo})}));return k.displayName="OverlayPanel",e.OverlayPanel=k,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.icons.times,primereact.overlayservice,primereact.portal,primereact.ripple,primereact.utils);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "primereact",
-    "version": "10.6.1",
+    "version": "10.6.3",
     "private": false,
     "author": "PrimeTek Informatics",
     "description": "PrimeReact is an open source UI library for React featuring a rich set of 90+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBlock, which has 370+ ready to use UI blocks to build spectacular applications in no time.",

package/panelmenu/panelmenu.cjs.js

@@ -166,34 +166,31 @@ var classes = {
   },
   headerContent: 'p-panelmenu-header-content',
   menuContent: 'p-panelmenu-content',
-  root: function root(_ref4) {
-    var props = _ref4.props;
-    return utils.classNames('p-panelmenu p-component', props.className);
-  },
+  root: 'p-panelmenu p-component',
   separator: 'p-menuitem-separator',
-  toggleableContent: function toggleableContent(_ref5) {
-    var active = _ref5.active;
+  toggleableContent: function toggleableContent(_ref4) {
+    var active = _ref4.active;
     return utils.classNames('p-toggleable-content', {
       'p-toggleable-content-collapsed': !active
     });
   },
-  icon: function icon(_ref6) {
-    var item = _ref6.item;
+  icon: function icon(_ref5) {
+    var item = _ref5.item;
     return utils.classNames('p-menuitem-icon', item.icon);
   },
   label: 'p-menuitem-text',
   submenuicon: 'p-submenu-icon',
   content: 'p-menuitem-content',
-  action: function action(_ref7) {
-    var item = _ref7.item;
+  action: function action(_ref6) {
+    var item = _ref6.item;
     return utils.classNames('p-menuitem-link', {
       'p-disabled': item.disabled
     });
   },
-  menuitem: function menuitem(_ref8) {
-    var item = _ref8.item,
-      focused = _ref8.focused,
-      disabled = _ref8.disabled;
+  menuitem: function menuitem(_ref7) {
+    var item = _ref7.item,
+      focused = _ref7.focused,
+      disabled = _ref7.disabled;
     return utils.classNames('p-menuitem', item.className, {
       'p-focus': focused,
       'p-disabled': disabled
@@ -1269,7 +1266,7 @@ var PanelMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
   var panels = createPanels();
   var rootProps = mergeProps({
     ref: elementRef,
-    className: cx('root'),
+    className: utils.classNames(props.className, cx('root')),
     id: props.id,
     style: props.style
   }, PanelMenuBase.getOtherProps(props), ptm('root'));