primereact 9.0.0-beta.1 → 9.0.0-rc.1

package/inputtextarea/inputtextarea.esm.js

@@ -18,7 +18,32 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
-var InputTextarea = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
+var InputTextareaBase = {
+  defaultProps: {
+    __TYPE: 'InputTextarea',
+    autoResize: false,
+    keyfilter: null,
+    onBlur: null,
+    onFocus: null,
+    onInput: null,
+    onKeyDown: null,
+    onKeyUp: null,
+    onPaste: null,
+    tooltip: null,
+    tooltipOptions: null,
+    validateOnly: false,
+    children: undefined
+  },
+  getProps: function getProps(props) {
+    return ObjectUtils.getMergedProps(props, InputTextareaBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return ObjectUtils.getDiffProps(props, InputTextareaBase.defaultProps);
+  }
+};
+
+var InputTextarea = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var props = InputTextareaBase.getProps(inProps);
   var elementRef = React.useRef(ref);
   var cachedScrollHeight = React.useRef(0);
   var onFocus = function onFocus(event) {
@@ -92,7 +117,7 @@ var InputTextarea = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
     }
   }, [props.autoResize]);
   var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
-  var otherProps = ObjectUtils.findDiffKeys(props, InputTextarea.defaultProps);
+  var otherProps = InputTextareaBase.getOtherProps(props);
   var className = classNames('p-inputtextarea p-inputtext p-component', {
     'p-disabled': props.disabled,
     'p-filled': isFilled,
@@ -114,19 +139,5 @@ var InputTextarea = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
   }, props.tooltipOptions)));
 }));
 InputTextarea.displayName = 'InputTextarea';
-InputTextarea.defaultProps = {
-  __TYPE: 'InputTextarea',
-  autoResize: false,
-  keyfilter: null,
-  onBlur: null,
-  onFocus: null,
-  onInput: null,
-  onKeyDown: null,
-  onKeyUp: null,
-  onPaste: null,
-  tooltip: null,
-  tooltipOptions: null,
-  validateOnly: false
-};
 
 export { InputTextarea };

package/inputtextarea/inputtextarea.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{KeyFilter as t}from"primereact/keyfilter";import{Tooltip as o}from"primereact/tooltip";import{ObjectUtils as n,classNames as l,DomHandler as r}from"primereact/utils";function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},i.apply(this,arguments)}var a=e.memo(e.forwardRef((function(u,s){var p=e.useRef(s),f=e.useRef(0),c=function(e){var t=p.current;t&&r.isVisible(t)&&(f.current||(f.current=t.scrollHeight,t.style.overflow="hidden"),(f.current!==t.scrollHeight||e)&&(t.style.height="",t.style.height=t.scrollHeight+"px",parseFloat(t.style.height)>=parseFloat(t.style.maxHeight)?(t.style.overflowY="scroll",t.style.height=t.style.maxHeight):t.style.overflow="hidden",f.current=t.scrollHeight))},y=p.current&&p.current.value,m=e.useMemo((function(){return n.isNotEmpty(u.value)||n.isNotEmpty(u.defaultValue)||n.isNotEmpty(y)}),[u.value,u.defaultValue,y]);e.useEffect((function(){n.combinedRefs(p,s)}),[p,s]),e.useEffect((function(){u.autoResize&&c(!0)}),[u.autoResize]);var d=n.isNotEmpty(u.tooltip),h=n.findDiffKeys(u,a.defaultProps),v=l("p-inputtextarea p-inputtext p-component",{"p-disabled":u.disabled,"p-filled":m,"p-inputtextarea-resizable":u.autoResize},u.className);return e.createElement(e.Fragment,null,e.createElement("textarea",i({ref:p},h,{className:v,onFocus:function(e){u.autoResize&&c(),u.onFocus&&u.onFocus(e)},onBlur:function(e){u.autoResize&&c(),u.onBlur&&u.onBlur(e)},onKeyUp:function(e){u.autoResize&&c(),u.onKeyUp&&u.onKeyUp(e)},onKeyDown:function(e){u.onKeyDown&&u.onKeyDown(e),u.keyfilter&&t.onKeyPress(e,u.keyfilter,u.validateOnly)},onInput:function(e){u.autoResize&&c(),u.onInput&&u.onInput(e);var t=e.target;n.isNotEmpty(t.value)?r.addClass(t,"p-filled"):r.removeClass(t,"p-filled")},onPaste:function(e){u.onPaste&&u.onPaste(e),u.keyfilter&&t.onPaste(e,u.keyfilter,u.validateOnly)}})),d&&e.createElement(o,i({target:p,content:u.tooltip},u.tooltipOptions)))})));a.displayName="InputTextarea",a.defaultProps={__TYPE:"InputTextarea",autoResize:!1,keyfilter:null,onBlur:null,onFocus:null,onInput:null,onKeyDown:null,onKeyUp:null,onPaste:null,tooltip:null,tooltipOptions:null,validateOnly:!1};export{a as InputTextarea};
+import*as e from"react";import{KeyFilter as t}from"primereact/keyfilter";import{Tooltip as o}from"primereact/tooltip";import{ObjectUtils as n,classNames as r,DomHandler as l}from"primereact/utils";function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},i.apply(this,arguments)}var a={defaultProps:{__TYPE:"InputTextarea",autoResize:!1,keyfilter:null,onBlur:null,onFocus:null,onInput:null,onKeyDown:null,onKeyUp:null,onPaste:null,tooltip:null,tooltipOptions:null,validateOnly:!1,children:void 0},getProps:function(e){return n.getMergedProps(e,a.defaultProps)},getOtherProps:function(e){return n.getDiffProps(e,a.defaultProps)}},u=e.memo(e.forwardRef((function(u,s){var p=a.getProps(u),c=e.useRef(s),f=e.useRef(0),y=function(e){var t=c.current;t&&l.isVisible(t)&&(f.current||(f.current=t.scrollHeight,t.style.overflow="hidden"),(f.current!==t.scrollHeight||e)&&(t.style.height="",t.style.height=t.scrollHeight+"px",parseFloat(t.style.height)>=parseFloat(t.style.maxHeight)?(t.style.overflowY="scroll",t.style.height=t.style.maxHeight):t.style.overflow="hidden",f.current=t.scrollHeight))},m=c.current&&c.current.value,d=e.useMemo((function(){return n.isNotEmpty(p.value)||n.isNotEmpty(p.defaultValue)||n.isNotEmpty(m)}),[p.value,p.defaultValue,m]);e.useEffect((function(){n.combinedRefs(c,s)}),[c,s]),e.useEffect((function(){p.autoResize&&y(!0)}),[p.autoResize]);var g=n.isNotEmpty(p.tooltip),h=a.getOtherProps(p),v=r("p-inputtextarea p-inputtext p-component",{"p-disabled":p.disabled,"p-filled":d,"p-inputtextarea-resizable":p.autoResize},p.className);return e.createElement(e.Fragment,null,e.createElement("textarea",i({ref:c},h,{className:v,onFocus:function(e){p.autoResize&&y(),p.onFocus&&p.onFocus(e)},onBlur:function(e){p.autoResize&&y(),p.onBlur&&p.onBlur(e)},onKeyUp:function(e){p.autoResize&&y(),p.onKeyUp&&p.onKeyUp(e)},onKeyDown:function(e){p.onKeyDown&&p.onKeyDown(e),p.keyfilter&&t.onKeyPress(e,p.keyfilter,p.validateOnly)},onInput:function(e){p.autoResize&&y(),p.onInput&&p.onInput(e);var t=e.target;n.isNotEmpty(t.value)?l.addClass(t,"p-filled"):l.removeClass(t,"p-filled")},onPaste:function(e){p.onPaste&&p.onPaste(e),p.keyfilter&&t.onPaste(e,p.keyfilter,p.validateOnly)}})),g&&e.createElement(o,i({target:c,content:p.tooltip},p.tooltipOptions)))})));u.displayName="InputTextarea";export{u as InputTextarea};

package/inputtextarea/inputtextarea.js

@@ -37,7 +37,32 @@ this.primereact.inputtextarea = (function (exports, React, keyfilter, tooltip, u
     return _extends.apply(this, arguments);
   }
 
-  var InputTextarea = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var InputTextareaBase = {
+    defaultProps: {
+      __TYPE: 'InputTextarea',
+      autoResize: false,
+      keyfilter: null,
+      onBlur: null,
+      onFocus: null,
+      onInput: null,
+      onKeyDown: null,
+      onKeyUp: null,
+      onPaste: null,
+      tooltip: null,
+      tooltipOptions: null,
+      validateOnly: false,
+      children: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, InputTextareaBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, InputTextareaBase.defaultProps);
+    }
+  };
+
+  var InputTextarea = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var props = InputTextareaBase.getProps(inProps);
     var elementRef = React__namespace.useRef(ref);
     var cachedScrollHeight = React__namespace.useRef(0);
     var onFocus = function onFocus(event) {
@@ -111,7 +136,7 @@ this.primereact.inputtextarea = (function (exports, React, keyfilter, tooltip, u
       }
     }, [props.autoResize]);
     var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
-    var otherProps = utils.ObjectUtils.findDiffKeys(props, InputTextarea.defaultProps);
+    var otherProps = InputTextareaBase.getOtherProps(props);
     var className = utils.classNames('p-inputtextarea p-inputtext p-component', {
       'p-disabled': props.disabled,
       'p-filled': isFilled,
@@ -133,20 +158,6 @@ this.primereact.inputtextarea = (function (exports, React, keyfilter, tooltip, u
     }, props.tooltipOptions)));
   }));
   InputTextarea.displayName = 'InputTextarea';
-  InputTextarea.defaultProps = {
-    __TYPE: 'InputTextarea',
-    autoResize: false,
-    keyfilter: null,
-    onBlur: null,
-    onFocus: null,
-    onInput: null,
-    onKeyDown: null,
-    onKeyUp: null,
-    onPaste: null,
-    tooltip: null,
-    tooltipOptions: null,
-    validateOnly: false
-  };
 
   exports.InputTextarea = InputTextarea;
 

package/inputtextarea/inputtextarea.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.inputtextarea=function(e,t,n,l,o){"use strict";function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var i=r(t);function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},a.apply(this,arguments)}var u=i.memo(i.forwardRef((function(e,t){var r=i.useRef(t),s=i.useRef(0),c=function(e){var t=r.current;t&&o.DomHandler.isVisible(t)&&(s.current||(s.current=t.scrollHeight,t.style.overflow="hidden"),(s.current!==t.scrollHeight||e)&&(t.style.height="",t.style.height=t.scrollHeight+"px",parseFloat(t.style.height)>=parseFloat(t.style.maxHeight)?(t.style.overflowY="scroll",t.style.height=t.style.maxHeight):t.style.overflow="hidden",s.current=t.scrollHeight))},p=r.current&&r.current.value,f=i.useMemo((function(){return o.ObjectUtils.isNotEmpty(e.value)||o.ObjectUtils.isNotEmpty(e.defaultValue)||o.ObjectUtils.isNotEmpty(p)}),[e.value,e.defaultValue,p]);i.useEffect((function(){o.ObjectUtils.combinedRefs(r,t)}),[r,t]),i.useEffect((function(){e.autoResize&&c(!0)}),[e.autoResize]);var y=o.ObjectUtils.isNotEmpty(e.tooltip),d=o.ObjectUtils.findDiffKeys(e,u.defaultProps),m=o.classNames("p-inputtextarea p-inputtext p-component",{"p-disabled":e.disabled,"p-filled":f,"p-inputtextarea-resizable":e.autoResize},e.className);return i.createElement(i.Fragment,null,i.createElement("textarea",a({ref:r},d,{className:m,onFocus:function(t){e.autoResize&&c(),e.onFocus&&e.onFocus(t)},onBlur:function(t){e.autoResize&&c(),e.onBlur&&e.onBlur(t)},onKeyUp:function(t){e.autoResize&&c(),e.onKeyUp&&e.onKeyUp(t)},onKeyDown:function(t){e.onKeyDown&&e.onKeyDown(t),e.keyfilter&&n.KeyFilter.onKeyPress(t,e.keyfilter,e.validateOnly)},onInput:function(t){e.autoResize&&c(),e.onInput&&e.onInput(t);var n=t.target;o.ObjectUtils.isNotEmpty(n.value)?o.DomHandler.addClass(n,"p-filled"):o.DomHandler.removeClass(n,"p-filled")},onPaste:function(t){e.onPaste&&e.onPaste(t),e.keyfilter&&n.KeyFilter.onPaste(t,e.keyfilter,e.validateOnly)}})),y&&i.createElement(l.Tooltip,a({target:r,content:e.tooltip},e.tooltipOptions)))})));return u.displayName="InputTextarea",u.defaultProps={__TYPE:"InputTextarea",autoResize:!1,keyfilter:null,onBlur:null,onFocus:null,onInput:null,onKeyDown:null,onKeyUp:null,onPaste:null,tooltip:null,tooltipOptions:null,validateOnly:!1},e.InputTextarea=u,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.keyfilter,primereact.tooltip,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.inputtextarea=function(e,t,n,r,o){"use strict";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 i=l(t);function a(){return a=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},a.apply(this,arguments)}var s={defaultProps:{__TYPE:"InputTextarea",autoResize:!1,keyfilter:null,onBlur:null,onFocus:null,onInput:null,onKeyDown:null,onKeyUp:null,onPaste:null,tooltip:null,tooltipOptions:null,validateOnly:!1,children:void 0},getProps:function(e){return o.ObjectUtils.getMergedProps(e,s.defaultProps)},getOtherProps:function(e){return o.ObjectUtils.getDiffProps(e,s.defaultProps)}},u=i.memo(i.forwardRef((function(e,t){var l=s.getProps(e),u=i.useRef(t),c=i.useRef(0),p=function(e){var t=u.current;t&&o.DomHandler.isVisible(t)&&(c.current||(c.current=t.scrollHeight,t.style.overflow="hidden"),(c.current!==t.scrollHeight||e)&&(t.style.height="",t.style.height=t.scrollHeight+"px",parseFloat(t.style.height)>=parseFloat(t.style.maxHeight)?(t.style.overflowY="scroll",t.style.height=t.style.maxHeight):t.style.overflow="hidden",c.current=t.scrollHeight))},f=u.current&&u.current.value,y=i.useMemo((function(){return o.ObjectUtils.isNotEmpty(l.value)||o.ObjectUtils.isNotEmpty(l.defaultValue)||o.ObjectUtils.isNotEmpty(f)}),[l.value,l.defaultValue,f]);i.useEffect((function(){o.ObjectUtils.combinedRefs(u,t)}),[u,t]),i.useEffect((function(){l.autoResize&&p(!0)}),[l.autoResize]);var d=o.ObjectUtils.isNotEmpty(l.tooltip),m=s.getOtherProps(l),g=o.classNames("p-inputtextarea p-inputtext p-component",{"p-disabled":l.disabled,"p-filled":y,"p-inputtextarea-resizable":l.autoResize},l.className);return i.createElement(i.Fragment,null,i.createElement("textarea",a({ref:u},m,{className:g,onFocus:function(e){l.autoResize&&p(),l.onFocus&&l.onFocus(e)},onBlur:function(e){l.autoResize&&p(),l.onBlur&&l.onBlur(e)},onKeyUp:function(e){l.autoResize&&p(),l.onKeyUp&&l.onKeyUp(e)},onKeyDown:function(e){l.onKeyDown&&l.onKeyDown(e),l.keyfilter&&n.KeyFilter.onKeyPress(e,l.keyfilter,l.validateOnly)},onInput:function(e){l.autoResize&&p(),l.onInput&&l.onInput(e);var t=e.target;o.ObjectUtils.isNotEmpty(t.value)?o.DomHandler.addClass(t,"p-filled"):o.DomHandler.removeClass(t,"p-filled")},onPaste:function(e){l.onPaste&&l.onPaste(e),l.keyfilter&&n.KeyFilter.onPaste(e,l.keyfilter,l.validateOnly)}})),d&&i.createElement(r.Tooltip,a({target:u,content:l.tooltip},l.tooltipOptions)))})));return u.displayName="InputTextarea",e.InputTextarea=u,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.keyfilter,primereact.tooltip,primereact.utils);

package/inputtextarea/package.json

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

package/keyfilter/keyfilter.cjs.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 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;
 }
 

package/keyfilter/keyfilter.esm.js

@@ -1,8 +1,6 @@
 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;
 }
 

package/keyfilter/keyfilter.js

@@ -4,9 +4,7 @@ this.primereact.keyfilter = (function (exports) {
 
   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;
   }
 

package/keyfilter/package.json

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

package/knob/knob.cjs.js

@@ -59,9 +59,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 {
@@ -77,9 +75,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;
 }
 
@@ -100,12 +96,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 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({
@@ -253,7 +281,7 @@ var Knob = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
       }
     };
   });
-  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);
@@ -292,26 +320,5 @@ var Knob = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
   }), 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.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/hooks"),n=require("primereact/utils");function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var 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=r(e);function o(){return o=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},o.apply(this,arguments)}function i(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,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 c(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 u(e,t){if(e){if("string"==typeof e)return c(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)?c(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.")}function f(e,t){return i(e)||l(e,t)||u(e,t)||s()}var d=40,h=4*Math.PI/3,m=-Math.PI/3,p=a.memo(a.forwardRef((function(e,r){var i=a.useRef(null),l=!e.disabled&&!e.readOnly,c=f(t.useEventListener({target:"window",type:"mousemove",listener:function(e){A(e.offsetX,e.offsetY),e.preventDefault()},when:l}),2),u=c[0],s=c[1],v=f(t.useEventListener({target:"window",type:"mouseup",listener:function(e){s(),b(),e.preventDefault()},when:l}),2),y=v[0],b=v[1],g=f(t.useEventListener({target:"window",type:"touchmove",listener:function(e){if(1===e.touches.length){var t=i.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=f(t.useEventListener({target:"window",type:"touchend",listener:function(){M(),k()},when:l}),2),x=O[0],k=O[1],E=function(e,t,n,r,a){return(e-t)*(a-r)/(n-t)+r},j=function(){return E(e.min>0&&e.max>0?e.min:0,e.min,e.max,h,m)},P=function(){return E(e.value,e.min,e.max,h,m)},C="M ".concat(50+Math.cos(h)*d," ").concat(50-Math.sin(h)*d," A ").concat(d," ").concat(d," 0 1 1 ").concat(50+Math.cos(m)*d," ").concat(50-Math.sin(m)*d),I="M ".concat(50+Math.cos(j())*d," ").concat(50-Math.sin(j())*d," A ").concat(d," ").concat(d," 0 ").concat(Math.abs(j()-P())<Math.PI?0:1," ").concat(P()>j()?0:1," ").concat(50+Math.cos(P())*d," ").concat(50-Math.sin(P())*d),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>m)r=E(t,h,m,e.min,e.max);else{if(!(t<n))return;r=E(t+2*Math.PI,h,m,e.min,e.max)}e.onChange&&e.onChange({value:Math.round((r-e.min)/e.step)*e.step+e.min})};a.useImperativeHandle(r,(function(){return{props:e,getElement:function(){return i.current}}}));var D=n.ObjectUtils.findDiffKeys(e,p.defaultProps),S=n.classNames("p-knob p-component",{"p-disabled":e.disabled},e.className),T=e.showValue&&a.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 a.createElement("div",o({ref:i,id:e.id,className:S,style:e.style},D),a.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(),x()},onTouchEnd:function(){M(),k()}},a.createElement("path",{d:C,strokeWidth:e.strokeWidth,stroke:e.rangeColor,className:"p-knob-range"}),a.createElement("path",{d:I,strokeWidth:e.strokeWidth,stroke:e.valueColor,className:"p-knob-value"}),T))})));p.displayName="Knob",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},exports.Knob=p;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/hooks"),n=require("primereact/utils");function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var 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=r(e);function o(){return o=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},o.apply(this,arguments)}function i(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,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 c(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 u(e,t){if(e){if("string"==typeof e)return c(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)?c(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.")}function f(e,t){return i(e)||l(e,t)||u(e,t)||s()}var 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,children:void 0},getProps:function(e){return n.ObjectUtils.getMergedProps(e,d.defaultProps)},getOtherProps:function(e){return n.ObjectUtils.getDiffProps(e,d.defaultProps)}},h=40,p=4*Math.PI/3,m=-Math.PI/3,v=a.memo(a.forwardRef((function(e,r){var i=d.getProps(e),l=a.useRef(null),c=!i.disabled&&!i.readOnly,u=f(t.useEventListener({target:"window",type:"mousemove",listener:function(e){N(e.offsetX,e.offsetY),e.preventDefault()},when:c}),2),s=u[0],v=u[1],y=f(t.useEventListener({target:"window",type:"mouseup",listener:function(e){v(),g(),e.preventDefault()},when:c}),2),b=y[0],g=y[1],M=f(t.useEventListener({target:"window",type:"touchmove",listener:function(e){if(1===e.touches.length){var t=l.current.getBoundingClientRect(),n=e.targetTouches.item(0);N(n.clientX-t.left,n.clientY-t.top),e.preventDefault()}},when:c}),2),w=M[0],O=M[1],P=f(t.useEventListener({target:"window",type:"touchend",listener:function(){O(),j()},when:c}),2),x=P[0],j=P[1],k=function(e,t,n,r,a){return(e-t)*(a-r)/(n-t)+r},E=function(){return k(i.min>0&&i.max>0?i.min:0,i.min,i.max,p,m)},C=function(){return k(i.value,i.min,i.max,p,m)},I="M ".concat(50+Math.cos(p)*h," ").concat(50-Math.sin(p)*h," A ").concat(h," ").concat(h," 0 1 1 ").concat(50+Math.cos(m)*h," ").concat(50-Math.sin(m)*h),A="M ".concat(50+Math.cos(E())*h," ").concat(50-Math.sin(E())*h," A ").concat(h," ").concat(h," 0 ").concat(Math.abs(E()-C())<Math.PI?0:1," ").concat(C()>E()?0:1," ").concat(50+Math.cos(C())*h," ").concat(50-Math.sin(C())*h),N=function(e,t){var n=Math.atan2(i.size/2-t,e-i.size/2),r=-Math.PI/2-Math.PI/6;D(n,r)},D=function(e,t){var n;if(e>m)n=k(e,p,m,i.min,i.max);else{if(!(e<t))return;n=k(e+2*Math.PI,p,m,i.min,i.max)}i.onChange&&i.onChange({value:Math.round((n-i.min)/i.step)*i.step+i.min})};a.useImperativeHandle(r,(function(){return{props:i,getElement:function(){return l.current}}}));var S=d.getOtherProps(i),T=n.classNames("p-knob p-component",{"p-disabled":i.disabled},i.className),z=i.showValue&&a.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 a.createElement("div",o({ref:l,id:i.id,className:T,style:i.style},S),a.createElement("svg",{viewBox:"0 0 100 100",width:i.size,height:i.size,onClick:function(e){i.disabled||i.readOnly||N(e.nativeEvent.offsetX,e.nativeEvent.offsetY)},onMouseDown:function(e){s(),b(),e.preventDefault()},onMouseUp:function(){v(),g()},onTouchStart:function(){w(),x()},onTouchEnd:function(){O(),j()}},a.createElement("path",{d:I,strokeWidth:i.strokeWidth,stroke:i.rangeColor,className:"p-knob-range"}),a.createElement("path",{d:A,strokeWidth:i.strokeWidth,stroke:i.valueColor,className:"p-knob-value"}),z))})));v.displayName="Knob",exports.Knob=v;

package/knob/knob.d.ts

@@ -125,7 +125,7 @@ export interface KnobProps extends Omit<React.DetailedHTMLProps<React.InputHTMLA
  *
  * [Live Demo](https://www.primefaces.org/primereact/knob/)
  * --- ---
- * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *
  * @group Component
  */

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
 }