primereact 8.0.0-rc.2 → 8.0.0

package/togglebutton/togglebutton.cjs.js

@@ -69,7 +69,7 @@ var ToggleButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
   };
 
   var onKeyDown = function onKeyDown(event) {
-    if (event.key === 'Enter') {
+    if (event.keyCode === 32) {
       toggle(event);
       event.preventDefault();
     }
@@ -111,7 +111,8 @@ var ToggleButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
     onBlur: props.onBlur,
     onKeyDown: onKeyDown,
     tabIndex: tabIndex,
-    "aria-labelledby": props.ariaLabelledBy
+    role: "button",
+    "aria-pressed": props.checked
   }), iconElement, /*#__PURE__*/React__namespace.createElement("span", {
     className: "p-button-label"
   }, label), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null)), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
@@ -134,7 +135,6 @@ ToggleButton.defaultProps = {
   tabIndex: 0,
   tooltip: null,
   tooltipOptions: null,
-  ariaLabelledBy: null,
   onChange: null,
   onFocus: null,
   onBlur: null

package/togglebutton/togglebutton.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/ripple"),n=require("primereact/tooltip"),o=require("primereact/utils");function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var a=l(e);function r(){return r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},r.apply(this,arguments)}var c=a.memo(a.forwardRef((function(e,l){var i=a.useRef(null),u=e.onLabel&&e.onLabel.length>0&&e.offLabel&&e.offLabel.length>0,s=e.onIcon&&e.onIcon.length>0&&e.offIcon&&e.offIcon.length>0,f=u?e.checked?e.onLabel:e.offLabel:"&nbsp;",p=e.checked?e.onIcon:e.offIcon,b=function(t){!e.disabled&&e.onChange&&e.onChange({originalEvent:t,value:!e.checked,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:!e.checked}})},d=o.ObjectUtils.isNotEmpty(e.tooltip),g=!e.disabled&&e.tabIndex,m=o.ObjectUtils.findDiffKeys(e,c.defaultProps),h=o.classNames("p-button p-togglebutton p-component",{"p-button-icon-only":s&&!u,"p-highlight":e.checked,"p-disabled":e.disabled},e.className),y=function(){if(s){var t=o.classNames("p-button-icon p-c",{"p-button-icon-left":"left"===e.iconPos&&f,"p-button-icon-right":"right"===e.iconPos&&f});return o.IconUtils.getJSXIcon(p,{className:t},{props:e})}return null}();return a.createElement(a.Fragment,null,a.createElement("div",r({ref:i,id:e.id,className:h,style:e.style},m,{onClick:b,onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:function(e){"Enter"===e.key&&(b(e),e.preventDefault())},tabIndex:g,"aria-labelledby":e.ariaLabelledBy}),y,a.createElement("span",{className:"p-button-label"},f),a.createElement(t.Ripple,null)),d&&a.createElement(n.Tooltip,r({target:i,content:e.tooltip},e.tooltipOptions)))})));c.displayName="ToggleButton",c.defaultProps={__TYPE:"ToggleButton",id:null,onIcon:null,offIcon:null,onLabel:"Yes",offLabel:"No",iconPos:"left",style:null,className:null,checked:!1,tabIndex:0,tooltip:null,tooltipOptions:null,ariaLabelledBy:null,onChange:null,onFocus:null,onBlur:null},exports.ToggleButton=c;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/ripple"),n=require("primereact/tooltip"),o=require("primereact/utils");function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var r=l(e);function a(){return a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},a.apply(this,arguments)}var c=r.memo(r.forwardRef((function(e,l){var i=r.useRef(null),u=e.onLabel&&e.onLabel.length>0&&e.offLabel&&e.offLabel.length>0,s=e.onIcon&&e.onIcon.length>0&&e.offIcon&&e.offIcon.length>0,f=u?e.checked?e.onLabel:e.offLabel:"&nbsp;",p=e.checked?e.onIcon:e.offIcon,d=function(t){!e.disabled&&e.onChange&&e.onChange({originalEvent:t,value:!e.checked,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:!e.checked}})},b=o.ObjectUtils.isNotEmpty(e.tooltip),g=!e.disabled&&e.tabIndex,m=o.ObjectUtils.findDiffKeys(e,c.defaultProps),h=o.classNames("p-button p-togglebutton p-component",{"p-button-icon-only":s&&!u,"p-highlight":e.checked,"p-disabled":e.disabled},e.className),v=function(){if(s){var t=o.classNames("p-button-icon p-c",{"p-button-icon-left":"left"===e.iconPos&&f,"p-button-icon-right":"right"===e.iconPos&&f});return o.IconUtils.getJSXIcon(p,{className:t},{props:e})}return null}();return r.createElement(r.Fragment,null,r.createElement("div",a({ref:i,id:e.id,className:h,style:e.style},m,{onClick:d,onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:function(e){32===e.keyCode&&(d(e),e.preventDefault())},tabIndex:g,role:"button","aria-pressed":e.checked}),v,r.createElement("span",{className:"p-button-label"},f),r.createElement(t.Ripple,null)),b&&r.createElement(n.Tooltip,a({target:i,content:e.tooltip},e.tooltipOptions)))})));c.displayName="ToggleButton",c.defaultProps={__TYPE:"ToggleButton",id:null,onIcon:null,offIcon:null,onLabel:"Yes",offLabel:"No",iconPos:"left",style:null,className:null,checked:!1,tabIndex:0,tooltip:null,tooltipOptions:null,onChange:null,onFocus:null,onBlur:null},exports.ToggleButton=c;

package/togglebutton/togglebutton.d.ts

@@ -31,7 +31,6 @@ export interface ToggleButtonProps extends Omit<React.DetailedHTMLProps<React.In
     tabIndex?: number;
     tooltip?: string;
     tooltipOptions?: TooltipOptions;
-    ariaLabelledBy?: string;
     onChange?(e: ToggleButtonChangeParams): void;
     onFocus?(event: React.FocusEvent<HTMLElement>): void;
     onBlur?(event: React.FocusEvent<HTMLElement>): void;

package/togglebutton/togglebutton.esm.js

@@ -45,7 +45,7 @@ var ToggleButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
   };
 
   var onKeyDown = function onKeyDown(event) {
-    if (event.key === 'Enter') {
+    if (event.keyCode === 32) {
       toggle(event);
       event.preventDefault();
     }
@@ -87,7 +87,8 @@ var ToggleButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
     onBlur: props.onBlur,
     onKeyDown: onKeyDown,
     tabIndex: tabIndex,
-    "aria-labelledby": props.ariaLabelledBy
+    role: "button",
+    "aria-pressed": props.checked
   }), iconElement, /*#__PURE__*/React.createElement("span", {
     className: "p-button-label"
   }, label), /*#__PURE__*/React.createElement(Ripple, null)), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
@@ -110,7 +111,6 @@ ToggleButton.defaultProps = {
   tabIndex: 0,
   tooltip: null,
   tooltipOptions: null,
-  ariaLabelledBy: null,
   onChange: null,
   onFocus: null,
   onBlur: null

package/togglebutton/togglebutton.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{Ripple as n}from"primereact/ripple";import{Tooltip as o}from"primereact/tooltip";import{ObjectUtils as t,classNames as l,IconUtils as a}from"primereact/utils";function r(){return r=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var o=arguments[n];for(var t in o)Object.prototype.hasOwnProperty.call(o,t)&&(e[t]=o[t])}return e},r.apply(this,arguments)}var i=e.memo(e.forwardRef((function(c,u){var p=e.useRef(null),f=c.onLabel&&c.onLabel.length>0&&c.offLabel&&c.offLabel.length>0,s=c.onIcon&&c.onIcon.length>0&&c.offIcon&&c.offIcon.length>0,d=f?c.checked?c.onLabel:c.offLabel:"&nbsp;",b=c.checked?c.onIcon:c.offIcon,m=function(e){!c.disabled&&c.onChange&&c.onChange({originalEvent:e,value:!c.checked,stopPropagation:function(){},preventDefault:function(){},target:{name:c.name,id:c.id,value:!c.checked}})},g=t.isNotEmpty(c.tooltip),h=!c.disabled&&c.tabIndex,y=t.findDiffKeys(c,i.defaultProps),v=l("p-button p-togglebutton p-component",{"p-button-icon-only":s&&!f,"p-highlight":c.checked,"p-disabled":c.disabled},c.className),I=function(){if(s){var e=l("p-button-icon p-c",{"p-button-icon-left":"left"===c.iconPos&&d,"p-button-icon-right":"right"===c.iconPos&&d});return a.getJSXIcon(b,{className:e},{props:c})}return null}();return e.createElement(e.Fragment,null,e.createElement("div",r({ref:p,id:c.id,className:v,style:c.style},y,{onClick:m,onFocus:c.onFocus,onBlur:c.onBlur,onKeyDown:function(e){"Enter"===e.key&&(m(e),e.preventDefault())},tabIndex:h,"aria-labelledby":c.ariaLabelledBy}),I,e.createElement("span",{className:"p-button-label"},d),e.createElement(n,null)),g&&e.createElement(o,r({target:p,content:c.tooltip},c.tooltipOptions)))})));i.displayName="ToggleButton",i.defaultProps={__TYPE:"ToggleButton",id:null,onIcon:null,offIcon:null,onLabel:"Yes",offLabel:"No",iconPos:"left",style:null,className:null,checked:!1,tabIndex:0,tooltip:null,tooltipOptions:null,ariaLabelledBy:null,onChange:null,onFocus:null,onBlur:null};export{i as ToggleButton};
+import*as e from"react";import{Ripple as n}from"primereact/ripple";import{Tooltip as o}from"primereact/tooltip";import{ObjectUtils as t,classNames as l,IconUtils as a}from"primereact/utils";function r(){return r=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var o=arguments[n];for(var t in o)Object.prototype.hasOwnProperty.call(o,t)&&(e[t]=o[t])}return e},r.apply(this,arguments)}var c=e.memo(e.forwardRef((function(i,u){var p=e.useRef(null),f=i.onLabel&&i.onLabel.length>0&&i.offLabel&&i.offLabel.length>0,s=i.onIcon&&i.onIcon.length>0&&i.offIcon&&i.offIcon.length>0,d=f?i.checked?i.onLabel:i.offLabel:"&nbsp;",m=i.checked?i.onIcon:i.offIcon,b=function(e){!i.disabled&&i.onChange&&i.onChange({originalEvent:e,value:!i.checked,stopPropagation:function(){},preventDefault:function(){},target:{name:i.name,id:i.id,value:!i.checked}})},g=t.isNotEmpty(i.tooltip),h=!i.disabled&&i.tabIndex,v=t.findDiffKeys(i,c.defaultProps),y=l("p-button p-togglebutton p-component",{"p-button-icon-only":s&&!f,"p-highlight":i.checked,"p-disabled":i.disabled},i.className),I=function(){if(s){var e=l("p-button-icon p-c",{"p-button-icon-left":"left"===i.iconPos&&d,"p-button-icon-right":"right"===i.iconPos&&d});return a.getJSXIcon(m,{className:e},{props:i})}return null}();return e.createElement(e.Fragment,null,e.createElement("div",r({ref:p,id:i.id,className:y,style:i.style},v,{onClick:b,onFocus:i.onFocus,onBlur:i.onBlur,onKeyDown:function(e){32===e.keyCode&&(b(e),e.preventDefault())},tabIndex:h,role:"button","aria-pressed":i.checked}),I,e.createElement("span",{className:"p-button-label"},d),e.createElement(n,null)),g&&e.createElement(o,r({target:p,content:i.tooltip},i.tooltipOptions)))})));c.displayName="ToggleButton",c.defaultProps={__TYPE:"ToggleButton",id:null,onIcon:null,offIcon:null,onLabel:"Yes",offLabel:"No",iconPos:"left",style:null,className:null,checked:!1,tabIndex:0,tooltip:null,tooltipOptions:null,onChange:null,onFocus:null,onBlur:null};export{c as ToggleButton};

package/togglebutton/togglebutton.js

@@ -64,7 +64,7 @@ this.primereact.togglebutton = (function (exports, React, ripple, tooltip, utils
     };
 
     var onKeyDown = function onKeyDown(event) {
-      if (event.key === 'Enter') {
+      if (event.keyCode === 32) {
         toggle(event);
         event.preventDefault();
       }
@@ -106,7 +106,8 @@ this.primereact.togglebutton = (function (exports, React, ripple, tooltip, utils
       onBlur: props.onBlur,
       onKeyDown: onKeyDown,
       tabIndex: tabIndex,
-      "aria-labelledby": props.ariaLabelledBy
+      role: "button",
+      "aria-pressed": props.checked
     }), iconElement, /*#__PURE__*/React__namespace.createElement("span", {
       className: "p-button-label"
     }, label), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null)), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
@@ -129,7 +130,6 @@ this.primereact.togglebutton = (function (exports, React, ripple, tooltip, utils
     tabIndex: 0,
     tooltip: null,
     tooltipOptions: null,
-    ariaLabelledBy: null,
     onChange: null,
     onFocus: null,
     onBlur: null

package/togglebutton/togglebutton.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.togglebutton=function(e,t,n,o,l){"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 o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var r=a(t);function c(){return c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},c.apply(this,arguments)}var i=r.memo(r.forwardRef((function(e,t){var a=r.useRef(null),u=e.onLabel&&e.onLabel.length>0&&e.offLabel&&e.offLabel.length>0,s=e.onIcon&&e.onIcon.length>0&&e.offIcon&&e.offIcon.length>0,f=u?e.checked?e.onLabel:e.offLabel:"&nbsp;",p=e.checked?e.onIcon:e.offIcon,b=function(t){!e.disabled&&e.onChange&&e.onChange({originalEvent:t,value:!e.checked,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:!e.checked}})},d=l.ObjectUtils.isNotEmpty(e.tooltip),g=!e.disabled&&e.tabIndex,m=l.ObjectUtils.findDiffKeys(e,i.defaultProps),h=l.classNames("p-button p-togglebutton p-component",{"p-button-icon-only":s&&!u,"p-highlight":e.checked,"p-disabled":e.disabled},e.className),y=function(){if(s){var t=l.classNames("p-button-icon p-c",{"p-button-icon-left":"left"===e.iconPos&&f,"p-button-icon-right":"right"===e.iconPos&&f});return l.IconUtils.getJSXIcon(p,{className:t},{props:e})}return null}();return r.createElement(r.Fragment,null,r.createElement("div",c({ref:a,id:e.id,className:h,style:e.style},m,{onClick:b,onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:function(e){"Enter"===e.key&&(b(e),e.preventDefault())},tabIndex:g,"aria-labelledby":e.ariaLabelledBy}),y,r.createElement("span",{className:"p-button-label"},f),r.createElement(n.Ripple,null)),d&&r.createElement(o.Tooltip,c({target:a,content:e.tooltip},e.tooltipOptions)))})));return i.displayName="ToggleButton",i.defaultProps={__TYPE:"ToggleButton",id:null,onIcon:null,offIcon:null,onLabel:"Yes",offLabel:"No",iconPos:"left",style:null,className:null,checked:!1,tabIndex:0,tooltip:null,tooltipOptions:null,ariaLabelledBy:null,onChange:null,onFocus:null,onBlur:null},e.ToggleButton=i,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.ripple,primereact.tooltip,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.togglebutton=function(e,t,n,o,l){"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 o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var c=a(t);function r(){return r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},r.apply(this,arguments)}var i=c.memo(c.forwardRef((function(e,t){var a=c.useRef(null),u=e.onLabel&&e.onLabel.length>0&&e.offLabel&&e.offLabel.length>0,s=e.onIcon&&e.onIcon.length>0&&e.offIcon&&e.offIcon.length>0,f=u?e.checked?e.onLabel:e.offLabel:"&nbsp;",p=e.checked?e.onIcon:e.offIcon,b=function(t){!e.disabled&&e.onChange&&e.onChange({originalEvent:t,value:!e.checked,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:!e.checked}})},d=l.ObjectUtils.isNotEmpty(e.tooltip),g=!e.disabled&&e.tabIndex,m=l.ObjectUtils.findDiffKeys(e,i.defaultProps),h=l.classNames("p-button p-togglebutton p-component",{"p-button-icon-only":s&&!u,"p-highlight":e.checked,"p-disabled":e.disabled},e.className),v=function(){if(s){var t=l.classNames("p-button-icon p-c",{"p-button-icon-left":"left"===e.iconPos&&f,"p-button-icon-right":"right"===e.iconPos&&f});return l.IconUtils.getJSXIcon(p,{className:t},{props:e})}return null}();return c.createElement(c.Fragment,null,c.createElement("div",r({ref:a,id:e.id,className:h,style:e.style},m,{onClick:b,onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:function(e){32===e.keyCode&&(b(e),e.preventDefault())},tabIndex:g,role:"button","aria-pressed":e.checked}),v,c.createElement("span",{className:"p-button-label"},f),c.createElement(n.Ripple,null)),d&&c.createElement(o.Tooltip,r({target:a,content:e.tooltip},e.tooltipOptions)))})));return i.displayName="ToggleButton",i.defaultProps={__TYPE:"ToggleButton",id:null,onIcon:null,offIcon:null,onLabel:"Yes",offLabel:"No",iconPos:"left",style:null,className:null,checked:!1,tabIndex:0,tooltip:null,tooltipOptions:null,onChange:null,onFocus:null,onBlur:null},e.ToggleButton=i,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.ripple,primereact.tooltip,primereact.utils);

package/treeselect/treeselect.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import TreeNode from '../treenode';
+import TreeEventNodeParams from '../tree';
 import { CSSTransitionProps } from '../csstransition';
 
 type TreeSelectSelectionModeType = 'single' | 'multiple' | 'checkbox';
@@ -54,9 +55,7 @@ interface TreeSelectCheckboxSelectionKeyType {
     partialChecked?: boolean;
 }
 
-interface TreeSelectEventNodeParams {
-    originalEvent: React.SyntheticEvent;
-    node: TreeNode;
+interface TreeSelectEventNodeParams extends TreeEventNodeParams {
 }
 
 interface TreeSelectFilterValueChangeParams {
@@ -101,8 +100,8 @@ export interface TreeSelectProps extends Omit<React.DetailedHTMLProps<React.Inpu
     onShow?(): void;
     onHide?(): void;
     onChange?(e: TreeSelectChangeParams): void;
-    onNodeSelect?(node: TreeNode): void;
-    onNodeUnselect?(node: TreeNode): void;
+    onNodeSelect?(e: TreeSelectEventNodeParams): void;
+    onNodeUnselect?(e: TreeSelectEventNodeParams): void;
     onNodeExpand?(e: TreeSelectEventNodeParams): void;
     onNodeCollapse?(e: TreeSelectEventNodeParams): void;
     onFilterValueChange?(e: TreeSelectFilterValueChangeParams): void;

package/web-types.json

@@ -1,7 +1,7 @@
 {
     "framework": "React",
     "name": "PrimeReact",
-    "version": "8.0.0-rc.2",
+    "version": "8.0.0",
     "tags": [
         {
             "name": "Accordion",
@@ -11408,12 +11408,6 @@
                     "type": "object",
                     "default": "null",
                     "description": "Configuration of the tooltip, refer to the tooltip documentation for more information."
-                },
-                {
-                    "name": "ariaLabelledBy",
-                    "type": "string",
-                    "default": "null",
-                    "description": "Establishes relationships between the component and label(s) where its value should be one or more element IDs."
                 }
             ],
             "events": [