primereact 8.2.0 → 8.5.0

package/skeleton/skeleton.d.ts

@@ -4,16 +4,16 @@ type SkeletonShapeType = 'rectangle' | 'circle';
 
 type SkeletonAnimationType = 'wave' | 'none';
 
-export interface SkeletonProps {
+export interface SkeletonProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
     shape?: SkeletonShapeType;
     size?: string;
     width?: string;
     height?: string;
     borderRadius?: string;
     animation?: SkeletonAnimationType;
-    style?: object;
-    className?: string;
     children?: React.ReactNode;
 }
 
-export declare class Skeleton extends React.Component<SkeletonProps, any> { }
+export declare class Skeleton extends React.Component<SkeletonProps, any> {
+    public getElement(): HTMLDivElement;
+}

package/skeleton/skeleton.esm.js

@@ -20,6 +20,7 @@ function _extends() {
 }
 
 var Skeleton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var elementRef = React.useRef(null);
   var otherProps = ObjectUtils.findDiffKeys(props, Skeleton.defaultProps);
   var style = props.size ? {
     width: props.size,
@@ -34,7 +35,16 @@ var Skeleton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     'p-skeleton-circle': props.shape === 'circle',
     'p-skeleton-none': props.animation === 'none'
   }, props.className);
+  React.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
   return /*#__PURE__*/React.createElement("div", _extends({
+    ref: elementRef,
     style: style,
     className: className
   }, otherProps));

package/skeleton/skeleton.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{ObjectUtils as r,classNames as t}from"primereact/utils";function a(){return a=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},a.apply(this,arguments)}var i=e.memo(e.forwardRef((function(n,o){var s=r.findDiffKeys(n,i.defaultProps),l=n.size?{width:n.size,height:n.size,borderRadius:n.borderRadius}:{width:n.width,height:n.height,borderRadius:n.borderRadius},d=t("p-skeleton p-component",{"p-skeleton-circle":"circle"===n.shape,"p-skeleton-none":"none"===n.animation},n.className);return e.createElement("div",a({style:l,className:d},s))})));i.displayName="Skeleton",i.defaultProps={__TYPE:"Skeleton",shape:"rectangle",size:null,width:"100%",height:"1rem",borderRadius:null,animation:"wave",style:null,className:null};export{i as Skeleton};
+import*as e from"react";import{ObjectUtils as r,classNames as t}from"primereact/utils";function n(){return n=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},n.apply(this,arguments)}var i=e.memo(e.forwardRef((function(a,o){var s=e.useRef(null),l=r.findDiffKeys(a,i.defaultProps),u=a.size?{width:a.size,height:a.size,borderRadius:a.borderRadius}:{width:a.width,height:a.height,borderRadius:a.borderRadius},p=t("p-skeleton p-component",{"p-skeleton-circle":"circle"===a.shape,"p-skeleton-none":"none"===a.animation},a.className);return e.useImperativeHandle(o,(function(){return{props:a,getElement:function(){return s.current}}})),e.createElement("div",n({ref:s,style:u,className:p},l))})));i.displayName="Skeleton",i.defaultProps={__TYPE:"Skeleton",shape:"rectangle",size:null,width:"100%",height:"1rem",borderRadius:null,animation:"wave",style:null,className:null};export{i as Skeleton};

package/skeleton/skeleton.js

@@ -41,6 +41,7 @@ this.primereact.skeleton = (function (exports, React, utils) {
   }
 
   var Skeleton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+    var elementRef = React__namespace.useRef(null);
     var otherProps = utils.ObjectUtils.findDiffKeys(props, Skeleton.defaultProps);
     var style = props.size ? {
       width: props.size,
@@ -55,7 +56,16 @@ this.primereact.skeleton = (function (exports, React, utils) {
       'p-skeleton-circle': props.shape === 'circle',
       'p-skeleton-none': props.animation === 'none'
     }, props.className);
+    React__namespace.useImperativeHandle(ref, function () {
+      return {
+        props: props,
+        getElement: function getElement() {
+          return elementRef.current;
+        }
+      };
+    });
     return /*#__PURE__*/React__namespace.createElement("div", _extends({
+      ref: elementRef,
       style: style,
       className: className
     }, otherProps));

package/skeleton/skeleton.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.skeleton=function(e,t,r){"use strict";function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var i=n(t);function a(){return a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},a.apply(this,arguments)}var s=i.memo(i.forwardRef((function(e,t){var n=r.ObjectUtils.findDiffKeys(e,s.defaultProps),l=e.size?{width:e.size,height:e.size,borderRadius:e.borderRadius}:{width:e.width,height:e.height,borderRadius:e.borderRadius},o=r.classNames("p-skeleton p-component",{"p-skeleton-circle":"circle"===e.shape,"p-skeleton-none":"none"===e.animation},e.className);return i.createElement("div",a({style:l,className:o},n))})));return s.displayName="Skeleton",s.defaultProps={__TYPE:"Skeleton",shape:"rectangle",size:null,width:"100%",height:"1rem",borderRadius:null,animation:"wave",style:null,className:null},e.Skeleton=s,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.skeleton=function(e,t,r){"use strict";function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var i=n(t);function a(){return a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},a.apply(this,arguments)}var s=i.memo(i.forwardRef((function(e,t){var n=i.useRef(null),l=r.ObjectUtils.findDiffKeys(e,s.defaultProps),o=e.size?{width:e.size,height:e.size,borderRadius:e.borderRadius}:{width:e.width,height:e.height,borderRadius:e.borderRadius},u=r.classNames("p-skeleton p-component",{"p-skeleton-circle":"circle"===e.shape,"p-skeleton-none":"none"===e.animation},e.className);return i.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return n.current}}})),i.createElement("div",a({ref:n,style:o,className:u},l))})));return s.displayName="Skeleton",s.defaultProps={__TYPE:"Skeleton",shape:"rectangle",size:null,width:"100%",height:"1rem",borderRadius:null,animation:"wave",style:null,className:null},e.Skeleton=s,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);

package/slidemenu/slidemenu.cjs.js

@@ -197,6 +197,10 @@ var SlideMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
   };
 
   var createMenuitem = function createMenuitem(item, index) {
+    if (item.visible === false) {
+      return null;
+    }
+
     var key = createKey(item, index);
     var active = activeItemState === item;
     var className = utils.classNames('p-menuitem', {
@@ -377,9 +381,13 @@ var SlideMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
   });
   React__namespace.useImperativeHandle(ref, function () {
     return {
+      props: props,
       toggle: toggle,
       show: show,
-      hide: hide
+      hide: hide,
+      getElement: function getElement() {
+        return menuRef.current;
+      }
     };
   });
 

package/slidemenu/slidemenu.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/csstransition"),r=require("primereact/hooks"),a=require("primereact/overlayservice"),i=require("primereact/portal"),o=require("primereact/utils");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var c=u(e),s=l(t);function m(){return m=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},m.apply(this,arguments)}function p(e){if(Array.isArray(e))return e}function f(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i=[],o=!0,l=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);o=!0);}catch(e){l=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(l)throw a}}return i}}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function b(e,t){if(e){if("string"==typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?d(e,t):void 0}}function v(){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 y(e,t){return p(e)||f(e,t)||b(e,t)||v()}function h(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function g(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function O(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?g(Object(n),!0).forEach((function(t){h(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):g(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var w=c.memo((function(e){var t=y(c.useState(null),2),n=t[0],r=t[1],a=y(c.useState({}),2),i=a[0],l=a[1],u=function(t,n,a){if(n.disabled)t.preventDefault();else if(n.url||t.preventDefault(),n.command&&n.command({originalEvent:t,item:n}),n.items){var o=p(n,a);l(O(O({},i),{},h({},o,!0))),r(n),e.onForward()}},s=function(e){return c.createElement("li",{key:"separator_"+e,className:"p-menu-separator"})},m=function(t,r){var a=i[p(t,r)];return t.items&&a?c.createElement(w,{menuProps:e.menuProps,model:t.items,index:e.index+1,menuWidth:e.menuWidth,effectDuration:e.effectDuration,onForward:e.onForward,parentActive:t===n}):null},p=function(e,t){return e.label+"_"+t},f=function(t,r){var a=p(t,r),i=n===t,l=o.classNames("p-menuitem",{"p-menuitem-active":i,"p-disabled":t.disabled},t.className),s=o.classNames("p-menuitem-icon",t.icon),f="p-submenu-icon pi pi-fw pi-angle-right",d=o.IconUtils.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:e.menuProps}),b=t.label&&c.createElement("span",{className:"p-menuitem-text"},t.label),v=t.items&&c.createElement("span",{className:f}),y=m(t,r),h=c.createElement("a",{href:t.url||"#",className:"p-menuitem-link",target:t.target,onClick:function(e){return u(e,t,r)},"aria-disabled":t.disabled},d,b,v);t.template&&(h=o.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return u(e,t,r)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:s,submenuIconClassName:f,element:h,props:e,active:i}));return c.createElement("li",{key:a,id:t.id,className:l,style:t.style},h,y)},d=function(e,t){return e.separator?s(t):f(e,t)},b={width:e.menuWidth+"px",left:e.root?-1*e.level*e.menuWidth+"px":e.menuWidth+"px",transitionProperty:e.root?"left":"none",transitionDuration:e.effectDuration+"ms",transitionTimingFunction:e.easing},v=o.classNames({"p-slidemenu-rootlist":e.root,"p-submenu-list":!e.root,"p-active-submenu":e.parentActive}),g=e.model?e.model.map(d):null;return c.createElement("ul",{className:v,style:b},g)}));w.displayName="SlideMenuSub";var E=c.memo(c.forwardRef((function(e,t){var l=y(c.useState(0),2),u=l[0],p=l[1],f=y(c.useState(!1),2),d=f[0],b=f[1],v=c.useRef(null),h=c.useRef(null),g=c.useRef(null),O=c.useRef(null),N=y(r.useOverlayListener({target:h,overlay:v,listener:function(e,t){t.valid&&A(e)},when:d}),2),j=N[0],x=N[1],S=function(t){e.popup&&a.OverlayService.emit("overlay-click",{originalEvent:t,target:h.current})},P=function(){p((function(e){return e+1}))},k=function(){p((function(e){return e-1}))},D=function(t){e.popup&&(d?A(t):I(t))},I=function(t){h.current=t.currentTarget,b(!0),e.onShow&&e.onShow(t)},A=function(t){h.current=t.currentTarget,b(!1),e.onHide&&e.onHide(t)},C=function(){e.autoZIndex&&o.ZIndexUtils.set("menu",v.current,s.default.autoZIndex,e.baseZIndex||s.default.zIndex.menu),o.DomHandler.absolutePosition(v.current,h.current)},T=function(){j()},U=function(){h.current=null,x()},W=function(){o.ZIndexUtils.clear(v.current),p(0)};r.useUpdateEffect((function(){p(0)}),[e.model]),r.useUnmountEffect((function(){o.ZIndexUtils.clear(v.current)})),c.useImperativeHandle(t,(function(){return{toggle:D,show:I,hide:A}}));var Z=function(){var t=o.classNames("p-slidemenu-backward",{"p-hidden":0===u});return c.createElement("div",{ref:g,className:t,onClick:k},c.createElement("span",{className:"p-slidemenu-backward-icon pi pi-fw pi-chevron-left"}),c.createElement("span",null,e.backLabel))},_=function(){var t=o.ObjectUtils.findDiffKeys(e,E.defaultProps),r=o.classNames("p-slidemenu p-component",{"p-slidemenu-overlay":e.popup},e.className),a={height:e.viewportHeight+"px"},i=Z();return c.createElement(n.CSSTransition,{nodeRef:v,classNames:"p-connected-overlay",in:!e.popup||d,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:C,onEntered:T,onExit:U,onExited:W},c.createElement("div",m({ref:v,id:e.id,className:r,style:e.style},t,{onClick:S}),c.createElement("div",{className:"p-slidemenu-wrapper",style:a},c.createElement("div",{className:"p-slidemenu-content",ref:O},c.createElement(w,{menuProps:e,model:e.model,root:!0,index:0,menuWidth:e.menuWidth,effectDuration:e.effectDuration,level:u,parentActive:0===u,onForward:P})),i)))}();return e.popup?c.createElement(i.Portal,{element:_,appendTo:e.appendTo}):_})));E.displayName="SlideMenu",E.defaultProps={__TYPE:"SlideMenu",id:null,model:null,popup:!1,style:null,className:null,easing:"ease-out",effectDuration:250,backLabel:"Back",menuWidth:190,viewportHeight:175,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null},exports.SlideMenu=E;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/csstransition"),r=require("primereact/hooks"),i=require("primereact/overlayservice"),a=require("primereact/portal"),o=require("primereact/utils");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var c=u(e),s=l(t);function m(){return m=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},m.apply(this,arguments)}function p(e){if(Array.isArray(e))return e}function f(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,a=[],o=!0,l=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);o=!0);}catch(e){l=!0,i=e}finally{try{o||null==n.return||n.return()}finally{if(l)throw i}}return a}}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function b(e,t){if(e){if("string"==typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?d(e,t):void 0}}function v(){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 y(e,t){return p(e)||f(e,t)||b(e,t)||v()}function h(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function g(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function O(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?g(Object(n),!0).forEach((function(t){h(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):g(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var E=c.memo((function(e){var t=y(c.useState(null),2),n=t[0],r=t[1],i=y(c.useState({}),2),a=i[0],l=i[1],u=function(t,n,i){if(n.disabled)t.preventDefault();else if(n.url||t.preventDefault(),n.command&&n.command({originalEvent:t,item:n}),n.items){var o=p(n,i);l(O(O({},a),{},h({},o,!0))),r(n),e.onForward()}},s=function(e){return c.createElement("li",{key:"separator_"+e,className:"p-menu-separator"})},m=function(t,r){var i=a[p(t,r)];return t.items&&i?c.createElement(E,{menuProps:e.menuProps,model:t.items,index:e.index+1,menuWidth:e.menuWidth,effectDuration:e.effectDuration,onForward:e.onForward,parentActive:t===n}):null},p=function(e,t){return e.label+"_"+t},f=function(t,r){if(!1===t.visible)return null;var i=p(t,r),a=n===t,l=o.classNames("p-menuitem",{"p-menuitem-active":a,"p-disabled":t.disabled},t.className),s=o.classNames("p-menuitem-icon",t.icon),f="p-submenu-icon pi pi-fw pi-angle-right",d=o.IconUtils.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:e.menuProps}),b=t.label&&c.createElement("span",{className:"p-menuitem-text"},t.label),v=t.items&&c.createElement("span",{className:f}),y=m(t,r),h=c.createElement("a",{href:t.url||"#",className:"p-menuitem-link",target:t.target,onClick:function(e){return u(e,t,r)},"aria-disabled":t.disabled},d,b,v);t.template&&(h=o.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return u(e,t,r)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:s,submenuIconClassName:f,element:h,props:e,active:a}));return c.createElement("li",{key:i,id:t.id,className:l,style:t.style},h,y)},d=function(e,t){return e.separator?s(t):f(e,t)},b={width:e.menuWidth+"px",left:e.root?-1*e.level*e.menuWidth+"px":e.menuWidth+"px",transitionProperty:e.root?"left":"none",transitionDuration:e.effectDuration+"ms",transitionTimingFunction:e.easing},v=o.classNames({"p-slidemenu-rootlist":e.root,"p-submenu-list":!e.root,"p-active-submenu":e.parentActive}),g=e.model?e.model.map(d):null;return c.createElement("ul",{className:v,style:b},g)}));E.displayName="SlideMenuSub";var w=c.memo(c.forwardRef((function(e,t){var l=y(c.useState(0),2),u=l[0],p=l[1],f=y(c.useState(!1),2),d=f[0],b=f[1],v=c.useRef(null),h=c.useRef(null),g=c.useRef(null),O=c.useRef(null),N=y(r.useOverlayListener({target:h,overlay:v,listener:function(e,t){t.valid&&A(e)},when:d}),2),j=N[0],x=N[1],S=function(t){e.popup&&i.OverlayService.emit("overlay-click",{originalEvent:t,target:h.current})},P=function(){p((function(e){return e+1}))},k=function(){p((function(e){return e-1}))},D=function(t){e.popup&&(d?A(t):I(t))},I=function(t){h.current=t.currentTarget,b(!0),e.onShow&&e.onShow(t)},A=function(t){h.current=t.currentTarget,b(!1),e.onHide&&e.onHide(t)},C=function(){e.autoZIndex&&o.ZIndexUtils.set("menu",v.current,s.default.autoZIndex,e.baseZIndex||s.default.zIndex.menu),o.DomHandler.absolutePosition(v.current,h.current)},T=function(){j()},U=function(){h.current=null,x()},W=function(){o.ZIndexUtils.clear(v.current),p(0)};r.useUpdateEffect((function(){p(0)}),[e.model]),r.useUnmountEffect((function(){o.ZIndexUtils.clear(v.current)})),c.useImperativeHandle(t,(function(){return{props:e,toggle:D,show:I,hide:A,getElement:function(){return v.current}}}));var Z=function(){var t=o.classNames("p-slidemenu-backward",{"p-hidden":0===u});return c.createElement("div",{ref:g,className:t,onClick:k},c.createElement("span",{className:"p-slidemenu-backward-icon pi pi-fw pi-chevron-left"}),c.createElement("span",null,e.backLabel))},_=function(){var t=o.ObjectUtils.findDiffKeys(e,w.defaultProps),r=o.classNames("p-slidemenu p-component",{"p-slidemenu-overlay":e.popup},e.className),i={height:e.viewportHeight+"px"},a=Z();return c.createElement(n.CSSTransition,{nodeRef:v,classNames:"p-connected-overlay",in:!e.popup||d,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:C,onEntered:T,onExit:U,onExited:W},c.createElement("div",m({ref:v,id:e.id,className:r,style:e.style},t,{onClick:S}),c.createElement("div",{className:"p-slidemenu-wrapper",style:i},c.createElement("div",{className:"p-slidemenu-content",ref:O},c.createElement(E,{menuProps:e,model:e.model,root:!0,index:0,menuWidth:e.menuWidth,effectDuration:e.effectDuration,level:u,parentActive:0===u,onForward:P})),a)))}();return e.popup?c.createElement(a.Portal,{element:_,appendTo:e.appendTo}):_})));w.displayName="SlideMenu",w.defaultProps={__TYPE:"SlideMenu",id:null,model:null,popup:!1,style:null,className:null,easing:"ease-out",effectDuration:250,backLabel:"Back",menuWidth:190,viewportHeight:175,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null},exports.SlideMenu=w;

package/slidemenu/slidemenu.d.ts

@@ -4,12 +4,9 @@ import { CSSTransitionProps } from '../csstransition';
 
 type SlideMenuAppendToType = 'self' | HTMLElement | undefined | null;
 
-export interface SlideMenuProps {
-    id?: string;
+export interface SlideMenuProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
     model?: MenuItem[];
     popup?: boolean;
-    style?: object;
-    className?: string;
     easing?: string;
     effectDuration?: number;
     backLabel?: string;
@@ -28,4 +25,5 @@ export declare class SlideMenu extends React.Component<SlideMenuProps, any> {
     public show(event: React.SyntheticEvent): void;
     public hide(event: React.SyntheticEvent): void;
     public toggle(event: React.SyntheticEvent): void;
+    public getElement(): HTMLDivElement;
 }

package/slidemenu/slidemenu.esm.js

@@ -170,6 +170,10 @@ var SlideMenuSub = /*#__PURE__*/React.memo(function (props) {
   };
 
   var createMenuitem = function createMenuitem(item, index) {
+    if (item.visible === false) {
+      return null;
+    }
+
     var key = createKey(item, index);
     var active = activeItemState === item;
     var className = classNames('p-menuitem', {
@@ -350,9 +354,13 @@ var SlideMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   });
   React.useImperativeHandle(ref, function () {
     return {
+      props: props,
       toggle: toggle,
       show: show,
-      hide: hide
+      hide: hide,
+      getElement: function getElement() {
+        return menuRef.current;
+      }
     };
   });
 

package/slidemenu/slidemenu.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import t from"primereact/api";import{CSSTransition as n}from"primereact/csstransition";import{useOverlayListener as r,useUpdateEffect as o,useUnmountEffect as i}from"primereact/hooks";import{OverlayService as a}from"primereact/overlayservice";import{Portal as l}from"primereact/portal";import{classNames as u,IconUtils as c,ObjectUtils as s,ZIndexUtils as m,DomHandler as p}from"primereact/utils";function f(){return f=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},f.apply(this,arguments)}function d(e){if(Array.isArray(e))return e}function v(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i=[],a=!0,l=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);a=!0);}catch(e){l=!0,o=e}finally{try{a||null==n.return||n.return()}finally{if(l)throw o}}return i}}function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function y(e,t){if(e){if("string"==typeof e)return b(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?b(e,t):void 0}}function h(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function g(e,t){return d(e)||v(e,t)||y(e,t)||h()}function w(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function E(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function O(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){w(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 N=e.memo((function(t){var n=g(e.useState(null),2),r=n[0],o=n[1],i=g(e.useState({}),2),a=i[0],l=i[1],m=function(e,n,r){if(n.disabled)e.preventDefault();else if(n.url||e.preventDefault(),n.command&&n.command({originalEvent:e,item:n}),n.items){var i=d(n,r);l(O(O({},a),{},w({},i,!0))),o(n),t.onForward()}},p=function(t){return e.createElement("li",{key:"separator_"+t,className:"p-menu-separator"})},f=function(n,o){var i=a[d(n,o)];return n.items&&i?e.createElement(N,{menuProps:t.menuProps,model:n.items,index:t.index+1,menuWidth:t.menuWidth,effectDuration:t.effectDuration,onForward:t.onForward,parentActive:n===r}):null},d=function(e,t){return e.label+"_"+t},v=function(n,o){var i=d(n,o),a=r===n,l=u("p-menuitem",{"p-menuitem-active":a,"p-disabled":n.disabled},n.className),p=u("p-menuitem-icon",n.icon),v="p-submenu-icon pi pi-fw pi-angle-right",b=c.getJSXIcon(n.icon,{className:"p-menuitem-icon"},{props:t.menuProps}),y=n.label&&e.createElement("span",{className:"p-menuitem-text"},n.label),h=n.items&&e.createElement("span",{className:v}),g=f(n,o),w=e.createElement("a",{href:n.url||"#",className:"p-menuitem-link",target:n.target,onClick:function(e){return m(e,n,o)},"aria-disabled":n.disabled},b,y,h);n.template&&(w=s.getJSXElement(n.template,n,{onClick:function(e){return m(e,n,o)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:p,submenuIconClassName:v,element:w,props:t,active:a}));return e.createElement("li",{key:i,id:n.id,className:l,style:n.style},w,g)},b=function(e,t){return e.separator?p(t):v(e,t)},y={width:t.menuWidth+"px",left:t.root?-1*t.level*t.menuWidth+"px":t.menuWidth+"px",transitionProperty:t.root?"left":"none",transitionDuration:t.effectDuration+"ms",transitionTimingFunction:t.easing},h=u({"p-slidemenu-rootlist":t.root,"p-submenu-list":!t.root,"p-active-submenu":t.parentActive}),E=t.model?t.model.map(b):null;return e.createElement("ul",{className:h,style:y},E)}));N.displayName="SlideMenuSub";var x=e.memo(e.forwardRef((function(c,d){var v=g(e.useState(0),2),b=v[0],y=v[1],h=g(e.useState(!1),2),w=h[0],E=h[1],O=e.useRef(null),S=e.useRef(null),P=e.useRef(null),j=e.useRef(null),k=g(r({target:S,overlay:O,listener:function(e,t){t.valid&&R(e)},when:w}),2),D=k[0],I=k[1],A=function(e){c.popup&&a.emit("overlay-click",{originalEvent:e,target:S.current})},C=function(){y((function(e){return e+1}))},T=function(){y((function(e){return e-1}))},W=function(e){c.popup&&(w?R(e):H(e))},H=function(e){S.current=e.currentTarget,E(!0),c.onShow&&c.onShow(e)},R=function(e){S.current=e.currentTarget,E(!1),c.onHide&&c.onHide(e)},F=function(){c.autoZIndex&&m.set("menu",O.current,t.autoZIndex,c.baseZIndex||t.zIndex.menu),p.absolutePosition(O.current,S.current)},Z=function(){D()},M=function(){S.current=null,I()},_=function(){m.clear(O.current),y(0)};o((function(){y(0)}),[c.model]),i((function(){m.clear(O.current)})),e.useImperativeHandle(d,(function(){return{toggle:W,show:H,hide:R}}));var J=function(){var t=u("p-slidemenu-backward",{"p-hidden":0===b});return e.createElement("div",{ref:P,className:t,onClick:T},e.createElement("span",{className:"p-slidemenu-backward-icon pi pi-fw pi-chevron-left"}),e.createElement("span",null,c.backLabel))},L=function(){var t=s.findDiffKeys(c,x.defaultProps),r=u("p-slidemenu p-component",{"p-slidemenu-overlay":c.popup},c.className),o={height:c.viewportHeight+"px"},i=J();return e.createElement(n,{nodeRef:O,classNames:"p-connected-overlay",in:!c.popup||w,timeout:{enter:120,exit:100},options:c.transitionOptions,unmountOnExit:!0,onEnter:F,onEntered:Z,onExit:M,onExited:_},e.createElement("div",f({ref:O,id:c.id,className:r,style:c.style},t,{onClick:A}),e.createElement("div",{className:"p-slidemenu-wrapper",style:o},e.createElement("div",{className:"p-slidemenu-content",ref:j},e.createElement(N,{menuProps:c,model:c.model,root:!0,index:0,menuWidth:c.menuWidth,effectDuration:c.effectDuration,level:b,parentActive:0===b,onForward:C})),i)))}();return c.popup?e.createElement(l,{element:L,appendTo:c.appendTo}):L})));x.displayName="SlideMenu",x.defaultProps={__TYPE:"SlideMenu",id:null,model:null,popup:!1,style:null,className:null,easing:"ease-out",effectDuration:250,backLabel:"Back",menuWidth:190,viewportHeight:175,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null};export{x as SlideMenu};
+import*as e from"react";import t from"primereact/api";import{CSSTransition as n}from"primereact/csstransition";import{useOverlayListener as r,useUpdateEffect as o,useUnmountEffect as i}from"primereact/hooks";import{OverlayService as a}from"primereact/overlayservice";import{Portal as l}from"primereact/portal";import{classNames as u,IconUtils as c,ObjectUtils as s,ZIndexUtils as m,DomHandler as p}from"primereact/utils";function f(){return f=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},f.apply(this,arguments)}function d(e){if(Array.isArray(e))return e}function v(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i=[],a=!0,l=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);a=!0);}catch(e){l=!0,o=e}finally{try{a||null==n.return||n.return()}finally{if(l)throw o}}return i}}function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function y(e,t){if(e){if("string"==typeof e)return b(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?b(e,t):void 0}}function h(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function g(e,t){return d(e)||v(e,t)||y(e,t)||h()}function w(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function E(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function O(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){w(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 N=e.memo((function(t){var n=g(e.useState(null),2),r=n[0],o=n[1],i=g(e.useState({}),2),a=i[0],l=i[1],m=function(e,n,r){if(n.disabled)e.preventDefault();else if(n.url||e.preventDefault(),n.command&&n.command({originalEvent:e,item:n}),n.items){var i=d(n,r);l(O(O({},a),{},w({},i,!0))),o(n),t.onForward()}},p=function(t){return e.createElement("li",{key:"separator_"+t,className:"p-menu-separator"})},f=function(n,o){var i=a[d(n,o)];return n.items&&i?e.createElement(N,{menuProps:t.menuProps,model:n.items,index:t.index+1,menuWidth:t.menuWidth,effectDuration:t.effectDuration,onForward:t.onForward,parentActive:n===r}):null},d=function(e,t){return e.label+"_"+t},v=function(n,o){if(!1===n.visible)return null;var i=d(n,o),a=r===n,l=u("p-menuitem",{"p-menuitem-active":a,"p-disabled":n.disabled},n.className),p=u("p-menuitem-icon",n.icon),v="p-submenu-icon pi pi-fw pi-angle-right",b=c.getJSXIcon(n.icon,{className:"p-menuitem-icon"},{props:t.menuProps}),y=n.label&&e.createElement("span",{className:"p-menuitem-text"},n.label),h=n.items&&e.createElement("span",{className:v}),g=f(n,o),w=e.createElement("a",{href:n.url||"#",className:"p-menuitem-link",target:n.target,onClick:function(e){return m(e,n,o)},"aria-disabled":n.disabled},b,y,h);n.template&&(w=s.getJSXElement(n.template,n,{onClick:function(e){return m(e,n,o)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:p,submenuIconClassName:v,element:w,props:t,active:a}));return e.createElement("li",{key:i,id:n.id,className:l,style:n.style},w,g)},b=function(e,t){return e.separator?p(t):v(e,t)},y={width:t.menuWidth+"px",left:t.root?-1*t.level*t.menuWidth+"px":t.menuWidth+"px",transitionProperty:t.root?"left":"none",transitionDuration:t.effectDuration+"ms",transitionTimingFunction:t.easing},h=u({"p-slidemenu-rootlist":t.root,"p-submenu-list":!t.root,"p-active-submenu":t.parentActive}),E=t.model?t.model.map(b):null;return e.createElement("ul",{className:h,style:y},E)}));N.displayName="SlideMenuSub";var x=e.memo(e.forwardRef((function(c,d){var v=g(e.useState(0),2),b=v[0],y=v[1],h=g(e.useState(!1),2),w=h[0],E=h[1],O=e.useRef(null),S=e.useRef(null),P=e.useRef(null),j=e.useRef(null),k=g(r({target:S,overlay:O,listener:function(e,t){t.valid&&R(e)},when:w}),2),D=k[0],I=k[1],A=function(e){c.popup&&a.emit("overlay-click",{originalEvent:e,target:S.current})},C=function(){y((function(e){return e+1}))},T=function(){y((function(e){return e-1}))},W=function(e){c.popup&&(w?R(e):H(e))},H=function(e){S.current=e.currentTarget,E(!0),c.onShow&&c.onShow(e)},R=function(e){S.current=e.currentTarget,E(!1),c.onHide&&c.onHide(e)},F=function(){c.autoZIndex&&m.set("menu",O.current,t.autoZIndex,c.baseZIndex||t.zIndex.menu),p.absolutePosition(O.current,S.current)},Z=function(){D()},M=function(){S.current=null,I()},_=function(){m.clear(O.current),y(0)};o((function(){y(0)}),[c.model]),i((function(){m.clear(O.current)})),e.useImperativeHandle(d,(function(){return{props:c,toggle:W,show:H,hide:R,getElement:function(){return O.current}}}));var J=function(){var t=u("p-slidemenu-backward",{"p-hidden":0===b});return e.createElement("div",{ref:P,className:t,onClick:T},e.createElement("span",{className:"p-slidemenu-backward-icon pi pi-fw pi-chevron-left"}),e.createElement("span",null,c.backLabel))},L=function(){var t=s.findDiffKeys(c,x.defaultProps),r=u("p-slidemenu p-component",{"p-slidemenu-overlay":c.popup},c.className),o={height:c.viewportHeight+"px"},i=J();return e.createElement(n,{nodeRef:O,classNames:"p-connected-overlay",in:!c.popup||w,timeout:{enter:120,exit:100},options:c.transitionOptions,unmountOnExit:!0,onEnter:F,onEntered:Z,onExit:M,onExited:_},e.createElement("div",f({ref:O,id:c.id,className:r,style:c.style},t,{onClick:A}),e.createElement("div",{className:"p-slidemenu-wrapper",style:o},e.createElement("div",{className:"p-slidemenu-content",ref:j},e.createElement(N,{menuProps:c,model:c.model,root:!0,index:0,menuWidth:c.menuWidth,effectDuration:c.effectDuration,level:b,parentActive:0===b,onForward:C})),i)))}();return c.popup?e.createElement(l,{element:L,appendTo:c.appendTo}):L})));x.displayName="SlideMenu",x.defaultProps={__TYPE:"SlideMenu",id:null,model:null,popup:!1,style:null,className:null,easing:"ease-out",effectDuration:250,backLabel:"Back",menuWidth:190,viewportHeight:175,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null};export{x as SlideMenu};

package/slidemenu/slidemenu.js

@@ -189,6 +189,10 @@ this.primereact.slidemenu = (function (exports, React, PrimeReact, csstransition
     };
 
     var createMenuitem = function createMenuitem(item, index) {
+      if (item.visible === false) {
+        return null;
+      }
+
       var key = createKey(item, index);
       var active = activeItemState === item;
       var className = utils.classNames('p-menuitem', {
@@ -369,9 +373,13 @@ this.primereact.slidemenu = (function (exports, React, PrimeReact, csstransition
     });
     React__namespace.useImperativeHandle(ref, function () {
       return {
+        props: props,
         toggle: toggle,
         show: show,
-        hide: hide
+        hide: hide,
+        getElement: function getElement() {
+          return menuRef.current;
+        }
       };
     });
 

package/slidemenu/slidemenu.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.slidemenu=function(e,t,n,r,a,i,o,l){"use strict";function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var s=c(t),m=u(n);function p(){return p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},p.apply(this,arguments)}function f(e){if(Array.isArray(e))return e}function d(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i=[],o=!0,l=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);o=!0);}catch(e){l=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(l)throw a}}return i}}function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function v(e,t){if(e){if("string"==typeof e)return b(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?b(e,t):void 0}}function y(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(e,t){return f(e)||d(e,t)||v(e,t)||y()}function g(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function O(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function w(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?O(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):O(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var E=s.memo((function(e){var t=h(s.useState(null),2),n=t[0],r=t[1],a=h(s.useState({}),2),i=a[0],o=a[1],u=function(t,n,a){if(n.disabled)t.preventDefault();else if(n.url||t.preventDefault(),n.command&&n.command({originalEvent:t,item:n}),n.items){var l=p(n,a);o(w(w({},i),{},g({},l,!0))),r(n),e.onForward()}},c=function(e){return s.createElement("li",{key:"separator_"+e,className:"p-menu-separator"})},m=function(t,r){var a=i[p(t,r)];return t.items&&a?s.createElement(E,{menuProps:e.menuProps,model:t.items,index:e.index+1,menuWidth:e.menuWidth,effectDuration:e.effectDuration,onForward:e.onForward,parentActive:t===n}):null},p=function(e,t){return e.label+"_"+t},f=function(t,r){var a=p(t,r),i=n===t,o=l.classNames("p-menuitem",{"p-menuitem-active":i,"p-disabled":t.disabled},t.className),c=l.classNames("p-menuitem-icon",t.icon),f="p-submenu-icon pi pi-fw pi-angle-right",d=l.IconUtils.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:e.menuProps}),b=t.label&&s.createElement("span",{className:"p-menuitem-text"},t.label),v=t.items&&s.createElement("span",{className:f}),y=m(t,r),h=s.createElement("a",{href:t.url||"#",className:"p-menuitem-link",target:t.target,onClick:function(e){return u(e,t,r)},"aria-disabled":t.disabled},d,b,v);t.template&&(h=l.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return u(e,t,r)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:c,submenuIconClassName:f,element:h,props:e,active:i}));return s.createElement("li",{key:a,id:t.id,className:o,style:t.style},h,y)},d=function(e,t){return e.separator?c(t):f(e,t)},b={width:e.menuWidth+"px",left:e.root?-1*e.level*e.menuWidth+"px":e.menuWidth+"px",transitionProperty:e.root?"left":"none",transitionDuration:e.effectDuration+"ms",transitionTimingFunction:e.easing},v=l.classNames({"p-slidemenu-rootlist":e.root,"p-submenu-list":!e.root,"p-active-submenu":e.parentActive}),y=e.model?e.model.map(d):null;return s.createElement("ul",{className:v,style:b},y)}));E.displayName="SlideMenuSub";var N=s.memo(s.forwardRef((function(e,t){var n=h(s.useState(0),2),u=n[0],c=n[1],f=h(s.useState(!1),2),d=f[0],b=f[1],v=s.useRef(null),y=s.useRef(null),g=s.useRef(null),O=s.useRef(null),w=h(a.useOverlayListener({target:y,overlay:v,listener:function(e,t){t.valid&&A(e)},when:d}),2),j=w[0],S=w[1],x=function(t){e.popup&&i.OverlayService.emit("overlay-click",{originalEvent:t,target:y.current})},P=function(){c((function(e){return e+1}))},k=function(){c((function(e){return e-1}))},D=function(t){e.popup&&(d?A(t):I(t))},I=function(t){y.current=t.currentTarget,b(!0),e.onShow&&e.onShow(t)},A=function(t){y.current=t.currentTarget,b(!1),e.onHide&&e.onHide(t)},C=function(){e.autoZIndex&&l.ZIndexUtils.set("menu",v.current,m.default.autoZIndex,e.baseZIndex||m.default.zIndex.menu),l.DomHandler.absolutePosition(v.current,y.current)},T=function(){j()},U=function(){y.current=null,S()},W=function(){l.ZIndexUtils.clear(v.current),c(0)};a.useUpdateEffect((function(){c(0)}),[e.model]),a.useUnmountEffect((function(){l.ZIndexUtils.clear(v.current)})),s.useImperativeHandle(t,(function(){return{toggle:D,show:I,hide:A}}));var Z=function(){var t=l.classNames("p-slidemenu-backward",{"p-hidden":0===u});return s.createElement("div",{ref:g,className:t,onClick:k},s.createElement("span",{className:"p-slidemenu-backward-icon pi pi-fw pi-chevron-left"}),s.createElement("span",null,e.backLabel))},_=function(){var t=l.ObjectUtils.findDiffKeys(e,N.defaultProps),n=l.classNames("p-slidemenu p-component",{"p-slidemenu-overlay":e.popup},e.className),a={height:e.viewportHeight+"px"},i=Z();return s.createElement(r.CSSTransition,{nodeRef:v,classNames:"p-connected-overlay",in:!e.popup||d,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:C,onEntered:T,onExit:U,onExited:W},s.createElement("div",p({ref:v,id:e.id,className:n,style:e.style},t,{onClick:x}),s.createElement("div",{className:"p-slidemenu-wrapper",style:a},s.createElement("div",{className:"p-slidemenu-content",ref:O},s.createElement(E,{menuProps:e,model:e.model,root:!0,index:0,menuWidth:e.menuWidth,effectDuration:e.effectDuration,level:u,parentActive:0===u,onForward:P})),i)))}();return e.popup?s.createElement(o.Portal,{element:_,appendTo:e.appendTo}):_})));return N.displayName="SlideMenu",N.defaultProps={__TYPE:"SlideMenu",id:null,model:null,popup:!1,style:null,className:null,easing:"ease-out",effectDuration:250,backLabel:"Back",menuWidth:190,viewportHeight:175,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null},e.SlideMenu=N,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.overlayservice,primereact.portal,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.slidemenu=function(e,t,n,r,i,a,o,l){"use strict";function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var s=c(t),m=u(n);function p(){return p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},p.apply(this,arguments)}function f(e){if(Array.isArray(e))return e}function d(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,a=[],o=!0,l=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);o=!0);}catch(e){l=!0,i=e}finally{try{o||null==n.return||n.return()}finally{if(l)throw i}}return a}}function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function v(e,t){if(e){if("string"==typeof e)return b(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?b(e,t):void 0}}function y(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(e,t){return f(e)||d(e,t)||v(e,t)||y()}function g(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function O(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function E(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?O(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):O(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var w=s.memo((function(e){var t=h(s.useState(null),2),n=t[0],r=t[1],i=h(s.useState({}),2),a=i[0],o=i[1],u=function(t,n,i){if(n.disabled)t.preventDefault();else if(n.url||t.preventDefault(),n.command&&n.command({originalEvent:t,item:n}),n.items){var l=p(n,i);o(E(E({},a),{},g({},l,!0))),r(n),e.onForward()}},c=function(e){return s.createElement("li",{key:"separator_"+e,className:"p-menu-separator"})},m=function(t,r){var i=a[p(t,r)];return t.items&&i?s.createElement(w,{menuProps:e.menuProps,model:t.items,index:e.index+1,menuWidth:e.menuWidth,effectDuration:e.effectDuration,onForward:e.onForward,parentActive:t===n}):null},p=function(e,t){return e.label+"_"+t},f=function(t,r){if(!1===t.visible)return null;var i=p(t,r),a=n===t,o=l.classNames("p-menuitem",{"p-menuitem-active":a,"p-disabled":t.disabled},t.className),c=l.classNames("p-menuitem-icon",t.icon),f="p-submenu-icon pi pi-fw pi-angle-right",d=l.IconUtils.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:e.menuProps}),b=t.label&&s.createElement("span",{className:"p-menuitem-text"},t.label),v=t.items&&s.createElement("span",{className:f}),y=m(t,r),h=s.createElement("a",{href:t.url||"#",className:"p-menuitem-link",target:t.target,onClick:function(e){return u(e,t,r)},"aria-disabled":t.disabled},d,b,v);t.template&&(h=l.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return u(e,t,r)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:c,submenuIconClassName:f,element:h,props:e,active:a}));return s.createElement("li",{key:i,id:t.id,className:o,style:t.style},h,y)},d=function(e,t){return e.separator?c(t):f(e,t)},b={width:e.menuWidth+"px",left:e.root?-1*e.level*e.menuWidth+"px":e.menuWidth+"px",transitionProperty:e.root?"left":"none",transitionDuration:e.effectDuration+"ms",transitionTimingFunction:e.easing},v=l.classNames({"p-slidemenu-rootlist":e.root,"p-submenu-list":!e.root,"p-active-submenu":e.parentActive}),y=e.model?e.model.map(d):null;return s.createElement("ul",{className:v,style:b},y)}));w.displayName="SlideMenuSub";var N=s.memo(s.forwardRef((function(e,t){var n=h(s.useState(0),2),u=n[0],c=n[1],f=h(s.useState(!1),2),d=f[0],b=f[1],v=s.useRef(null),y=s.useRef(null),g=s.useRef(null),O=s.useRef(null),E=h(i.useOverlayListener({target:y,overlay:v,listener:function(e,t){t.valid&&A(e)},when:d}),2),j=E[0],S=E[1],x=function(t){e.popup&&a.OverlayService.emit("overlay-click",{originalEvent:t,target:y.current})},P=function(){c((function(e){return e+1}))},k=function(){c((function(e){return e-1}))},D=function(t){e.popup&&(d?A(t):I(t))},I=function(t){y.current=t.currentTarget,b(!0),e.onShow&&e.onShow(t)},A=function(t){y.current=t.currentTarget,b(!1),e.onHide&&e.onHide(t)},C=function(){e.autoZIndex&&l.ZIndexUtils.set("menu",v.current,m.default.autoZIndex,e.baseZIndex||m.default.zIndex.menu),l.DomHandler.absolutePosition(v.current,y.current)},T=function(){j()},U=function(){y.current=null,S()},W=function(){l.ZIndexUtils.clear(v.current),c(0)};i.useUpdateEffect((function(){c(0)}),[e.model]),i.useUnmountEffect((function(){l.ZIndexUtils.clear(v.current)})),s.useImperativeHandle(t,(function(){return{props:e,toggle:D,show:I,hide:A,getElement:function(){return v.current}}}));var Z=function(){var t=l.classNames("p-slidemenu-backward",{"p-hidden":0===u});return s.createElement("div",{ref:g,className:t,onClick:k},s.createElement("span",{className:"p-slidemenu-backward-icon pi pi-fw pi-chevron-left"}),s.createElement("span",null,e.backLabel))},_=function(){var t=l.ObjectUtils.findDiffKeys(e,N.defaultProps),n=l.classNames("p-slidemenu p-component",{"p-slidemenu-overlay":e.popup},e.className),i={height:e.viewportHeight+"px"},a=Z();return s.createElement(r.CSSTransition,{nodeRef:v,classNames:"p-connected-overlay",in:!e.popup||d,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:C,onEntered:T,onExit:U,onExited:W},s.createElement("div",p({ref:v,id:e.id,className:n,style:e.style},t,{onClick:x}),s.createElement("div",{className:"p-slidemenu-wrapper",style:i},s.createElement("div",{className:"p-slidemenu-content",ref:O},s.createElement(w,{menuProps:e,model:e.model,root:!0,index:0,menuWidth:e.menuWidth,effectDuration:e.effectDuration,level:u,parentActive:0===u,onForward:P})),a)))}();return e.popup?s.createElement(o.Portal,{element:_,appendTo:e.appendTo}):_})));return N.displayName="SlideMenu",N.defaultProps={__TYPE:"SlideMenu",id:null,model:null,popup:!1,style:null,className:null,easing:"ease-out",effectDuration:250,backLabel:"Back",menuWidth:190,viewportHeight:175,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null},e.SlideMenu=N,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.overlayservice,primereact.portal,primereact.utils);

package/slider/slider.cjs.js

@@ -387,6 +387,14 @@ var Slider = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
     }), handle);
   };
 
+  React__namespace.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
   var otherProps = utils.ObjectUtils.findDiffKeys(props, Slider.defaultProps);
   var className = utils.classNames('p-slider p-component', props.className, {
     'p-disabled': props.disabled,

package/slider/slider.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/hooks"),r=require("primereact/utils");function t(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var t=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,t.get?t:{enumerable:!0,get:function(){return e[r]}})}})),n.default=e,Object.freeze(n)}var a=t(e);function l(){return l=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},l.apply(this,arguments)}function i(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=new Array(n);r<n;r++)t[r]=e[r];return t}function o(e){if(Array.isArray(e))return i(e)}function u(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function c(e,n){if(e){if("string"==typeof e)return i(e,n);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?i(e,n):void 0}}function s(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function f(e){if(Array.isArray(e))return e}function d(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,a,l=[],i=!0,o=!1;try{for(r=r.call(e);!(i=(t=r.next()).done)&&(l.push(t.value),!n||l.length!==n);i=!0);}catch(e){o=!0,a=e}finally{try{i||null==r.return||r.return()}finally{if(o)throw a}}return l}}function m(){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 f(e)||d(e,n)||c(e,n)||m()}var v=a.memo(a.forwardRef((function(e,t){var i,f,d,m,y=a.useRef(null),h=a.useRef(0),b=a.useRef(!1),g=a.useRef(!1),E=a.useRef(0),w=a.useRef(0),x=a.useRef(0),S=a.useRef(0),j=e.range?e.value||[0,100]:e.value||0,A="horizontal"===e.orientation,O="vertical"===e.orientation,R=p(n.useEventListener({type:"mousemove",listener:function(e){return H(e)}}),2),D=R[0],N=R[1],C=p(n.useEventListener({type:"mouseup",listener:function(e){return U(e)}}),2),I=C[0],M=C[1],P=p(n.useEventListener({type:"touchmove",listener:function(e){return H(e)}}),2),L=P[0],_=P[1],T=p(n.useEventListener({type:"touchend",listener:function(e){return U(e)}}),2),k=T[0],z=T[1],F=function(n,r){$(n,(e.range?j[h.current]:j)+(e.step||1)*r),n.preventDefault()},q=function(n,r){e.disabled||(g.current=!0,X(),b.current=!0,h.current=r)},H=function(e){g.current&&(B(e),e.preventDefault())},U=function(n){g.current&&(g.current=!1,e.onSlideEnd&&e.onSlideEnd({originalEvent:n,value:e.value}),N(),M(),_(),z())},W=function(e,n){D(),I(),q(0,n)},Y=function(e,n){L(),k(),q(0,n)},K=function(n,r){if(!e.disabled){h.current=r;var t=n.key;"ArrowRight"===t||"ArrowUp"===t?F(n,1):"ArrowLeft"!==t&&"ArrowDown"!==t||F(n,-1)}},X=function(){var e=y.current.getBoundingClientRect();E.current=e.left+r.DomHandler.getWindowScrollLeft(),w.current=e.top+r.DomHandler.getWindowScrollTop(),x.current=y.current.offsetWidth,S.current=y.current.offsetHeight},B=function(n){var r=(A?100*((n.touches?n.touches[0].pageX:n.pageX)-E.current)/x.current:100*(w.current+S.current-(n.touches?n.touches[0].pageY:n.pageY))/S.current)/100*(e.max-e.min)+e.min;if(e.step){var t=e.range?j[h.current]:j,a=r-t;a<0?r=t+Math.ceil(r/e.step-t/e.step)*e.step:a>0&&(r=t+Math.floor(r/e.step-t/e.step)*e.step)}else r=Math.floor(r);return $(n,r)},$=function(n,r){var t,a=parseFloat(r.toFixed(10)),l=a;return e.range?(0===h.current?a<e.min?a=e.min:a>j[1]&&(a=j[1]):a>e.max?a=e.max:a<j[0]&&(a=j[0]),(l=o(t=j)||u(t)||c(t)||s())[h.current]=a,e.onChange&&e.onChange({originalEvent:n,value:l})):(a<e.min?a=e.min:a>e.max&&(a=e.max),l=a,e.onChange&&e.onChange({originalEvent:n,value:l})),l},G=function(n,t,l){var i={transition:g.current?"none":null,left:null!==n&&n+"%",bottom:t&&t+"%"},o=r.classNames("p-slider-handle",{"p-slider-handle-start":0===l,"p-slider-handle-end":1===l,"p-slider-handle-active":h.current===l});return a.createElement("span",{className:o,style:i,tabIndex:e.tabIndex,role:"slider",onMouseDown:function(e){return W(0,l)},onTouchStart:function(e){return Y(0,l)},onKeyDown:function(e){return K(e,l)},"aria-valuemin":e.min,"aria-valuemax":e.max,"aria-valuenow":n||t,"aria-labelledby":e["aria-labelledby"],"aria-label":e["aria-label"],"aria-orientation":e.orientation})},J=r.ObjectUtils.findDiffKeys(e,v.defaultProps),Q=r.classNames("p-slider p-component",e.className,{"p-disabled":e.disabled,"p-slider-horizontal":A,"p-slider-vertical":O}),V=e.range?(i=100*(j[0]<e.min?0:j[0]-e.min)/(e.max-e.min),f=100*(j[1]>e.max?100:j[1]-e.min)/(e.max-e.min),d=A?G(i,null,0):G(null,i,0),m=A?G(f,null,1):G(null,f,1),a.createElement(a.Fragment,null,a.createElement("span",{className:"p-slider-range",style:A?{left:i+"%",width:f-i+"%"}:{bottom:i+"%",height:f-i+"%"}}),d,m)):function(){var n;n=j<e.min?0:j>e.max?100:100*(j-e.min)/(e.max-e.min);var r=A?{width:n+"%"}:{height:n+"%"},t=A?G(n,null,null):G(null,n,null);return a.createElement(a.Fragment,null,a.createElement("span",{className:"p-slider-range",style:r}),t)}();return a.createElement("div",l({ref:y,id:e.id,style:e.style,className:Q},J,{onClick:function(n){if(!e.disabled){if(!b.current){X();var r=B(n);e.onSlideEnd&&e.onSlideEnd({originalEvent:n,value:r})}b.current=!1}}}),V)})));v.displayName="Slider",v.defaultProps={__TYPE:"Slider",id:null,value:null,min:0,max:100,orientation:"horizontal",step:null,range:!1,style:null,className:null,disabled:!1,tabIndex:0,onChange:null,onSlideEnd:null,"aria-label":null,"aria-labelledby":null},exports.Slider=v;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/hooks"),r=require("primereact/utils");function t(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var t=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,t.get?t:{enumerable:!0,get:function(){return e[r]}})}})),n.default=e,Object.freeze(n)}var a=t(e);function l(){return l=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},l.apply(this,arguments)}function i(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=new Array(n);r<n;r++)t[r]=e[r];return t}function u(e){if(Array.isArray(e))return i(e)}function o(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function c(e,n){if(e){if("string"==typeof e)return i(e,n);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?i(e,n):void 0}}function s(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function f(e){if(Array.isArray(e))return e}function d(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,a,l=[],i=!0,u=!1;try{for(r=r.call(e);!(i=(t=r.next()).done)&&(l.push(t.value),!n||l.length!==n);i=!0);}catch(e){u=!0,a=e}finally{try{i||null==r.return||r.return()}finally{if(u)throw a}}return l}}function m(){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 f(e)||d(e,n)||c(e,n)||m()}var v=a.memo(a.forwardRef((function(e,t){var i=a.useRef(null),f=a.useRef(0),d=a.useRef(!1),m=a.useRef(!1),y=a.useRef(0),h=a.useRef(0),b=a.useRef(0),g=a.useRef(0),E=e.range?e.value||[0,100]:e.value||0,w="horizontal"===e.orientation,x="vertical"===e.orientation,S=p(n.useEventListener({type:"mousemove",listener:function(e){return k(e)}}),2),j=S[0],A=S[1],O=p(n.useEventListener({type:"mouseup",listener:function(e){return z(e)}}),2),R=O[0],D=O[1],I=p(n.useEventListener({type:"touchmove",listener:function(e){return k(e)}}),2),N=I[0],C=I[1],M=p(n.useEventListener({type:"touchend",listener:function(e){return z(e)}}),2),P=M[0],L=M[1],_=function(n,r){Y(n,(e.range?E[f.current]:E)+(e.step||1)*r),n.preventDefault()},T=function(n,r){e.disabled||(m.current=!0,U(),d.current=!0,f.current=r)},k=function(e){m.current&&(W(e),e.preventDefault())},z=function(n){m.current&&(m.current=!1,e.onSlideEnd&&e.onSlideEnd({originalEvent:n,value:e.value}),A(),D(),C(),L())},F=function(e,n){j(),R(),T(0,n)},H=function(e,n){N(),P(),T(0,n)},q=function(n,r){if(!e.disabled){f.current=r;var t=n.key;"ArrowRight"===t||"ArrowUp"===t?_(n,1):"ArrowLeft"!==t&&"ArrowDown"!==t||_(n,-1)}},U=function(){var e=i.current.getBoundingClientRect();y.current=e.left+r.DomHandler.getWindowScrollLeft(),h.current=e.top+r.DomHandler.getWindowScrollTop(),b.current=i.current.offsetWidth,g.current=i.current.offsetHeight},W=function(n){var r=(w?100*((n.touches?n.touches[0].pageX:n.pageX)-y.current)/b.current:100*(h.current+g.current-(n.touches?n.touches[0].pageY:n.pageY))/g.current)/100*(e.max-e.min)+e.min;if(e.step){var t=e.range?E[f.current]:E,a=r-t;a<0?r=t+Math.ceil(r/e.step-t/e.step)*e.step:a>0&&(r=t+Math.floor(r/e.step-t/e.step)*e.step)}else r=Math.floor(r);return Y(n,r)},Y=function(n,r){var t,a=parseFloat(r.toFixed(10)),l=a;return e.range?(0===f.current?a<e.min?a=e.min:a>E[1]&&(a=E[1]):a>e.max?a=e.max:a<E[0]&&(a=E[0]),(l=u(t=E)||o(t)||c(t)||s())[f.current]=a,e.onChange&&e.onChange({originalEvent:n,value:l})):(a<e.min?a=e.min:a>e.max&&(a=e.max),l=a,e.onChange&&e.onChange({originalEvent:n,value:l})),l},K=function(n,t,l){var i={transition:m.current?"none":null,left:null!==n&&n+"%",bottom:t&&t+"%"},u=r.classNames("p-slider-handle",{"p-slider-handle-start":0===l,"p-slider-handle-end":1===l,"p-slider-handle-active":f.current===l});return a.createElement("span",{className:u,style:i,tabIndex:e.tabIndex,role:"slider",onMouseDown:function(e){return F(0,l)},onTouchStart:function(e){return H(0,l)},onKeyDown:function(e){return q(e,l)},"aria-valuemin":e.min,"aria-valuemax":e.max,"aria-valuenow":n||t,"aria-labelledby":e["aria-labelledby"],"aria-label":e["aria-label"],"aria-orientation":e.orientation})};a.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return i.current}}}));var X,B,$,G,J=r.ObjectUtils.findDiffKeys(e,v.defaultProps),Q=r.classNames("p-slider p-component",e.className,{"p-disabled":e.disabled,"p-slider-horizontal":w,"p-slider-vertical":x}),V=e.range?(X=100*(E[0]<e.min?0:E[0]-e.min)/(e.max-e.min),B=100*(E[1]>e.max?100:E[1]-e.min)/(e.max-e.min),$=w?K(X,null,0):K(null,X,0),G=w?K(B,null,1):K(null,B,1),a.createElement(a.Fragment,null,a.createElement("span",{className:"p-slider-range",style:w?{left:X+"%",width:B-X+"%"}:{bottom:X+"%",height:B-X+"%"}}),$,G)):function(){var n;n=E<e.min?0:E>e.max?100:100*(E-e.min)/(e.max-e.min);var r=w?{width:n+"%"}:{height:n+"%"},t=w?K(n,null,null):K(null,n,null);return a.createElement(a.Fragment,null,a.createElement("span",{className:"p-slider-range",style:r}),t)}();return a.createElement("div",l({ref:i,id:e.id,style:e.style,className:Q},J,{onClick:function(n){if(!e.disabled){if(!d.current){U();var r=W(n);e.onSlideEnd&&e.onSlideEnd({originalEvent:n,value:r})}d.current=!1}}}),V)})));v.displayName="Slider",v.defaultProps={__TYPE:"Slider",id:null,value:null,min:0,max:100,orientation:"horizontal",step:null,range:!1,style:null,className:null,disabled:!1,tabIndex:0,onChange:null,onSlideEnd:null,"aria-label":null,"aria-labelledby":null},exports.Slider=v;

package/slider/slider.d.ts

@@ -9,24 +9,22 @@ interface SliderChangeParams {
     value: SliderValueType;
 }
 
-interface SliderSlideEndParams extends SliderChangeParams { }
+interface SliderSlideEndParams extends SliderChangeParams {}
 
 export interface SliderProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange' | 'value' | 'ref'> {
-    id?: string;
     value?: SliderValueType;
     min?: number;
     max?: number;
     orientation?: SliderOrientationType;
     step?: number;
     range?: boolean;
-    style?: object;
-    className?: string;
     disabled?: boolean;
-    tabIndex?: number;
     ariaLabelledBy?: string;
     onChange?(e: SliderChangeParams): void;
     onSlideEnd?(e: SliderSlideEndParams): void;
     children?: React.ReactNode;
 }
 
-export declare class Slider extends React.Component<SliderProps, any> { }
+export declare class Slider extends React.Component<SliderProps, any> {
+    public getElement(): HTMLDivElement;
+}

package/slider/slider.esm.js

@@ -363,6 +363,14 @@ var Slider = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pr
     }), handle);
   };
 
+  React.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
   var otherProps = ObjectUtils.findDiffKeys(props, Slider.defaultProps);
   var className = classNames('p-slider p-component', props.className, {
     'p-disabled': props.disabled,

package/slider/slider.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{useEventListener as n}from"primereact/hooks";import{ObjectUtils as r,classNames as t,DomHandler as a}from"primereact/utils";function l(){return l=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},l.apply(this,arguments)}function i(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=new Array(n);r<n;r++)t[r]=e[r];return t}function o(e){if(Array.isArray(e))return i(e)}function u(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function c(e,n){if(e){if("string"==typeof e)return i(e,n);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?i(e,n):void 0}}function s(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function f(e){if(Array.isArray(e))return e}function m(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,a,l=[],i=!0,o=!1;try{for(r=r.call(e);!(i=(t=r.next()).done)&&(l.push(t.value),!n||l.length!==n);i=!0);}catch(e){o=!0,a=e}finally{try{i||null==r.return||r.return()}finally{if(o)throw a}}return l}}function d(){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 f(e)||m(e,n)||c(e,n)||d()}var h=e.memo(e.forwardRef((function(i,f){var m,d,v,y,g=e.useRef(null),b=e.useRef(0),w=e.useRef(!1),x=e.useRef(!1),E=e.useRef(0),S=e.useRef(0),A=e.useRef(0),R=e.useRef(0),C=i.range?i.value||[0,100]:i.value||0,I="horizontal"===i.orientation,N="vertical"===i.orientation,j=p(n({type:"mousemove",listener:function(e){return X(e)}}),2),D=j[0],M=j[1],O=p(n({type:"mouseup",listener:function(e){return _(e)}}),2),T=O[0],F=O[1],P=p(n({type:"touchmove",listener:function(e){return X(e)}}),2),k=P[0],z=P[1],W=p(n({type:"touchend",listener:function(e){return _(e)}}),2),Y=W[0],K=W[1],L=function(e,n){J(e,(i.range?C[b.current]:C)+(i.step||1)*n),e.preventDefault()},U=function(e,n){i.disabled||(x.current=!0,q(),w.current=!0,b.current=n)},X=function(e){x.current&&(G(e),e.preventDefault())},_=function(e){x.current&&(x.current=!1,i.onSlideEnd&&i.onSlideEnd({originalEvent:e,value:i.value}),M(),F(),z(),K())},B=function(e,n){D(),T(),U(0,n)},H=function(e,n){k(),Y(),U(0,n)},$=function(e,n){if(!i.disabled){b.current=n;var r=e.key;"ArrowRight"===r||"ArrowUp"===r?L(e,1):"ArrowLeft"!==r&&"ArrowDown"!==r||L(e,-1)}},q=function(){var e=g.current.getBoundingClientRect();E.current=e.left+a.getWindowScrollLeft(),S.current=e.top+a.getWindowScrollTop(),A.current=g.current.offsetWidth,R.current=g.current.offsetHeight},G=function(e){var n=(I?100*((e.touches?e.touches[0].pageX:e.pageX)-E.current)/A.current:100*(S.current+R.current-(e.touches?e.touches[0].pageY:e.pageY))/R.current)/100*(i.max-i.min)+i.min;if(i.step){var r=i.range?C[b.current]:C,t=n-r;t<0?n=r+Math.ceil(n/i.step-r/i.step)*i.step:t>0&&(n=r+Math.floor(n/i.step-r/i.step)*i.step)}else n=Math.floor(n);return J(e,n)},J=function(e,n){var r,t=parseFloat(n.toFixed(10)),a=t;return i.range?(0===b.current?t<i.min?t=i.min:t>C[1]&&(t=C[1]):t>i.max?t=i.max:t<C[0]&&(t=C[0]),(a=o(r=C)||u(r)||c(r)||s())[b.current]=t,i.onChange&&i.onChange({originalEvent:e,value:a})):(t<i.min?t=i.min:t>i.max&&(t=i.max),a=t,i.onChange&&i.onChange({originalEvent:e,value:a})),a},Q=function(n,r,a){var l={transition:x.current?"none":null,left:null!==n&&n+"%",bottom:r&&r+"%"},o=t("p-slider-handle",{"p-slider-handle-start":0===a,"p-slider-handle-end":1===a,"p-slider-handle-active":b.current===a});return e.createElement("span",{className:o,style:l,tabIndex:i.tabIndex,role:"slider",onMouseDown:function(e){return B(0,a)},onTouchStart:function(e){return H(0,a)},onKeyDown:function(e){return $(e,a)},"aria-valuemin":i.min,"aria-valuemax":i.max,"aria-valuenow":n||r,"aria-labelledby":i["aria-labelledby"],"aria-label":i["aria-label"],"aria-orientation":i.orientation})},V=r.findDiffKeys(i,h.defaultProps),Z=t("p-slider p-component",i.className,{"p-disabled":i.disabled,"p-slider-horizontal":I,"p-slider-vertical":N}),ee=i.range?(m=100*(C[0]<i.min?0:C[0]-i.min)/(i.max-i.min),d=100*(C[1]>i.max?100:C[1]-i.min)/(i.max-i.min),v=I?Q(m,null,0):Q(null,m,0),y=I?Q(d,null,1):Q(null,d,1),e.createElement(e.Fragment,null,e.createElement("span",{className:"p-slider-range",style:I?{left:m+"%",width:d-m+"%"}:{bottom:m+"%",height:d-m+"%"}}),v,y)):function(){var n;n=C<i.min?0:C>i.max?100:100*(C-i.min)/(i.max-i.min);var r=I?{width:n+"%"}:{height:n+"%"},t=I?Q(n,null,null):Q(null,n,null);return e.createElement(e.Fragment,null,e.createElement("span",{className:"p-slider-range",style:r}),t)}();return e.createElement("div",l({ref:g,id:i.id,style:i.style,className:Z},V,{onClick:function(e){if(!i.disabled){if(!w.current){q();var n=G(e);i.onSlideEnd&&i.onSlideEnd({originalEvent:e,value:n})}w.current=!1}}}),ee)})));h.displayName="Slider",h.defaultProps={__TYPE:"Slider",id:null,value:null,min:0,max:100,orientation:"horizontal",step:null,range:!1,style:null,className:null,disabled:!1,tabIndex:0,onChange:null,onSlideEnd:null,"aria-label":null,"aria-labelledby":null};export{h as Slider};
+import*as e from"react";import{useEventListener as n}from"primereact/hooks";import{ObjectUtils as r,classNames as t,DomHandler as a}from"primereact/utils";function l(){return l=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},l.apply(this,arguments)}function i(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=new Array(n);r<n;r++)t[r]=e[r];return t}function o(e){if(Array.isArray(e))return i(e)}function u(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function c(e,n){if(e){if("string"==typeof e)return i(e,n);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?i(e,n):void 0}}function s(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function f(e){if(Array.isArray(e))return e}function m(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,a,l=[],i=!0,o=!1;try{for(r=r.call(e);!(i=(t=r.next()).done)&&(l.push(t.value),!n||l.length!==n);i=!0);}catch(e){o=!0,a=e}finally{try{i||null==r.return||r.return()}finally{if(o)throw a}}return l}}function d(){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 f(e)||m(e,n)||c(e,n)||d()}var v=e.memo(e.forwardRef((function(i,f){var m=e.useRef(null),d=e.useRef(0),h=e.useRef(!1),y=e.useRef(!1),g=e.useRef(0),b=e.useRef(0),w=e.useRef(0),x=e.useRef(0),E=i.range?i.value||[0,100]:i.value||0,S="horizontal"===i.orientation,A="vertical"===i.orientation,R=p(n({type:"mousemove",listener:function(e){return Y(e)}}),2),I=R[0],C=R[1],N=p(n({type:"mouseup",listener:function(e){return H(e)}}),2),j=N[0],D=N[1],M=p(n({type:"touchmove",listener:function(e){return Y(e)}}),2),O=M[0],T=M[1],F=p(n({type:"touchend",listener:function(e){return H(e)}}),2),P=F[0],k=F[1],z=function(e,n){B(e,(i.range?E[d.current]:E)+(i.step||1)*n),e.preventDefault()},W=function(e,n){i.disabled||(y.current=!0,X(),h.current=!0,d.current=n)},Y=function(e){y.current&&(_(e),e.preventDefault())},H=function(e){y.current&&(y.current=!1,i.onSlideEnd&&i.onSlideEnd({originalEvent:e,value:i.value}),C(),D(),T(),k())},K=function(e,n){I(),j(),W(0,n)},L=function(e,n){O(),P(),W(0,n)},U=function(e,n){if(!i.disabled){d.current=n;var r=e.key;"ArrowRight"===r||"ArrowUp"===r?z(e,1):"ArrowLeft"!==r&&"ArrowDown"!==r||z(e,-1)}},X=function(){var e=m.current.getBoundingClientRect();g.current=e.left+a.getWindowScrollLeft(),b.current=e.top+a.getWindowScrollTop(),w.current=m.current.offsetWidth,x.current=m.current.offsetHeight},_=function(e){var n=(S?100*((e.touches?e.touches[0].pageX:e.pageX)-g.current)/w.current:100*(b.current+x.current-(e.touches?e.touches[0].pageY:e.pageY))/x.current)/100*(i.max-i.min)+i.min;if(i.step){var r=i.range?E[d.current]:E,t=n-r;t<0?n=r+Math.ceil(n/i.step-r/i.step)*i.step:t>0&&(n=r+Math.floor(n/i.step-r/i.step)*i.step)}else n=Math.floor(n);return B(e,n)},B=function(e,n){var r,t=parseFloat(n.toFixed(10)),a=t;return i.range?(0===d.current?t<i.min?t=i.min:t>E[1]&&(t=E[1]):t>i.max?t=i.max:t<E[0]&&(t=E[0]),(a=o(r=E)||u(r)||c(r)||s())[d.current]=t,i.onChange&&i.onChange({originalEvent:e,value:a})):(t<i.min?t=i.min:t>i.max&&(t=i.max),a=t,i.onChange&&i.onChange({originalEvent:e,value:a})),a},$=function(n,r,a){var l={transition:y.current?"none":null,left:null!==n&&n+"%",bottom:r&&r+"%"},o=t("p-slider-handle",{"p-slider-handle-start":0===a,"p-slider-handle-end":1===a,"p-slider-handle-active":d.current===a});return e.createElement("span",{className:o,style:l,tabIndex:i.tabIndex,role:"slider",onMouseDown:function(e){return K(0,a)},onTouchStart:function(e){return L(0,a)},onKeyDown:function(e){return U(e,a)},"aria-valuemin":i.min,"aria-valuemax":i.max,"aria-valuenow":n||r,"aria-labelledby":i["aria-labelledby"],"aria-label":i["aria-label"],"aria-orientation":i.orientation})};e.useImperativeHandle(f,(function(){return{props:i,getElement:function(){return m.current}}}));var q,G,J,Q,V=r.findDiffKeys(i,v.defaultProps),Z=t("p-slider p-component",i.className,{"p-disabled":i.disabled,"p-slider-horizontal":S,"p-slider-vertical":A}),ee=i.range?(q=100*(E[0]<i.min?0:E[0]-i.min)/(i.max-i.min),G=100*(E[1]>i.max?100:E[1]-i.min)/(i.max-i.min),J=S?$(q,null,0):$(null,q,0),Q=S?$(G,null,1):$(null,G,1),e.createElement(e.Fragment,null,e.createElement("span",{className:"p-slider-range",style:S?{left:q+"%",width:G-q+"%"}:{bottom:q+"%",height:G-q+"%"}}),J,Q)):function(){var n;n=E<i.min?0:E>i.max?100:100*(E-i.min)/(i.max-i.min);var r=S?{width:n+"%"}:{height:n+"%"},t=S?$(n,null,null):$(null,n,null);return e.createElement(e.Fragment,null,e.createElement("span",{className:"p-slider-range",style:r}),t)}();return e.createElement("div",l({ref:m,id:i.id,style:i.style,className:Z},V,{onClick:function(e){if(!i.disabled){if(!h.current){X();var n=_(e);i.onSlideEnd&&i.onSlideEnd({originalEvent:e,value:n})}h.current=!1}}}),ee)})));v.displayName="Slider",v.defaultProps={__TYPE:"Slider",id:null,value:null,min:0,max:100,orientation:"horizontal",step:null,range:!1,style:null,className:null,disabled:!1,tabIndex:0,onChange:null,onSlideEnd:null,"aria-label":null,"aria-labelledby":null};export{v as Slider};

package/slider/slider.js

@@ -383,6 +383,14 @@ this.primereact.slider = (function (exports, React, hooks, utils) {
       }), handle);
     };
 
+    React__namespace.useImperativeHandle(ref, function () {
+      return {
+        props: props,
+        getElement: function getElement() {
+          return elementRef.current;
+        }
+      };
+    });
     var otherProps = utils.ObjectUtils.findDiffKeys(props, Slider.defaultProps);
     var className = utils.classNames('p-slider p-component', props.className, {
       'p-disabled': props.disabled,

package/slider/slider.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.slider=function(e,n,r,t){"use strict";function a(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var t=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,t.get?t:{enumerable:!0,get:function(){return e[r]}})}})),n.default=e,Object.freeze(n)}var l=a(n);function i(){return i=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},i.apply(this,arguments)}function o(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=new Array(n);r<n;r++)t[r]=e[r];return t}function u(e){if(Array.isArray(e))return o(e)}function c(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function s(e,n){if(e){if("string"==typeof e)return o(e,n);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?o(e,n):void 0}}function f(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function d(e){if(Array.isArray(e))return e}function m(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,a,l=[],i=!0,o=!1;try{for(r=r.call(e);!(i=(t=r.next()).done)&&(l.push(t.value),!n||l.length!==n);i=!0);}catch(e){o=!0,a=e}finally{try{i||null==r.return||r.return()}finally{if(o)throw a}}return l}}function p(){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 v(e,n){return d(e)||m(e,n)||s(e,n)||p()}var h=l.memo(l.forwardRef((function(e,n){var a,o,d,m,p=l.useRef(null),y=l.useRef(0),b=l.useRef(!1),g=l.useRef(!1),E=l.useRef(0),w=l.useRef(0),S=l.useRef(0),x=l.useRef(0),j=e.range?e.value||[0,100]:e.value||0,A="horizontal"===e.orientation,O="vertical"===e.orientation,R=v(r.useEventListener({type:"mousemove",listener:function(e){return U(e)}}),2),D=R[0],N=R[1],C=v(r.useEventListener({type:"mouseup",listener:function(e){return W(e)}}),2),I=C[0],M=C[1],P=v(r.useEventListener({type:"touchmove",listener:function(e){return U(e)}}),2),L=P[0],_=P[1],T=v(r.useEventListener({type:"touchend",listener:function(e){return W(e)}}),2),k=T[0],z=T[1],F=function(n,r){q(n,(e.range?j[y.current]:j)+(e.step||1)*r),n.preventDefault()},H=function(n,r){e.disabled||(g.current=!0,B(),b.current=!0,y.current=r)},U=function(e){g.current&&($(e),e.preventDefault())},W=function(n){g.current&&(g.current=!1,e.onSlideEnd&&e.onSlideEnd({originalEvent:n,value:e.value}),N(),M(),_(),z())},Y=function(e,n){D(),I(),H(0,n)},K=function(e,n){L(),k(),H(0,n)},X=function(n,r){if(!e.disabled){y.current=r;var t=n.key;"ArrowRight"===t||"ArrowUp"===t?F(n,1):"ArrowLeft"!==t&&"ArrowDown"!==t||F(n,-1)}},B=function(){var e=p.current.getBoundingClientRect();E.current=e.left+t.DomHandler.getWindowScrollLeft(),w.current=e.top+t.DomHandler.getWindowScrollTop(),S.current=p.current.offsetWidth,x.current=p.current.offsetHeight},$=function(n){var r=(A?100*((n.touches?n.touches[0].pageX:n.pageX)-E.current)/S.current:100*(w.current+x.current-(n.touches?n.touches[0].pageY:n.pageY))/x.current)/100*(e.max-e.min)+e.min;if(e.step){var t=e.range?j[y.current]:j,a=r-t;a<0?r=t+Math.ceil(r/e.step-t/e.step)*e.step:a>0&&(r=t+Math.floor(r/e.step-t/e.step)*e.step)}else r=Math.floor(r);return q(n,r)},q=function(n,r){var t,a=parseFloat(r.toFixed(10)),l=a;return e.range?(0===y.current?a<e.min?a=e.min:a>j[1]&&(a=j[1]):a>e.max?a=e.max:a<j[0]&&(a=j[0]),(l=u(t=j)||c(t)||s(t)||f())[y.current]=a,e.onChange&&e.onChange({originalEvent:n,value:l})):(a<e.min?a=e.min:a>e.max&&(a=e.max),l=a,e.onChange&&e.onChange({originalEvent:n,value:l})),l},G=function(n,r,a){var i={transition:g.current?"none":null,left:null!==n&&n+"%",bottom:r&&r+"%"},o=t.classNames("p-slider-handle",{"p-slider-handle-start":0===a,"p-slider-handle-end":1===a,"p-slider-handle-active":y.current===a});return l.createElement("span",{className:o,style:i,tabIndex:e.tabIndex,role:"slider",onMouseDown:function(e){return Y(0,a)},onTouchStart:function(e){return K(0,a)},onKeyDown:function(e){return X(e,a)},"aria-valuemin":e.min,"aria-valuemax":e.max,"aria-valuenow":n||r,"aria-labelledby":e["aria-labelledby"],"aria-label":e["aria-label"],"aria-orientation":e.orientation})},J=t.ObjectUtils.findDiffKeys(e,h.defaultProps),Q=t.classNames("p-slider p-component",e.className,{"p-disabled":e.disabled,"p-slider-horizontal":A,"p-slider-vertical":O}),V=e.range?(a=100*(j[0]<e.min?0:j[0]-e.min)/(e.max-e.min),o=100*(j[1]>e.max?100:j[1]-e.min)/(e.max-e.min),d=A?G(a,null,0):G(null,a,0),m=A?G(o,null,1):G(null,o,1),l.createElement(l.Fragment,null,l.createElement("span",{className:"p-slider-range",style:A?{left:a+"%",width:o-a+"%"}:{bottom:a+"%",height:o-a+"%"}}),d,m)):function(){var n;n=j<e.min?0:j>e.max?100:100*(j-e.min)/(e.max-e.min);var r=A?{width:n+"%"}:{height:n+"%"},t=A?G(n,null,null):G(null,n,null);return l.createElement(l.Fragment,null,l.createElement("span",{className:"p-slider-range",style:r}),t)}();return l.createElement("div",i({ref:p,id:e.id,style:e.style,className:Q},J,{onClick:function(n){if(!e.disabled){if(!b.current){B();var r=$(n);e.onSlideEnd&&e.onSlideEnd({originalEvent:n,value:r})}b.current=!1}}}),V)})));return h.displayName="Slider",h.defaultProps={__TYPE:"Slider",id:null,value:null,min:0,max:100,orientation:"horizontal",step:null,range:!1,style:null,className:null,disabled:!1,tabIndex:0,onChange:null,onSlideEnd:null,"aria-label":null,"aria-labelledby":null},e.Slider=h,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.slider=function(e,n,r,t){"use strict";function a(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var t=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,t.get?t:{enumerable:!0,get:function(){return e[r]}})}})),n.default=e,Object.freeze(n)}var l=a(n);function i(){return i=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},i.apply(this,arguments)}function u(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=new Array(n);r<n;r++)t[r]=e[r];return t}function o(e){if(Array.isArray(e))return u(e)}function c(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function s(e,n){if(e){if("string"==typeof e)return u(e,n);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?u(e,n):void 0}}function f(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function d(e){if(Array.isArray(e))return e}function m(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,a,l=[],i=!0,u=!1;try{for(r=r.call(e);!(i=(t=r.next()).done)&&(l.push(t.value),!n||l.length!==n);i=!0);}catch(e){u=!0,a=e}finally{try{i||null==r.return||r.return()}finally{if(u)throw a}}return l}}function p(){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 v(e,n){return d(e)||m(e,n)||s(e,n)||p()}var h=l.memo(l.forwardRef((function(e,n){var a=l.useRef(null),u=l.useRef(0),d=l.useRef(!1),m=l.useRef(!1),p=l.useRef(0),y=l.useRef(0),b=l.useRef(0),g=l.useRef(0),E=e.range?e.value||[0,100]:e.value||0,w="horizontal"===e.orientation,S="vertical"===e.orientation,x=v(r.useEventListener({type:"mousemove",listener:function(e){return k(e)}}),2),j=x[0],A=x[1],O=v(r.useEventListener({type:"mouseup",listener:function(e){return z(e)}}),2),R=O[0],D=O[1],I=v(r.useEventListener({type:"touchmove",listener:function(e){return k(e)}}),2),N=I[0],C=I[1],M=v(r.useEventListener({type:"touchend",listener:function(e){return z(e)}}),2),P=M[0],L=M[1],_=function(n,r){K(n,(e.range?E[u.current]:E)+(e.step||1)*r),n.preventDefault()},T=function(n,r){e.disabled||(m.current=!0,W(),d.current=!0,u.current=r)},k=function(e){m.current&&(Y(e),e.preventDefault())},z=function(n){m.current&&(m.current=!1,e.onSlideEnd&&e.onSlideEnd({originalEvent:n,value:e.value}),A(),D(),C(),L())},F=function(e,n){j(),R(),T(0,n)},H=function(e,n){N(),P(),T(0,n)},U=function(n,r){if(!e.disabled){u.current=r;var t=n.key;"ArrowRight"===t||"ArrowUp"===t?_(n,1):"ArrowLeft"!==t&&"ArrowDown"!==t||_(n,-1)}},W=function(){var e=a.current.getBoundingClientRect();p.current=e.left+t.DomHandler.getWindowScrollLeft(),y.current=e.top+t.DomHandler.getWindowScrollTop(),b.current=a.current.offsetWidth,g.current=a.current.offsetHeight},Y=function(n){var r=(w?100*((n.touches?n.touches[0].pageX:n.pageX)-p.current)/b.current:100*(y.current+g.current-(n.touches?n.touches[0].pageY:n.pageY))/g.current)/100*(e.max-e.min)+e.min;if(e.step){var t=e.range?E[u.current]:E,a=r-t;a<0?r=t+Math.ceil(r/e.step-t/e.step)*e.step:a>0&&(r=t+Math.floor(r/e.step-t/e.step)*e.step)}else r=Math.floor(r);return K(n,r)},K=function(n,r){var t,a=parseFloat(r.toFixed(10)),l=a;return e.range?(0===u.current?a<e.min?a=e.min:a>E[1]&&(a=E[1]):a>e.max?a=e.max:a<E[0]&&(a=E[0]),(l=o(t=E)||c(t)||s(t)||f())[u.current]=a,e.onChange&&e.onChange({originalEvent:n,value:l})):(a<e.min?a=e.min:a>e.max&&(a=e.max),l=a,e.onChange&&e.onChange({originalEvent:n,value:l})),l},X=function(n,r,a){var i={transition:m.current?"none":null,left:null!==n&&n+"%",bottom:r&&r+"%"},o=t.classNames("p-slider-handle",{"p-slider-handle-start":0===a,"p-slider-handle-end":1===a,"p-slider-handle-active":u.current===a});return l.createElement("span",{className:o,style:i,tabIndex:e.tabIndex,role:"slider",onMouseDown:function(e){return F(0,a)},onTouchStart:function(e){return H(0,a)},onKeyDown:function(e){return U(e,a)},"aria-valuemin":e.min,"aria-valuemax":e.max,"aria-valuenow":n||r,"aria-labelledby":e["aria-labelledby"],"aria-label":e["aria-label"],"aria-orientation":e.orientation})};l.useImperativeHandle(n,(function(){return{props:e,getElement:function(){return a.current}}}));var B,$,q,G,J=t.ObjectUtils.findDiffKeys(e,h.defaultProps),Q=t.classNames("p-slider p-component",e.className,{"p-disabled":e.disabled,"p-slider-horizontal":w,"p-slider-vertical":S}),V=e.range?(B=100*(E[0]<e.min?0:E[0]-e.min)/(e.max-e.min),$=100*(E[1]>e.max?100:E[1]-e.min)/(e.max-e.min),q=w?X(B,null,0):X(null,B,0),G=w?X($,null,1):X(null,$,1),l.createElement(l.Fragment,null,l.createElement("span",{className:"p-slider-range",style:w?{left:B+"%",width:$-B+"%"}:{bottom:B+"%",height:$-B+"%"}}),q,G)):function(){var n;n=E<e.min?0:E>e.max?100:100*(E-e.min)/(e.max-e.min);var r=w?{width:n+"%"}:{height:n+"%"},t=w?X(n,null,null):X(null,n,null);return l.createElement(l.Fragment,null,l.createElement("span",{className:"p-slider-range",style:r}),t)}();return l.createElement("div",i({ref:a,id:e.id,style:e.style,className:Q},J,{onClick:function(n){if(!e.disabled){if(!d.current){W();var r=Y(n);e.onSlideEnd&&e.onSlideEnd({originalEvent:n,value:r})}d.current=!1}}}),V)})));return h.displayName="Slider",h.defaultProps={__TYPE:"Slider",id:null,value:null,min:0,max:100,orientation:"horizontal",step:null,range:!1,style:null,className:null,disabled:!1,tabIndex:0,onChange:null,onSlideEnd:null,"aria-label":null,"aria-labelledby":null},e.Slider=h,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.utils);

package/speeddial/speeddial.cjs.js

@@ -299,12 +299,20 @@ var SpeedDial = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
   }, [visibleState]);
   React__namespace.useImperativeHandle(ref, function () {
     return {
+      props: props,
       show: show,
-      hide: hide
+      hide: hide,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
     };
   });
 
   var createItem = function createItem(item, index) {
+    if (item.visible === false) {
+      return null;
+    }
+
     var style = getItemStyle(index);
     var disabled = item.disabled,
         _icon = item.icon,

package/speeddial/speeddial.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/button"),n=require("primereact/hooks"),r=require("primereact/ripple"),i=require("primereact/utils");function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var l=a(e);function o(){return o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},o.apply(this,arguments)}function c(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function s(e){if(Array.isArray(e))return e}function u(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,a=[],l=!0,o=!1;try{for(n=n.call(e);!(l=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);l=!0);}catch(e){o=!0,i=e}finally{try{l||null==n.return||n.return()}finally{if(o)throw i}}return a}}function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function f(e,t){if(e){if("string"==typeof e)return p(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?p(e,t):void 0}}function d(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function m(e,t){return s(e)||u(e,t)||f(e,t)||d()}function b(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function h(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?b(Object(n),!0).forEach((function(t){c(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):b(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var y=l.memo(l.forwardRef((function(e,a){var s,u=m(l.useState(!1),2),p=u[0],f=u[1],d=l.useRef(!1),b=l.useRef(null),v=l.useRef(null),g=e.onVisibleChange?e.visible:p,O=m(n.useEventListener({type:"click",listener:function(e){!d.current&&C(e)&&S(),d.current=!1},when:p}),2),w=O[0],j=O[1],N=function(){e.onVisibleChange?e.onVisibleChange(!0):f(!0),e.onShow&&e.onShow()},S=function(){e.onVisibleChange?e.onVisibleChange(!1):f(!1),e.onHide&&e.onHide()},I=function(t){g?S():N(),e.onClick&&e.onClick(t),d.current=!0},k=function(e,t){t.command&&t.command({originalEvent:e,item:t}),S(),d.current=!0,e.preventDefault()},C=function(e){return b.current&&!(b.current.isSameNode(e.target)||b.current.contains(e.target))},x=function(t){return(g?t:e.model.length-t-1)*e.transitionDelay},P=function(t){var n=e.type;if("linear"!==n){var r=e.model.length,i=e.radius||20*r;if("circle"===n){var a=2*Math.PI/r;return{left:"calc(".concat(i*Math.cos(a*t),"px + var(--item-diff-x, 0px))"),top:"calc(".concat(i*Math.sin(a*t),"px + var(--item-diff-y, 0px))")}}if("semi-circle"===n){var l=e.direction,o=Math.PI/(r-1),c="calc(".concat(i*Math.cos(o*t),"px + var(--item-diff-x, 0px))"),s="calc(".concat(i*Math.sin(o*t),"px + var(--item-diff-y, 0px))");if("up"===l)return{left:c,bottom:s};if("down"===l)return{left:c,top:s};if("left"===l)return{right:s,top:c};if("right"===l)return{left:s,top:c}}else if("quarter-circle"===n){var u=e.direction,p=Math.PI/(2*(r-1)),f="calc(".concat(i*Math.cos(p*t),"px + var(--item-diff-x, 0px))"),d="calc(".concat(i*Math.sin(p*t),"px + var(--item-diff-y, 0px))");if("up-left"===u)return{right:f,bottom:d};if("up-right"===u)return{left:f,bottom:d};if("down-left"===u)return{right:d,top:f};if("down-right"===u)return{left:d,top:f}}}return{}},E=function(e){var t=x(e),n=P(e);return h({transitionDelay:"".concat(t,"ms")},n)};n.useMountEffect((function(){if("linear"!==e.type){var t=i.DomHandler.findSingle(b.current,".p-speeddial-button"),n=i.DomHandler.findSingle(v.current,".p-speeddial-item");if(t&&n){var r=Math.abs(t.offsetWidth-n.offsetWidth),a=Math.abs(t.offsetHeight-n.offsetHeight);v.current.style.setProperty("--item-diff-x","".concat(r/2,"px")),v.current.style.setProperty("--item-diff-y","".concat(a/2,"px"))}}})),n.useUpdateEffect((function(){return p&&e.hideOnClickOutside&&w(),function(){e.hideOnClickOutside&&j()}}),[p]),l.useImperativeHandle(a,(function(){return{show:N,hide:S}}));var D,M=function(t,n){var a=E(n),o=t.icon,c=t.label,s=t.template,u=t.url,p=t.target,f=i.classNames("p-speeddial-action",{"p-disabled":t.disabled}),d=i.classNames("p-speeddial-action-icon",o),m=i.IconUtils.getJSXIcon(o,{className:"p-speeddial-action-icon"},{props:e}),b=l.createElement("a",{href:u||"#",role:"menuitem",className:f,target:p,"data-pr-tooltip":c,onClick:function(e){return k(e,t)}},m,l.createElement(r.Ripple,null));s&&(b=i.ObjectUtils.getJSXElement(s,t,{onClick:function(e){return k(e,t)},className:f,iconClassName:d,element:b,props:e,visible:g}));return l.createElement("li",{key:n,className:"p-speeddial-item",style:a,role:"none"},b)},A=i.ObjectUtils.findDiffKeys(e,y.defaultProps),H=i.classNames("p-speeddial p-component p-speeddial-".concat(e.type),(c(s={},"p-speeddial-direction-".concat(e.direction),"circle"!==e.type),c(s,"p-speeddial-opened",g),c(s,"p-disabled",e.disabled),s),e.className),U=function(){var n,r=!g&&!!e.showIcon||!e.hideIcon,a=g&&!!e.hideIcon,o=i.classNames("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":e.rotateAnimation&&!e.hideIcon},e.buttonClassName),s=i.classNames((c(n={},"".concat(e.showIcon),!g&&!!e.showIcon||!e.hideIcon),c(n,"".concat(e.hideIcon),g&&!!e.hideIcon),n)),u=i.IconUtils.getJSXIcon(r?e.showIcon:a?e.hideIcon:null,void 0,{props:e}),p=l.createElement(t.Button,{type:"button",style:e.buttonStyle,className:o,icon:u,onClick:I,disabled:e.disabled});return e.buttonTemplate?i.ObjectUtils.getJSXElement(e.buttonTemplate,{onClick:I,className:o,iconClassName:s,element:p,props:e,visible:g}):p}(),q=(D=e.model?e.model.map(M):null,l.createElement("ul",{ref:v,className:"p-speeddial-list",role:"menu"},D)),V=function(){if(e.mask){var t=i.classNames("p-speeddial-mask",{"p-speeddial-mask-visible":g},e.maskClassName);return l.createElement("div",{className:t,style:e.maskStyle})}return null}();return l.createElement(l.Fragment,null,l.createElement("div",o({ref:b,id:e.id,className:H,style:e.style},A),U,q),V)})));y.displayName="SpeedDial",y.defaultProps={__TYPE:"SpeedDial",id:null,model:null,visible:!1,style:null,className:null,direction:"up",transitionDelay:30,type:"linear",radius:0,mask:!1,disabled:!1,hideOnClickOutside:!0,buttonStyle:null,buttonClassName:null,buttonTemplate:null,maskStyle:null,maskClassName:null,showIcon:"pi pi-plus",hideIcon:null,rotateAnimation:!0,onVisibleChange:null,onClick:null,onShow:null,onHide:null},exports.SpeedDial=y;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/button"),n=require("primereact/hooks"),r=require("primereact/ripple"),i=require("primereact/utils");function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var a=l(e);function o(){return o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},o.apply(this,arguments)}function c(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function s(e){if(Array.isArray(e))return e}function u(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,l=[],a=!0,o=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);a=!0);}catch(e){o=!0,i=e}finally{try{a||null==n.return||n.return()}finally{if(o)throw i}}return l}}function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function f(e,t){if(e){if("string"==typeof e)return p(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?p(e,t):void 0}}function d(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function m(e,t){return s(e)||u(e,t)||f(e,t)||d()}function b(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function h(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?b(Object(n),!0).forEach((function(t){c(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):b(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var y=a.memo(a.forwardRef((function(e,l){var s,u=m(a.useState(!1),2),p=u[0],f=u[1],d=a.useRef(!1),b=a.useRef(null),v=a.useRef(null),g=e.onVisibleChange?e.visible:p,O=m(n.useEventListener({type:"click",listener:function(e){!d.current&&C(e)&&S(),d.current=!1},when:p}),2),w=O[0],j=O[1],N=function(){e.onVisibleChange?e.onVisibleChange(!0):f(!0),e.onShow&&e.onShow()},S=function(){e.onVisibleChange?e.onVisibleChange(!1):f(!1),e.onHide&&e.onHide()},I=function(t){g?S():N(),e.onClick&&e.onClick(t),d.current=!0},k=function(e,t){t.command&&t.command({originalEvent:e,item:t}),S(),d.current=!0,e.preventDefault()},C=function(e){return b.current&&!(b.current.isSameNode(e.target)||b.current.contains(e.target))},x=function(t){return(g?t:e.model.length-t-1)*e.transitionDelay},P=function(t){var n=e.type;if("linear"!==n){var r=e.model.length,i=e.radius||20*r;if("circle"===n){var l=2*Math.PI/r;return{left:"calc(".concat(i*Math.cos(l*t),"px + var(--item-diff-x, 0px))"),top:"calc(".concat(i*Math.sin(l*t),"px + var(--item-diff-y, 0px))")}}if("semi-circle"===n){var a=e.direction,o=Math.PI/(r-1),c="calc(".concat(i*Math.cos(o*t),"px + var(--item-diff-x, 0px))"),s="calc(".concat(i*Math.sin(o*t),"px + var(--item-diff-y, 0px))");if("up"===a)return{left:c,bottom:s};if("down"===a)return{left:c,top:s};if("left"===a)return{right:s,top:c};if("right"===a)return{left:s,top:c}}else if("quarter-circle"===n){var u=e.direction,p=Math.PI/(2*(r-1)),f="calc(".concat(i*Math.cos(p*t),"px + var(--item-diff-x, 0px))"),d="calc(".concat(i*Math.sin(p*t),"px + var(--item-diff-y, 0px))");if("up-left"===u)return{right:f,bottom:d};if("up-right"===u)return{left:f,bottom:d};if("down-left"===u)return{right:d,top:f};if("down-right"===u)return{left:d,top:f}}}return{}},E=function(e){var t=x(e),n=P(e);return h({transitionDelay:"".concat(t,"ms")},n)};n.useMountEffect((function(){if("linear"!==e.type){var t=i.DomHandler.findSingle(b.current,".p-speeddial-button"),n=i.DomHandler.findSingle(v.current,".p-speeddial-item");if(t&&n){var r=Math.abs(t.offsetWidth-n.offsetWidth),l=Math.abs(t.offsetHeight-n.offsetHeight);v.current.style.setProperty("--item-diff-x","".concat(r/2,"px")),v.current.style.setProperty("--item-diff-y","".concat(l/2,"px"))}}})),n.useUpdateEffect((function(){return p&&e.hideOnClickOutside&&w(),function(){e.hideOnClickOutside&&j()}}),[p]),a.useImperativeHandle(l,(function(){return{props:e,show:N,hide:S,getElement:function(){return b.current}}}));var D,M=function(t,n){if(!1===t.visible)return null;var l=E(n),o=t.icon,c=t.label,s=t.template,u=t.url,p=t.target,f=i.classNames("p-speeddial-action",{"p-disabled":t.disabled}),d=i.classNames("p-speeddial-action-icon",o),m=i.IconUtils.getJSXIcon(o,{className:"p-speeddial-action-icon"},{props:e}),b=a.createElement("a",{href:u||"#",role:"menuitem",className:f,target:p,"data-pr-tooltip":c,onClick:function(e){return k(e,t)}},m,a.createElement(r.Ripple,null));s&&(b=i.ObjectUtils.getJSXElement(s,t,{onClick:function(e){return k(e,t)},className:f,iconClassName:d,element:b,props:e,visible:g}));return a.createElement("li",{key:n,className:"p-speeddial-item",style:l,role:"none"},b)},A=i.ObjectUtils.findDiffKeys(e,y.defaultProps),H=i.classNames("p-speeddial p-component p-speeddial-".concat(e.type),(c(s={},"p-speeddial-direction-".concat(e.direction),"circle"!==e.type),c(s,"p-speeddial-opened",g),c(s,"p-disabled",e.disabled),s),e.className),U=function(){var n,r=!g&&!!e.showIcon||!e.hideIcon,l=g&&!!e.hideIcon,o=i.classNames("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":e.rotateAnimation&&!e.hideIcon},e.buttonClassName),s=i.classNames((c(n={},"".concat(e.showIcon),!g&&!!e.showIcon||!e.hideIcon),c(n,"".concat(e.hideIcon),g&&!!e.hideIcon),n)),u=i.IconUtils.getJSXIcon(r?e.showIcon:l?e.hideIcon:null,void 0,{props:e}),p=a.createElement(t.Button,{type:"button",style:e.buttonStyle,className:o,icon:u,onClick:I,disabled:e.disabled});return e.buttonTemplate?i.ObjectUtils.getJSXElement(e.buttonTemplate,{onClick:I,className:o,iconClassName:s,element:p,props:e,visible:g}):p}(),q=(D=e.model?e.model.map(M):null,a.createElement("ul",{ref:v,className:"p-speeddial-list",role:"menu"},D)),V=function(){if(e.mask){var t=i.classNames("p-speeddial-mask",{"p-speeddial-mask-visible":g},e.maskClassName);return a.createElement("div",{className:t,style:e.maskStyle})}return null}();return a.createElement(a.Fragment,null,a.createElement("div",o({ref:b,id:e.id,className:H,style:e.style},A),U,q),V)})));y.displayName="SpeedDial",y.defaultProps={__TYPE:"SpeedDial",id:null,model:null,visible:!1,style:null,className:null,direction:"up",transitionDelay:30,type:"linear",radius:0,mask:!1,disabled:!1,hideOnClickOutside:!0,buttonStyle:null,buttonClassName:null,buttonTemplate:null,maskStyle:null,maskClassName:null,showIcon:"pi pi-plus",hideIcon:null,rotateAnimation:!0,onVisibleChange:null,onClick:null,onShow:null,onHide:null},exports.SpeedDial=y;

package/speeddial/speeddial.d.ts

@@ -17,12 +17,9 @@ interface SpeedDialButtonOptions {
     visible: boolean;
 }
 
-export interface SpeedDialProps {
-    id?: string;
+export interface SpeedDialProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
     model?: MenuItem[];
     visible?: boolean;
-    style?: object;
-    className?: string;
     direction?: SpeedDialDirectionType;
     transitionDelay?: number;
     type?: SpeedDialType;
@@ -48,4 +45,5 @@ export interface SpeedDialProps {
 export declare class SpeedDial extends React.Component<SpeedDialProps, any> {
     public show(): void;
     public hide(): void;
+    public getElement(): HTMLDivElement;
 }

package/speeddial/speeddial.esm.js

@@ -275,12 +275,20 @@ var SpeedDial = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   }, [visibleState]);
   React.useImperativeHandle(ref, function () {
     return {
+      props: props,
       show: show,
-      hide: hide
+      hide: hide,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
     };
   });
 
   var createItem = function createItem(item, index) {
+    if (item.visible === false) {
+      return null;
+    }
+
     var style = getItemStyle(index);
     var disabled = item.disabled,
         _icon = item.icon,