primereact 9.0.0-beta.1 → 9.0.0

package/knob/knob.esm.js

@@ -35,9 +35,7 @@ function _iterableToArrayLimit(arr, i) {
       if (_x = (_i = _i.call(arr)).next, 0 === i) {
         if (Object(_i) !== _i) return;
         _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-        ;
-      }
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
     } catch (err) {
       _d = !0, _e = err;
     } finally {
@@ -53,9 +51,7 @@ function _iterableToArrayLimit(arr, i) {
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) {
-    arr2[i] = arr[i];
-  }
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
   return arr2;
 }
 
@@ -76,12 +72,44 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
+var KnobBase = {
+  defaultProps: {
+    __TYPE: 'Knob',
+    id: null,
+    style: null,
+    className: null,
+    value: null,
+    size: 100,
+    disabled: false,
+    readOnly: false,
+    showValue: true,
+    step: 1,
+    min: 0,
+    max: 100,
+    strokeWidth: 14,
+    name: null,
+    valueColor: 'var(--primary-color, Black)',
+    rangeColor: 'var(--surface-border, LightGray)',
+    textColor: 'var(--text-color-secondary, Black)',
+    valueTemplate: '{value}',
+    onChange: null,
+    children: undefined
+  },
+  getProps: function getProps(props) {
+    return ObjectUtils.getMergedProps(props, KnobBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return ObjectUtils.getDiffProps(props, KnobBase.defaultProps);
+  }
+};
+
 var radius = 40;
 var midX = 50;
 var midY = 50;
 var minRadians = 4 * Math.PI / 3;
 var maxRadians = -Math.PI / 3;
-var Knob = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
+var Knob = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var props = KnobBase.getProps(inProps);
   var elementRef = React.useRef(null);
   var enabled = !props.disabled && !props.readOnly;
   var _useEventListener = useEventListener({
@@ -229,7 +257,7 @@ var Knob = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (prop
       }
     };
   });
-  var otherProps = ObjectUtils.findDiffKeys(props, Knob.defaultProps);
+  var otherProps = KnobBase.getOtherProps(props);
   var className = classNames('p-knob p-component', {
     'p-disabled': props.disabled
   }, props.className);
@@ -268,26 +296,5 @@ var Knob = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (prop
   }), text));
 }));
 Knob.displayName = 'Knob';
-Knob.defaultProps = {
-  __TYPE: 'Knob',
-  id: null,
-  style: null,
-  className: null,
-  value: null,
-  size: 100,
-  disabled: false,
-  readOnly: false,
-  showValue: true,
-  step: 1,
-  min: 0,
-  max: 100,
-  strokeWidth: 14,
-  name: null,
-  valueColor: 'var(--primary-color, Black)',
-  rangeColor: 'var(--surface-border, LightGray)',
-  textColor: 'var(--text-color-secondary, Black)',
-  valueTemplate: '{value}',
-  onChange: null
-};
 
 export { Knob };

package/knob/knob.esm.min.js

@@ -1 +1 @@
-import*as t from"react";import{useEventListener as e}from"primereact/hooks";import{ObjectUtils as n,classNames as r}from"primereact/utils";function a(){return a=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},a.apply(this,arguments)}function o(t){if(Array.isArray(t))return t}function i(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var r,a,o,i,l=[],c=!0,u=!1;try{if(o=(n=n.call(t)).next,0===e){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(l.push(r.value),l.length!==e);c=!0);}catch(t){u=!0,a=t}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw a}}return l}}function l(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function c(t,e){if(t){if("string"==typeof t)return l(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(t,e):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.")}function s(t,e){return o(t)||i(t,e)||c(t,e)||u()}var f=40,m=4*Math.PI/3,h=-Math.PI/3,d=t.memo(t.forwardRef((function(o,i){var l=t.useRef(null),c=!o.disabled&&!o.readOnly,u=s(e({target:"window",type:"mousemove",listener:function(t){N(t.offsetX,t.offsetY),t.preventDefault()},when:c}),2),p=u[0],v=u[1],y=s(e({target:"window",type:"mouseup",listener:function(t){v(),g(),t.preventDefault()},when:c}),2),b=y[0],g=y[1],w=s(e({target:"window",type:"touchmove",listener:function(t){if(1===t.touches.length){var e=l.current.getBoundingClientRect(),n=t.targetTouches.item(0);N(n.clientX-e.left,n.clientY-e.top),t.preventDefault()}},when:c}),2),M=w[0],x=w[1],k=s(e({target:"window",type:"touchend",listener:function(){x(),E()},when:c}),2),C=k[0],E=k[1],O=function(t,e,n,r,a){return(t-e)*(a-r)/(n-e)+r},I=function(){return O(o.min>0&&o.max>0?o.min:0,o.min,o.max,m,h)},P=function(){return O(o.value,o.min,o.max,m,h)},A="M ".concat(50+Math.cos(m)*f," ").concat(50-Math.sin(m)*f," A ").concat(f," ").concat(f," 0 1 1 ").concat(50+Math.cos(h)*f," ").concat(50-Math.sin(h)*f),j="M ".concat(50+Math.cos(I())*f," ").concat(50-Math.sin(I())*f," A ").concat(f," ").concat(f," 0 ").concat(Math.abs(I()-P())<Math.PI?0:1," ").concat(P()>I()?0:1," ").concat(50+Math.cos(P())*f," ").concat(50-Math.sin(P())*f),N=function(t,e){var n=Math.atan2(o.size/2-e,t-o.size/2),r=-Math.PI/2-Math.PI/6;S(n,r)},S=function(t,e){var n;if(t>h)n=O(t,m,h,o.min,o.max);else{if(!(t<e))return;n=O(t+2*Math.PI,m,h,o.min,o.max)}o.onChange&&o.onChange({value:Math.round((n-o.min)/o.step)*o.step+o.min})};t.useImperativeHandle(i,(function(){return{props:o,getElement:function(){return l.current}}}));var T=n.findDiffKeys(o,d.defaultProps),D=r("p-knob p-component",{"p-disabled":o.disabled},o.className),z=o.showValue&&t.createElement("text",{x:50,y:57,textAnchor:"middle",fill:o.textColor,className:"p-knob-text",name:o.name},o.valueTemplate.replace("{value}",o.value.toString()));return t.createElement("div",a({ref:l,id:o.id,className:D,style:o.style},T),t.createElement("svg",{viewBox:"0 0 100 100",width:o.size,height:o.size,onClick:function(t){o.disabled||o.readOnly||N(t.nativeEvent.offsetX,t.nativeEvent.offsetY)},onMouseDown:function(t){p(),b(),t.preventDefault()},onMouseUp:function(){v(),g()},onTouchStart:function(){M(),C()},onTouchEnd:function(){x(),E()}},t.createElement("path",{d:A,strokeWidth:o.strokeWidth,stroke:o.rangeColor,className:"p-knob-range"}),t.createElement("path",{d:j,strokeWidth:o.strokeWidth,stroke:o.valueColor,className:"p-knob-value"}),z))})));d.displayName="Knob",d.defaultProps={__TYPE:"Knob",id:null,style:null,className:null,value:null,size:100,disabled:!1,readOnly:!1,showValue:!0,step:1,min:0,max:100,strokeWidth:14,name:null,valueColor:"var(--primary-color, Black)",rangeColor:"var(--surface-border, LightGray)",textColor:"var(--text-color-secondary, Black)",valueTemplate:"{value}",onChange:null};export{d as Knob};
+import*as t from"react";import{useEventListener as e}from"primereact/hooks";import{ObjectUtils as n,classNames as r}from"primereact/utils";function o(){return o=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},o.apply(this,arguments)}function a(t){if(Array.isArray(t))return t}function i(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var r,o,a,i,l=[],c=!0,u=!1;try{if(a=(n=n.call(t)).next,0===e){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=a.call(n)).done)&&(l.push(r.value),l.length!==e);c=!0);}catch(t){u=!0,o=t}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw o}}return l}}function l(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function c(t,e){if(t){if("string"==typeof t)return l(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(t,e):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.")}function s(t,e){return a(t)||i(t,e)||c(t,e)||u()}var f={defaultProps:{__TYPE:"Knob",id:null,style:null,className:null,value:null,size:100,disabled:!1,readOnly:!1,showValue:!0,step:1,min:0,max:100,strokeWidth:14,name:null,valueColor:"var(--primary-color, Black)",rangeColor:"var(--surface-border, LightGray)",textColor:"var(--text-color-secondary, Black)",valueTemplate:"{value}",onChange:null,children:void 0},getProps:function(t){return n.getMergedProps(t,f.defaultProps)},getOtherProps:function(t){return n.getDiffProps(t,f.defaultProps)}},m=40,h=4*Math.PI/3,p=-Math.PI/3,d=t.memo(t.forwardRef((function(n,a){var i=f.getProps(n),l=t.useRef(null),c=!i.disabled&&!i.readOnly,u=s(e({target:"window",type:"mousemove",listener:function(t){N(t.offsetX,t.offsetY),t.preventDefault()},when:c}),2),d=u[0],v=u[1],g=s(e({target:"window",type:"mouseup",listener:function(t){v(),b(),t.preventDefault()},when:c}),2),y=g[0],b=g[1],w=s(e({target:"window",type:"touchmove",listener:function(t){if(1===t.touches.length){var e=l.current.getBoundingClientRect(),n=t.targetTouches.item(0);N(n.clientX-e.left,n.clientY-e.top),t.preventDefault()}},when:c}),2),M=w[0],P=w[1],x=s(e({target:"window",type:"touchend",listener:function(){P(),O()},when:c}),2),k=x[0],O=x[1],C=function(t,e,n,r,o){return(t-e)*(o-r)/(n-e)+r},E=function(){return C(i.min>0&&i.max>0?i.min:0,i.min,i.max,h,p)},I=function(){return C(i.value,i.min,i.max,h,p)},A="M ".concat(50+Math.cos(h)*m," ").concat(50-Math.sin(h)*m," A ").concat(m," ").concat(m," 0 1 1 ").concat(50+Math.cos(p)*m," ").concat(50-Math.sin(p)*m),j="M ".concat(50+Math.cos(E())*m," ").concat(50-Math.sin(E())*m," A ").concat(m," ").concat(m," 0 ").concat(Math.abs(E()-I())<Math.PI?0:1," ").concat(I()>E()?0:1," ").concat(50+Math.cos(I())*m," ").concat(50-Math.sin(I())*m),N=function(t,e){var n=Math.atan2(i.size/2-e,t-i.size/2),r=-Math.PI/2-Math.PI/6;S(n,r)},S=function(t,e){var n;if(t>p)n=C(t,h,p,i.min,i.max);else{if(!(t<e))return;n=C(t+2*Math.PI,h,p,i.min,i.max)}i.onChange&&i.onChange({value:Math.round((n-i.min)/i.step)*i.step+i.min})};t.useImperativeHandle(a,(function(){return{props:i,getElement:function(){return l.current}}}));var T=f.getOtherProps(i),D=r("p-knob p-component",{"p-disabled":i.disabled},i.className),z=i.showValue&&t.createElement("text",{x:50,y:57,textAnchor:"middle",fill:i.textColor,className:"p-knob-text",name:i.name},i.valueTemplate.replace("{value}",i.value.toString()));return t.createElement("div",o({ref:l,id:i.id,className:D,style:i.style},T),t.createElement("svg",{viewBox:"0 0 100 100",width:i.size,height:i.size,onClick:function(t){i.disabled||i.readOnly||N(t.nativeEvent.offsetX,t.nativeEvent.offsetY)},onMouseDown:function(t){d(),y(),t.preventDefault()},onMouseUp:function(){v(),b()},onTouchStart:function(){M(),k()},onTouchEnd:function(){P(),O()}},t.createElement("path",{d:A,strokeWidth:i.strokeWidth,stroke:i.rangeColor,className:"p-knob-range"}),t.createElement("path",{d:j,strokeWidth:i.strokeWidth,stroke:i.valueColor,className:"p-knob-value"}),z))})));d.displayName="Knob";export{d as Knob};

package/knob/knob.js

@@ -55,9 +55,7 @@ this.primereact.knob = (function (exports, React, hooks, utils) {
         if (_x = (_i = _i.call(arr)).next, 0 === i) {
           if (Object(_i) !== _i) return;
           _n = !1;
-        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-          ;
-        }
+        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
       } catch (err) {
         _d = !0, _e = err;
       } finally {
@@ -73,9 +71,7 @@ this.primereact.knob = (function (exports, React, hooks, utils) {
 
   function _arrayLikeToArray(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
-    for (var i = 0, arr2 = new Array(len); i < len; i++) {
-      arr2[i] = arr[i];
-    }
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
     return arr2;
   }
 
@@ -96,12 +92,44 @@ this.primereact.knob = (function (exports, React, hooks, utils) {
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
+  var KnobBase = {
+    defaultProps: {
+      __TYPE: 'Knob',
+      id: null,
+      style: null,
+      className: null,
+      value: null,
+      size: 100,
+      disabled: false,
+      readOnly: false,
+      showValue: true,
+      step: 1,
+      min: 0,
+      max: 100,
+      strokeWidth: 14,
+      name: null,
+      valueColor: 'var(--primary-color, Black)',
+      rangeColor: 'var(--surface-border, LightGray)',
+      textColor: 'var(--text-color-secondary, Black)',
+      valueTemplate: '{value}',
+      onChange: null,
+      children: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, KnobBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, KnobBase.defaultProps);
+    }
+  };
+
   var radius = 40;
   var midX = 50;
   var midY = 50;
   var minRadians = 4 * Math.PI / 3;
   var maxRadians = -Math.PI / 3;
-  var Knob = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var Knob = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var props = KnobBase.getProps(inProps);
     var elementRef = React__namespace.useRef(null);
     var enabled = !props.disabled && !props.readOnly;
     var _useEventListener = hooks.useEventListener({
@@ -249,7 +277,7 @@ this.primereact.knob = (function (exports, React, hooks, utils) {
         }
       };
     });
-    var otherProps = utils.ObjectUtils.findDiffKeys(props, Knob.defaultProps);
+    var otherProps = KnobBase.getOtherProps(props);
     var className = utils.classNames('p-knob p-component', {
       'p-disabled': props.disabled
     }, props.className);
@@ -288,27 +316,6 @@ this.primereact.knob = (function (exports, React, hooks, utils) {
     }), text));
   }));
   Knob.displayName = 'Knob';
-  Knob.defaultProps = {
-    __TYPE: 'Knob',
-    id: null,
-    style: null,
-    className: null,
-    value: null,
-    size: 100,
-    disabled: false,
-    readOnly: false,
-    showValue: true,
-    step: 1,
-    min: 0,
-    max: 100,
-    strokeWidth: 14,
-    name: null,
-    valueColor: 'var(--primary-color, Black)',
-    rangeColor: 'var(--surface-border, LightGray)',
-    textColor: 'var(--text-color-secondary, Black)',
-    valueTemplate: '{value}',
-    onChange: null
-  };
 
   exports.Knob = Knob;
 

package/knob/knob.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.knob=function(e,t,n,r){"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 i(){return i=Object.assign?Object.assign.bind():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},i.apply(this,arguments)}function l(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,a,o,i,l=[],c=!0,u=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw a}}return l}}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 s(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 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.")}function h(e,t){return l(e)||c(e,t)||s(e,t)||f()}var m=40,d=4*Math.PI/3,p=-Math.PI/3,v=o.memo(o.forwardRef((function(e,t){var a=o.useRef(null),l=!e.disabled&&!e.readOnly,c=h(n.useEventListener({target:"window",type:"mousemove",listener:function(e){A(e.offsetX,e.offsetY),e.preventDefault()},when:l}),2),u=c[0],s=c[1],f=h(n.useEventListener({target:"window",type:"mouseup",listener:function(e){s(),b(),e.preventDefault()},when:l}),2),y=f[0],b=f[1],g=h(n.useEventListener({target:"window",type:"touchmove",listener:function(e){if(1===e.touches.length){var t=a.current.getBoundingClientRect(),n=e.targetTouches.item(0);A(n.clientX-t.left,n.clientY-t.top),e.preventDefault()}},when:l}),2),w=g[0],M=g[1],O=h(n.useEventListener({target:"window",type:"touchend",listener:function(){M(),E()},when:l}),2),k=O[0],E=O[1],j=function(e,t,n,r,a){return(e-t)*(a-r)/(n-t)+r},x=function(){return j(e.min>0&&e.max>0?e.min:0,e.min,e.max,d,p)},P=function(){return j(e.value,e.min,e.max,d,p)},C="M ".concat(50+Math.cos(d)*m," ").concat(50-Math.sin(d)*m," A ").concat(m," ").concat(m," 0 1 1 ").concat(50+Math.cos(p)*m," ").concat(50-Math.sin(p)*m),I="M ".concat(50+Math.cos(x())*m," ").concat(50-Math.sin(x())*m," A ").concat(m," ").concat(m," 0 ").concat(Math.abs(x()-P())<Math.PI?0:1," ").concat(P()>x()?0:1," ").concat(50+Math.cos(P())*m," ").concat(50-Math.sin(P())*m),A=function(t,n){var r=Math.atan2(e.size/2-n,t-e.size/2),a=-Math.PI/2-Math.PI/6;N(r,a)},N=function(t,n){var r;if(t>p)r=j(t,d,p,e.min,e.max);else{if(!(t<n))return;r=j(t+2*Math.PI,d,p,e.min,e.max)}e.onChange&&e.onChange({value:Math.round((r-e.min)/e.step)*e.step+e.min})};o.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return a.current}}}));var D=r.ObjectUtils.findDiffKeys(e,v.defaultProps),S=r.classNames("p-knob p-component",{"p-disabled":e.disabled},e.className),T=e.showValue&&o.createElement("text",{x:50,y:57,textAnchor:"middle",fill:e.textColor,className:"p-knob-text",name:e.name},e.valueTemplate.replace("{value}",e.value.toString()));return o.createElement("div",i({ref:a,id:e.id,className:S,style:e.style},D),o.createElement("svg",{viewBox:"0 0 100 100",width:e.size,height:e.size,onClick:function(t){e.disabled||e.readOnly||A(t.nativeEvent.offsetX,t.nativeEvent.offsetY)},onMouseDown:function(e){u(),y(),e.preventDefault()},onMouseUp:function(){s(),b()},onTouchStart:function(){w(),k()},onTouchEnd:function(){M(),E()}},o.createElement("path",{d:C,strokeWidth:e.strokeWidth,stroke:e.rangeColor,className:"p-knob-range"}),o.createElement("path",{d:I,strokeWidth:e.strokeWidth,stroke:e.valueColor,className:"p-knob-value"}),T))})));return v.displayName="Knob",v.defaultProps={__TYPE:"Knob",id:null,style:null,className:null,value:null,size:100,disabled:!1,readOnly:!1,showValue:!0,step:1,min:0,max:100,strokeWidth:14,name:null,valueColor:"var(--primary-color, Black)",rangeColor:"var(--surface-border, LightGray)",textColor:"var(--text-color-secondary, Black)",valueTemplate:"{value}",onChange:null},e.Knob=v,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.knob=function(e,t,n,r){"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 i(){return i=Object.assign?Object.assign.bind():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},i.apply(this,arguments)}function c(e){if(Array.isArray(e))return e}function l(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,i,c=[],l=!0,u=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=o.call(n)).done)&&(c.push(r.value),c.length!==t);l=!0);}catch(e){u=!0,a=e}finally{try{if(!l&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw a}}return c}}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 s(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 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.")}function h(e,t){return c(e)||l(e,t)||s(e,t)||f()}var p={defaultProps:{__TYPE:"Knob",id:null,style:null,className:null,value:null,size:100,disabled:!1,readOnly:!1,showValue:!0,step:1,min:0,max:100,strokeWidth:14,name:null,valueColor:"var(--primary-color, Black)",rangeColor:"var(--surface-border, LightGray)",textColor:"var(--text-color-secondary, Black)",valueTemplate:"{value}",onChange:null,children:void 0},getProps:function(e){return r.ObjectUtils.getMergedProps(e,p.defaultProps)},getOtherProps:function(e){return r.ObjectUtils.getDiffProps(e,p.defaultProps)}},d=40,m=4*Math.PI/3,v=-Math.PI/3,b=o.memo(o.forwardRef((function(e,t){var a=p.getProps(e),c=o.useRef(null),l=!a.disabled&&!a.readOnly,u=h(n.useEventListener({target:"window",type:"mousemove",listener:function(e){N(e.offsetX,e.offsetY),e.preventDefault()},when:l}),2),s=u[0],f=u[1],b=h(n.useEventListener({target:"window",type:"mouseup",listener:function(e){f(),g(),e.preventDefault()},when:l}),2),y=b[0],g=b[1],M=h(n.useEventListener({target:"window",type:"touchmove",listener:function(e){if(1===e.touches.length){var t=c.current.getBoundingClientRect(),n=e.targetTouches.item(0);N(n.clientX-t.left,n.clientY-t.top),e.preventDefault()}},when:l}),2),w=M[0],O=M[1],P=h(n.useEventListener({target:"window",type:"touchend",listener:function(){O(),j()},when:l}),2),k=P[0],j=P[1],E=function(e,t,n,r,a){return(e-t)*(a-r)/(n-t)+r},x=function(){return E(a.min>0&&a.max>0?a.min:0,a.min,a.max,m,v)},C=function(){return E(a.value,a.min,a.max,m,v)},I="M ".concat(50+Math.cos(m)*d," ").concat(50-Math.sin(m)*d," A ").concat(d," ").concat(d," 0 1 1 ").concat(50+Math.cos(v)*d," ").concat(50-Math.sin(v)*d),A="M ".concat(50+Math.cos(x())*d," ").concat(50-Math.sin(x())*d," A ").concat(d," ").concat(d," 0 ").concat(Math.abs(x()-C())<Math.PI?0:1," ").concat(C()>x()?0:1," ").concat(50+Math.cos(C())*d," ").concat(50-Math.sin(C())*d),N=function(e,t){var n=Math.atan2(a.size/2-t,e-a.size/2),r=-Math.PI/2-Math.PI/6;D(n,r)},D=function(e,t){var n;if(e>v)n=E(e,m,v,a.min,a.max);else{if(!(e<t))return;n=E(e+2*Math.PI,m,v,a.min,a.max)}a.onChange&&a.onChange({value:Math.round((n-a.min)/a.step)*a.step+a.min})};o.useImperativeHandle(t,(function(){return{props:a,getElement:function(){return c.current}}}));var S=p.getOtherProps(a),T=r.classNames("p-knob p-component",{"p-disabled":a.disabled},a.className),z=a.showValue&&o.createElement("text",{x:50,y:57,textAnchor:"middle",fill:a.textColor,className:"p-knob-text",name:a.name},a.valueTemplate.replace("{value}",a.value.toString()));return o.createElement("div",i({ref:c,id:a.id,className:T,style:a.style},S),o.createElement("svg",{viewBox:"0 0 100 100",width:a.size,height:a.size,onClick:function(e){a.disabled||a.readOnly||N(e.nativeEvent.offsetX,e.nativeEvent.offsetY)},onMouseDown:function(e){s(),y(),e.preventDefault()},onMouseUp:function(){f(),g()},onTouchStart:function(){w(),k()},onTouchEnd:function(){O(),j()}},o.createElement("path",{d:I,strokeWidth:a.strokeWidth,stroke:a.rangeColor,className:"p-knob-range"}),o.createElement("path",{d:A,strokeWidth:a.strokeWidth,stroke:a.valueColor,className:"p-knob-value"}),z))})));return b.displayName="Knob",e.Knob=b,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.utils);

package/knob/package.json

@@ -2,5 +2,6 @@
     "main": "./knob.cjs.js",
     "module": "./knob.esm.js",
     "unpkg": "./knob.min.js",
-    "types": "./knob.d.ts"
+    "types": "./knob.d.ts",
+    "sideEffects": false
 }

package/listbox/listbox.cjs.js

@@ -89,9 +89,7 @@ function _defineProperty(obj, key, value) {
 
 function _arrayLikeToArray$1(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) {
-    arr2[i] = arr[i];
-  }
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
   return arr2;
 }
 
@@ -138,9 +136,7 @@ function _iterableToArrayLimit(arr, i) {
       if (_x = (_i = _i.call(arr)).next, 0 === i) {
         if (Object(_i) !== _i) return;
         _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-        ;
-      }
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
     } catch (err) {
       _d = !0, _e = err;
     } finally {
@@ -162,6 +158,53 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray$1(arr, i) || _nonIterableRest();
 }
 
+var ListBoxBase = {
+  defaultProps: {
+    __TYPE: 'ListBox',
+    className: null,
+    dataKey: null,
+    disabled: null,
+    emptyFilterMessage: null,
+    emptyMessage: null,
+    filter: false,
+    filterBy: null,
+    filterInputProps: null,
+    filterLocale: undefined,
+    filterMatchMode: 'contains',
+    filterPlaceholder: null,
+    filterTemplate: null,
+    filterValue: null,
+    id: null,
+    itemTemplate: null,
+    listClassName: null,
+    listStyle: null,
+    metaKeySelection: false,
+    multiple: false,
+    onChange: null,
+    onFilterValueChange: null,
+    optionDisabled: null,
+    optionGroupChildren: null,
+    optionGroupLabel: null,
+    optionGroupTemplate: null,
+    optionLabel: null,
+    optionValue: null,
+    options: null,
+    style: null,
+    tabIndex: 0,
+    tooltip: null,
+    tooltipOptions: null,
+    value: null,
+    virtualScrollerOptions: null,
+    children: undefined
+  },
+  getProps: function getProps(props) {
+    return utils.ObjectUtils.getMergedProps(props, ListBoxBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return utils.ObjectUtils.getDiffProps(props, ListBoxBase.defaultProps);
+  }
+};
+
 var ListBoxHeader = /*#__PURE__*/React__namespace.memo(function (props) {
   var filterOptions = {
     filter: function filter(e) {
@@ -287,8 +330,9 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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; }
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-var ListBox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+var ListBox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var props = ListBoxBase.getProps(inProps);
   var _React$useState = React__namespace.useState(''),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     filterValueState = _React$useState2[0],
@@ -641,7 +685,7 @@ var ListBox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
   };
   var visibleOptions = getVisibleOptions();
   var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
-  var otherProps = utils.ObjectUtils.findDiffKeys(props, ListBox.defaultProps);
+  var otherProps = ListBoxBase.getOtherProps(props);
   var ariaProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.ARIA_PROPS);
   var className = utils.classNames('p-listbox p-component', {
     'p-disabled': props.disabled
@@ -663,42 +707,5 @@ var ListBox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
   }, props.tooltipOptions)));
 }));
 ListBox.displayName = 'ListBox';
-ListBox.defaultProps = {
-  __TYPE: 'ListBox',
-  className: null,
-  dataKey: null,
-  disabled: null,
-  emptyFilterMessage: null,
-  emptyMessage: null,
-  filter: false,
-  filterBy: null,
-  filterInputProps: null,
-  filterLocale: undefined,
-  filterMatchMode: 'contains',
-  filterPlaceholder: null,
-  filterTemplate: null,
-  filterValue: null,
-  id: null,
-  itemTemplate: null,
-  listClassName: null,
-  listStyle: null,
-  metaKeySelection: false,
-  multiple: false,
-  onChange: null,
-  onFilterValueChange: null,
-  optionDisabled: null,
-  optionGroupChildren: null,
-  optionGroupLabel: null,
-  optionGroupTemplate: null,
-  optionLabel: null,
-  optionValue: null,
-  options: null,
-  style: null,
-  tabIndex: 0,
-  tooltip: null,
-  tooltipOptions: null,
-  value: null,
-  virtualScrollerOptions: null
-};
 
 exports.ListBox = ListBox;

package/listbox/listbox.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/hooks"),n=require("primereact/tooltip"),l=require("primereact/utils"),i=require("primereact/virtualscroller"),o=require("primereact/inputtext"),a=require("primereact/ripple");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 c=u(e);function s(){return s=Object.assign?Object.assign.bind():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},s.apply(this,arguments)}function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function f(e,t){if("object"!==p(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==p(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function m(e){var t=f(e,"string");return"symbol"===p(t)?t:String(t)}function d(e,t,r){return(t=m(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function b(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 v(e){if(Array.isArray(e))return b(e)}function y(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function g(e,t){if(e){if("string"==typeof e)return b(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)?b(e,t):void 0}}function h(){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 O(e){return v(e)||y(e)||g(e)||h()}function E(e){if(Array.isArray(e))return e}function j(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,l,i,o,a=[],u=!0,c=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=i.call(r)).done)&&(a.push(n.value),a.length!==t);u=!0);}catch(e){c=!0,l=e}finally{try{if(!u&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(c)throw l}}return a}}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 x=c.memo((function(e){var t={filter:function(e){return r(e)},reset:function(){return e.resetFilter()}},r=function(t){e.onFilter&&e.onFilter({originalEvent:t,value:t.target.value})},n=function(){var n=c.createElement("div",{className:"p-listbox-filter-container"},c.createElement(o.InputText,s({type:"text",value:e.filter,onChange:r,className:"p-listbox-filter",disabled:e.disabled,placeholder:e.filterPlaceholder},e.filterInputProps)),c.createElement("span",{className:"p-listbox-filter-icon pi pi-search"}));e.filterTemplate&&(n=l.ObjectUtils.getJSXElement(e.filterTemplate,{className:"p-listbox-filter-container",element:n,filterOptions:t,filterInputChange:r,filterIconClassName:"p-dropdown-filter-icon pi pi-search",props:e}));return c.createElement("div",{className:"p-listbox-header"},n)}();return c.createElement(c.Fragment,null,n)}));x.displayName="ListBoxHeader";var D=c.memo((function(e){var t=function(t){e.onClick&&e.onClick({originalEvent:t,option:e.option}),t.preventDefault()},r=function e(t){var r=t.nextElementSibling;return r?l.DomHandler.hasClass(r,"p-disabled")||l.DomHandler.hasClass(r,"p-listbox-item-group")?e(r):r:null},n=function e(t){var r=t.previousElementSibling;return r?l.DomHandler.hasClass(r,"p-disabled")||l.DomHandler.hasClass(r,"p-listbox-item-group")?e(r):r:null},i=l.classNames("p-listbox-item",{"p-highlight":e.selected,"p-disabled":e.disabled},e.option.className),o=e.template?l.ObjectUtils.getJSXElement(e.template,e.option):e.label;return c.createElement("li",{className:i,style:e.style,onClick:t,onTouchEnd:function(t){e.onTouchEnd&&e.onTouchEnd({originalEvent:t,option:e.option})},onKeyDown:function(e){var l=e.currentTarget;switch(e.which){case 40:var i=r(l);i&&i.focus(),e.preventDefault();break;case 38:var o=n(l);o&&o.focus(),e.preventDefault();break;case 13:t(e),e.preventDefault()}},tabIndex:"-1","aria-label":e.label,key:e.label,role:"option","aria-selected":e.selected,"aria-disabled":e.disabled},o,c.createElement(a.Ripple,null))}));function P(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function w(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?P(Object(r),!0).forEach((function(t){d(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):P(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function N(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=T(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var n=0,l=function(){};return{s:l,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:l}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,o=!0,a=!1;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return o=e.done,e},e:function(e){a=!0,i=e},f:function(){try{o||null==r.return||r.return()}finally{if(a)throw i}}}}function T(e,t){if(e){if("string"==typeof e)return F(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)?F(e,t):void 0}}function F(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}D.displayName="ListBoxItem";var C=c.memo(c.forwardRef((function(e,o){var a,u,p=c.useState(""),f=(u=2,E(a=p)||j(a,u)||g(a,u)||S()),m=f[0],d=f[1],b=c.useRef(null),v=c.useRef(null),y=c.useRef(!1),h=(e.onFilterValueChange?e.filterValue:m)||"",P=h&&h.trim().length>0,T=function(t){var r=t.option;e.disabled||R(r)||(e.multiple?L(t.originalEvent,r):I(t.originalEvent,r),y.current=!1)},F=function(){e.disabled||(y.current=!0)},I=function(t,r){var n=G(r),l=!1,i=null;!y.current&&e.metaKeySelection?n?(t.metaKey||t.ctrlKey)&&(i=null,l=!0):(i=B(r),l=!0):(i=n?null:B(r),l=!0);l&&M(t,i)},L=function(t,r){var n=G(r),l=!1,i=null;if(!y&&e.metaKeySelection){var o=t.metaKey||t.ctrlKey;n?(i=o?K(r):[B(r)],l=!0):(i=[].concat(O(i=o&&e.value||[]),[B(r)]),l=!0)}else i=n?K(r):[].concat(O(e.value||[]),[B(r)]),l=!0;l&&e.onChange({originalEvent:t,value:i,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:i}})},U=function(t){v.current&&v.current.scrollToIndex(0);var r=t.value;e.onFilterValueChange?e.onFilterValueChange({originalEvent:t.originalEvent,value:r}):d(r)},A=function(){d(""),e.onFilter&&e.onFilter({filter:""})},M=function(t,r){e.onChange&&e.onChange({originalEvent:t,value:r,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:r}})},K=function(t){return e.value.filter((function(r){return!l.ObjectUtils.equals(r,B(t),e.dataKey)}))},k=function(){if(null!=e.value&&Z){if(!e.optionGroupLabel)return V(e.value,Z);for(var t=0;t<Z.length;t++){var r=V(e.value,X(Z[t]));if(-1!==r)return{group:t,option:r}}}return-1},q=function(){return e.optionValue?null:e.dataKey},V=function(e,t){var r=q();return t.findIndex((function(t){return l.ObjectUtils.equals(e,B(t),r)}))},G=function(t){var r=B(t),n=q();return e.multiple&&e.value?e.value.some((function(e){return l.ObjectUtils.equals(e,r,n)})):l.ObjectUtils.equals(e.value,r,n)},_=function(t){return e.optionLabel?l.ObjectUtils.resolveFieldData(t,e.optionLabel):t&&void 0!==t.label?t.label:t},B=function(t){return e.optionValue?l.ObjectUtils.resolveFieldData(t,e.optionValue):t&&void 0!==t.value?t.value:t},H=function(t){return e.dataKey?l.ObjectUtils.resolveFieldData(t,e.dataKey):_(t)},R=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},z=function(t){return l.ObjectUtils.resolveFieldData(t,e.optionGroupLabel)},J=function(t){return l.ObjectUtils.resolveFieldData(t,e.optionGroupLabel)},X=function(t){return l.ObjectUtils.resolveFieldData(t,e.optionGroupChildren)},$=function(){if(v.current){var e=k();-1!==e&&setTimeout((function(){return v.current.scrollToIndex(e)}),0)}};c.useImperativeHandle(o,(function(){return{props:e,focus:function(){return l.DomHandler.focusFirstElement(b.current)},getElement:function(){return b.current},getVirtualScroller:function(){return v.current}}})),r.useMountEffect((function(){$()}));var Y=function(t,r){return X(t).map((function(t,n){var l=_(t),i=n+"_"+H(t),o=R(t),a=o?null:e.tabIndex||0;return c.createElement(D,{key:i,label:l,option:t,style:r,template:e.itemTemplate,selected:G(t),onClick:T,onTouchEnd:F,tabIndex:a,disabled:o})}))},Q=function(t,r){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i={height:n.props?n.props.itemSize:void 0};if(e.optionGroupLabel){var o=e.optionGroupTemplate?l.ObjectUtils.getJSXElement(e.optionGroupTemplate,t,r):J(t),a=Y(t,i),u=r+"_"+z(t);return c.createElement(c.Fragment,{key:u},c.createElement("li",{className:"p-listbox-item-group",style:i,role:"group"},o),a)}var s=_(t),p=r+"_"+H(t),f=R(t),m=f?null:e.tabIndex||0;return c.createElement(D,{key:p,label:s,option:t,style:i,template:e.itemTemplate,selected:G(t),onClick:T,onTouchEnd:F,tabIndex:m,disabled:f})},W=function(r,n){var i=l.ObjectUtils.getJSXElement(r,e)||t.localeOption(n?"emptyFilterMessage":"emptyMessage");return c.createElement("li",{className:"p-listbox-empty-message"},i)},Z=function(){if(P){var r=h.trim().toLocaleLowerCase(e.filterLocale),n=e.filterBy?e.filterBy.split(","):[e.optionLabel||"label"];if(e.optionGroupLabel){var l,i=[],o=N(e.options);try{for(o.s();!(l=o.n()).done;){var a=l.value,u=t.FilterService.filter(X(a),n,r,e.filterMatchMode,e.filterLocale);u&&u.length&&i.push(w(w({},a),{items:u}))}}catch(e){o.e(e)}finally{o.f()}return i}return t.FilterService.filter(e.options,n,r,e.filterMatchMode,e.filterLocale)}return e.options}(),ee=l.ObjectUtils.isNotEmpty(e.tooltip),te=l.ObjectUtils.findDiffKeys(e,C.defaultProps),re=l.ObjectUtils.reduceKeys(te,l.DomHandler.ARIA_PROPS),ne=l.classNames("p-listbox p-component",{"p-disabled":e.disabled},e.className),le=l.classNames("p-listbox-list-wrapper",e.listClassName),ie=function(){if(e.virtualScrollerOptions){var t=w(w({},e.virtualScrollerOptions),{items:Z,onLazyLoad:function(t){return e.virtualScrollerOptions.onLazyLoad(w(w({},t),{filter:Z}))},itemTemplate:function(e,t){return e&&Q(e,t.index,t)},contentTemplate:function(t){var r=l.classNames("p-listbox-list",t.className);return c.createElement("ul",s({ref:t.contentRef,className:r,role:"listbox","aria-multiselectable":e.multiple},re),t.children)}});return c.createElement(i.VirtualScroller,s({ref:v},t))}var r=l.ObjectUtils.isNotEmpty(Z)?Z.map(Q):P?W(e.emptyFilterMessage,!0):W(e.emptyMessage);return c.createElement("ul",s({className:"p-listbox-list",role:"listbox","aria-multiselectable":e.multiple},re),r)}(),oe=e.filter?c.createElement(x,{filter:h,onFilter:U,resetFilter:A,filterTemplate:e.filterTemplate,disabled:e.disabled,filterPlaceholder:e.filterPlaceholder,filterInputProps:e.filterInputProps}):null;return c.createElement(c.Fragment,null,c.createElement("div",s({ref:b,id:e.id,className:ne,style:e.style},te),oe,c.createElement("div",{className:le,style:e.listStyle},ie)),ee&&c.createElement(n.Tooltip,s({target:b,content:e.tooltip},e.tooltipOptions)))})));C.displayName="ListBox",C.defaultProps={__TYPE:"ListBox",className:null,dataKey:null,disabled:null,emptyFilterMessage:null,emptyMessage:null,filter:!1,filterBy:null,filterInputProps:null,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,filterValue:null,id:null,itemTemplate:null,listClassName:null,listStyle:null,metaKeySelection:!1,multiple:!1,onChange:null,onFilterValueChange:null,optionDisabled:null,optionGroupChildren:null,optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,style:null,tabIndex:0,tooltip:null,tooltipOptions:null,value:null,virtualScrollerOptions:null},exports.ListBox=C;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/hooks"),n=require("primereact/tooltip"),l=require("primereact/utils"),i=require("primereact/virtualscroller"),o=require("primereact/inputtext"),a=require("primereact/ripple");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 c=u(e);function s(){return s=Object.assign?Object.assign.bind():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},s.apply(this,arguments)}function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function f(e,t){if("object"!==p(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==p(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function m(e){var t=f(e,"string");return"symbol"===p(t)?t:String(t)}function d(e,t,r){return(t=m(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function b(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 v(e){if(Array.isArray(e))return b(e)}function y(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function g(e,t){if(e){if("string"==typeof e)return b(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)?b(e,t):void 0}}function h(){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 O(e){return v(e)||y(e)||g(e)||h()}function j(e){if(Array.isArray(e))return e}function E(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,l,i,o,a=[],u=!0,c=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=i.call(r)).done)&&(a.push(n.value),a.length!==t);u=!0);}catch(e){c=!0,l=e}finally{try{if(!u&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(c)throw l}}return a}}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 x={defaultProps:{__TYPE:"ListBox",className:null,dataKey:null,disabled:null,emptyFilterMessage:null,emptyMessage:null,filter:!1,filterBy:null,filterInputProps:null,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,filterValue:null,id:null,itemTemplate:null,listClassName:null,listStyle:null,metaKeySelection:!1,multiple:!1,onChange:null,onFilterValueChange:null,optionDisabled:null,optionGroupChildren:null,optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,style:null,tabIndex:0,tooltip:null,tooltipOptions:null,value:null,virtualScrollerOptions:null,children:void 0},getProps:function(e){return l.ObjectUtils.getMergedProps(e,x.defaultProps)},getOtherProps:function(e){return l.ObjectUtils.getDiffProps(e,x.defaultProps)}},P=c.memo((function(e){var t={filter:function(e){return r(e)},reset:function(){return e.resetFilter()}},r=function(t){e.onFilter&&e.onFilter({originalEvent:t,value:t.target.value})},n=function(){var n=c.createElement("div",{className:"p-listbox-filter-container"},c.createElement(o.InputText,s({type:"text",value:e.filter,onChange:r,className:"p-listbox-filter",disabled:e.disabled,placeholder:e.filterPlaceholder},e.filterInputProps)),c.createElement("span",{className:"p-listbox-filter-icon pi pi-search"}));e.filterTemplate&&(n=l.ObjectUtils.getJSXElement(e.filterTemplate,{className:"p-listbox-filter-container",element:n,filterOptions:t,filterInputChange:r,filterIconClassName:"p-dropdown-filter-icon pi pi-search",props:e}));return c.createElement("div",{className:"p-listbox-header"},n)}();return c.createElement(c.Fragment,null,n)}));P.displayName="ListBoxHeader";var D=c.memo((function(e){var t=function(t){e.onClick&&e.onClick({originalEvent:t,option:e.option}),t.preventDefault()},r=function e(t){var r=t.nextElementSibling;return r?l.DomHandler.hasClass(r,"p-disabled")||l.DomHandler.hasClass(r,"p-listbox-item-group")?e(r):r:null},n=function e(t){var r=t.previousElementSibling;return r?l.DomHandler.hasClass(r,"p-disabled")||l.DomHandler.hasClass(r,"p-listbox-item-group")?e(r):r:null},i=l.classNames("p-listbox-item",{"p-highlight":e.selected,"p-disabled":e.disabled},e.option.className),o=e.template?l.ObjectUtils.getJSXElement(e.template,e.option):e.label;return c.createElement("li",{className:i,style:e.style,onClick:t,onTouchEnd:function(t){e.onTouchEnd&&e.onTouchEnd({originalEvent:t,option:e.option})},onKeyDown:function(e){var l=e.currentTarget;switch(e.which){case 40:var i=r(l);i&&i.focus(),e.preventDefault();break;case 38:var o=n(l);o&&o.focus(),e.preventDefault();break;case 13:t(e),e.preventDefault()}},tabIndex:"-1","aria-label":e.label,key:e.label,role:"option","aria-selected":e.selected,"aria-disabled":e.disabled},o,c.createElement(a.Ripple,null))}));function w(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function N(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?w(Object(r),!0).forEach((function(t){d(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):w(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function T(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=F(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var n=0,l=function(){};return{s:l,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:l}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,o=!0,a=!1;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return o=e.done,e},e:function(e){a=!0,i=e},f:function(){try{o||null==r.return||r.return()}finally{if(a)throw i}}}}function F(e,t){if(e){if("string"==typeof e)return C(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)?C(e,t):void 0}}function C(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}D.displayName="ListBoxItem";var I=c.memo(c.forwardRef((function(e,o){var a,u,p=x.getProps(e),f=c.useState(""),m=(u=2,j(a=f)||E(a,u)||g(a,u)||S()),d=m[0],b=m[1],v=c.useRef(null),y=c.useRef(null),h=c.useRef(!1),w=(p.onFilterValueChange?p.filterValue:d)||"",F=w&&w.trim().length>0,C=function(e){var t=e.option;p.disabled||z(t)||(p.multiple?U(e.originalEvent,t):L(e.originalEvent,t),h.current=!1)},I=function(){p.disabled||(h.current=!0)},L=function(e,t){var r=_(t),n=!1,l=null;!h.current&&p.metaKeySelection?r?(e.metaKey||e.ctrlKey)&&(l=null,n=!0):(l=H(t),n=!0):(l=r?null:H(t),n=!0);n&&k(e,l)},U=function(e,t){var r=_(t),n=!1,l=null;if(!h&&p.metaKeySelection){var i=e.metaKey||e.ctrlKey;r?(l=i?K(t):[H(t)],n=!0):(l=[].concat(O(l=i&&p.value||[]),[H(t)]),n=!0)}else l=r?K(t):[].concat(O(p.value||[]),[H(t)]),n=!0;n&&p.onChange({originalEvent:e,value:l,stopPropagation:function(){},preventDefault:function(){},target:{name:p.name,id:p.id,value:l}})},M=function(e){y.current&&y.current.scrollToIndex(0);var t=e.value;p.onFilterValueChange?p.onFilterValueChange({originalEvent:e.originalEvent,value:t}):b(t)},A=function(){b(""),p.onFilter&&p.onFilter({filter:""})},k=function(e,t){p.onChange&&p.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:p.name,id:p.id,value:t}})},K=function(e){return p.value.filter((function(t){return!l.ObjectUtils.equals(t,H(e),p.dataKey)}))},q=function(){if(null!=p.value&&ee){if(!p.optionGroupLabel)return G(p.value,ee);for(var e=0;e<ee.length;e++){var t=G(p.value,$(ee[e]));if(-1!==t)return{group:e,option:t}}}return-1},V=function(){return p.optionValue?null:p.dataKey},G=function(e,t){var r=V();return t.findIndex((function(t){return l.ObjectUtils.equals(e,H(t),r)}))},_=function(e){var t=H(e),r=V();return p.multiple&&p.value?p.value.some((function(e){return l.ObjectUtils.equals(e,t,r)})):l.ObjectUtils.equals(p.value,t,r)},B=function(e){return p.optionLabel?l.ObjectUtils.resolveFieldData(e,p.optionLabel):e&&void 0!==e.label?e.label:e},H=function(e){return p.optionValue?l.ObjectUtils.resolveFieldData(e,p.optionValue):e&&void 0!==e.value?e.value:e},R=function(e){return p.dataKey?l.ObjectUtils.resolveFieldData(e,p.dataKey):B(e)},z=function(e){return p.optionDisabled?l.ObjectUtils.isFunction(p.optionDisabled)?p.optionDisabled(e):l.ObjectUtils.resolveFieldData(e,p.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},J=function(e){return l.ObjectUtils.resolveFieldData(e,p.optionGroupLabel)},X=function(e){return l.ObjectUtils.resolveFieldData(e,p.optionGroupLabel)},$=function(e){return l.ObjectUtils.resolveFieldData(e,p.optionGroupChildren)},Y=function(){if(y.current){var e=q();-1!==e&&setTimeout((function(){return y.current.scrollToIndex(e)}),0)}};c.useImperativeHandle(o,(function(){return{props:p,focus:function(){return l.DomHandler.focusFirstElement(v.current)},getElement:function(){return v.current},getVirtualScroller:function(){return y.current}}})),r.useMountEffect((function(){Y()}));var Q=function(e,t){return $(e).map((function(e,r){var n=B(e),l=r+"_"+R(e),i=z(e),o=i?null:p.tabIndex||0;return c.createElement(D,{key:l,label:n,option:e,style:t,template:p.itemTemplate,selected:_(e),onClick:C,onTouchEnd:I,tabIndex:o,disabled:i})}))},W=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n={height:r.props?r.props.itemSize:void 0};if(p.optionGroupLabel){var i=p.optionGroupTemplate?l.ObjectUtils.getJSXElement(p.optionGroupTemplate,e,t):X(e),o=Q(e,n),a=t+"_"+J(e);return c.createElement(c.Fragment,{key:a},c.createElement("li",{className:"p-listbox-item-group",style:n,role:"group"},i),o)}var u=B(e),s=t+"_"+R(e),f=z(e),m=f?null:p.tabIndex||0;return c.createElement(D,{key:s,label:u,option:e,style:n,template:p.itemTemplate,selected:_(e),onClick:C,onTouchEnd:I,tabIndex:m,disabled:f})},Z=function(e,r){var n=l.ObjectUtils.getJSXElement(e,p)||t.localeOption(r?"emptyFilterMessage":"emptyMessage");return c.createElement("li",{className:"p-listbox-empty-message"},n)},ee=function(){if(F){var e=w.trim().toLocaleLowerCase(p.filterLocale),r=p.filterBy?p.filterBy.split(","):[p.optionLabel||"label"];if(p.optionGroupLabel){var n,l=[],i=T(p.options);try{for(i.s();!(n=i.n()).done;){var o=n.value,a=t.FilterService.filter($(o),r,e,p.filterMatchMode,p.filterLocale);a&&a.length&&l.push(N(N({},o),{items:a}))}}catch(e){i.e(e)}finally{i.f()}return l}return t.FilterService.filter(p.options,r,e,p.filterMatchMode,p.filterLocale)}return p.options}(),te=l.ObjectUtils.isNotEmpty(p.tooltip),re=x.getOtherProps(p),ne=l.ObjectUtils.reduceKeys(re,l.DomHandler.ARIA_PROPS),le=l.classNames("p-listbox p-component",{"p-disabled":p.disabled},p.className),ie=l.classNames("p-listbox-list-wrapper",p.listClassName),oe=function(){if(p.virtualScrollerOptions){var e=N(N({},p.virtualScrollerOptions),{items:ee,onLazyLoad:function(e){return p.virtualScrollerOptions.onLazyLoad(N(N({},e),{filter:ee}))},itemTemplate:function(e,t){return e&&W(e,t.index,t)},contentTemplate:function(e){var t=l.classNames("p-listbox-list",e.className);return c.createElement("ul",s({ref:e.contentRef,className:t,role:"listbox","aria-multiselectable":p.multiple},ne),e.children)}});return c.createElement(i.VirtualScroller,s({ref:y},e))}var t=l.ObjectUtils.isNotEmpty(ee)?ee.map(W):F?Z(p.emptyFilterMessage,!0):Z(p.emptyMessage);return c.createElement("ul",s({className:"p-listbox-list",role:"listbox","aria-multiselectable":p.multiple},ne),t)}(),ae=p.filter?c.createElement(P,{filter:w,onFilter:M,resetFilter:A,filterTemplate:p.filterTemplate,disabled:p.disabled,filterPlaceholder:p.filterPlaceholder,filterInputProps:p.filterInputProps}):null;return c.createElement(c.Fragment,null,c.createElement("div",s({ref:v,id:p.id,className:le,style:p.style},re),ae,c.createElement("div",{className:ie,style:p.listStyle},oe)),te&&c.createElement(n.Tooltip,s({target:v,content:p.tooltip},p.tooltipOptions)))})));I.displayName="ListBox",exports.ListBox=I;

package/listbox/listbox.d.ts

@@ -2,7 +2,7 @@
  *
  * ListBox is used to select one or more values from a list of items.
  *
- * [Live Demo](https://www.primefaces.org/primereact/listbox/)
+ * [Live Demo](https://www.primereact.org/listbox/)
  *
  * @module listbox
  *
@@ -14,7 +14,6 @@ import { VirtualScroller, VirtualScrollerProps } from '../virtualscroller';
 
 /**
  * Custom change target options.
- * @group Misc
  */
 interface ListBoxChangeTargetOptions {
     /**
@@ -77,7 +76,6 @@ interface ListBoxFilterValueChangeEvent {
 
 /**
  * Custom filter template options.
- * @group Misc
  */
 interface ListBoxFilterTemplateOptions {
     /**
@@ -124,7 +122,6 @@ interface ListBoxFilterTemplateOptions {
 
 /**
  * Custom filter options.
- * @group Misc
  */
 interface ListBoxFilterOptions {
     /**
@@ -291,9 +288,9 @@ export interface ListBoxProps extends Omit<React.DetailedHTMLProps<React.InputHT
  *
  * _ListBox is used to select one or more values from a list of items._
  *
- * [Live Demo](https://www.primefaces.org/primereact/listbox/)
+ * [Live Demo](https://www.primereact.org/listbox/)
  * --- ---
- * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *
  * @group Component
  */