primereact 8.0.1 → 8.2.0

package/resources/themes/tailwind-light/theme.css

@@ -42,6 +42,7 @@
   --surface-hover: #f4f4f5;
   --maskbg: rgba(0, 0, 0, 0.4);
   --focus-ring: 0 0 0 1px #6366F1;
+  color-scheme: light;
 }
 
 @font-face {
@@ -1093,7 +1094,7 @@
 .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
   background: #4338CA;
 }
-.p-inputswitch.p-invalid {
+.p-inputswitch.p-invalid .p-inputswitch-slider {
   border-color: #f0a9a7;
 }
 
@@ -3559,6 +3560,19 @@
   border-top-right-radius: 0.375rem;
   border-top-left-radius: 0.375rem;
 }
+.p-picklist .p-picklist-filter-container {
+  padding: 1.25rem;
+  background: #ffffff;
+  border: 1px solid #e5e7eb;
+  border-bottom: 0 none;
+}
+.p-picklist .p-picklist-filter-container .p-picklist-filter-input {
+  padding-right: 1.75rem;
+}
+.p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
+  right: 0.75rem;
+  color: #71717A;
+}
 .p-picklist .p-picklist-list {
   border: 1px solid #e5e7eb;
   background: #ffffff;
@@ -4325,6 +4339,10 @@
   color: #3f3f46;
   padding: 0 1.5rem 1.5rem 1.5rem;
 }
+.p-dialog .p-dialog-content:last-of-type {
+  border-bottom-right-radius: 0.375rem;
+  border-bottom-left-radius: 0.375rem;
+}
 .p-dialog .p-dialog-footer {
   border-top: 0 none;
   background: #ffffff;
@@ -4378,7 +4396,7 @@
 .p-overlaypanel:before {
   border: solid transparent;
   border-color: rgba(255, 255, 255, 0);
-  border-bottom-color: #ffffff;
+  border-bottom-color: #f2f2f2;
 }
 .p-overlaypanel.p-overlaypanel-flipped:after {
   border-top-color: #ffffff;
@@ -5123,7 +5141,6 @@
   border: 1px solid #e5e7eb;
   background: #ffffff;
   color: #3f3f46;
-  margin-bottom: 0;
   border-top: 0;
   border-top-right-radius: 0;
   border-top-left-radius: 0;
@@ -6003,10 +6020,6 @@
   color: #ffffff;
 }
 
-.p-virtualscroller-loading-icon {
-  font-size: 2rem;
-}
-
 /* Customizations to the designer theme should be defined here */
 .p-inputtext, .p-togglebutton, .p-selectbutton, .p-inputgroup {
   box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(0, 0, 0, 0.05);

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

@@ -42,6 +42,7 @@
   --surface-hover:rgba(255,255,255,.03);
   --maskbg: rgba(0, 0, 0, 0.4);
   --focus-ring: 0 0 0 1px #93cbf9;
+  color-scheme: light dark;
 }
 
 * {
@@ -1058,7 +1059,7 @@
 .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
   background: #43a5f4;
 }
-.p-inputswitch.p-invalid {
+.p-inputswitch.p-invalid .p-inputswitch-slider {
   border-color: #ef9a9a;
 }
 
@@ -3524,6 +3525,19 @@
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
+.p-picklist .p-picklist-filter-container {
+  padding: 1rem;
+  background: #1f2d40;
+  border: 1px solid #304562;
+  border-bottom: 0 none;
+}
+.p-picklist .p-picklist-filter-container .p-picklist-filter-input {
+  padding-right: 1.5rem;
+}
+.p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
+  right: 0.5rem;
+  color: rgba(255, 255, 255, 0.6);
+}
 .p-picklist .p-picklist-list {
   border: 1px solid #304562;
   background: #1f2d40;
@@ -4290,6 +4304,10 @@
   color: rgba(255, 255, 255, 0.87);
   padding: 0 1.5rem 2rem 1.5rem;
 }
+.p-dialog .p-dialog-content:last-of-type {
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px;
+}
 .p-dialog .p-dialog-footer {
   border-top: 0 none;
   background: #1f2d40;
@@ -4343,7 +4361,7 @@
 .p-overlaypanel:before {
   border: solid transparent;
   border-color: rgba(48, 69, 98, 0);
-  border-bottom-color: #304562;
+  border-bottom-color: #2e425d;
 }
 .p-overlaypanel.p-overlaypanel-flipped:after {
   border-top-color: #1f2d40;
@@ -5088,7 +5106,6 @@
   border: 1px solid #304562;
   background: #1f2d40;
   color: rgba(255, 255, 255, 0.87);
-  margin-bottom: 0;
   border-top: 0;
   border-top-right-radius: 0;
   border-top-left-radius: 0;
@@ -5968,10 +5985,6 @@
   color: #121212;
 }
 
-.p-virtualscroller-loading-icon {
-  font-size: 2rem;
-}
-
 /* Customizations to the designer theme should be defined here */
 .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
   background-color: #64B5F6;

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

@@ -42,6 +42,7 @@
   --surface-hover:rgba(255,255,255,.03);
   --maskbg: rgba(0, 0, 0, 0.4);
   --focus-ring: 0 0 0 1px #a7d8a9;
+  color-scheme: light dark;
 }
 
 * {
@@ -1058,7 +1059,7 @@
 .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
   background: #6abd6e;
 }
-.p-inputswitch.p-invalid {
+.p-inputswitch.p-invalid .p-inputswitch-slider {
   border-color: #ef9a9a;
 }
 
@@ -3524,6 +3525,19 @@
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
+.p-picklist .p-picklist-filter-container {
+  padding: 1rem;
+  background: #1f2d40;
+  border: 1px solid #304562;
+  border-bottom: 0 none;
+}
+.p-picklist .p-picklist-filter-container .p-picklist-filter-input {
+  padding-right: 1.5rem;
+}
+.p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
+  right: 0.5rem;
+  color: rgba(255, 255, 255, 0.6);
+}
 .p-picklist .p-picklist-list {
   border: 1px solid #304562;
   background: #1f2d40;
@@ -4290,6 +4304,10 @@
   color: rgba(255, 255, 255, 0.87);
   padding: 0 1.5rem 2rem 1.5rem;
 }
+.p-dialog .p-dialog-content:last-of-type {
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px;
+}
 .p-dialog .p-dialog-footer {
   border-top: 0 none;
   background: #1f2d40;
@@ -4343,7 +4361,7 @@
 .p-overlaypanel:before {
   border: solid transparent;
   border-color: rgba(48, 69, 98, 0);
-  border-bottom-color: #304562;
+  border-bottom-color: #2e425d;
 }
 .p-overlaypanel.p-overlaypanel-flipped:after {
   border-top-color: #1f2d40;
@@ -5088,7 +5106,6 @@
   border: 1px solid #304562;
   background: #1f2d40;
   color: rgba(255, 255, 255, 0.87);
-  margin-bottom: 0;
   border-top: 0;
   border-top-right-radius: 0;
   border-top-left-radius: 0;
@@ -5968,10 +5985,6 @@
   color: #121212;
 }
 
-.p-virtualscroller-loading-icon {
-  font-size: 2rem;
-}
-
 /* Customizations to the designer theme should be defined here */
 .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
   background-color: #81C784;

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

@@ -42,6 +42,7 @@
   --surface-hover:rgba(255,255,255,.03);
   --maskbg: rgba(0, 0, 0, 0.4);
   --focus-ring: 0 0 0 1px #ffe284;
+  color-scheme: light dark;
 }
 
 * {
@@ -1058,7 +1059,7 @@
 .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
   background: #ffcd2e;
 }
-.p-inputswitch.p-invalid {
+.p-inputswitch.p-invalid .p-inputswitch-slider {
   border-color: #ef9a9a;
 }
 
@@ -3524,6 +3525,19 @@
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
+.p-picklist .p-picklist-filter-container {
+  padding: 1rem;
+  background: #1f2d40;
+  border: 1px solid #304562;
+  border-bottom: 0 none;
+}
+.p-picklist .p-picklist-filter-container .p-picklist-filter-input {
+  padding-right: 1.5rem;
+}
+.p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
+  right: 0.5rem;
+  color: rgba(255, 255, 255, 0.6);
+}
 .p-picklist .p-picklist-list {
   border: 1px solid #304562;
   background: #1f2d40;
@@ -4290,6 +4304,10 @@
   color: rgba(255, 255, 255, 0.87);
   padding: 0 1.5rem 2rem 1.5rem;
 }
+.p-dialog .p-dialog-content:last-of-type {
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px;
+}
 .p-dialog .p-dialog-footer {
   border-top: 0 none;
   background: #1f2d40;
@@ -4343,7 +4361,7 @@
 .p-overlaypanel:before {
   border: solid transparent;
   border-color: rgba(48, 69, 98, 0);
-  border-bottom-color: #304562;
+  border-bottom-color: #2e425d;
 }
 .p-overlaypanel.p-overlaypanel-flipped:after {
   border-top-color: #1f2d40;
@@ -5088,7 +5106,6 @@
   border: 1px solid #304562;
   background: #1f2d40;
   color: rgba(255, 255, 255, 0.87);
-  margin-bottom: 0;
   border-top: 0;
   border-top-right-radius: 0;
   border-top-left-radius: 0;
@@ -5968,10 +5985,6 @@
   color: #121212;
 }
 
-.p-virtualscroller-loading-icon {
-  font-size: 2rem;
-}
-
 /* Customizations to the designer theme should be defined here */
 .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
   background-color: #FFD54F;

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

@@ -42,6 +42,7 @@
   --surface-hover:rgba(255,255,255,.03);
   --maskbg: rgba(0, 0, 0, 0.4);
   --focus-ring: 0 0 0 1px #cf95d9;
+  color-scheme: light dark;
 }
 
 * {
@@ -1058,7 +1059,7 @@
 .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
   background: #b052c0;
 }
-.p-inputswitch.p-invalid {
+.p-inputswitch.p-invalid .p-inputswitch-slider {
   border-color: #ef9a9a;
 }
 
@@ -3524,6 +3525,19 @@
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
+.p-picklist .p-picklist-filter-container {
+  padding: 1rem;
+  background: #1f2d40;
+  border: 1px solid #304562;
+  border-bottom: 0 none;
+}
+.p-picklist .p-picklist-filter-container .p-picklist-filter-input {
+  padding-right: 1.5rem;
+}
+.p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
+  right: 0.5rem;
+  color: rgba(255, 255, 255, 0.6);
+}
 .p-picklist .p-picklist-list {
   border: 1px solid #304562;
   background: #1f2d40;
@@ -4290,6 +4304,10 @@
   color: rgba(255, 255, 255, 0.87);
   padding: 0 1.5rem 2rem 1.5rem;
 }
+.p-dialog .p-dialog-content:last-of-type {
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px;
+}
 .p-dialog .p-dialog-footer {
   border-top: 0 none;
   background: #1f2d40;
@@ -4343,7 +4361,7 @@
 .p-overlaypanel:before {
   border: solid transparent;
   border-color: rgba(48, 69, 98, 0);
-  border-bottom-color: #304562;
+  border-bottom-color: #2e425d;
 }
 .p-overlaypanel.p-overlaypanel-flipped:after {
   border-top-color: #1f2d40;
@@ -5088,7 +5106,6 @@
   border: 1px solid #304562;
   background: #1f2d40;
   color: rgba(255, 255, 255, 0.87);
-  margin-bottom: 0;
   border-top: 0;
   border-top-right-radius: 0;
   border-top-left-radius: 0;
@@ -5968,10 +5985,6 @@
   color: #121212;
 }
 
-.p-virtualscroller-loading-icon {
-  font-size: 2rem;
-}
-
 /* Customizations to the designer theme should be defined here */
 .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
   background-color: #BA68C8;

package/selectbutton/selectbutton.cjs.js

@@ -148,8 +148,7 @@ var SelectButtonItem = /*#__PURE__*/React__namespace.memo(function (props) {
   var onKeyDown = function onKeyDown(event) {
     var keyCode = event.which;
 
-    if (keyCode === 32 || keyCode === 13) {
-      //space and enter
+    if (keyCode === 32) {
       onClick(event);
       event.preventDefault();
     }
@@ -172,7 +171,6 @@ var SelectButtonItem = /*#__PURE__*/React__namespace.memo(function (props) {
     role: "button",
     "aria-label": props.label,
     "aria-pressed": props.selected,
-    "aria-labelledby": props.ariaLabelledBy,
     onClick: onClick,
     onKeyDown: onKeyDown,
     tabIndex: props.tabIndex,
@@ -272,8 +270,7 @@ var SelectButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
           template: props.itemTemplate,
           selected: selected,
           tabIndex: tabIndex,
-          disabled: isDisabled,
-          ariaLabelledBy: props.ariaLabelledBy
+          disabled: isDisabled
         });
       });
     }
@@ -315,7 +312,6 @@ SelectButton.defaultProps = {
   dataKey: null,
   tooltip: null,
   tooltipOptions: null,
-  ariaLabelledBy: null,
   itemTemplate: null,
   onChange: null
 };

package/selectbutton/selectbutton.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/tooltip"),n=require("primereact/utils"),l=require("primereact/ripple");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 l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var r=a(e);function o(){return o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},o.apply(this,arguments)}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function u(e){if(Array.isArray(e))return i(e)}function s(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function c(e,t){if(e){if("string"==typeof e)return i(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)?i(e,t):void 0}}function p(){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){return u(e)||s(e)||c(e)||p()}function b(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 l,a,r=[],o=!0,i=!1;try{for(n=n.call(e);!(o=(l=n.next()).done)&&(r.push(l.value),!t||r.length!==t);o=!0);}catch(e){i=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(i)throw a}}return r}}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.")}var v=r.memo((function(e){var t,a,o=r.useState(!1),i=(a=2,b(t=o)||f(t,a)||c(t,a)||m()),u=i[1],s=function(t){e.onClick&&e.onClick({originalEvent:t,option:e.option})},p=n.classNames("p-button p-component",{"p-highlight":e.selected,"p-disabled":e.disabled,"p-focus":i[0]},e.className),d=e.template?n.ObjectUtils.getJSXElement(e.template,e.option):r.createElement("span",{className:"p-button-label p-c"},e.label);return r.createElement("div",{className:p,role:"button","aria-label":e.label,"aria-pressed":e.selected,"aria-labelledby":e.ariaLabelledBy,onClick:s,onKeyDown:function(e){var t=e.which;32!==t&&13!==t||(s(e),e.preventDefault())},tabIndex:e.tabIndex,onFocus:function(){u(!0)},onBlur:function(){u(!1)}},d,!e.disabled&&r.createElement(l.Ripple,null))}));v.displayName="SelectButtonItem";var y=r.memo(r.forwardRef((function(e,l){var a=r.useRef(null),i=function(t){if(!e.disabled&&!c(t.option)){var l=p(t.option);if(!l||e.unselectable){var a,r=s(t.option);if(e.multiple){var o=e.value?d(e.value):[];a=l?o.filter((function(t){return!n.ObjectUtils.equals(t,r,e.dataKey)})):[].concat(d(o),[r])}else a=l?null:r;e.onChange&&e.onChange({originalEvent:t.originalEvent,value:a,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:a}})}}},u=function(t){return e.optionLabel?n.ObjectUtils.resolveFieldData(t,e.optionLabel):t&&void 0!==t.label?t.label:t},s=function(t){return e.optionValue?n.ObjectUtils.resolveFieldData(t,e.optionValue):t&&void 0!==t.value?t.value:t},c=function(t){return e.optionDisabled?n.ObjectUtils.isFunction(e.optionDisabled)?e.optionDisabled(t):n.ObjectUtils.resolveFieldData(t,e.optionDisabled):!(!t||void 0===t.disabled)&&t.disabled},p=function(t){var l=s(t);return e.multiple?!(!e.value||!e.value.length)&&e.value.some((function(t){return n.ObjectUtils.equals(t,l,e.dataKey)})):n.ObjectUtils.equals(e.value,l,e.dataKey)},b=n.ObjectUtils.isNotEmpty(e.tooltip),f=n.ObjectUtils.findDiffKeys(e,y.defaultProps),m=n.classNames("p-selectbutton p-buttonset p-component",e.className),g=e.options&&e.options.length?e.options.map((function(t,n){var l=e.disabled||c(t),a=u(t),o=l?null:0,s=p(t);return r.createElement(v,{key:a+"_"+n,label:a,className:t.className,option:t,onClick:i,template:e.itemTemplate,selected:s,tabIndex:o,disabled:l,ariaLabelledBy:e.ariaLabelledBy})})):null;return r.createElement(r.Fragment,null,r.createElement("div",o({ref:a,id:e.id,className:m,style:e.style},f,{role:"group"}),g),b&&r.createElement(t.Tooltip,o({target:a,content:e.tooltip},e.tooltipOptions)))})));y.displayName="SelectButton",y.defaultProps={__TYPE:"SelectButton",id:null,value:null,options:null,optionLabel:null,optionValue:null,optionDisabled:null,tabIndex:null,multiple:!1,unselectable:!0,disabled:!1,style:null,className:null,dataKey:null,tooltip:null,tooltipOptions:null,ariaLabelledBy:null,itemTemplate:null,onChange:null},exports.SelectButton=y;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/tooltip"),n=require("primereact/utils"),l=require("primereact/ripple");function o(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var r=o(e);function a(){return a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},a.apply(this,arguments)}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function u(e){if(Array.isArray(e))return i(e)}function s(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function c(e,t){if(e){if("string"==typeof e)return i(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)?i(e,t):void 0}}function p(){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){return u(e)||s(e)||c(e)||p()}function f(e){if(Array.isArray(e))return e}function b(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,o,r=[],a=!0,i=!1;try{for(n=n.call(e);!(a=(l=n.next()).done)&&(r.push(l.value),!t||r.length!==t);a=!0);}catch(e){i=!0,o=e}finally{try{a||null==n.return||n.return()}finally{if(i)throw o}}return r}}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.")}var v=r.memo((function(e){var t,o,a=r.useState(!1),i=(o=2,f(t=a)||b(t,o)||c(t,o)||m()),u=i[1],s=function(t){e.onClick&&e.onClick({originalEvent:t,option:e.option})},p=n.classNames("p-button p-component",{"p-highlight":e.selected,"p-disabled":e.disabled,"p-focus":i[0]},e.className),d=e.template?n.ObjectUtils.getJSXElement(e.template,e.option):r.createElement("span",{className:"p-button-label p-c"},e.label);return r.createElement("div",{className:p,role:"button","aria-label":e.label,"aria-pressed":e.selected,onClick:s,onKeyDown:function(e){32===e.which&&(s(e),e.preventDefault())},tabIndex:e.tabIndex,onFocus:function(){u(!0)},onBlur:function(){u(!1)}},d,!e.disabled&&r.createElement(l.Ripple,null))}));v.displayName="SelectButtonItem";var y=r.memo(r.forwardRef((function(e,l){var o=r.useRef(null),i=function(t){if(!e.disabled&&!c(t.option)){var l=p(t.option);if(!l||e.unselectable){var o,r=s(t.option);if(e.multiple){var a=e.value?d(e.value):[];o=l?a.filter((function(t){return!n.ObjectUtils.equals(t,r,e.dataKey)})):[].concat(d(a),[r])}else o=l?null:r;e.onChange&&e.onChange({originalEvent:t.originalEvent,value:o,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:o}})}}},u=function(t){return e.optionLabel?n.ObjectUtils.resolveFieldData(t,e.optionLabel):t&&void 0!==t.label?t.label:t},s=function(t){return e.optionValue?n.ObjectUtils.resolveFieldData(t,e.optionValue):t&&void 0!==t.value?t.value:t},c=function(t){return e.optionDisabled?n.ObjectUtils.isFunction(e.optionDisabled)?e.optionDisabled(t):n.ObjectUtils.resolveFieldData(t,e.optionDisabled):!(!t||void 0===t.disabled)&&t.disabled},p=function(t){var l=s(t);return e.multiple?!(!e.value||!e.value.length)&&e.value.some((function(t){return n.ObjectUtils.equals(t,l,e.dataKey)})):n.ObjectUtils.equals(e.value,l,e.dataKey)},f=n.ObjectUtils.isNotEmpty(e.tooltip),b=n.ObjectUtils.findDiffKeys(e,y.defaultProps),m=n.classNames("p-selectbutton p-buttonset p-component",e.className),g=e.options&&e.options.length?e.options.map((function(t,n){var l=e.disabled||c(t),o=u(t),a=l?null:0,s=p(t);return r.createElement(v,{key:o+"_"+n,label:o,className:t.className,option:t,onClick:i,template:e.itemTemplate,selected:s,tabIndex:a,disabled:l})})):null;return r.createElement(r.Fragment,null,r.createElement("div",a({ref:o,id:e.id,className:m,style:e.style},b,{role:"group"}),g),f&&r.createElement(t.Tooltip,a({target:o,content:e.tooltip},e.tooltipOptions)))})));y.displayName="SelectButton",y.defaultProps={__TYPE:"SelectButton",id:null,value:null,options:null,optionLabel:null,optionValue:null,optionDisabled:null,tabIndex:null,multiple:!1,unselectable:!0,disabled:!1,style:null,className:null,dataKey:null,tooltip:null,tooltipOptions:null,itemTemplate:null,onChange:null},exports.SelectButton=y;

package/selectbutton/selectbutton.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TooltipOptions from '../tooltip/tooltipoptions';
-import { SelectItemOptionsType } from '../selectitem/SelectItem';
+import { SelectItemOptionsType } from '../selectitem/selectitem';
 
 type SelectButtonOptionDisabledType = string | ((option: any) => boolean);
 

package/selectbutton/selectbutton.esm.js

@@ -124,8 +124,7 @@ var SelectButtonItem = /*#__PURE__*/React.memo(function (props) {
   var onKeyDown = function onKeyDown(event) {
     var keyCode = event.which;
 
-    if (keyCode === 32 || keyCode === 13) {
-      //space and enter
+    if (keyCode === 32) {
       onClick(event);
       event.preventDefault();
     }
@@ -148,7 +147,6 @@ var SelectButtonItem = /*#__PURE__*/React.memo(function (props) {
     role: "button",
     "aria-label": props.label,
     "aria-pressed": props.selected,
-    "aria-labelledby": props.ariaLabelledBy,
     onClick: onClick,
     onKeyDown: onKeyDown,
     tabIndex: props.tabIndex,
@@ -248,8 +246,7 @@ var SelectButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
           template: props.itemTemplate,
           selected: selected,
           tabIndex: tabIndex,
-          disabled: isDisabled,
-          ariaLabelledBy: props.ariaLabelledBy
+          disabled: isDisabled
         });
       });
     }
@@ -291,7 +288,6 @@ SelectButton.defaultProps = {
   dataKey: null,
   tooltip: null,
   tooltipOptions: null,
-  ariaLabelledBy: null,
   itemTemplate: null,
   onChange: null
 };

package/selectbutton/selectbutton.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{Tooltip as t}from"primereact/tooltip";import{classNames as n,ObjectUtils as l}from"primereact/utils";import{Ripple as a}from"primereact/ripple";function o(){return o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},o.apply(this,arguments)}function r(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function i(e){if(Array.isArray(e))return r(e)}function u(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function s(e,t){if(e){if("string"==typeof e)return r(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)?r(e,t):void 0}}function p(){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 c(e){return i(e)||u(e)||s(e)||p()}function d(e){if(Array.isArray(e))return e}function m(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,a,o=[],r=!0,i=!1;try{for(n=n.call(e);!(r=(l=n.next()).done)&&(o.push(l.value),!t||o.length!==t);r=!0);}catch(e){i=!0,a=e}finally{try{r||null==n.return||n.return()}finally{if(i)throw a}}return o}}function f(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var b=e.memo((function(t){var o,r,i=e.useState(!1),u=(r=2,d(o=i)||m(o,r)||s(o,r)||f()),p=u[1],c=function(e){t.onClick&&t.onClick({originalEvent:e,option:t.option})},b=n("p-button p-component",{"p-highlight":t.selected,"p-disabled":t.disabled,"p-focus":u[0]},t.className),v=t.template?l.getJSXElement(t.template,t.option):e.createElement("span",{className:"p-button-label p-c"},t.label);return e.createElement("div",{className:b,role:"button","aria-label":t.label,"aria-pressed":t.selected,"aria-labelledby":t.ariaLabelledBy,onClick:c,onKeyDown:function(e){var t=e.which;32!==t&&13!==t||(c(e),e.preventDefault())},tabIndex:t.tabIndex,onFocus:function(){p(!0)},onBlur:function(){p(!1)}},v,!t.disabled&&e.createElement(a,null))}));b.displayName="SelectButtonItem";var v=e.memo(e.forwardRef((function(a,r){var i=e.useRef(null),u=function(e){if(!a.disabled&&!d(e.option)){var t=m(e.option);if(!t||a.unselectable){var n,o=p(e.option);if(a.multiple){var r=a.value?c(a.value):[];n=t?r.filter((function(e){return!l.equals(e,o,a.dataKey)})):[].concat(c(r),[o])}else n=t?null:o;a.onChange&&a.onChange({originalEvent:e.originalEvent,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:a.name,id:a.id,value:n}})}}},s=function(e){return a.optionLabel?l.resolveFieldData(e,a.optionLabel):e&&void 0!==e.label?e.label:e},p=function(e){return a.optionValue?l.resolveFieldData(e,a.optionValue):e&&void 0!==e.value?e.value:e},d=function(e){return a.optionDisabled?l.isFunction(a.optionDisabled)?a.optionDisabled(e):l.resolveFieldData(e,a.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},m=function(e){var t=p(e);return a.multiple?!(!a.value||!a.value.length)&&a.value.some((function(e){return l.equals(e,t,a.dataKey)})):l.equals(a.value,t,a.dataKey)},f=l.isNotEmpty(a.tooltip),y=l.findDiffKeys(a,v.defaultProps),h=n("p-selectbutton p-buttonset p-component",a.className),g=a.options&&a.options.length?a.options.map((function(t,n){var l=a.disabled||d(t),o=s(t),r=l?null:0,i=m(t);return e.createElement(b,{key:o+"_"+n,label:o,className:t.className,option:t,onClick:u,template:a.itemTemplate,selected:i,tabIndex:r,disabled:l,ariaLabelledBy:a.ariaLabelledBy})})):null;return e.createElement(e.Fragment,null,e.createElement("div",o({ref:i,id:a.id,className:h,style:a.style},y,{role:"group"}),g),f&&e.createElement(t,o({target:i,content:a.tooltip},a.tooltipOptions)))})));v.displayName="SelectButton",v.defaultProps={__TYPE:"SelectButton",id:null,value:null,options:null,optionLabel:null,optionValue:null,optionDisabled:null,tabIndex:null,multiple:!1,unselectable:!0,disabled:!1,style:null,className:null,dataKey:null,tooltip:null,tooltipOptions:null,ariaLabelledBy:null,itemTemplate:null,onChange:null};export{v as SelectButton};
+import*as e from"react";import{Tooltip as t}from"primereact/tooltip";import{classNames as n,ObjectUtils as l}from"primereact/utils";import{Ripple as o}from"primereact/ripple";function a(){return a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},a.apply(this,arguments)}function r(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function i(e){if(Array.isArray(e))return r(e)}function u(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function s(e,t){if(e){if("string"==typeof e)return r(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)?r(e,t):void 0}}function p(){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 c(e){return i(e)||u(e)||s(e)||p()}function d(e){if(Array.isArray(e))return e}function m(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,o,a=[],r=!0,i=!1;try{for(n=n.call(e);!(r=(l=n.next()).done)&&(a.push(l.value),!t||a.length!==t);r=!0);}catch(e){i=!0,o=e}finally{try{r||null==n.return||n.return()}finally{if(i)throw o}}return a}}function f(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var b=e.memo((function(t){var a,r,i=e.useState(!1),u=(r=2,d(a=i)||m(a,r)||s(a,r)||f()),p=u[1],c=function(e){t.onClick&&t.onClick({originalEvent:e,option:t.option})},b=n("p-button p-component",{"p-highlight":t.selected,"p-disabled":t.disabled,"p-focus":u[0]},t.className),v=t.template?l.getJSXElement(t.template,t.option):e.createElement("span",{className:"p-button-label p-c"},t.label);return e.createElement("div",{className:b,role:"button","aria-label":t.label,"aria-pressed":t.selected,onClick:c,onKeyDown:function(e){32===e.which&&(c(e),e.preventDefault())},tabIndex:t.tabIndex,onFocus:function(){p(!0)},onBlur:function(){p(!1)}},v,!t.disabled&&e.createElement(o,null))}));b.displayName="SelectButtonItem";var v=e.memo(e.forwardRef((function(o,r){var i=e.useRef(null),u=function(e){if(!o.disabled&&!d(e.option)){var t=m(e.option);if(!t||o.unselectable){var n,a=p(e.option);if(o.multiple){var r=o.value?c(o.value):[];n=t?r.filter((function(e){return!l.equals(e,a,o.dataKey)})):[].concat(c(r),[a])}else n=t?null:a;o.onChange&&o.onChange({originalEvent:e.originalEvent,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:o.name,id:o.id,value:n}})}}},s=function(e){return o.optionLabel?l.resolveFieldData(e,o.optionLabel):e&&void 0!==e.label?e.label:e},p=function(e){return o.optionValue?l.resolveFieldData(e,o.optionValue):e&&void 0!==e.value?e.value:e},d=function(e){return o.optionDisabled?l.isFunction(o.optionDisabled)?o.optionDisabled(e):l.resolveFieldData(e,o.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},m=function(e){var t=p(e);return o.multiple?!(!o.value||!o.value.length)&&o.value.some((function(e){return l.equals(e,t,o.dataKey)})):l.equals(o.value,t,o.dataKey)},f=l.isNotEmpty(o.tooltip),y=l.findDiffKeys(o,v.defaultProps),h=n("p-selectbutton p-buttonset p-component",o.className),g=o.options&&o.options.length?o.options.map((function(t,n){var l=o.disabled||d(t),a=s(t),r=l?null:0,i=m(t);return e.createElement(b,{key:a+"_"+n,label:a,className:t.className,option:t,onClick:u,template:o.itemTemplate,selected:i,tabIndex:r,disabled:l})})):null;return e.createElement(e.Fragment,null,e.createElement("div",a({ref:i,id:o.id,className:h,style:o.style},y,{role:"group"}),g),f&&e.createElement(t,a({target:i,content:o.tooltip},o.tooltipOptions)))})));v.displayName="SelectButton",v.defaultProps={__TYPE:"SelectButton",id:null,value:null,options:null,optionLabel:null,optionValue:null,optionDisabled:null,tabIndex:null,multiple:!1,unselectable:!0,disabled:!1,style:null,className:null,dataKey:null,tooltip:null,tooltipOptions:null,itemTemplate:null,onChange:null};export{v as SelectButton};

package/selectbutton/selectbutton.js

@@ -143,8 +143,7 @@ this.primereact.selectbutton = (function (exports, React, tooltip, utils, ripple
     var onKeyDown = function onKeyDown(event) {
       var keyCode = event.which;
 
-      if (keyCode === 32 || keyCode === 13) {
-        //space and enter
+      if (keyCode === 32) {
         onClick(event);
         event.preventDefault();
       }
@@ -167,7 +166,6 @@ this.primereact.selectbutton = (function (exports, React, tooltip, utils, ripple
       role: "button",
       "aria-label": props.label,
       "aria-pressed": props.selected,
-      "aria-labelledby": props.ariaLabelledBy,
       onClick: onClick,
       onKeyDown: onKeyDown,
       tabIndex: props.tabIndex,
@@ -267,8 +265,7 @@ this.primereact.selectbutton = (function (exports, React, tooltip, utils, ripple
             template: props.itemTemplate,
             selected: selected,
             tabIndex: tabIndex,
-            disabled: isDisabled,
-            ariaLabelledBy: props.ariaLabelledBy
+            disabled: isDisabled
           });
         });
       }
@@ -310,7 +307,6 @@ this.primereact.selectbutton = (function (exports, React, tooltip, utils, ripple
     dataKey: null,
     tooltip: null,
     tooltipOptions: null,
-    ariaLabelledBy: null,
     itemTemplate: null,
     onChange: null
   };

package/selectbutton/selectbutton.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.selectbutton=function(e,t,n,l,a){"use strict";function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var o=r(t);function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},i.apply(this,arguments)}function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function c(e){if(Array.isArray(e))return u(e)}function s(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(e,t){if(e){if("string"==typeof e)return u(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)?u(e,t):void 0}}function d(){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 b(e){return c(e)||s(e)||p(e)||d()}function f(e){if(Array.isArray(e))return e}function m(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,a,r=[],o=!0,i=!1;try{for(n=n.call(e);!(o=(l=n.next()).done)&&(r.push(l.value),!t||r.length!==t);o=!0);}catch(e){i=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(i)throw a}}return r}}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.")}var y=o.memo((function(e){var t,n,r=o.useState(!1),i=(n=2,f(t=r)||m(t,n)||p(t,n)||v()),u=i[1],c=function(t){e.onClick&&e.onClick({originalEvent:t,option:e.option})},s=l.classNames("p-button p-component",{"p-highlight":e.selected,"p-disabled":e.disabled,"p-focus":i[0]},e.className),d=e.template?l.ObjectUtils.getJSXElement(e.template,e.option):o.createElement("span",{className:"p-button-label p-c"},e.label);return o.createElement("div",{className:s,role:"button","aria-label":e.label,"aria-pressed":e.selected,"aria-labelledby":e.ariaLabelledBy,onClick:c,onKeyDown:function(e){var t=e.which;32!==t&&13!==t||(c(e),e.preventDefault())},tabIndex:e.tabIndex,onFocus:function(){u(!0)},onBlur:function(){u(!1)}},d,!e.disabled&&o.createElement(a.Ripple,null))}));y.displayName="SelectButtonItem";var h=o.memo(o.forwardRef((function(e,t){var a=o.useRef(null),r=function(t){if(!e.disabled&&!s(t.option)){var n=p(t.option);if(!n||e.unselectable){var a,r=c(t.option);if(e.multiple){var o=e.value?b(e.value):[];a=n?o.filter((function(t){return!l.ObjectUtils.equals(t,r,e.dataKey)})):[].concat(b(o),[r])}else a=n?null:r;e.onChange&&e.onChange({originalEvent:t.originalEvent,value:a,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:a}})}}},u=function(t){return e.optionLabel?l.ObjectUtils.resolveFieldData(t,e.optionLabel):t&&void 0!==t.label?t.label:t},c=function(t){return e.optionValue?l.ObjectUtils.resolveFieldData(t,e.optionValue):t&&void 0!==t.value?t.value:t},s=function(t){return e.optionDisabled?l.ObjectUtils.isFunction(e.optionDisabled)?e.optionDisabled(t):l.ObjectUtils.resolveFieldData(t,e.optionDisabled):!(!t||void 0===t.disabled)&&t.disabled},p=function(t){var n=c(t);return e.multiple?!(!e.value||!e.value.length)&&e.value.some((function(t){return l.ObjectUtils.equals(t,n,e.dataKey)})):l.ObjectUtils.equals(e.value,n,e.dataKey)},d=l.ObjectUtils.isNotEmpty(e.tooltip),f=l.ObjectUtils.findDiffKeys(e,h.defaultProps),m=l.classNames("p-selectbutton p-buttonset p-component",e.className),v=e.options&&e.options.length?e.options.map((function(t,n){var l=e.disabled||s(t),a=u(t),i=l?null:0,c=p(t);return o.createElement(y,{key:a+"_"+n,label:a,className:t.className,option:t,onClick:r,template:e.itemTemplate,selected:c,tabIndex:i,disabled:l,ariaLabelledBy:e.ariaLabelledBy})})):null;return o.createElement(o.Fragment,null,o.createElement("div",i({ref:a,id:e.id,className:m,style:e.style},f,{role:"group"}),v),d&&o.createElement(n.Tooltip,i({target:a,content:e.tooltip},e.tooltipOptions)))})));return h.displayName="SelectButton",h.defaultProps={__TYPE:"SelectButton",id:null,value:null,options:null,optionLabel:null,optionValue:null,optionDisabled:null,tabIndex:null,multiple:!1,unselectable:!0,disabled:!1,style:null,className:null,dataKey:null,tooltip:null,tooltipOptions:null,ariaLabelledBy:null,itemTemplate:null,onChange:null},e.SelectButton=h,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.tooltip,primereact.utils,primereact.ripple);
+this.primereact=this.primereact||{},this.primereact.selectbutton=function(e,t,n,l,o){"use strict";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 l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var r=a(t);function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},i.apply(this,arguments)}function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function c(e){if(Array.isArray(e))return u(e)}function s(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(e,t){if(e){if("string"==typeof e)return u(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)?u(e,t):void 0}}function d(){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){return c(e)||s(e)||p(e)||d()}function b(e){if(Array.isArray(e))return e}function m(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,o,a=[],r=!0,i=!1;try{for(n=n.call(e);!(r=(l=n.next()).done)&&(a.push(l.value),!t||a.length!==t);r=!0);}catch(e){i=!0,o=e}finally{try{r||null==n.return||n.return()}finally{if(i)throw o}}return a}}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.")}var y=r.memo((function(e){var t,n,a=r.useState(!1),i=(n=2,b(t=a)||m(t,n)||p(t,n)||v()),u=i[1],c=function(t){e.onClick&&e.onClick({originalEvent:t,option:e.option})},s=l.classNames("p-button p-component",{"p-highlight":e.selected,"p-disabled":e.disabled,"p-focus":i[0]},e.className),d=e.template?l.ObjectUtils.getJSXElement(e.template,e.option):r.createElement("span",{className:"p-button-label p-c"},e.label);return r.createElement("div",{className:s,role:"button","aria-label":e.label,"aria-pressed":e.selected,onClick:c,onKeyDown:function(e){32===e.which&&(c(e),e.preventDefault())},tabIndex:e.tabIndex,onFocus:function(){u(!0)},onBlur:function(){u(!1)}},d,!e.disabled&&r.createElement(o.Ripple,null))}));y.displayName="SelectButtonItem";var h=r.memo(r.forwardRef((function(e,t){var o=r.useRef(null),a=function(t){if(!e.disabled&&!s(t.option)){var n=p(t.option);if(!n||e.unselectable){var o,a=c(t.option);if(e.multiple){var r=e.value?f(e.value):[];o=n?r.filter((function(t){return!l.ObjectUtils.equals(t,a,e.dataKey)})):[].concat(f(r),[a])}else o=n?null:a;e.onChange&&e.onChange({originalEvent:t.originalEvent,value:o,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:o}})}}},u=function(t){return e.optionLabel?l.ObjectUtils.resolveFieldData(t,e.optionLabel):t&&void 0!==t.label?t.label:t},c=function(t){return e.optionValue?l.ObjectUtils.resolveFieldData(t,e.optionValue):t&&void 0!==t.value?t.value:t},s=function(t){return e.optionDisabled?l.ObjectUtils.isFunction(e.optionDisabled)?e.optionDisabled(t):l.ObjectUtils.resolveFieldData(t,e.optionDisabled):!(!t||void 0===t.disabled)&&t.disabled},p=function(t){var n=c(t);return e.multiple?!(!e.value||!e.value.length)&&e.value.some((function(t){return l.ObjectUtils.equals(t,n,e.dataKey)})):l.ObjectUtils.equals(e.value,n,e.dataKey)},d=l.ObjectUtils.isNotEmpty(e.tooltip),b=l.ObjectUtils.findDiffKeys(e,h.defaultProps),m=l.classNames("p-selectbutton p-buttonset p-component",e.className),v=e.options&&e.options.length?e.options.map((function(t,n){var l=e.disabled||s(t),o=u(t),i=l?null:0,c=p(t);return r.createElement(y,{key:o+"_"+n,label:o,className:t.className,option:t,onClick:a,template:e.itemTemplate,selected:c,tabIndex:i,disabled:l})})):null;return r.createElement(r.Fragment,null,r.createElement("div",i({ref:o,id:e.id,className:m,style:e.style},b,{role:"group"}),v),d&&r.createElement(n.Tooltip,i({target:o,content:e.tooltip},e.tooltipOptions)))})));return h.displayName="SelectButton",h.defaultProps={__TYPE:"SelectButton",id:null,value:null,options:null,optionLabel:null,optionValue:null,optionDisabled:null,tabIndex:null,multiple:!1,unselectable:!0,disabled:!1,style:null,className:null,dataKey:null,tooltip:null,tooltipOptions:null,itemTemplate:null,onChange:null},e.SelectButton=h,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.tooltip,primereact.utils,primereact.ripple);

package/slidemenu/slidemenu.cjs.js

@@ -112,13 +112,36 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var SlideMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
   var _React$useState = React__namespace.useState(null),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       activeItemState = _React$useState2[0],
       setActiveItemState = _React$useState2[1];
 
-  var onItemClick = function onItemClick(event, item) {
+  var _React$useState3 = React__namespace.useState({}),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      renderSubMenu = _React$useState4[0],
+      setRenderSubMenu = _React$useState4[1];
+
+  var onItemClick = function onItemClick(event, item, index) {
     if (item.disabled) {
       event.preventDefault();
       return;
@@ -136,6 +159,8 @@ var SlideMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
     }
 
     if (item.items) {
+      var key = createKey(item, index);
+      setRenderSubMenu(_objectSpread(_objectSpread({}, renderSubMenu), {}, _defineProperty({}, key, true)));
       setActiveItemState(item);
       props.onForward();
     }
@@ -149,8 +174,10 @@ var SlideMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
     });
   };
 
-  var createSubmenu = function createSubmenu(item) {
-    if (item.items) {
+  var createSubmenu = function createSubmenu(item, index) {
+    var shouldRender = renderSubMenu[createKey(item, index)];
+
+    if (item.items && shouldRender) {
       return /*#__PURE__*/React__namespace.createElement(SlideMenuSub, {
         menuProps: props.menuProps,
         model: item.items,
@@ -165,8 +192,12 @@ var SlideMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
     return null;
   };
 
+  var createKey = function createKey(item, index) {
+    return item.label + '_' + index;
+  };
+
   var createMenuitem = function createMenuitem(item, index) {
-    var key = item.label + '_' + index;
+    var key = createKey(item, index);
     var active = activeItemState === item;
     var className = utils.classNames('p-menuitem', {
       'p-menuitem-active': active,
@@ -185,13 +216,13 @@ var SlideMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
     var submenuIcon = item.items && /*#__PURE__*/React__namespace.createElement("span", {
       className: submenuIconClassName
     });
-    var submenu = createSubmenu(item);
+    var submenu = createSubmenu(item, index);
     var content = /*#__PURE__*/React__namespace.createElement("a", {
       href: item.url || '#',
       className: "p-menuitem-link",
       target: item.target,
       onClick: function onClick(event) {
-        return onItemClick(event, item);
+        return onItemClick(event, item, index);
       },
       "aria-disabled": item.disabled
     }, icon, label, submenuIcon);
@@ -199,7 +230,7 @@ var SlideMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
     if (item.template) {
       var defaultContentOptions = {
         onClick: function onClick(event) {
-          return onItemClick(event, item);
+          return onItemClick(event, item, index);
         },
         className: 'p-menuitem-link',
         labelClassName: 'p-menuitem-text',
@@ -214,6 +245,7 @@ var SlideMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
 
     return /*#__PURE__*/React__namespace.createElement("li", {
       key: key,
+      id: item.id,
       className: className,
       style: item.style
     }, content, submenu);