primereact 8.1.1 → 8.4.0

package/chart/chart.esm.js

@@ -20,30 +20,58 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
-var Chart = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
+var ChartJS = function () {
+  try {
+    return Chart;
+  } catch (_unused) {
+    return null;
+  }
+}();
+
+var PrimeReactChart = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var elementRef = React.useRef(null);
   var chartRef = React.useRef(null);
   var canvasRef = React.useRef(null);
 
   var initChart = function initChart() {
-    import('chart.js/auto').then(function (module) {
-      if (chartRef.current) {
-        chartRef.current.destroy();
-        chartRef.current = null;
-      }
+    destroyChart();
+    var configuration = {
+      type: props.type,
+      data: props.data,
+      options: props.options,
+      plugins: props.plugins
+    };
 
-      if (module && module["default"]) {
-        chartRef.current = new module["default"](canvasRef.current, {
-          type: props.type,
-          data: props.data,
-          options: props.options,
-          plugins: props.plugins
-        });
-      }
-    });
+    if (ChartJS) {
+      // GitHub #3059 loaded by script only
+      chartRef.current = new ChartJS(canvasRef.current, configuration);
+    } else {
+      import('chart.js/auto').then(function (module) {
+        destroyChart();
+
+        if (module) {
+          if (module["default"]) {
+            // WebPack
+            chartRef.current = new module["default"](canvasRef.current, configuration);
+          } else {
+            // ParcelJS
+            chartRef.current = new module(canvasRef.current, configuration);
+          }
+        }
+      });
+    }
+  };
+
+  var destroyChart = function destroyChart() {
+    if (chartRef.current) {
+      chartRef.current.destroy();
+      chartRef.current = null;
+    }
   };
 
   React.useImperativeHandle(ref, function () {
     return {
+      props: props,
       getCanvas: function getCanvas() {
         return canvasRef.current;
       },
@@ -53,6 +81,9 @@ var Chart = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
       getBase64Image: function getBase64Image() {
         return chartRef.current.toBase64Image();
       },
+      getElement: function getElement() {
+        return elementRef.current;
+      },
       generateLegend: function generateLegend() {
         return chartRef.current && chartRef.current.generateLegend();
       },
@@ -65,12 +96,9 @@ var Chart = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
     initChart();
   });
   useUnmountEffect(function () {
-    if (chartRef.current) {
-      chartRef.current.destroy();
-      chartRef.current = null;
-    }
+    destroyChart();
   });
-  var otherProps = ObjectUtils.findDiffKeys(props, Chart.defaultProps);
+  var otherProps = ObjectUtils.findDiffKeys(props, PrimeReactChart.defaultProps);
   var className = classNames('p-chart', props.className);
   var style = Object.assign({
     width: props.width,
@@ -78,6 +106,7 @@ var Chart = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
   }, props.style);
   return /*#__PURE__*/React.createElement("div", _extends({
     id: props.id,
+    ref: elementRef,
     style: style,
     className: className
   }, otherProps), /*#__PURE__*/React.createElement("canvas", {
@@ -88,8 +117,8 @@ var Chart = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
 }), function (prevProps, nextProps) {
   return prevProps.data === nextProps.data && prevProps.options === nextProps.options && prevProps.type === nextProps.type;
 });
-Chart.displayName = 'Chart';
-Chart.defaultProps = {
+PrimeReactChart.displayName = 'Chart';
+PrimeReactChart.defaultProps = {
   __TYPE: 'Chart',
   id: null,
   type: null,
@@ -102,4 +131,4 @@ Chart.defaultProps = {
   className: null
 };
 
-export { Chart };
+export { PrimeReactChart as Chart };

package/chart/chart.esm.min.js

@@ -1 +1 @@
-import*as t from"react";import{useUnmountEffect as e}from"primereact/hooks";import{ObjectUtils as r,classNames as n}from"primereact/utils";function u(){return u=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},u.apply(this,arguments)}var a=t.memo(t.forwardRef((function(i,l){var o=t.useRef(null),c=t.useRef(null);t.useImperativeHandle(l,(function(){return{getCanvas:function(){return c.current},getChart:function(){return o.current},getBase64Image:function(){return o.current.toBase64Image()},generateLegend:function(){return o.current&&o.current.generateLegend()},refresh:function(){return o.current&&o.current.update()}}})),t.useEffect((function(){import("chart.js/auto").then((function(t){o.current&&(o.current.destroy(),o.current=null),t&&t.default&&(o.current=new t.default(c.current,{type:i.type,data:i.data,options:i.options,plugins:i.plugins}))}))})),e((function(){o.current&&(o.current.destroy(),o.current=null)}));var s=r.findDiffKeys(i,a.defaultProps),f=n("p-chart",i.className),p=Object.assign({width:i.width,height:i.height},i.style);return t.createElement("div",u({id:i.id,style:p,className:f},s),t.createElement("canvas",{ref:c,width:i.width,height:i.height}))})),(function(t,e){return t.data===e.data&&t.options===e.options&&t.type===e.type}));a.displayName="Chart",a.defaultProps={__TYPE:"Chart",id:null,type:null,data:null,options:null,plugins:null,width:null,height:null,style:null,className:null};export{a as Chart};
+import*as t from"react";import{useUnmountEffect as e}from"primereact/hooks";import{ObjectUtils as r,classNames as n}from"primereact/utils";function u(){return u=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},u.apply(this,arguments)}var a=function(){try{return Chart}catch(t){return null}}(),i=t.memo(t.forwardRef((function(c,l){var o=t.useRef(null),s=t.useRef(null),f=t.useRef(null),p=function(){h();var t={type:c.type,data:c.data,options:c.options,plugins:c.plugins};a?s.current=new a(f.current,t):import("chart.js/auto").then((function(e){h(),e&&(s.current=e.default?new e.default(f.current,t):new e(f.current,t))}))},h=function(){s.current&&(s.current.destroy(),s.current=null)};t.useImperativeHandle(l,(function(){return{props:c,getCanvas:function(){return f.current},getChart:function(){return s.current},getBase64Image:function(){return s.current.toBase64Image()},getElement:function(){return o.current},generateLegend:function(){return s.current&&s.current.generateLegend()},refresh:function(){return s.current&&s.current.update()}}})),t.useEffect((function(){p()})),e((function(){h()}));var d=r.findDiffKeys(c,i.defaultProps),g=n("p-chart",c.className),m=Object.assign({width:c.width,height:c.height},c.style);return t.createElement("div",u({id:c.id,ref:o,style:m,className:g},d),t.createElement("canvas",{ref:f,width:c.width,height:c.height}))})),(function(t,e){return t.data===e.data&&t.options===e.options&&t.type===e.type}));i.displayName="Chart",i.defaultProps={__TYPE:"Chart",id:null,type:null,data:null,options:null,plugins:null,width:null,height:null,style:null,className:null};export{i as Chart};

package/chart/chart.js

@@ -40,30 +40,58 @@ this.primereact.chart = (function (exports, React, hooks, utils) {
     return _extends.apply(this, arguments);
   }
 
-  var Chart = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var ChartJS = function () {
+    try {
+      return Chart;
+    } catch (_unused) {
+      return null;
+    }
+  }();
+
+  var PrimeReactChart = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+    var elementRef = React__namespace.useRef(null);
     var chartRef = React__namespace.useRef(null);
     var canvasRef = React__namespace.useRef(null);
 
     var initChart = function initChart() {
-      import('chart.js/auto').then(function (module) {
-        if (chartRef.current) {
-          chartRef.current.destroy();
-          chartRef.current = null;
-        }
+      destroyChart();
+      var configuration = {
+        type: props.type,
+        data: props.data,
+        options: props.options,
+        plugins: props.plugins
+      };
 
-        if (module && module["default"]) {
-          chartRef.current = new module["default"](canvasRef.current, {
-            type: props.type,
-            data: props.data,
-            options: props.options,
-            plugins: props.plugins
-          });
-        }
-      });
+      if (ChartJS) {
+        // GitHub #3059 loaded by script only
+        chartRef.current = new ChartJS(canvasRef.current, configuration);
+      } else {
+        import('chart.js/auto').then(function (module) {
+          destroyChart();
+
+          if (module) {
+            if (module["default"]) {
+              // WebPack
+              chartRef.current = new module["default"](canvasRef.current, configuration);
+            } else {
+              // ParcelJS
+              chartRef.current = new module(canvasRef.current, configuration);
+            }
+          }
+        });
+      }
+    };
+
+    var destroyChart = function destroyChart() {
+      if (chartRef.current) {
+        chartRef.current.destroy();
+        chartRef.current = null;
+      }
     };
 
     React__namespace.useImperativeHandle(ref, function () {
       return {
+        props: props,
         getCanvas: function getCanvas() {
           return canvasRef.current;
         },
@@ -73,6 +101,9 @@ this.primereact.chart = (function (exports, React, hooks, utils) {
         getBase64Image: function getBase64Image() {
           return chartRef.current.toBase64Image();
         },
+        getElement: function getElement() {
+          return elementRef.current;
+        },
         generateLegend: function generateLegend() {
           return chartRef.current && chartRef.current.generateLegend();
         },
@@ -85,12 +116,9 @@ this.primereact.chart = (function (exports, React, hooks, utils) {
       initChart();
     });
     hooks.useUnmountEffect(function () {
-      if (chartRef.current) {
-        chartRef.current.destroy();
-        chartRef.current = null;
-      }
+      destroyChart();
     });
-    var otherProps = utils.ObjectUtils.findDiffKeys(props, Chart.defaultProps);
+    var otherProps = utils.ObjectUtils.findDiffKeys(props, PrimeReactChart.defaultProps);
     var className = utils.classNames('p-chart', props.className);
     var style = Object.assign({
       width: props.width,
@@ -98,6 +126,7 @@ this.primereact.chart = (function (exports, React, hooks, utils) {
     }, props.style);
     return /*#__PURE__*/React__namespace.createElement("div", _extends({
       id: props.id,
+      ref: elementRef,
       style: style,
       className: className
     }, otherProps), /*#__PURE__*/React__namespace.createElement("canvas", {
@@ -108,8 +137,8 @@ this.primereact.chart = (function (exports, React, hooks, utils) {
   }), function (prevProps, nextProps) {
     return prevProps.data === nextProps.data && prevProps.options === nextProps.options && prevProps.type === nextProps.type;
   });
-  Chart.displayName = 'Chart';
-  Chart.defaultProps = {
+  PrimeReactChart.displayName = 'Chart';
+  PrimeReactChart.defaultProps = {
     __TYPE: 'Chart',
     id: null,
     type: null,
@@ -122,7 +151,7 @@ this.primereact.chart = (function (exports, React, hooks, utils) {
     className: null
   };
 
-  exports.Chart = Chart;
+  exports.Chart = PrimeReactChart;
 
   Object.defineProperty(exports, '__esModule', { value: true });
 

package/chart/chart.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.chart=function(e,t,r,n){"use strict";function u(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 a=u(t);function c(){return c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},c.apply(this,arguments)}var i=a.memo(a.forwardRef((function(e,t){var u=a.useRef(null),l=a.useRef(null);a.useImperativeHandle(t,(function(){return{getCanvas:function(){return l.current},getChart:function(){return u.current},getBase64Image:function(){return u.current.toBase64Image()},generateLegend:function(){return u.current&&u.current.generateLegend()},refresh:function(){return u.current&&u.current.update()}}})),a.useEffect((function(){import("chart.js/auto").then((function(t){u.current&&(u.current.destroy(),u.current=null),t&&t.default&&(u.current=new t.default(l.current,{type:e.type,data:e.data,options:e.options,plugins:e.plugins}))}))})),r.useUnmountEffect((function(){u.current&&(u.current.destroy(),u.current=null)}));var s=n.ObjectUtils.findDiffKeys(e,i.defaultProps),o=n.classNames("p-chart",e.className),f=Object.assign({width:e.width,height:e.height},e.style);return a.createElement("div",c({id:e.id,style:f,className:o},s),a.createElement("canvas",{ref:l,width:e.width,height:e.height}))})),(function(e,t){return e.data===t.data&&e.options===t.options&&e.type===t.type}));return i.displayName="Chart",i.defaultProps={__TYPE:"Chart",id:null,type:null,data:null,options:null,plugins:null,width:null,height:null,style:null,className:null},e.Chart=i,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.chart=function(e,t,r,n){"use strict";function u(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 a=u(t);function c(){return c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},c.apply(this,arguments)}var i=function(){try{return Chart}catch(e){return null}}(),l=a.memo(a.forwardRef((function(e,t){var u=a.useRef(null),s=a.useRef(null),o=a.useRef(null),f=function(){p();var t={type:e.type,data:e.data,options:e.options,plugins:e.plugins};i?s.current=new i(o.current,t):import("chart.js/auto").then((function(e){p(),e&&(s.current=e.default?new e.default(o.current,t):new e(o.current,t))}))},p=function(){s.current&&(s.current.destroy(),s.current=null)};a.useImperativeHandle(t,(function(){return{props:e,getCanvas:function(){return o.current},getChart:function(){return s.current},getBase64Image:function(){return s.current.toBase64Image()},getElement:function(){return u.current},generateLegend:function(){return s.current&&s.current.generateLegend()},refresh:function(){return s.current&&s.current.update()}}})),a.useEffect((function(){f()})),r.useUnmountEffect((function(){p()}));var h=n.ObjectUtils.findDiffKeys(e,l.defaultProps),d=n.classNames("p-chart",e.className),g=Object.assign({width:e.width,height:e.height},e.style);return a.createElement("div",c({id:e.id,ref:u,style:g,className:d},h),a.createElement("canvas",{ref:o,width:e.width,height:e.height}))})),(function(e,t){return e.data===t.data&&e.options===t.options&&e.type===t.type}));return l.displayName="Chart",l.defaultProps={__TYPE:"Chart",id:null,type:null,data:null,options:null,plugins:null,width:null,height:null,style:null,className:null},e.Chart=l,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.utils);

package/checkbox/checkbox.cjs.js

@@ -119,23 +119,27 @@ var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     if (!props.disabled && !props.readOnly && props.onChange) {
       var _checked = isChecked();
 
-      var value = _checked ? props.falseValue : props.trueValue;
-      props.onChange({
-        originalEvent: event,
-        value: props.value,
-        checked: value,
-        stopPropagation: function stopPropagation() {},
-        preventDefault: function preventDefault() {},
-        target: {
-          type: 'checkbox',
-          name: props.name,
-          id: props.id,
+      if (inputRef.current.checked === _checked) {
+        var value = _checked ? props.falseValue : props.trueValue;
+        props.onChange({
+          originalEvent: event,
           value: props.value,
-          checked: value
-        }
-      });
-      inputRef.current.checked = !_checked;
-      inputRef.current.focus();
+          checked: value,
+          stopPropagation: function stopPropagation() {},
+          preventDefault: function preventDefault() {},
+          target: {
+            type: 'checkbox',
+            name: props.name,
+            id: props.id,
+            value: props.value,
+            checked: value
+          }
+        });
+        inputRef.current.checked = !_checked;
+      }
+
+      utils.DomHandler.focus(inputRef.current);
+      event.preventDefault();
     }
   };
 
@@ -151,6 +155,17 @@ var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     return props.checked === props.trueValue;
   };
 
+  React__namespace.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      },
+      getInput: function getInput() {
+        return inputRef.current;
+      }
+    };
+  });
   React__namespace.useEffect(function () {
     utils.ObjectUtils.combinedRefs(inputRef, props.inputRef);
   }, [inputRef, props.inputRef]);

package/checkbox/checkbox.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/hooks"),n=require("primereact/tooltip"),r=require("primereact/utils");function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var a=l(e);function o(){return o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},o.apply(this,arguments)}function c(e){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,l,a=[],o=!0,c=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);o=!0);}catch(e){c=!0,l=e}finally{try{o||null==n.return||n.return()}finally{if(c)throw l}}return a}}function i(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 s(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 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.")}var f=a.memo(a.forwardRef((function(e,l){var i,p,b=a.useState(!1),h=(p=2,c(i=b)||u(i,p)||s(i,p)||d()),m=h[0],y=h[1],v=a.useRef(null),k=a.useRef(e.inputRef),g=function(){return e.checked===e.trueValue};a.useEffect((function(){r.ObjectUtils.combinedRefs(k,e.inputRef)}),[k,e.inputRef]),t.useUpdateEffect((function(){k.current.checked=g()}),[e.checked,e.trueValue]);var x=g(),O=r.ObjectUtils.isNotEmpty(e.tooltip),j=r.ObjectUtils.findDiffKeys(e,f.defaultProps),E=r.classNames("p-checkbox p-component",{"p-checkbox-checked":x,"p-checkbox-disabled":e.disabled,"p-checkbox-focused":m},e.className),C=r.classNames("p-checkbox-box",{"p-highlight":x,"p-disabled":e.disabled,"p-focus":m}),w=r.IconUtils.getJSXIcon(x?e.icon:"",{className:"p-checkbox-icon p-c"},{props:e,checked:x});return a.createElement(a.Fragment,null,a.createElement("div",o({ref:v,id:e.id,className:E,style:e.style},j,{onClick:function(t){if(!e.disabled&&!e.readOnly&&e.onChange){var n=g(),r=n?e.falseValue:e.trueValue;e.onChange({originalEvent:t,value:e.value,checked:r,stopPropagation:function(){},preventDefault:function(){},target:{type:"checkbox",name:e.name,id:e.id,value:e.value,checked:r}}),k.current.checked=!n,k.current.focus()}},onContextMenu:e.onContextMenu,onMouseDown:e.onMouseDown}),a.createElement("div",{className:"p-hidden-accessible"},a.createElement("input",{ref:k,type:"checkbox",id:e.inputId,name:e.name,tabIndex:e.tabIndex,defaultChecked:x,"aria-labelledby":e["aria-labelledby"],"aria-label":e["aria-label"],onFocus:function(){y(!0)},onBlur:function(){y(!1)},disabled:e.disabled,readOnly:e.readOnly,required:e.required})),a.createElement("div",{className:C},w)),O&&a.createElement(n.Tooltip,o({target:v,content:e.tooltip},e.tooltipOptions)))})));f.displayName="Checkbox",f.defaultProps={__TYPE:"Checkbox",id:null,inputRef:null,inputId:null,value:null,name:null,checked:!1,trueValue:!0,falseValue:!1,style:null,className:null,disabled:!1,required:!1,readOnly:!1,tabIndex:null,icon:"pi pi-check",tooltip:null,tooltipOptions:null,"aria-label":null,"aria-labelledby":null,onChange:null,onMouseDown:null,onContextMenu:null},exports.Checkbox=f;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/hooks"),n=require("primereact/tooltip"),r=require("primereact/utils");function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var a=l(e);function o(){return o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},o.apply(this,arguments)}function u(e){if(Array.isArray(e))return e}function c(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,a=[],o=!0,u=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);o=!0);}catch(e){u=!0,l=e}finally{try{o||null==n.return||n.return()}finally{if(u)throw l}}return a}}function i(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 s(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 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.")}var f=a.memo(a.forwardRef((function(e,l){var i,p,b=a.useState(!1),h=(p=2,u(i=b)||c(i,p)||s(i,p)||d()),m=h[0],y=h[1],v=a.useRef(null),k=a.useRef(e.inputRef),g=function(){return e.checked===e.trueValue};a.useImperativeHandle(l,(function(){return{props:e,getElement:function(){return v.current},getInput:function(){return k.current}}})),a.useEffect((function(){r.ObjectUtils.combinedRefs(k,e.inputRef)}),[k,e.inputRef]),t.useUpdateEffect((function(){k.current.checked=g()}),[e.checked,e.trueValue]);var x=g(),O=r.ObjectUtils.isNotEmpty(e.tooltip),j=r.ObjectUtils.findDiffKeys(e,f.defaultProps),E=r.classNames("p-checkbox p-component",{"p-checkbox-checked":x,"p-checkbox-disabled":e.disabled,"p-checkbox-focused":m},e.className),C=r.classNames("p-checkbox-box",{"p-highlight":x,"p-disabled":e.disabled,"p-focus":m}),I=r.IconUtils.getJSXIcon(x?e.icon:"",{className:"p-checkbox-icon p-c"},{props:e,checked:x});return a.createElement(a.Fragment,null,a.createElement("div",o({ref:v,id:e.id,className:E,style:e.style},j,{onClick:function(t){if(!e.disabled&&!e.readOnly&&e.onChange){var n=g();if(k.current.checked===n){var l=n?e.falseValue:e.trueValue;e.onChange({originalEvent:t,value:e.value,checked:l,stopPropagation:function(){},preventDefault:function(){},target:{type:"checkbox",name:e.name,id:e.id,value:e.value,checked:l}}),k.current.checked=!n}r.DomHandler.focus(k.current),t.preventDefault()}},onContextMenu:e.onContextMenu,onMouseDown:e.onMouseDown}),a.createElement("div",{className:"p-hidden-accessible"},a.createElement("input",{ref:k,type:"checkbox",id:e.inputId,name:e.name,tabIndex:e.tabIndex,defaultChecked:x,"aria-labelledby":e["aria-labelledby"],"aria-label":e["aria-label"],onFocus:function(){y(!0)},onBlur:function(){y(!1)},disabled:e.disabled,readOnly:e.readOnly,required:e.required})),a.createElement("div",{className:C},I)),O&&a.createElement(n.Tooltip,o({target:v,content:e.tooltip},e.tooltipOptions)))})));f.displayName="Checkbox",f.defaultProps={__TYPE:"Checkbox",id:null,inputRef:null,inputId:null,value:null,name:null,checked:!1,trueValue:!0,falseValue:!1,style:null,className:null,disabled:!1,required:!1,readOnly:!1,tabIndex:null,icon:"pi pi-check",tooltip:null,tooltipOptions:null,"aria-label":null,"aria-labelledby":null,onChange:null,onMouseDown:null,onContextMenu:null},exports.Checkbox=f;

package/checkbox/checkbox.d.ts

@@ -3,7 +3,7 @@ import TooltipOptions from '../tooltip/tooltipoptions';
 import { IconType } from '../utils';
 
 interface CheckboxChangeTargetOptions {
-    type: 'checkbox';
+    type: string;
     name: string;
     id: string;
     value: any;
@@ -43,4 +43,7 @@ export interface CheckboxProps extends Omit<React.DetailedHTMLProps<React.InputH
     children?: React.ReactNode;
 }
 
-export declare class Checkbox extends React.Component<CheckboxProps, any> { }
+export declare class Checkbox extends React.Component<CheckboxProps, any> {
+    public getElement(): HTMLDivElement;
+    public getInput(): HTMLInputElement;
+ }

package/checkbox/checkbox.esm.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { useUpdateEffect } from 'primereact/hooks';
 import { Tooltip } from 'primereact/tooltip';
-import { ObjectUtils, classNames, IconUtils } from 'primereact/utils';
+import { ObjectUtils, classNames, IconUtils, DomHandler } from 'primereact/utils';
 
 function _extends() {
   _extends = Object.assign || function (target) {
@@ -95,23 +95,27 @@ var Checkbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     if (!props.disabled && !props.readOnly && props.onChange) {
       var _checked = isChecked();
 
-      var value = _checked ? props.falseValue : props.trueValue;
-      props.onChange({
-        originalEvent: event,
-        value: props.value,
-        checked: value,
-        stopPropagation: function stopPropagation() {},
-        preventDefault: function preventDefault() {},
-        target: {
-          type: 'checkbox',
-          name: props.name,
-          id: props.id,
+      if (inputRef.current.checked === _checked) {
+        var value = _checked ? props.falseValue : props.trueValue;
+        props.onChange({
+          originalEvent: event,
           value: props.value,
-          checked: value
-        }
-      });
-      inputRef.current.checked = !_checked;
-      inputRef.current.focus();
+          checked: value,
+          stopPropagation: function stopPropagation() {},
+          preventDefault: function preventDefault() {},
+          target: {
+            type: 'checkbox',
+            name: props.name,
+            id: props.id,
+            value: props.value,
+            checked: value
+          }
+        });
+        inputRef.current.checked = !_checked;
+      }
+
+      DomHandler.focus(inputRef.current);
+      event.preventDefault();
     }
   };
 
@@ -127,6 +131,17 @@ var Checkbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     return props.checked === props.trueValue;
   };
 
+  React.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      },
+      getInput: function getInput() {
+        return inputRef.current;
+      }
+    };
+  });
   React.useEffect(function () {
     ObjectUtils.combinedRefs(inputRef, props.inputRef);
   }, [inputRef, props.inputRef]);

package/checkbox/checkbox.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{useUpdateEffect as t}from"primereact/hooks";import{Tooltip as n}from"primereact/tooltip";import{ObjectUtils as r,classNames as l,IconUtils as a}from"primereact/utils";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 i(e){if(Array.isArray(e))return e}function c(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,a=[],o=!0,i=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);o=!0);}catch(e){i=!0,l=e}finally{try{o||null==n.return||n.return()}finally{if(i)throw l}}return a}}function u(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 d(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 s(){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 p=e.memo(e.forwardRef((function(u,f){var m,b,h=e.useState(!1),y=(b=2,i(m=h)||c(m,b)||d(m,b)||s()),v=y[0],k=y[1],g=e.useRef(null),x=e.useRef(u.inputRef),C=function(){return u.checked===u.trueValue};e.useEffect((function(){r.combinedRefs(x,u.inputRef)}),[x,u.inputRef]),t((function(){x.current.checked=C()}),[u.checked,u.trueValue]);var E=C(),O=r.isNotEmpty(u.tooltip),w=r.findDiffKeys(u,p.defaultProps),I=l("p-checkbox p-component",{"p-checkbox-checked":E,"p-checkbox-disabled":u.disabled,"p-checkbox-focused":v},u.className),N=l("p-checkbox-box",{"p-highlight":E,"p-disabled":u.disabled,"p-focus":v}),R=a.getJSXIcon(E?u.icon:"",{className:"p-checkbox-icon p-c"},{props:u,checked:E});return e.createElement(e.Fragment,null,e.createElement("div",o({ref:g,id:u.id,className:I,style:u.style},w,{onClick:function(e){if(!u.disabled&&!u.readOnly&&u.onChange){var t=C(),n=t?u.falseValue:u.trueValue;u.onChange({originalEvent:e,value:u.value,checked:n,stopPropagation:function(){},preventDefault:function(){},target:{type:"checkbox",name:u.name,id:u.id,value:u.value,checked:n}}),x.current.checked=!t,x.current.focus()}},onContextMenu:u.onContextMenu,onMouseDown:u.onMouseDown}),e.createElement("div",{className:"p-hidden-accessible"},e.createElement("input",{ref:x,type:"checkbox",id:u.inputId,name:u.name,tabIndex:u.tabIndex,defaultChecked:E,"aria-labelledby":u["aria-labelledby"],"aria-label":u["aria-label"],onFocus:function(){k(!0)},onBlur:function(){k(!1)},disabled:u.disabled,readOnly:u.readOnly,required:u.required})),e.createElement("div",{className:N},R)),O&&e.createElement(n,o({target:g,content:u.tooltip},u.tooltipOptions)))})));p.displayName="Checkbox",p.defaultProps={__TYPE:"Checkbox",id:null,inputRef:null,inputId:null,value:null,name:null,checked:!1,trueValue:!0,falseValue:!1,style:null,className:null,disabled:!1,required:!1,readOnly:!1,tabIndex:null,icon:"pi pi-check",tooltip:null,tooltipOptions:null,"aria-label":null,"aria-labelledby":null,onChange:null,onMouseDown:null,onContextMenu:null};export{p as Checkbox};
+import*as e from"react";import{useUpdateEffect as t}from"primereact/hooks";import{Tooltip as n}from"primereact/tooltip";import{ObjectUtils as r,classNames as l,IconUtils as a,DomHandler as o}from"primereact/utils";function u(){return u=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},u.apply(this,arguments)}function c(e){if(Array.isArray(e))return e}function i(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,a=[],o=!0,u=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);o=!0);}catch(e){u=!0,l=e}finally{try{o||null==n.return||n.return()}finally{if(u)throw l}}return a}}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function s(e,t){if(e){if("string"==typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?d(e,t):void 0}}function p(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var f=e.memo(e.forwardRef((function(d,m){var b,h,y=e.useState(!1),v=(h=2,c(b=y)||i(b,h)||s(b,h)||p()),k=v[0],g=v[1],x=e.useRef(null),E=e.useRef(d.inputRef),C=function(){return d.checked===d.trueValue};e.useImperativeHandle(m,(function(){return{props:d,getElement:function(){return x.current},getInput:function(){return E.current}}})),e.useEffect((function(){r.combinedRefs(E,d.inputRef)}),[E,d.inputRef]),t((function(){E.current.checked=C()}),[d.checked,d.trueValue]);var I=C(),O=r.isNotEmpty(d.tooltip),w=r.findDiffKeys(d,f.defaultProps),N=l("p-checkbox p-component",{"p-checkbox-checked":I,"p-checkbox-disabled":d.disabled,"p-checkbox-focused":k},d.className),R=l("p-checkbox-box",{"p-highlight":I,"p-disabled":d.disabled,"p-focus":k}),M=a.getJSXIcon(I?d.icon:"",{className:"p-checkbox-icon p-c"},{props:d,checked:I});return e.createElement(e.Fragment,null,e.createElement("div",u({ref:x,id:d.id,className:N,style:d.style},w,{onClick:function(e){if(!d.disabled&&!d.readOnly&&d.onChange){var t=C();if(E.current.checked===t){var n=t?d.falseValue:d.trueValue;d.onChange({originalEvent:e,value:d.value,checked:n,stopPropagation:function(){},preventDefault:function(){},target:{type:"checkbox",name:d.name,id:d.id,value:d.value,checked:n}}),E.current.checked=!t}o.focus(E.current),e.preventDefault()}},onContextMenu:d.onContextMenu,onMouseDown:d.onMouseDown}),e.createElement("div",{className:"p-hidden-accessible"},e.createElement("input",{ref:E,type:"checkbox",id:d.inputId,name:d.name,tabIndex:d.tabIndex,defaultChecked:I,"aria-labelledby":d["aria-labelledby"],"aria-label":d["aria-label"],onFocus:function(){g(!0)},onBlur:function(){g(!1)},disabled:d.disabled,readOnly:d.readOnly,required:d.required})),e.createElement("div",{className:R},M)),O&&e.createElement(n,u({target:x,content:d.tooltip},d.tooltipOptions)))})));f.displayName="Checkbox",f.defaultProps={__TYPE:"Checkbox",id:null,inputRef:null,inputId:null,value:null,name:null,checked:!1,trueValue:!0,falseValue:!1,style:null,className:null,disabled:!1,required:!1,readOnly:!1,tabIndex:null,icon:"pi pi-check",tooltip:null,tooltipOptions:null,"aria-label":null,"aria-labelledby":null,onChange:null,onMouseDown:null,onContextMenu:null};export{f as Checkbox};

package/checkbox/checkbox.js

@@ -114,23 +114,27 @@ this.primereact.checkbox = (function (exports, React, hooks, tooltip, utils) {
       if (!props.disabled && !props.readOnly && props.onChange) {
         var _checked = isChecked();
 
-        var value = _checked ? props.falseValue : props.trueValue;
-        props.onChange({
-          originalEvent: event,
-          value: props.value,
-          checked: value,
-          stopPropagation: function stopPropagation() {},
-          preventDefault: function preventDefault() {},
-          target: {
-            type: 'checkbox',
-            name: props.name,
-            id: props.id,
+        if (inputRef.current.checked === _checked) {
+          var value = _checked ? props.falseValue : props.trueValue;
+          props.onChange({
+            originalEvent: event,
             value: props.value,
-            checked: value
-          }
-        });
-        inputRef.current.checked = !_checked;
-        inputRef.current.focus();
+            checked: value,
+            stopPropagation: function stopPropagation() {},
+            preventDefault: function preventDefault() {},
+            target: {
+              type: 'checkbox',
+              name: props.name,
+              id: props.id,
+              value: props.value,
+              checked: value
+            }
+          });
+          inputRef.current.checked = !_checked;
+        }
+
+        utils.DomHandler.focus(inputRef.current);
+        event.preventDefault();
       }
     };
 
@@ -146,6 +150,17 @@ this.primereact.checkbox = (function (exports, React, hooks, tooltip, utils) {
       return props.checked === props.trueValue;
     };
 
+    React__namespace.useImperativeHandle(ref, function () {
+      return {
+        props: props,
+        getElement: function getElement() {
+          return elementRef.current;
+        },
+        getInput: function getInput() {
+          return inputRef.current;
+        }
+      };
+    });
     React__namespace.useEffect(function () {
       utils.ObjectUtils.combinedRefs(inputRef, props.inputRef);
     }, [inputRef, props.inputRef]);

package/checkbox/checkbox.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.checkbox=function(e,t,n,r,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 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 o=a(t);function c(){return c=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},c.apply(this,arguments)}function i(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,l,a=[],o=!0,c=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);o=!0);}catch(e){c=!0,l=e}finally{try{o||null==n.return||n.return()}finally{if(c)throw l}}return a}}function s(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 d(e,t){if(e){if("string"==typeof e)return s(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)?s(e,t):void 0}}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 p=o.memo(o.forwardRef((function(e,t){var a,s,b=o.useState(!1),h=(s=2,i(a=b)||u(a,s)||d(a,s)||f()),m=h[0],y=h[1],v=o.useRef(null),k=o.useRef(e.inputRef),g=function(){return e.checked===e.trueValue};o.useEffect((function(){l.ObjectUtils.combinedRefs(k,e.inputRef)}),[k,e.inputRef]),n.useUpdateEffect((function(){k.current.checked=g()}),[e.checked,e.trueValue]);var O=g(),x=l.ObjectUtils.isNotEmpty(e.tooltip),j=l.ObjectUtils.findDiffKeys(e,p.defaultProps),E=l.classNames("p-checkbox p-component",{"p-checkbox-checked":O,"p-checkbox-disabled":e.disabled,"p-checkbox-focused":m},e.className),C=l.classNames("p-checkbox-box",{"p-highlight":O,"p-disabled":e.disabled,"p-focus":m}),w=l.IconUtils.getJSXIcon(O?e.icon:"",{className:"p-checkbox-icon p-c"},{props:e,checked:O});return o.createElement(o.Fragment,null,o.createElement("div",c({ref:v,id:e.id,className:E,style:e.style},j,{onClick:function(t){if(!e.disabled&&!e.readOnly&&e.onChange){var n=g(),r=n?e.falseValue:e.trueValue;e.onChange({originalEvent:t,value:e.value,checked:r,stopPropagation:function(){},preventDefault:function(){},target:{type:"checkbox",name:e.name,id:e.id,value:e.value,checked:r}}),k.current.checked=!n,k.current.focus()}},onContextMenu:e.onContextMenu,onMouseDown:e.onMouseDown}),o.createElement("div",{className:"p-hidden-accessible"},o.createElement("input",{ref:k,type:"checkbox",id:e.inputId,name:e.name,tabIndex:e.tabIndex,defaultChecked:O,"aria-labelledby":e["aria-labelledby"],"aria-label":e["aria-label"],onFocus:function(){y(!0)},onBlur:function(){y(!1)},disabled:e.disabled,readOnly:e.readOnly,required:e.required})),o.createElement("div",{className:C},w)),x&&o.createElement(r.Tooltip,c({target:v,content:e.tooltip},e.tooltipOptions)))})));return p.displayName="Checkbox",p.defaultProps={__TYPE:"Checkbox",id:null,inputRef:null,inputId:null,value:null,name:null,checked:!1,trueValue:!0,falseValue:!1,style:null,className:null,disabled:!1,required:!1,readOnly:!1,tabIndex:null,icon:"pi pi-check",tooltip:null,tooltipOptions:null,"aria-label":null,"aria-labelledby":null,onChange:null,onMouseDown:null,onContextMenu:null},e.Checkbox=p,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.tooltip,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.checkbox=function(e,t,n,r,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 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=a(t);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 u(e){if(Array.isArray(e))return e}function i(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,a=[],c=!0,o=!1;try{for(n=n.call(e);!(c=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);c=!0);}catch(e){o=!0,l=e}finally{try{c||null==n.return||n.return()}finally{if(o)throw l}}return a}}function s(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 d(e,t){if(e){if("string"==typeof e)return s(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)?s(e,t):void 0}}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 p=c.memo(c.forwardRef((function(e,t){var a,s,b=c.useState(!1),h=(s=2,u(a=b)||i(a,s)||d(a,s)||f()),m=h[0],y=h[1],v=c.useRef(null),k=c.useRef(e.inputRef),g=function(){return e.checked===e.trueValue};c.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return v.current},getInput:function(){return k.current}}})),c.useEffect((function(){l.ObjectUtils.combinedRefs(k,e.inputRef)}),[k,e.inputRef]),n.useUpdateEffect((function(){k.current.checked=g()}),[e.checked,e.trueValue]);var O=g(),x=l.ObjectUtils.isNotEmpty(e.tooltip),j=l.ObjectUtils.findDiffKeys(e,p.defaultProps),E=l.classNames("p-checkbox p-component",{"p-checkbox-checked":O,"p-checkbox-disabled":e.disabled,"p-checkbox-focused":m},e.className),C=l.classNames("p-checkbox-box",{"p-highlight":O,"p-disabled":e.disabled,"p-focus":m}),I=l.IconUtils.getJSXIcon(O?e.icon:"",{className:"p-checkbox-icon p-c"},{props:e,checked:O});return c.createElement(c.Fragment,null,c.createElement("div",o({ref:v,id:e.id,className:E,style:e.style},j,{onClick:function(t){if(!e.disabled&&!e.readOnly&&e.onChange){var n=g();if(k.current.checked===n){var r=n?e.falseValue:e.trueValue;e.onChange({originalEvent:t,value:e.value,checked:r,stopPropagation:function(){},preventDefault:function(){},target:{type:"checkbox",name:e.name,id:e.id,value:e.value,checked:r}}),k.current.checked=!n}l.DomHandler.focus(k.current),t.preventDefault()}},onContextMenu:e.onContextMenu,onMouseDown:e.onMouseDown}),c.createElement("div",{className:"p-hidden-accessible"},c.createElement("input",{ref:k,type:"checkbox",id:e.inputId,name:e.name,tabIndex:e.tabIndex,defaultChecked:O,"aria-labelledby":e["aria-labelledby"],"aria-label":e["aria-label"],onFocus:function(){y(!0)},onBlur:function(){y(!1)},disabled:e.disabled,readOnly:e.readOnly,required:e.required})),c.createElement("div",{className:C},I)),x&&c.createElement(r.Tooltip,o({target:v,content:e.tooltip},e.tooltipOptions)))})));return p.displayName="Checkbox",p.defaultProps={__TYPE:"Checkbox",id:null,inputRef:null,inputId:null,value:null,name:null,checked:!1,trueValue:!0,falseValue:!1,style:null,className:null,disabled:!1,required:!1,readOnly:!1,tabIndex:null,icon:"pi pi-check",tooltip:null,tooltipOptions:null,"aria-label":null,"aria-labelledby":null,onChange:null,onMouseDown:null,onContextMenu:null},e.Checkbox=p,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.tooltip,primereact.utils);

package/chip/chip.cjs.js

@@ -105,6 +105,8 @@ function _slicedToArray(arr, i) {
 }
 
 var Chip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var elementRef = React__namespace.useRef(null);
+
   var _React$useState = React__namespace.useState(true),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       visibleState = _React$useState2[0],
@@ -173,11 +175,20 @@ var Chip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
     }, props.className);
     var content = props.template ? utils.ObjectUtils.getJSXElement(props.template, props) : createContent();
     return /*#__PURE__*/React__namespace.createElement("div", _extends({
+      ref: elementRef,
       className: className,
       style: props.style
     }, otherProps), content);
   };
 
+  React__namespace.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
   return visibleState && createElement();
 }));
 Chip.displayName = 'Chip';

package/chip/chip.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils");function r(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 n=r(e);function o(){return o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},o.apply(this,arguments)}function l(e){if(Array.isArray(e))return e}function a(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,l=[],a=!0,i=!1;try{for(r=r.call(e);!(a=(n=r.next()).done)&&(l.push(n.value),!t||l.length!==t);a=!0);}catch(e){i=!0,o=e}finally{try{a||null==r.return||r.return()}finally{if(i)throw o}}return l}}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function c(e,t){if(e){if("string"==typeof e)return i(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?i(e,t):void 0}}function u(){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 s=n.memo(n.forwardRef((function(e,r){var i,p,m,f,y,v=n.useState(!0),b=(p=2,l(i=v)||a(i,p)||c(i,p)||u()),h=b[1],g=function(e){13===e.keyCode&&d(e)},d=function(t){h(!1),e.onRemove&&e.onRemove(t)},O=function(){var r=[];return e.image?r.push(n.createElement("img",{key:"image",src:e.image,alt:e.imageAlt,onError:e.onImageError})):e.icon&&r.push(t.IconUtils.getJSXIcon(e.icon,{key:"icon",className:"p-chip-icon"},{props:e})),e.label&&r.push(n.createElement("span",{key:"label",className:"p-chip-text"},e.label)),e.removable&&r.push(t.IconUtils.getJSXIcon(e.removeIcon,{key:"removeIcon",tabIndex:0,className:"p-chip-remove-icon",onClick:d,onKeyDown:g},{props:e})),r};return b[0]&&(m=t.ObjectUtils.findDiffKeys(e,s.defaultProps),f=t.classNames("p-chip p-component",{"p-chip-image":null!=e.image},e.className),y=e.template?t.ObjectUtils.getJSXElement(e.template,e):O(),n.createElement("div",o({className:f,style:e.style},m),y))})));s.displayName="Chip",s.defaultProps={__TYPE:"Chip",label:null,icon:null,image:null,removable:!1,removeIcon:"pi pi-times-circle",className:null,style:null,template:null,imageAlt:"chip",onImageError:null,onRemove:null},exports.Chip=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils");function r(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 n=r(e);function l(){return l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},l.apply(this,arguments)}function o(e){if(Array.isArray(e))return e}function a(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,l,o=[],a=!0,i=!1;try{for(r=r.call(e);!(a=(n=r.next()).done)&&(o.push(n.value),!t||o.length!==t);a=!0);}catch(e){i=!0,l=e}finally{try{a||null==r.return||r.return()}finally{if(i)throw l}}return o}}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function c(e,t){if(e){if("string"==typeof e)return i(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?i(e,t):void 0}}function u(){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 s=n.memo(n.forwardRef((function(e,r){var i,p,m,f,y,v=n.useRef(null),b=n.useState(!0),g=(p=2,o(i=b)||a(i,p)||c(i,p)||u()),h=g[0],d=g[1],I=function(e){13===e.keyCode&&O(e)},O=function(t){d(!1),e.onRemove&&e.onRemove(t)},j=function(){var r=[];return e.image?r.push(n.createElement("img",{key:"image",src:e.image,alt:e.imageAlt,onError:e.onImageError})):e.icon&&r.push(t.IconUtils.getJSXIcon(e.icon,{key:"icon",className:"p-chip-icon"},{props:e})),e.label&&r.push(n.createElement("span",{key:"label",className:"p-chip-text"},e.label)),e.removable&&r.push(t.IconUtils.getJSXIcon(e.removeIcon,{key:"removeIcon",tabIndex:0,className:"p-chip-remove-icon",onClick:O,onKeyDown:I},{props:e})),r};return n.useImperativeHandle(r,(function(){return{props:e,getElement:function(){return v.current}}})),h&&(m=t.ObjectUtils.findDiffKeys(e,s.defaultProps),f=t.classNames("p-chip p-component",{"p-chip-image":null!=e.image},e.className),y=e.template?t.ObjectUtils.getJSXElement(e.template,e):j(),n.createElement("div",l({ref:v,className:f,style:e.style},m),y))})));s.displayName="Chip",s.defaultProps={__TYPE:"Chip",label:null,icon:null,image:null,removable:!1,removeIcon:"pi pi-times-circle",className:null,style:null,template:null,imageAlt:"chip",onImageError:null,onRemove:null},exports.Chip=s;

package/chip/chip.d.ts

@@ -1,14 +1,12 @@
 import * as React from 'react';
 import { IconType, TemplateType } from '../utils';
 
-export interface ChipProps {
+export interface ChipProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
     label?: string;
     icon?: IconType<ChipProps>;
     image?: string;
     removable?: boolean;
     removeIcon?: string;
-    className?: string;
-    style?: object;
     template?: TemplateType<ChipProps>;
     imageAlt?: string;
     onImageError?(event: React.SyntheticEvent): void;
@@ -16,4 +14,6 @@ export interface ChipProps {
     children?: React.ReactNode;
 }
 
-export declare class Chip extends React.Component<ChipProps, any> { }
+export declare class Chip extends React.Component<ChipProps, any> {
+    public getElement(): HTMLDivElement;
+ }