primereact 8.0.0-rc.1 → 8.0.0-rc.2

package/resources/themes/vela-purple/theme.css

@@ -355,14 +355,16 @@
 .p-datepicker .p-datepicker-header .p-datepicker-title {
   line-height: 2rem;
 }
-.p-datepicker .p-datepicker-header .p-datepicker-title select {
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
+  color: rgba(255, 255, 255, 0.87);
+  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+  font-weight: 600;
+  padding: 0.5rem;
 }
-.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: 0 0 0 1px #cf95d9;
-  border-color: #BA68C8;
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
+  color: #BA68C8;
 }
 .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
   margin-right: 0.5rem;
@@ -460,8 +462,20 @@
   color: rgba(255, 255, 255, 0.87);
   background: rgba(186, 104, 200, 0.16);
 }
+.p-datepicker .p-yearpicker {
+  margin: 0.5rem 0;
+}
+.p-datepicker .p-yearpicker .p-yearpicker-year {
+  padding: 0.5rem;
+  transition: box-shadow 0.2s;
+  border-radius: 3px;
+}
+.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
+  color: rgba(255, 255, 255, 0.87);
+  background: rgba(186, 104, 200, 0.16);
+}
 .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
-  border-right: 1px solid #304562;
+  border-left: 1px solid #304562;
   padding-right: 0.5rem;
   padding-left: 0.5rem;
   padding-top: 0;
@@ -472,7 +486,7 @@
 }
 .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
   padding-right: 0;
-  border-right: 0 none;
+  border-left: 0 none;
 }
 .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
   background: rgba(255, 255, 255, 0.03);
@@ -482,10 +496,18 @@
   outline-offset: 0;
   box-shadow: 0 0 0 1px #cf95d9;
 }
-.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
+  background: rgba(255, 255, 255, 0.03);
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 1px #cf95d9;
+}
+.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
   background: rgba(255, 255, 255, 0.03);
 }
-.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
+.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 1px #cf95d9;
@@ -4562,7 +4584,23 @@
   .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list {
     margin: auto 0;
   }
-  .p-dock .p-dock-list .p-dock-item {
+  .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev,
+.p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next,
+.p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev,
+.p-dock.p-dock-magnification.p-dock-top .p-dock-item-next,
+.p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev,
+.p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next,
+.p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev,
+.p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next,
+.p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev,
+.p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next,
+.p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev,
+.p-dock.p-dock-magnification.p-dock-left .p-dock-item-next,
+.p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev,
+.p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next,
+.p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev,
+.p-dock.p-dock-magnification.p-dock-right .p-dock-item-next,
+.p-dock.p-dock-magnification.p-dock-right .p-dock-item-current {
     transform: none;
     margin: 0;
   }
@@ -5838,7 +5876,7 @@
   background: #BA68C8;
 }
 .p-progressbar .p-progressbar-label {
-  color: rgba(255, 255, 255, 0.87);
+  color: #ffffff;
   line-height: 1.5rem;
 }
 

package/ripple/ripple.cjs.js

@@ -94,6 +94,7 @@ var Ripple = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
     }
   });
   return PrimeReact__default["default"].ripple ? /*#__PURE__*/React__namespace.createElement("span", {
+    role: "presentation",
     ref: inkRef,
     className: "p-ink",
     onAnimationEnd: onAnimationEnd

package/ripple/ripple.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/api"),t=require("primereact/hooks"),n=require("primereact/utils");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var o=c(e),a=u(r),l=o.memo(o.forwardRef((function(){var e=o.useRef(null),r=o.useRef(null),u=function(){return e.current&&e.current.parentElement},c=function(){r.current&&r.current.addEventListener("mousedown",l)},l=function(t){if(e.current&&"none"!==getComputedStyle(e.current,null).display){if(n.DomHandler.removeClass(e.current,"p-ink-active"),!n.DomHandler.getHeight(e.current)&&!n.DomHandler.getWidth(e.current)){var u=Math.max(n.DomHandler.getOuterWidth(r.current),n.DomHandler.getOuterHeight(r.current));e.current.style.height=u+"px",e.current.style.width=u+"px"}var c=n.DomHandler.getOffset(r.current),o=t.pageX-c.left+document.body.scrollTop-n.DomHandler.getWidth(e.current)/2,a=t.pageY-c.top+document.body.scrollLeft-n.DomHandler.getHeight(e.current)/2;e.current.style.top=a+"px",e.current.style.left=o+"px",n.DomHandler.addClass(e.current,"p-ink-active")}};return t.useMountEffect((function(){e.current&&(r.current=u(),c())})),t.useUpdateEffect((function(){e.current&&!r.current&&(r.current=u(),c())})),t.useUnmountEffect((function(){e.current&&(r.current=null,r.current&&r.current.removeEventListener("mousedown",l))})),a.default.ripple?o.createElement("span",{ref:e,className:"p-ink",onAnimationEnd:function(e){n.DomHandler.removeClass(e.currentTarget,"p-ink-active")}}):null})));l.displayName="Ripple",l.defaultProps={__TYPE:"Ripple"},exports.Ripple=l;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/api"),t=require("primereact/hooks"),n=require("primereact/utils");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var o=c(e),a=u(r),l=o.memo(o.forwardRef((function(){var e=o.useRef(null),r=o.useRef(null),u=function(){return e.current&&e.current.parentElement},c=function(){r.current&&r.current.addEventListener("mousedown",l)},l=function(t){if(e.current&&"none"!==getComputedStyle(e.current,null).display){if(n.DomHandler.removeClass(e.current,"p-ink-active"),!n.DomHandler.getHeight(e.current)&&!n.DomHandler.getWidth(e.current)){var u=Math.max(n.DomHandler.getOuterWidth(r.current),n.DomHandler.getOuterHeight(r.current));e.current.style.height=u+"px",e.current.style.width=u+"px"}var c=n.DomHandler.getOffset(r.current),o=t.pageX-c.left+document.body.scrollTop-n.DomHandler.getWidth(e.current)/2,a=t.pageY-c.top+document.body.scrollLeft-n.DomHandler.getHeight(e.current)/2;e.current.style.top=a+"px",e.current.style.left=o+"px",n.DomHandler.addClass(e.current,"p-ink-active")}};return t.useMountEffect((function(){e.current&&(r.current=u(),c())})),t.useUpdateEffect((function(){e.current&&!r.current&&(r.current=u(),c())})),t.useUnmountEffect((function(){e.current&&(r.current=null,r.current&&r.current.removeEventListener("mousedown",l))})),a.default.ripple?o.createElement("span",{role:"presentation",ref:e,className:"p-ink",onAnimationEnd:function(e){n.DomHandler.removeClass(e.currentTarget,"p-ink-active")}}):null})));l.displayName="Ripple",l.defaultProps={__TYPE:"Ripple"},exports.Ripple=l;

package/ripple/ripple.d.ts

@@ -1,5 +1,7 @@
 import * as React from 'react';
 
-export interface RippleProps {}
+export interface RippleProps {
+    children?: React.ReactNode;
+}
 
 export declare class Ripple extends React.Component<RippleProps, any> { }

package/ripple/ripple.esm.js

@@ -67,6 +67,7 @@ var Ripple = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function ()
     }
   });
   return PrimeReact.ripple ? /*#__PURE__*/React.createElement("span", {
+    role: "presentation",
     ref: inkRef,
     className: "p-ink",
     onAnimationEnd: onAnimationEnd

package/ripple/ripple.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import r from"primereact/api";import{useMountEffect as t,useUpdateEffect as n,useUnmountEffect as u}from"primereact/hooks";import{DomHandler as c}from"primereact/utils";var i=e.memo(e.forwardRef((function(){var i=e.useRef(null),o=e.useRef(null),a=function(){return i.current&&i.current.parentElement},l=function(){o.current&&o.current.addEventListener("mousedown",p)},p=function(e){if(i.current&&"none"!==getComputedStyle(i.current,null).display){if(c.removeClass(i.current,"p-ink-active"),!c.getHeight(i.current)&&!c.getWidth(i.current)){var r=Math.max(c.getOuterWidth(o.current),c.getOuterHeight(o.current));i.current.style.height=r+"px",i.current.style.width=r+"px"}var t=c.getOffset(o.current),n=e.pageX-t.left+document.body.scrollTop-c.getWidth(i.current)/2,u=e.pageY-t.top+document.body.scrollLeft-c.getHeight(i.current)/2;i.current.style.top=u+"px",i.current.style.left=n+"px",c.addClass(i.current,"p-ink-active")}};return t((function(){i.current&&(o.current=a(),l())})),n((function(){i.current&&!o.current&&(o.current=a(),l())})),u((function(){i.current&&(o.current=null,o.current&&o.current.removeEventListener("mousedown",p))})),r.ripple?e.createElement("span",{ref:i,className:"p-ink",onAnimationEnd:function(e){c.removeClass(e.currentTarget,"p-ink-active")}}):null})));i.displayName="Ripple",i.defaultProps={__TYPE:"Ripple"};export{i as Ripple};
+import*as e from"react";import r from"primereact/api";import{useMountEffect as t,useUpdateEffect as n,useUnmountEffect as u}from"primereact/hooks";import{DomHandler as c}from"primereact/utils";var i=e.memo(e.forwardRef((function(){var i=e.useRef(null),o=e.useRef(null),a=function(){return i.current&&i.current.parentElement},l=function(){o.current&&o.current.addEventListener("mousedown",p)},p=function(e){if(i.current&&"none"!==getComputedStyle(i.current,null).display){if(c.removeClass(i.current,"p-ink-active"),!c.getHeight(i.current)&&!c.getWidth(i.current)){var r=Math.max(c.getOuterWidth(o.current),c.getOuterHeight(o.current));i.current.style.height=r+"px",i.current.style.width=r+"px"}var t=c.getOffset(o.current),n=e.pageX-t.left+document.body.scrollTop-c.getWidth(i.current)/2,u=e.pageY-t.top+document.body.scrollLeft-c.getHeight(i.current)/2;i.current.style.top=u+"px",i.current.style.left=n+"px",c.addClass(i.current,"p-ink-active")}};return t((function(){i.current&&(o.current=a(),l())})),n((function(){i.current&&!o.current&&(o.current=a(),l())})),u((function(){i.current&&(o.current=null,o.current&&o.current.removeEventListener("mousedown",p))})),r.ripple?e.createElement("span",{role:"presentation",ref:i,className:"p-ink",onAnimationEnd:function(e){c.removeClass(e.currentTarget,"p-ink-active")}}):null})));i.displayName="Ripple",i.defaultProps={__TYPE:"Ripple"};export{i as Ripple};

package/ripple/ripple.js

@@ -89,6 +89,7 @@ this.primereact.ripple = (function (exports, React, PrimeReact, hooks, utils) {
         }
       });
       return PrimeReact__default["default"].ripple ? /*#__PURE__*/React__namespace.createElement("span", {
+        role: "presentation",
         ref: inkRef,
         className: "p-ink",
         onAnimationEnd: onAnimationEnd

package/ripple/ripple.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.ripple=function(e,t,r,n,u){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(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 o=i(t),a=c(r),l=o.memo(o.forwardRef((function(){var e=o.useRef(null),t=o.useRef(null),r=function(){return e.current&&e.current.parentElement},c=function(){t.current&&t.current.addEventListener("mousedown",i)},i=function(r){if(e.current&&"none"!==getComputedStyle(e.current,null).display){if(u.DomHandler.removeClass(e.current,"p-ink-active"),!u.DomHandler.getHeight(e.current)&&!u.DomHandler.getWidth(e.current)){var n=Math.max(u.DomHandler.getOuterWidth(t.current),u.DomHandler.getOuterHeight(t.current));e.current.style.height=n+"px",e.current.style.width=n+"px"}var c=u.DomHandler.getOffset(t.current),i=r.pageX-c.left+document.body.scrollTop-u.DomHandler.getWidth(e.current)/2,o=r.pageY-c.top+document.body.scrollLeft-u.DomHandler.getHeight(e.current)/2;e.current.style.top=o+"px",e.current.style.left=i+"px",u.DomHandler.addClass(e.current,"p-ink-active")}};return n.useMountEffect((function(){e.current&&(t.current=r(),c())})),n.useUpdateEffect((function(){e.current&&!t.current&&(t.current=r(),c())})),n.useUnmountEffect((function(){e.current&&(t.current=null,t.current&&t.current.removeEventListener("mousedown",i))})),a.default.ripple?o.createElement("span",{ref:e,className:"p-ink",onAnimationEnd:function(e){u.DomHandler.removeClass(e.currentTarget,"p-ink-active")}}):null})));return l.displayName="Ripple",l.defaultProps={__TYPE:"Ripple"},e.Ripple=l,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.ripple=function(e,t,r,n,u){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function o(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=o(t),a=c(r),l=i.memo(i.forwardRef((function(){var e=i.useRef(null),t=i.useRef(null),r=function(){return e.current&&e.current.parentElement},c=function(){t.current&&t.current.addEventListener("mousedown",o)},o=function(r){if(e.current&&"none"!==getComputedStyle(e.current,null).display){if(u.DomHandler.removeClass(e.current,"p-ink-active"),!u.DomHandler.getHeight(e.current)&&!u.DomHandler.getWidth(e.current)){var n=Math.max(u.DomHandler.getOuterWidth(t.current),u.DomHandler.getOuterHeight(t.current));e.current.style.height=n+"px",e.current.style.width=n+"px"}var c=u.DomHandler.getOffset(t.current),o=r.pageX-c.left+document.body.scrollTop-u.DomHandler.getWidth(e.current)/2,i=r.pageY-c.top+document.body.scrollLeft-u.DomHandler.getHeight(e.current)/2;e.current.style.top=i+"px",e.current.style.left=o+"px",u.DomHandler.addClass(e.current,"p-ink-active")}};return n.useMountEffect((function(){e.current&&(t.current=r(),c())})),n.useUpdateEffect((function(){e.current&&!t.current&&(t.current=r(),c())})),n.useUnmountEffect((function(){e.current&&(t.current=null,t.current&&t.current.removeEventListener("mousedown",o))})),a.default.ripple?i.createElement("span",{role:"presentation",ref:e,className:"p-ink",onAnimationEnd:function(e){u.DomHandler.removeClass(e.currentTarget,"p-ink-active")}}):null})));return l.displayName="Ripple",l.defaultProps={__TYPE:"Ripple"},e.Ripple=l,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.utils);

package/row/row.d.ts

@@ -3,6 +3,7 @@ import * as React from 'react';
 export interface RowProps {
     style?: object;
     className?: string;
+    children?: React.ReactNode;
 }
 
 export declare class Row extends React.Component<RowProps, any> { }

package/scrollpanel/scrollpanel.d.ts

@@ -4,6 +4,7 @@ export interface ScrollPanelProps {
     id?: string;
     style?: object;
     className?: string;
+    children?: React.ReactNode;
 }
 
 export declare class ScrollPanel extends React.Component<ScrollPanelProps, any> { }

package/scrolltop/scrolltop.d.ts

@@ -16,6 +16,7 @@ export interface ScrollTopProps {
     transitionOptions?: CSSTransitionProps;
     onShow?(): void;
     onHide?(): void;
+    children?: React.ReactNode;
 }
 
 export declare class ScrollTop extends React.Component<ScrollTopProps, any> { }

package/selectbutton/selectbutton.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import TooltipOptions from '../tooltip/tooltipoptions';
+import { SelectItemOptionsType } from '../selectitem/SelectItem';
 
 type SelectButtonOptionDisabledType = string | ((option: any) => boolean);
 
@@ -17,10 +18,10 @@ interface SelectButtonChangeParams {
     target: SelectButtonChangeTargetOptions;
 }
 
-export interface SelectButtonProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'unselectable' | 'onChange'> {
+export interface SelectButtonProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'unselectable' | 'onChange' | 'ref'> {
     id?: string;
     value?: any;
-    options?: any[];
+    options?: SelectItemOptionsType;
     optionLabel?: string;
     optionValue?: string;
     optionDisabled?: SelectButtonOptionDisabledType;
@@ -36,6 +37,7 @@ export interface SelectButtonProps extends Omit<React.DetailedHTMLProps<React.In
     ariaLabelledBy?: string;
     itemTemplate?(option: any): React.ReactNode;
     onChange?(e: SelectButtonChangeParams): void;
+    children?: React.ReactNode;
 }
 
 export declare class SelectButton extends React.Component<SelectButtonProps, any> { }

package/selectitem/selectitem.d.ts

@@ -1,5 +1,7 @@
 import { IconType } from '../utils';
 
+export type SelectItemOptionsType =  SelectItem[] | any[];
+
 export interface SelectItem {
     label?: string;
     value?: any;

package/sidebar/sidebar.d.ts

@@ -28,6 +28,7 @@ export interface SidebarProps {
     transitionOptions?: CSSTransitionProps;
     onShow?(): void;
     onHide(): void;
+    children?: React.ReactNode;
 }
 
 export declare class Sidebar extends React.Component<SidebarProps, any> { }

package/skeleton/skeleton.d.ts

@@ -13,6 +13,7 @@ export interface SkeletonProps {
     animation?: SkeletonAnimationType;
     style?: object;
     className?: string;
+    children?: React.ReactNode;
 }
 
 export declare class Skeleton extends React.Component<SkeletonProps, any> { }

package/slidemenu/slidemenu.cjs.js

@@ -152,6 +152,7 @@ var SlideMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
   var createSubmenu = function createSubmenu(item) {
     if (item.items) {
       return /*#__PURE__*/React__namespace.createElement(SlideMenuSub, {
+        menuProps: props.menuProps,
         model: item.items,
         index: props.index + 1,
         menuWidth: props.menuWidth,
@@ -173,8 +174,10 @@ var SlideMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
     }, item.className);
     var iconClassName = utils.classNames('p-menuitem-icon', item.icon);
     var submenuIconClassName = 'p-submenu-icon pi pi-fw pi-angle-right';
-    var icon = item.icon && /*#__PURE__*/React__namespace.createElement("span", {
-      className: iconClassName
+    var icon = utils.IconUtils.getJSXIcon(item.icon, {
+      className: 'p-menuitem-icon'
+    }, {
+      props: props.menuProps
     });
     var label = item.label && /*#__PURE__*/React__namespace.createElement("span", {
       className: "p-menuitem-text"
@@ -398,6 +401,7 @@ var SlideMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
       className: "p-slidemenu-content",
       ref: slideMenuContent
     }, /*#__PURE__*/React__namespace.createElement(SlideMenuSub, {
+      menuProps: props,
       model: props.model,
       root: true,
       index: 0,

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"),l=require("primereact/utils");function o(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=o(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 d(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i=[],l=!0,o=!1;try{for(n=n.call(e);!(l=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);l=!0);}catch(e){o=!0,a=e}finally{try{l||null==n.return||n.return()}finally{if(o)throw a}}return i}}function f(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 f(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)?f(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 b(e,t){return p(e)||d(e,t)||v(e,t)||y()}var h=c.memo((function(e){var t=b(c.useState(null),2),n=t[0],r=t[1],a=function(t,n){n.disabled?t.preventDefault():(n.url||t.preventDefault(),n.command&&n.command({originalEvent:t,item:n}),n.items&&(r(n),e.onForward()))},i=function(e){return c.createElement("li",{key:"separator_"+e,className:"p-menu-separator"})},o=function(t){return t.items?c.createElement(h,{model:t.items,index:e.index+1,menuWidth:e.menuWidth,effectDuration:e.effectDuration,onForward:e.onForward,parentActive:t===n}):null},u=function(t,r){var i=t.label+"_"+r,u=n===t,s=l.classNames("p-menuitem",{"p-menuitem-active":u,"p-disabled":t.disabled},t.className),m=l.classNames("p-menuitem-icon",t.icon),p="p-submenu-icon pi pi-fw pi-angle-right",d=t.icon&&c.createElement("span",{className:m}),f=t.label&&c.createElement("span",{className:"p-menuitem-text"},t.label),v=t.items&&c.createElement("span",{className:p}),y=o(t),b=c.createElement("a",{href:t.url||"#",className:"p-menuitem-link",target:t.target,onClick:function(e){return a(e,t)},"aria-disabled":t.disabled},d,f,v);t.template&&(b=l.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return a(e,t)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:m,submenuIconClassName:p,element:b,props:e,active:u}));return c.createElement("li",{key:i,className:s,style:t.style},b,y)},s=function(e,t){return e.separator?i(t):u(e,t)},m={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},p=l.classNames({"p-slidemenu-rootlist":e.root,"p-submenu-list":!e.root,"p-active-submenu":e.parentActive}),d=e.model?e.model.map(s):null;return c.createElement("ul",{className:p,style:m},d)}));h.displayName="SlideMenuSub";var g=c.memo(c.forwardRef((function(e,t){var o=b(c.useState(0),2),u=o[0],p=o[1],d=b(c.useState(!1),2),f=d[0],v=d[1],y=c.useRef(null),E=c.useRef(null),N=c.useRef(null),x=c.useRef(null),w=b(r.useOverlayListener({target:E,overlay:y,listener:function(e,t){t.valid&&A(e)},when:f}),2),S=w[0],O=w[1],k=function(t){e.popup&&a.OverlayService.emit("overlay-click",{originalEvent:t,target:E.current})},j=function(){p((function(e){return e+1}))},I=function(){p((function(e){return e-1}))},D=function(t){e.popup&&(f?A(t):P(t))},P=function(t){E.current=t.currentTarget,v(!0),e.onShow&&e.onShow(t)},A=function(t){E.current=t.currentTarget,v(!1),e.onHide&&e.onHide(t)},C=function(){e.autoZIndex&&l.ZIndexUtils.set("menu",y.current,s.default.autoZIndex,e.baseZIndex||s.default.zIndex.menu),l.DomHandler.absolutePosition(y.current,E.current)},T=function(){S()},U=function(){E.current=null,O()},W=function(){l.ZIndexUtils.clear(y.current),p(0)};r.useUpdateEffect((function(){p(0)}),[e.model]),r.useUnmountEffect((function(){l.ZIndexUtils.clear(y.current)})),c.useImperativeHandle(t,(function(){return{toggle:D,show:P,hide:A}}));var Z=function(){var t=l.classNames("p-slidemenu-backward",{"p-hidden":0===u});return c.createElement("div",{ref:N,className:t,onClick:I},c.createElement("span",{className:"p-slidemenu-backward-icon pi pi-fw pi-chevron-left"}),c.createElement("span",null,e.backLabel))},_=function(){var t=l.ObjectUtils.findDiffKeys(e,g.defaultProps),r=l.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:y,classNames:"p-connected-overlay",in:!e.popup||f,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:C,onEntered:T,onExit:U,onExited:W},c.createElement("div",m({ref:y,id:e.id,className:r,style:e.style},t,{onClick:k}),c.createElement("div",{className:"p-slidemenu-wrapper",style:a},c.createElement("div",{className:"p-slidemenu-content",ref:x},c.createElement(h,{model:e.model,root:!0,index:0,menuWidth:e.menuWidth,effectDuration:e.effectDuration,level:u,parentActive:0===u,onForward:j})),i)))}();return e.popup?c.createElement(i.Portal,{element:_,appendTo:e.appendTo}):_})));g.displayName="SlideMenu",g.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=g;
+"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"),l=require("primereact/utils");function o(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=o(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 d(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i=[],l=!0,o=!1;try{for(n=n.call(e);!(l=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);l=!0);}catch(e){o=!0,a=e}finally{try{l||null==n.return||n.return()}finally{if(o)throw a}}return i}}function f(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 f(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)?f(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 b(e,t){return p(e)||d(e,t)||v(e,t)||y()}var h=c.memo((function(e){var t=b(c.useState(null),2),n=t[0],r=t[1],a=function(t,n){n.disabled?t.preventDefault():(n.url||t.preventDefault(),n.command&&n.command({originalEvent:t,item:n}),n.items&&(r(n),e.onForward()))},i=function(e){return c.createElement("li",{key:"separator_"+e,className:"p-menu-separator"})},o=function(t){return t.items?c.createElement(h,{menuProps:e.menuProps,model:t.items,index:e.index+1,menuWidth:e.menuWidth,effectDuration:e.effectDuration,onForward:e.onForward,parentActive:t===n}):null},u=function(t,r){var i=t.label+"_"+r,u=n===t,s=l.classNames("p-menuitem",{"p-menuitem-active":u,"p-disabled":t.disabled},t.className),m=l.classNames("p-menuitem-icon",t.icon),p="p-submenu-icon pi pi-fw pi-angle-right",d=l.IconUtils.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:e.menuProps}),f=t.label&&c.createElement("span",{className:"p-menuitem-text"},t.label),v=t.items&&c.createElement("span",{className:p}),y=o(t),b=c.createElement("a",{href:t.url||"#",className:"p-menuitem-link",target:t.target,onClick:function(e){return a(e,t)},"aria-disabled":t.disabled},d,f,v);t.template&&(b=l.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return a(e,t)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:m,submenuIconClassName:p,element:b,props:e,active:u}));return c.createElement("li",{key:i,className:s,style:t.style},b,y)},s=function(e,t){return e.separator?i(t):u(e,t)},m={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},p=l.classNames({"p-slidemenu-rootlist":e.root,"p-submenu-list":!e.root,"p-active-submenu":e.parentActive}),d=e.model?e.model.map(s):null;return c.createElement("ul",{className:p,style:m},d)}));h.displayName="SlideMenuSub";var g=c.memo(c.forwardRef((function(e,t){var o=b(c.useState(0),2),u=o[0],p=o[1],d=b(c.useState(!1),2),f=d[0],v=d[1],y=c.useRef(null),E=c.useRef(null),N=c.useRef(null),x=c.useRef(null),w=b(r.useOverlayListener({target:E,overlay:y,listener:function(e,t){t.valid&&A(e)},when:f}),2),S=w[0],O=w[1],k=function(t){e.popup&&a.OverlayService.emit("overlay-click",{originalEvent:t,target:E.current})},I=function(){p((function(e){return e+1}))},j=function(){p((function(e){return e-1}))},P=function(t){e.popup&&(f?A(t):D(t))},D=function(t){E.current=t.currentTarget,v(!0),e.onShow&&e.onShow(t)},A=function(t){E.current=t.currentTarget,v(!1),e.onHide&&e.onHide(t)},C=function(){e.autoZIndex&&l.ZIndexUtils.set("menu",y.current,s.default.autoZIndex,e.baseZIndex||s.default.zIndex.menu),l.DomHandler.absolutePosition(y.current,E.current)},T=function(){S()},U=function(){E.current=null,O()},W=function(){l.ZIndexUtils.clear(y.current),p(0)};r.useUpdateEffect((function(){p(0)}),[e.model]),r.useUnmountEffect((function(){l.ZIndexUtils.clear(y.current)})),c.useImperativeHandle(t,(function(){return{toggle:P,show:D,hide:A}}));var Z=function(){var t=l.classNames("p-slidemenu-backward",{"p-hidden":0===u});return c.createElement("div",{ref:N,className:t,onClick:j},c.createElement("span",{className:"p-slidemenu-backward-icon pi pi-fw pi-chevron-left"}),c.createElement("span",null,e.backLabel))},_=function(){var t=l.ObjectUtils.findDiffKeys(e,g.defaultProps),r=l.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:y,classNames:"p-connected-overlay",in:!e.popup||f,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:C,onEntered:T,onExit:U,onExited:W},c.createElement("div",m({ref:y,id:e.id,className:r,style:e.style},t,{onClick:k}),c.createElement("div",{className:"p-slidemenu-wrapper",style:a},c.createElement("div",{className:"p-slidemenu-content",ref:x},c.createElement(h,{menuProps:e,model:e.model,root:!0,index:0,menuWidth:e.menuWidth,effectDuration:e.effectDuration,level:u,parentActive:0===u,onForward:I})),i)))}();return e.popup?c.createElement(i.Portal,{element:_,appendTo:e.appendTo}):_})));g.displayName="SlideMenu",g.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=g;

package/slidemenu/slidemenu.d.ts

@@ -21,6 +21,7 @@ export interface SlideMenuProps {
     transitionOptions?: CSSTransitionProps;
     onShow?(e: React.SyntheticEvent): void;
     onHide?(e: React.SyntheticEvent): void;
+    children?: React.ReactNode;
 }
 
 export declare class SlideMenu extends React.Component<SlideMenuProps, any> {

package/slidemenu/slidemenu.esm.js

@@ -4,7 +4,7 @@ import { CSSTransition } from 'primereact/csstransition';
 import { useOverlayListener, useUpdateEffect, useUnmountEffect } from 'primereact/hooks';
 import { OverlayService } from 'primereact/overlayservice';
 import { Portal } from 'primereact/portal';
-import { classNames, ObjectUtils, ZIndexUtils, DomHandler } from 'primereact/utils';
+import { classNames, IconUtils, ObjectUtils, ZIndexUtils, DomHandler } from 'primereact/utils';
 
 function _extends() {
   _extends = Object.assign || function (target) {
@@ -125,6 +125,7 @@ var SlideMenuSub = /*#__PURE__*/React.memo(function (props) {
   var createSubmenu = function createSubmenu(item) {
     if (item.items) {
       return /*#__PURE__*/React.createElement(SlideMenuSub, {
+        menuProps: props.menuProps,
         model: item.items,
         index: props.index + 1,
         menuWidth: props.menuWidth,
@@ -146,8 +147,10 @@ var SlideMenuSub = /*#__PURE__*/React.memo(function (props) {
     }, item.className);
     var iconClassName = classNames('p-menuitem-icon', item.icon);
     var submenuIconClassName = 'p-submenu-icon pi pi-fw pi-angle-right';
-    var icon = item.icon && /*#__PURE__*/React.createElement("span", {
-      className: iconClassName
+    var icon = IconUtils.getJSXIcon(item.icon, {
+      className: 'p-menuitem-icon'
+    }, {
+      props: props.menuProps
     });
     var label = item.label && /*#__PURE__*/React.createElement("span", {
       className: "p-menuitem-text"
@@ -371,6 +374,7 @@ var SlideMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       className: "p-slidemenu-content",
       ref: slideMenuContent
     }, /*#__PURE__*/React.createElement(SlideMenuSub, {
+      menuProps: props,
       model: props.model,
       root: true,
       index: 0,

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

package/slidemenu/slidemenu.js

@@ -144,6 +144,7 @@ this.primereact.slidemenu = (function (exports, React, PrimeReact, csstransition
     var createSubmenu = function createSubmenu(item) {
       if (item.items) {
         return /*#__PURE__*/React__namespace.createElement(SlideMenuSub, {
+          menuProps: props.menuProps,
           model: item.items,
           index: props.index + 1,
           menuWidth: props.menuWidth,
@@ -165,8 +166,10 @@ this.primereact.slidemenu = (function (exports, React, PrimeReact, csstransition
       }, item.className);
       var iconClassName = utils.classNames('p-menuitem-icon', item.icon);
       var submenuIconClassName = 'p-submenu-icon pi pi-fw pi-angle-right';
-      var icon = item.icon && /*#__PURE__*/React__namespace.createElement("span", {
-        className: iconClassName
+      var icon = utils.IconUtils.getJSXIcon(item.icon, {
+        className: 'p-menuitem-icon'
+      }, {
+        props: props.menuProps
       });
       var label = item.label && /*#__PURE__*/React__namespace.createElement("span", {
         className: "p-menuitem-text"
@@ -390,6 +393,7 @@ this.primereact.slidemenu = (function (exports, React, PrimeReact, csstransition
         className: "p-slidemenu-content",
         ref: slideMenuContent
       }, /*#__PURE__*/React__namespace.createElement(SlideMenuSub, {
+        menuProps: props,
         model: props.model,
         root: true,
         index: 0,

package/slidemenu/slidemenu.min.js

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

package/slider/slider.d.ts

@@ -26,6 +26,7 @@ export interface SliderProps extends Omit<React.DetailedHTMLProps<React.InputHTM
     ariaLabelledBy?: string;
     onChange?(e: SliderChangeParams): void;
     onSlideEnd?(e: SliderSlideEndParams): void;
+    children?: React.ReactNode;
 }
 
 export declare class Slider extends React.Component<SliderProps, any> { }

package/speeddial/speeddial.cjs.js

@@ -316,11 +316,11 @@ var SpeedDial = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
       'p-disabled': disabled
     });
     var iconClassName = utils.classNames('p-speeddial-action-icon', _icon);
-
-    var icon = _icon && /*#__PURE__*/React__namespace.createElement("span", {
-      className: iconClassName
+    var icon = utils.IconUtils.getJSXIcon(_icon, {
+      className: 'p-speeddial-action-icon'
+    }, {
+      props: props
     });
-
     var content = /*#__PURE__*/React__namespace.createElement("a", {
       href: url || '#',
       role: "menuitem",
@@ -370,15 +370,20 @@ var SpeedDial = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
   var createButton = function createButton() {
     var _classNames;
 
+    var showIconVisible = !visible && !!props.showIcon || !props.hideIcon;
+    var hideIconVisible = visible && !!props.hideIcon;
     var className = utils.classNames('p-speeddial-button p-button-rounded', {
       'p-speeddial-rotate': props.rotateAnimation && !props.hideIcon
     }, props.buttonClassName);
     var iconClassName = utils.classNames((_classNames = {}, _defineProperty(_classNames, "".concat(props.showIcon), !visible && !!props.showIcon || !props.hideIcon), _defineProperty(_classNames, "".concat(props.hideIcon), visible && !!props.hideIcon), _classNames));
+    var icon = utils.IconUtils.getJSXIcon(showIconVisible ? props.showIcon : hideIconVisible ? props.hideIcon : null, undefined, {
+      props: props
+    });
     var content = /*#__PURE__*/React__namespace.createElement(button.Button, {
       type: "button",
       style: props.buttonStyle,
       className: className,
-      icon: iconClassName,
+      icon: icon,
       onClick: onClick,
       disabled: props.disabled
     });

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 f(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 p(e,t){if(e){if("string"==typeof e)return f(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)?f(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)||p(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 y(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 h=l.memo(l.forwardRef((function(e,a){var s,u=m(l.useState(!1),2),f=u[0],p=u[1],d=l.useRef(!1),b=l.useRef(null),v=l.useRef(null),g=e.onVisibleChange?e.visible:f,O=m(n.useEventListener({type:"click",listener:function(e){!d.current&&x(e)&&k(),d.current=!1},when:f}),2),j=O[0],w=O[1],N=function(){e.onVisibleChange?e.onVisibleChange(!0):p(!0),e.onShow&&e.onShow()},k=function(){e.onVisibleChange?e.onVisibleChange(!1):p(!1),e.onHide&&e.onHide()},C=function(t){g?k():N(),e.onClick&&e.onClick(t),d.current=!0},S=function(e,t){t.command&&t.command({originalEvent:e,item:t}),k(),d.current=!0,e.preventDefault()},x=function(e){return b.current&&!(b.current.isSameNode(e.target)||b.current.contains(e.target))},P=function(t){return(g?t:e.model.length-t-1)*e.transitionDelay},E=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,f=Math.PI/(2*(r-1)),p="calc(".concat(i*Math.cos(f*t),"px + var(--item-diff-x, 0px))"),d="calc(".concat(i*Math.sin(f*t),"px + var(--item-diff-y, 0px))");if("up-left"===u)return{right:p,bottom:d};if("up-right"===u)return{left:p,bottom:d};if("down-left"===u)return{right:d,top:p};if("down-right"===u)return{left:d,top:p}}}return{}},D=function(e){var t=P(e),n=E(e);return y({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 f&&e.hideOnClickOutside&&j(),function(){e.hideOnClickOutside&&w()}}),[f]),l.useImperativeHandle(a,(function(){return{show:N,hide:k}}));var I,M=function(t,n){var a=D(n),o=t.icon,c=t.label,s=t.template,u=t.url,f=t.target,p=i.classNames("p-speeddial-action",{"p-disabled":t.disabled}),d=i.classNames("p-speeddial-action-icon",o),m=l.createElement("a",{href:u||"#",role:"menuitem",className:p,target:f,"data-pr-tooltip":c,onClick:function(e){return S(e,t)}},o&&l.createElement("span",{className:d}),l.createElement(r.Ripple,null));s&&(m=i.ObjectUtils.getJSXElement(s,t,{onClick:function(e){return S(e,t)},className:p,iconClassName:d,element:m,props:e,visible:g}));return l.createElement("li",{key:n,className:"p-speeddial-item",style:a,role:"none"},m)},A=i.ObjectUtils.findDiffKeys(e,h.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),q=function(){var n,r=i.classNames("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":e.rotateAnimation&&!e.hideIcon},e.buttonClassName),a=i.classNames((c(n={},"".concat(e.showIcon),!g&&!!e.showIcon||!e.hideIcon),c(n,"".concat(e.hideIcon),g&&!!e.hideIcon),n)),o=l.createElement(t.Button,{type:"button",style:e.buttonStyle,className:r,icon:a,onClick:C,disabled:e.disabled});return e.buttonTemplate?i.ObjectUtils.getJSXElement(e.buttonTemplate,{onClick:C,className:r,iconClassName:a,element:o,props:e,visible:g}):o}(),V=(I=e.model?e.model.map(M):null,l.createElement("ul",{ref:v,className:"p-speeddial-list",role:"menu"},I)),_=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),q,V),_)})));h.displayName="SpeedDial",h.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=h;
+"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;

package/speeddial/speeddial.d.ts

@@ -42,6 +42,7 @@ export interface SpeedDialProps {
     onClick?(event: React.MouseEvent<HTMLElement>): void;
     onShow?(): void;
     onHide?(): void;
+    children?: React.ReactNode;
 }
 
 export declare class SpeedDial extends React.Component<SpeedDialProps, any> {