primereact 9.5.0 → 9.6.1

package/checkbox/checkbox.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.checkbox = (function (exports, React, hooks, check, tooltip, utils) {
+this.primereact.checkbox = (function (exports, React, hooks, check, tooltip, utils, componentbase, api) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -37,6 +37,47 @@ this.primereact.checkbox = (function (exports, React, hooks, check, tooltip, uti
     return _extends.apply(this, arguments);
   }
 
+  function _typeof(obj) {
+    "@babel/helpers - typeof";
+
+    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof(obj);
+  }
+
+  function _toPrimitive(input, hint) {
+    if (_typeof(input) !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== undefined) {
+      var res = prim.call(input, hint || "default");
+      if (_typeof(res) !== "object") return res;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (hint === "string" ? String : Number)(input);
+  }
+
+  function _toPropertyKey(arg) {
+    var key = _toPrimitive(arg, "string");
+    return _typeof(key) === "symbol" ? key : String(key);
+  }
+
+  function _defineProperty(obj, key, value) {
+    key = _toPropertyKey(key);
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
+  }
+
   function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
   }
@@ -92,7 +133,7 @@ this.primereact.checkbox = (function (exports, React, hooks, check, tooltip, uti
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
-  var CheckboxBase = {
+  var CheckboxBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'Checkbox',
       autoFocus: false,
@@ -118,24 +159,28 @@ this.primereact.checkbox = (function (exports, React, hooks, check, tooltip, uti
       trueValue: true,
       value: null,
       children: undefined
-    },
-    getProps: function getProps(props) {
-      return utils.ObjectUtils.getMergedProps(props, CheckboxBase.defaultProps);
-    },
-    getOtherProps: function getOtherProps(props) {
-      return utils.ObjectUtils.getDiffProps(props, CheckboxBase.defaultProps);
     }
-  };
+  });
 
+  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-    var props = CheckboxBase.getProps(inProps);
+    var context = React__namespace.useContext(api.PrimeReactContext);
+    var props = CheckboxBase.getProps(inProps, context);
     var _React$useState = React__namespace.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       focusedState = _React$useState2[0],
       setFocusedState = _React$useState2[1];
+    var _CheckboxBase$setMeta = CheckboxBase.setMetaData({
+        props: props,
+        state: {
+          focused: focusedState
+        }
+      }),
+      ptm = _CheckboxBase$setMeta.ptm;
     var elementRef = React__namespace.useRef(null);
     var inputRef = React__namespace.useRef(props.inputRef);
-    var onClick = function onClick(event) {
+    var _onClick = function onClick(event) {
       if (props.disabled || props.readOnly) {
         return;
       }
@@ -176,16 +221,16 @@ this.primereact.checkbox = (function (exports, React, hooks, check, tooltip, uti
         event.preventDefault();
       }
     };
-    var onFocus = function onFocus() {
+    var _onFocus = function onFocus() {
       setFocusedState(true);
     };
-    var onBlur = function onBlur() {
+    var _onBlur = function onBlur() {
       setFocusedState(false);
     };
-    var onKeyDown = function onKeyDown(event) {
+    var _onKeyDown = function onKeyDown(event) {
       if (event.code === 'Space' || event.key === ' ') {
         // event.key is for Android support
-        onClick(event);
+        _onClick(event);
       }
     };
     var isChecked = function isChecked() {
@@ -231,45 +276,57 @@ this.primereact.checkbox = (function (exports, React, hooks, check, tooltip, uti
       'p-focus': focusedState
     });
     var iconClassName = 'p-checkbox-icon p-c';
-    var icon = checked ? props.icon || /*#__PURE__*/React__namespace.createElement(check.CheckIcon, {
-      className: iconClassName
-    }) : null;
-    var checkboxIcon = utils.IconUtils.getJSXIcon(icon, {
+    var iconProps = utils.mergeProps({
       className: iconClassName
-    }, {
+    }, ptm('icon'));
+    var icon = checked ? props.icon || /*#__PURE__*/React__namespace.createElement(check.CheckIcon, iconProps) : null;
+    var checkboxIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, iconProps), {
       props: props,
       checked: checked
     });
-    return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", _extends({
+    var rootProps = utils.mergeProps({
       ref: elementRef,
       id: props.id,
       className: className,
-      style: props.style
-    }, otherProps, {
-      onClick: onClick,
+      style: props.style,
+      onClick: function onClick(e) {
+        return _onClick(e);
+      },
       onContextMenu: props.onContextMenu,
       onMouseDown: props.onMouseDown
-    }), /*#__PURE__*/React__namespace.createElement("div", {
-      className: "p-hidden-accessible"
-    }, /*#__PURE__*/React__namespace.createElement("input", _extends({
-      ref: inputRef,
-      type: "checkbox",
+    }, otherProps, ptm('root'));
+    var hiddenInputWrapperProps = utils.mergeProps({
+      className: 'p-hidden-accessible'
+    }, ptm('hiddenInputWrapper'));
+    var hiddenInputProps = utils.mergeProps(_objectSpread({
       id: props.inputId,
+      ref: inputRef,
+      type: 'checkbox',
       name: props.name,
       tabIndex: props.tabIndex,
       defaultChecked: checked,
-      onFocus: onFocus,
-      onBlur: onBlur,
-      onKeyDown: onKeyDown,
+      onFocus: function onFocus(e) {
+        return _onFocus();
+      },
+      onBlur: function onBlur(e) {
+        return _onBlur();
+      },
+      onKeyDown: function onKeyDown(e) {
+        return _onKeyDown(e);
+      },
       disabled: props.disabled,
       readOnly: props.readOnly,
       required: props.required
-    }, ariaProps))), /*#__PURE__*/React__namespace.createElement("div", {
+    }, ariaProps), ptm('hiddenInput'));
+    var inputProps = utils.mergeProps({
       className: boxClass
-    }, checkboxIcon)), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
+    }, ptm('input'));
+    return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.createElement("div", hiddenInputWrapperProps, /*#__PURE__*/React__namespace.createElement("input", hiddenInputProps)), /*#__PURE__*/React__namespace.createElement("div", inputProps, checkboxIcon)), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
       target: elementRef,
       content: props.tooltip
-    }, props.tooltipOptions)));
+    }, props.tooltipOptions, {
+      pt: ptm('tooltip')
+    })));
   }));
   Checkbox.displayName = 'Checkbox';
 
@@ -279,4 +336,4 @@ this.primereact.checkbox = (function (exports, React, hooks, check, tooltip, uti
 
   return exports;
 
-})({}, React, primereact.hooks, primereact.icons.check, primereact.tooltip, primereact.utils);
+})({}, React, primereact.hooks, primereact.icons.check, primereact.tooltip, primereact.utils, primereact.componentbase, primereact.api);

package/checkbox/checkbox.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.checkbox=function(e,t,n,r,o,c){"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 a=l(t);function u(){return u=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},u.apply(this,arguments)}function i(e){if(Array.isArray(e))return e}function s(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,c,l,a=[],u=!0,i=!1;try{if(c=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=c.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){i=!0,o=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(i)throw o}}return a}}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function d(e,t){if(e){if("string"==typeof e)return f(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)?f(e,t):void 0}}function p(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var b={defaultProps:{__TYPE:"Checkbox",autoFocus:!1,checked:!1,className:null,disabled:!1,falseValue:!1,icon:null,id:null,inputId:null,inputRef:null,name:null,onChange:null,onClick:null,onContextMenu:null,onMouseDown:null,readOnly:!1,required:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,trueValue:!0,value:null,children:void 0},getProps:function(e){return c.ObjectUtils.getMergedProps(e,b.defaultProps)},getOtherProps:function(e){return c.ObjectUtils.getDiffProps(e,b.defaultProps)}},m=a.memo(a.forwardRef((function(e,t){var l,f,m=b.getProps(e),h=a.useState(!1),g=(f=2,i(l=h)||s(l,f)||d(l,f)||p()),y=g[0],v=g[1],k=a.useRef(null),O=a.useRef(m.inputRef),j=function(e){if(!m.disabled&&!m.readOnly&&(m.onChange||m.onClick)){var t=x(),n=e.target instanceof HTMLDivElement||e.target instanceof HTMLSpanElement||e.target instanceof Object;if(e.target===O.current||n&&e.target.checked!==t){var r=t?m.falseValue:m.trueValue,o={originalEvent:e,value:m.value,checked:r,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{type:"checkbox",name:m.name,id:m.id,value:m.value,checked:r}};if(m.onClick&&m.onClick(o),e.defaultPrevented)return;m.onChange&&m.onChange(o)}c.DomHandler.focus(O.current),e.preventDefault()}},x=function(){return m.checked===m.trueValue};a.useImperativeHandle(t,(function(){return{props:m,focus:function(){return c.DomHandler.focus(O.current)},getElement:function(){return k.current},getInput:function(){return O.current}}})),a.useEffect((function(){c.ObjectUtils.combinedRefs(O,m.inputRef)}),[O,m.inputRef]),n.useUpdateEffect((function(){O.current.checked=x()}),[m.checked,m.trueValue]),n.useMountEffect((function(){m.autoFocus&&c.DomHandler.focus(O.current,m.autoFocus)}));var P=x(),C=c.ObjectUtils.isNotEmpty(m.tooltip),E=b.getOtherProps(m),D=c.ObjectUtils.reduceKeys(E,c.DomHandler.ARIA_PROPS),I=c.classNames("p-checkbox p-component",{"p-checkbox-checked":P,"p-checkbox-disabled":m.disabled,"p-checkbox-focused":y},m.className),M=c.classNames("p-checkbox-box",{"p-highlight":P,"p-disabled":m.disabled,"p-focus":y}),w="p-checkbox-icon p-c",N=c.IconUtils.getJSXIcon(P?m.icon||a.createElement(r.CheckIcon,{className:w}):null,{className:w},{props:m,checked:P});return a.createElement(a.Fragment,null,a.createElement("div",u({ref:k,id:m.id,className:I,style:m.style},E,{onClick:j,onContextMenu:m.onContextMenu,onMouseDown:m.onMouseDown}),a.createElement("div",{className:"p-hidden-accessible"},a.createElement("input",u({ref:O,type:"checkbox",id:m.inputId,name:m.name,tabIndex:m.tabIndex,defaultChecked:P,onFocus:function(){v(!0)},onBlur:function(){v(!1)},onKeyDown:function(e){"Space"!==e.code&&" "!==e.key||j(e)},disabled:m.disabled,readOnly:m.readOnly,required:m.required},D))),a.createElement("div",{className:M},N)),C&&a.createElement(o.Tooltip,u({target:k,content:m.tooltip},m.tooltipOptions)))})));return m.displayName="Checkbox",e.Checkbox=m,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.icons.check,primereact.tooltip,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.checkbox=function(e,t,n,r,o,c,u,i){"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 l=a(t);function s(){return s=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},s.apply(this,arguments)}function f(e){return f="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},f(e)}function p(e,t){if("object"!==f(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==f(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function d(e){var t=p(e,"string");return"symbol"===f(t)?t:String(t)}function b(e,t,n){return(t=d(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function m(e){if(Array.isArray(e))return e}function y(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,c,u,i=[],a=!0,l=!1;try{if(c=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;a=!1}else for(;!(a=(r=c.call(n)).done)&&(i.push(r.value),i.length!==t);a=!0);}catch(e){l=!0,o=e}finally{try{if(!a&&null!=n.return&&(u=n.return(),Object(u)!==u))return}finally{if(l)throw o}}return i}}function h(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 g(e,t){if(e){if("string"==typeof e)return h(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)?h(e,t):void 0}}function v(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var O=u.ComponentBase.extend({defaultProps:{__TYPE:"Checkbox",autoFocus:!1,checked:!1,className:null,disabled:!1,falseValue:!1,icon:null,id:null,inputId:null,inputRef:null,name:null,onChange:null,onClick:null,onContextMenu:null,onMouseDown:null,readOnly:!1,required:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,trueValue:!0,value:null,children:void 0}});function k(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function j(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?k(Object(n),!0).forEach((function(t){b(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):k(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var P=l.memo(l.forwardRef((function(e,t){var u,a,f=l.useContext(i.PrimeReactContext),p=O.getProps(e,f),d=l.useState(!1),b=(a=2,m(u=d)||y(u,a)||g(u,a)||v()),h=b[0],k=b[1],P=O.setMetaData({props:p,state:{focused:h}}).ptm,x=l.useRef(null),C=l.useRef(p.inputRef),E=function(e){if(!p.disabled&&!p.readOnly&&(p.onChange||p.onClick)){var t=w(),n=e.target instanceof HTMLDivElement||e.target instanceof HTMLSpanElement||e.target instanceof Object;if(e.target===C.current||n&&e.target.checked!==t){var r=t?p.falseValue:p.trueValue,o={originalEvent:e,value:p.value,checked:r,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{type:"checkbox",name:p.name,id:p.id,value:p.value,checked:r}};if(p.onClick&&p.onClick(o),e.defaultPrevented)return;p.onChange&&p.onChange(o)}c.DomHandler.focus(C.current),e.preventDefault()}},w=function(){return p.checked===p.trueValue};l.useImperativeHandle(t,(function(){return{props:p,focus:function(){return c.DomHandler.focus(C.current)},getElement:function(){return x.current},getInput:function(){return C.current}}})),l.useEffect((function(){c.ObjectUtils.combinedRefs(C,p.inputRef)}),[C,p.inputRef]),n.useUpdateEffect((function(){C.current.checked=w()}),[p.checked,p.trueValue]),n.useMountEffect((function(){p.autoFocus&&c.DomHandler.focus(C.current,p.autoFocus)}));var S=w(),D=c.ObjectUtils.isNotEmpty(p.tooltip),I=O.getOtherProps(p),M=c.ObjectUtils.reduceKeys(I,c.DomHandler.ARIA_PROPS),R=c.classNames("p-checkbox p-component",{"p-checkbox-checked":S,"p-checkbox-disabled":p.disabled,"p-checkbox-focused":h},p.className),N=c.classNames("p-checkbox-box",{"p-highlight":S,"p-disabled":p.disabled,"p-focus":h}),A=c.mergeProps({className:"p-checkbox-icon p-c"},P("icon")),H=c.IconUtils.getJSXIcon(S?p.icon||l.createElement(r.CheckIcon,A):null,j({},A),{props:p,checked:S}),_=c.mergeProps({ref:x,id:p.id,className:R,style:p.style,onClick:function(e){return E(e)},onContextMenu:p.onContextMenu,onMouseDown:p.onMouseDown},I,P("root")),T=c.mergeProps({className:"p-hidden-accessible"},P("hiddenInputWrapper")),U=c.mergeProps(j({id:p.inputId,ref:C,type:"checkbox",name:p.name,tabIndex:p.tabIndex,defaultChecked:S,onFocus:function(e){k(!0)},onBlur:function(e){k(!1)},onKeyDown:function(e){var t;"Space"!==(t=e).code&&" "!==t.key||E(t)},disabled:p.disabled,readOnly:p.readOnly,required:p.required},M),P("hiddenInput")),V=c.mergeProps({className:N},P("input"));return l.createElement(l.Fragment,null,l.createElement("div",_,l.createElement("div",T,l.createElement("input",U)),l.createElement("div",V,H)),D&&l.createElement(o.Tooltip,s({target:x,content:p.tooltip},p.tooltipOptions,{pt:P("tooltip")})))})));return P.displayName="Checkbox",e.Checkbox=P,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.icons.check,primereact.tooltip,primereact.utils,primereact.componentbase,primereact.api);

package/chip/chip.cjs.js

@@ -6,6 +6,7 @@ var React = require('react');
 var utils = require('primereact/utils');
 var componentbase = require('primereact/componentbase');
 var timescircle = require('primereact/icons/timescircle');
+var api = require('primereact/api');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -159,7 +160,8 @@ var ChipBase = componentbase.ComponentBase.extend({
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Chip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-  var props = ChipBase.getProps(inProps);
+  var context = React__namespace.useContext(api.PrimeReactContext);
+  var props = ChipBase.getProps(inProps, context);
   var elementRef = React__namespace.useRef(null);
   var _React$useState = React__namespace.useState(true),
     _React$useState2 = _slicedToArray(_React$useState, 2),

package/chip/chip.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/utils"),t=require("primereact/componentbase"),n=require("primereact/icons/timescircle");function o(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var i=o(e);function l(e){return l="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},l(e)}function a(e,r){if("object"!==l(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r||"default");if("object"!==l(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}function c(e){var r=a(e,"string");return"symbol"===l(r)?r:String(r)}function u(e,r,t){return(r=c(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function s(){return s=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},s.apply(this,arguments)}function p(e){if(Array.isArray(e))return e}function m(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,o,i,l,a=[],c=!0,u=!1;try{if(i=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;c=!1}else for(;!(c=(n=i.call(t)).done)&&(a.push(n.value),a.length!==r);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(u)throw o}}return a}}function f(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function b(e,r){if(e){if("string"==typeof e)return f(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?f(e,r):void 0}}function y(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var v=t.ComponentBase.extend({defaultProps:{__TYPE:"Chip",label:null,icon:null,image:null,removable:!1,removeIcon:null,className:null,style:null,template:null,imageAlt:"chip",onImageError:null,onRemove:null,children:void 0}});function g(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function O(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?g(Object(t),!0).forEach((function(r){u(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):g(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var h=i.memo(i.forwardRef((function(e,t){var o,l,a,c,u,f=v.getProps(e),g=i.useRef(null),h=i.useState(!0),d=(l=2,p(o=h)||m(o,l)||b(o,l)||y()),j=d[0],P=d[1],S=v.setMetaData({props:f}).ptm,w=function(e){13===e.keyCode&&I(e)},I=function(e){P(!1),f.onRemove&&f.onRemove(e)},E=function(){var e=[],t=r.mergeProps({key:"removeIcon",tabIndex:0,className:"p-chip-remove-icon",onClick:I,onKeyDown:w},S("removeIcon")),o=f.removeIcon||i.createElement(n.TimesCircleIcon,t);if(f.image){var l=r.mergeProps({key:"image",src:f.image,onError:f.onImageError},S("image"));e.push(i.createElement("img",s({alt:f.imageAlt},l)))}else if(f.icon){var a=r.mergeProps({key:"icon",className:"p-chip-icon"},S("icon"));e.push(r.IconUtils.getJSXIcon(f.icon,O({},a),{props:f}))}if(f.label){var c=r.mergeProps({key:"label",className:"p-chip-text"},S("label"));e.push(i.createElement("span",c,f.label))}return f.removable&&e.push(r.IconUtils.getJSXIcon(o,O({},t),{props:f})),e};return i.useImperativeHandle(t,(function(){return{props:f,getElement:function(){return g.current}}})),j&&(a=r.classNames("p-chip p-component",{"p-chip-image":null!=f.image},f.className),c=f.template?r.ObjectUtils.getJSXElement(f.template,f):E(),u=r.mergeProps({ref:g,style:f.style,className:a},v.getOtherProps(f),S("root")),i.createElement("div",u,c))})));h.displayName="Chip",exports.Chip=h;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/utils"),t=require("primereact/componentbase"),n=require("primereact/icons/timescircle"),o=require("primereact/api");function i(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var l=i(e);function a(e){return a="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},a(e)}function c(e,r){if("object"!==a(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r||"default");if("object"!==a(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}function u(e){var r=c(e,"string");return"symbol"===a(r)?r:String(r)}function s(e,r,t){return(r=u(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function p(){return p=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},p.apply(this,arguments)}function m(e){if(Array.isArray(e))return e}function f(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,o,i,l,a=[],c=!0,u=!1;try{if(i=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;c=!1}else for(;!(c=(n=i.call(t)).done)&&(a.push(n.value),a.length!==r);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(u)throw o}}return a}}function b(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function y(e,r){if(e){if("string"==typeof e)return b(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?b(e,r):void 0}}function v(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var g=t.ComponentBase.extend({defaultProps:{__TYPE:"Chip",label:null,icon:null,image:null,removable:!1,removeIcon:null,className:null,style:null,template:null,imageAlt:"chip",onImageError:null,onRemove:null,children:void 0}});function O(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function h(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?O(Object(t),!0).forEach((function(r){s(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):O(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var d=l.memo(l.forwardRef((function(e,t){var i,a,c,u,s,b=l.useContext(o.PrimeReactContext),O=g.getProps(e,b),d=l.useRef(null),j=l.useState(!0),P=(a=2,m(i=j)||f(i,a)||y(i,a)||v()),S=P[0],w=P[1],I=g.setMetaData({props:O}).ptm,E=function(e){13===e.keyCode&&C(e)},C=function(e){w(!1),O.onRemove&&O.onRemove(e)},N=function(){var e=[],t=r.mergeProps({key:"removeIcon",tabIndex:0,className:"p-chip-remove-icon",onClick:C,onKeyDown:E},I("removeIcon")),o=O.removeIcon||l.createElement(n.TimesCircleIcon,t);if(O.image){var i=r.mergeProps({key:"image",src:O.image,onError:O.onImageError},I("image"));e.push(l.createElement("img",p({alt:O.imageAlt},i)))}else if(O.icon){var a=r.mergeProps({key:"icon",className:"p-chip-icon"},I("icon"));e.push(r.IconUtils.getJSXIcon(O.icon,h({},a),{props:O}))}if(O.label){var c=r.mergeProps({key:"label",className:"p-chip-text"},I("label"));e.push(l.createElement("span",c,O.label))}return O.removable&&e.push(r.IconUtils.getJSXIcon(o,h({},t),{props:O})),e};return l.useImperativeHandle(t,(function(){return{props:O,getElement:function(){return d.current}}})),S&&(c=r.classNames("p-chip p-component",{"p-chip-image":null!=O.image},O.className),u=O.template?r.ObjectUtils.getJSXElement(O.template,O):N(),s=r.mergeProps({ref:d,style:O.style,className:c},g.getOtherProps(O),I("root")),l.createElement("div",s,u))})));d.displayName="Chip",exports.Chip=d;

package/chip/chip.d.ts

@@ -31,7 +31,7 @@ export interface ChipPassThroughOptions {
     /**
      * Uses to pass attributes to the image's DOM element.
      */
-    image?: ChipPassThroughType<React.HTMLAttributes<HTMLImageElement>>;
+    image?: ChipPassThroughType<React.ImgHTMLAttributes<HTMLImageElement>>;
     /**
      * Uses to pass attributes to the icon's DOM element.
      */

package/chip/chip.esm.js

@@ -2,6 +2,7 @@ import * as React from 'react';
 import { classNames, ObjectUtils, mergeProps, IconUtils } from 'primereact/utils';
 import { ComponentBase } from 'primereact/componentbase';
 import { TimesCircleIcon } from 'primereact/icons/timescircle';
+import { PrimeReactContext } from 'primereact/api';
 
 function _typeof(obj) {
   "@babel/helpers - typeof";
@@ -135,7 +136,8 @@ var ChipBase = ComponentBase.extend({
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Chip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
-  var props = ChipBase.getProps(inProps);
+  var context = React.useContext(PrimeReactContext);
+  var props = ChipBase.getProps(inProps, context);
   var elementRef = React.useRef(null);
   var _React$useState = React.useState(true),
     _React$useState2 = _slicedToArray(_React$useState, 2),

package/chip/chip.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{classNames as r,ObjectUtils as t,mergeProps as n,IconUtils as o}from"primereact/utils";import{ComponentBase as i}from"primereact/componentbase";import{TimesCircleIcon as l}from"primereact/icons/timescircle";function a(e){return a="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},a(e)}function c(e,r){if("object"!==a(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r||"default");if("object"!==a(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}function u(e){var r=c(e,"string");return"symbol"===a(r)?r:String(r)}function p(e,r,t){return(r=u(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function m(){return m=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},m.apply(this,arguments)}function s(e){if(Array.isArray(e))return e}function f(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,o,i,l,a=[],c=!0,u=!1;try{if(i=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;c=!1}else for(;!(c=(n=i.call(t)).done)&&(a.push(n.value),a.length!==r);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(u)throw o}}return a}}function y(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function b(e,r){if(e){if("string"==typeof e)return y(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?y(e,r):void 0}}function v(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var g=i.extend({defaultProps:{__TYPE:"Chip",label:null,icon:null,image:null,removable:!1,removeIcon:null,className:null,style:null,template:null,imageAlt:"chip",onImageError:null,onRemove:null,children:void 0}});function h(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function O(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?h(Object(t),!0).forEach((function(r){p(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):h(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var d=e.memo(e.forwardRef((function(i,a){var c,u,p,y,h,d=g.getProps(i),j=e.useRef(null),S=e.useState(!0),w=(u=2,s(c=S)||f(c,u)||b(c,u)||v()),P=w[0],E=w[1],I=g.setMetaData({props:d}).ptm,A=function(e){13===e.keyCode&&N(e)},N=function(e){E(!1),d.onRemove&&d.onRemove(e)},k=function(){var r=[],t=n({key:"removeIcon",tabIndex:0,className:"p-chip-remove-icon",onClick:N,onKeyDown:A},I("removeIcon")),i=d.removeIcon||e.createElement(l,t);if(d.image){var a=n({key:"image",src:d.image,onError:d.onImageError},I("image"));r.push(e.createElement("img",m({alt:d.imageAlt},a)))}else if(d.icon){var c=n({key:"icon",className:"p-chip-icon"},I("icon"));r.push(o.getJSXIcon(d.icon,O({},c),{props:d}))}if(d.label){var u=n({key:"label",className:"p-chip-text"},I("label"));r.push(e.createElement("span",u,d.label))}return d.removable&&r.push(o.getJSXIcon(i,O({},t),{props:d})),r};return e.useImperativeHandle(a,(function(){return{props:d,getElement:function(){return j.current}}})),P&&(p=r("p-chip p-component",{"p-chip-image":null!=d.image},d.className),y=d.template?t.getJSXElement(d.template,d):k(),h=n({ref:j,style:d.style,className:p},g.getOtherProps(d),I("root")),e.createElement("div",h,y))})));d.displayName="Chip";export{d as Chip};
+import*as e from"react";import{classNames as r,ObjectUtils as t,mergeProps as n,IconUtils as o}from"primereact/utils";import{ComponentBase as i}from"primereact/componentbase";import{TimesCircleIcon as l}from"primereact/icons/timescircle";import{PrimeReactContext as a}from"primereact/api";function c(e){return c="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},c(e)}function u(e,r){if("object"!==c(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r||"default");if("object"!==c(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}function p(e){var r=u(e,"string");return"symbol"===c(r)?r:String(r)}function m(e,r,t){return(r=p(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function s(){return s=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},s.apply(this,arguments)}function f(e){if(Array.isArray(e))return e}function y(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,o,i,l,a=[],c=!0,u=!1;try{if(i=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;c=!1}else for(;!(c=(n=i.call(t)).done)&&(a.push(n.value),a.length!==r);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(u)throw o}}return a}}function b(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function v(e,r){if(e){if("string"==typeof e)return b(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?b(e,r):void 0}}function g(){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 h=i.extend({defaultProps:{__TYPE:"Chip",label:null,icon:null,image:null,removable:!1,removeIcon:null,className:null,style:null,template:null,imageAlt:"chip",onImageError:null,onRemove:null,children:void 0}});function O(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function d(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?O(Object(t),!0).forEach((function(r){m(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):O(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var j=e.memo(e.forwardRef((function(i,c){var u,p,m,b,O,j=e.useContext(a),S=h.getProps(i,j),w=e.useRef(null),P=e.useState(!0),E=(p=2,f(u=P)||y(u,p)||v(u,p)||g()),I=E[0],A=E[1],N=h.setMetaData({props:S}).ptm,k=function(e){13===e.keyCode&&x(e)},x=function(e){A(!1),S.onRemove&&S.onRemove(e)},C=function(){var r=[],t=n({key:"removeIcon",tabIndex:0,className:"p-chip-remove-icon",onClick:x,onKeyDown:k},N("removeIcon")),i=S.removeIcon||e.createElement(l,t);if(S.image){var a=n({key:"image",src:S.image,onError:S.onImageError},N("image"));r.push(e.createElement("img",s({alt:S.imageAlt},a)))}else if(S.icon){var c=n({key:"icon",className:"p-chip-icon"},N("icon"));r.push(o.getJSXIcon(S.icon,d({},c),{props:S}))}if(S.label){var u=n({key:"label",className:"p-chip-text"},N("label"));r.push(e.createElement("span",u,S.label))}return S.removable&&r.push(o.getJSXIcon(i,d({},t),{props:S})),r};return e.useImperativeHandle(c,(function(){return{props:S,getElement:function(){return w.current}}})),I&&(m=r("p-chip p-component",{"p-chip-image":null!=S.image},S.className),b=S.template?t.getJSXElement(S.template,S):C(),O=n({ref:w,style:S.style,className:m},h.getOtherProps(S),N("root")),e.createElement("div",O,b))})));j.displayName="Chip";export{j as Chip};

package/chip/chip.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.chip = (function (exports, React, utils, componentbase, timescircle) {
+this.primereact.chip = (function (exports, React, utils, componentbase, timescircle, api) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -154,7 +154,8 @@ this.primereact.chip = (function (exports, React, utils, componentbase, timescir
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var Chip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-    var props = ChipBase.getProps(inProps);
+    var context = React__namespace.useContext(api.PrimeReactContext);
+    var props = ChipBase.getProps(inProps, context);
     var elementRef = React__namespace.useRef(null);
     var _React$useState = React__namespace.useState(true),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -248,4 +249,4 @@ this.primereact.chip = (function (exports, React, utils, componentbase, timescir
 
   return exports;
 
-})({}, React, primereact.utils, primereact.componentbase, primereact.icons.timescircle);
+})({}, React, primereact.utils, primereact.componentbase, primereact.icons.timescircle, primereact.api);

package/chip/chip.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.chip=function(e,r,t,n,o){"use strict";function i(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var l=i(r);function c(e){return c="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},c(e)}function a(e,r){if("object"!==c(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r||"default");if("object"!==c(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}function u(e){var r=a(e,"string");return"symbol"===c(r)?r:String(r)}function s(e,r,t){return(r=u(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function p(){return p=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},p.apply(this,arguments)}function m(e){if(Array.isArray(e))return e}function f(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,o,i,l,c=[],a=!0,u=!1;try{if(i=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;a=!1}else for(;!(a=(n=i.call(t)).done)&&(c.push(n.value),c.length!==r);a=!0);}catch(e){u=!0,o=e}finally{try{if(!a&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(u)throw o}}return c}}function b(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function y(e,r){if(e){if("string"==typeof e)return b(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?b(e,r):void 0}}function v(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var g=n.ComponentBase.extend({defaultProps:{__TYPE:"Chip",label:null,icon:null,image:null,removable:!1,removeIcon:null,className:null,style:null,template:null,imageAlt:"chip",onImageError:null,onRemove:null,children:void 0}});function h(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function O(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?h(Object(t),!0).forEach((function(r){s(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):h(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var d=l.memo(l.forwardRef((function(e,r){var n,i,c,a,u,s=g.getProps(e),b=l.useRef(null),h=l.useState(!0),d=(i=2,m(n=h)||f(n,i)||y(n,i)||v()),j=d[0],P=d[1],S=g.setMetaData({props:s}).ptm,w=function(e){13===e.keyCode&&I(e)},I=function(e){P(!1),s.onRemove&&s.onRemove(e)},E=function(){var e=[],r=t.mergeProps({key:"removeIcon",tabIndex:0,className:"p-chip-remove-icon",onClick:I,onKeyDown:w},S("removeIcon")),n=s.removeIcon||l.createElement(o.TimesCircleIcon,r);if(s.image){var i=t.mergeProps({key:"image",src:s.image,onError:s.onImageError},S("image"));e.push(l.createElement("img",p({alt:s.imageAlt},i)))}else if(s.icon){var c=t.mergeProps({key:"icon",className:"p-chip-icon"},S("icon"));e.push(t.IconUtils.getJSXIcon(s.icon,O({},c),{props:s}))}if(s.label){var a=t.mergeProps({key:"label",className:"p-chip-text"},S("label"));e.push(l.createElement("span",a,s.label))}return s.removable&&e.push(t.IconUtils.getJSXIcon(n,O({},r),{props:s})),e};return l.useImperativeHandle(r,(function(){return{props:s,getElement:function(){return b.current}}})),j&&(c=t.classNames("p-chip p-component",{"p-chip-image":null!=s.image},s.className),a=s.template?t.ObjectUtils.getJSXElement(s.template,s):E(),u=t.mergeProps({ref:b,style:s.style,className:c},g.getOtherProps(s),S("root")),l.createElement("div",u,a))})));return d.displayName="Chip",e.Chip=d,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.componentbase,primereact.icons.timescircle);
+this.primereact=this.primereact||{},this.primereact.chip=function(e,t,r,n,o,i){"use strict";function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var a=l(t);function c(e){return c="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},c(e)}function u(e,t){if("object"!==c(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==c(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function s(e){var t=u(e,"string");return"symbol"===c(t)?t:String(t)}function p(e,t,r){return(t=s(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function m(){return m=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},m.apply(this,arguments)}function f(e){if(Array.isArray(e))return e}function b(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,i,l,a=[],c=!0,u=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=i.call(r)).done)&&(a.push(n.value),a.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(u)throw o}}return a}}function y(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,t){if(e){if("string"==typeof e)return y(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)?y(e,t):void 0}}function g(){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 h=n.ComponentBase.extend({defaultProps:{__TYPE:"Chip",label:null,icon:null,image:null,removable:!1,removeIcon:null,className:null,style:null,template:null,imageAlt:"chip",onImageError:null,onRemove:null,children:void 0}});function O(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 d(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?O(Object(r),!0).forEach((function(t){p(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):O(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var j=a.memo(a.forwardRef((function(e,t){var n,l,c,u,s,p=a.useContext(i.PrimeReactContext),y=h.getProps(e,p),O=a.useRef(null),j=a.useState(!0),P=(l=2,f(n=j)||b(n,l)||v(n,l)||g()),S=P[0],w=P[1],I=h.setMetaData({props:y}).ptm,E=function(e){13===e.keyCode&&C(e)},C=function(e){w(!1),y.onRemove&&y.onRemove(e)},N=function(){var e=[],t=r.mergeProps({key:"removeIcon",tabIndex:0,className:"p-chip-remove-icon",onClick:C,onKeyDown:E},I("removeIcon")),n=y.removeIcon||a.createElement(o.TimesCircleIcon,t);if(y.image){var i=r.mergeProps({key:"image",src:y.image,onError:y.onImageError},I("image"));e.push(a.createElement("img",m({alt:y.imageAlt},i)))}else if(y.icon){var l=r.mergeProps({key:"icon",className:"p-chip-icon"},I("icon"));e.push(r.IconUtils.getJSXIcon(y.icon,d({},l),{props:y}))}if(y.label){var c=r.mergeProps({key:"label",className:"p-chip-text"},I("label"));e.push(a.createElement("span",c,y.label))}return y.removable&&e.push(r.IconUtils.getJSXIcon(n,d({},t),{props:y})),e};return a.useImperativeHandle(t,(function(){return{props:y,getElement:function(){return O.current}}})),S&&(c=r.classNames("p-chip p-component",{"p-chip-image":null!=y.image},y.className),u=y.template?r.ObjectUtils.getJSXElement(y.template,y):N(),s=r.mergeProps({ref:O,style:y.style,className:c},h.getOtherProps(y),I("root")),a.createElement("div",s,u))})));return j.displayName="Chip",e.Chip=j,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.componentbase,primereact.icons.timescircle,primereact.api);

package/chips/chips.cjs.js

@@ -8,6 +8,8 @@ var timescircle = require('primereact/icons/timescircle');
 var keyfilter = require('primereact/keyfilter');
 var tooltip = require('primereact/tooltip');
 var utils = require('primereact/utils');
+var componentbase = require('primereact/componentbase');
+var api = require('primereact/api');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -156,7 +158,7 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var ChipsBase = {
+var ChipsBase = componentbase.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Chips',
     addOnBlur: null,
@@ -188,23 +190,25 @@ var ChipsBase = {
     tooltipOptions: null,
     value: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return utils.ObjectUtils.getMergedProps(props, ChipsBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return utils.ObjectUtils.getDiffProps(props, ChipsBase.defaultProps);
   }
-};
+});
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Chips = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-  var props = ChipsBase.getProps(inProps);
+  var context = React__namespace.useContext(api.PrimeReactContext);
+  var props = ChipsBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     focusedState = _React$useState2[0],
     setFocusedState = _React$useState2[1];
+  var _ChipsBase$setMetaDat = ChipsBase.setMetaData({
+      props: props,
+      state: {
+        focused: focusedState
+      }
+    }),
+    ptm = _ChipsBase$setMetaDat.ptm;
   var elementRef = React__namespace.useRef(null);
   var listRef = React__namespace.useRef(null);
   var inputRef = React__namespace.useRef(props.inputRef);
@@ -262,7 +266,7 @@ var Chips = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
   var onWrapperClick = function onWrapperClick() {
     utils.DomHandler.focus(inputRef.current);
   };
-  var onKeyDown = function onKeyDown(event) {
+  var _onKeyDown = function onKeyDown(event) {
     var inputValue = event.target.value;
     var values = props.value || [];
     props.onKeyDown && props.onKeyDown(event);
@@ -318,7 +322,7 @@ var Chips = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
     inputRef.current.value = '';
     preventDefault && event.preventDefault();
   };
-  var onPaste = function onPaste(event) {
+  var _onPaste = function onPaste(event) {
     if (props.separator) {
       var pastedData = (event.clipboardData || window['clipboardData']).getData('Text');
       if (props.keyfilter) {
@@ -335,11 +339,11 @@ var Chips = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
       }
     }
   };
-  var onFocus = function onFocus(event) {
+  var _onFocus = function onFocus(event) {
     setFocusedState(true);
     props.onFocus && props.onFocus(event);
   };
-  var onBlur = function onBlur(event) {
+  var _onBlur = function onBlur(event) {
     if (props.addOnBlur) {
       var inputValue = event.target.value;
       var values = props.value || [];
@@ -387,12 +391,12 @@ var Chips = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
     }
   });
   var createRemoveIcon = function createRemoveIcon(value, index) {
-    var iconProps = {
+    var iconProps = utils.mergeProps({
       className: 'p-chips-token-icon',
       onClick: function onClick(event) {
         return removeItem(event, index);
       }
-    };
+    }, ptm('removeTokenIcon'));
     var icon = props.removeIcon || /*#__PURE__*/React__namespace.createElement(timescircle.TimesCircleIcon, iconProps);
     var removeIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, iconProps), {
       props: props
@@ -404,31 +408,43 @@ var Chips = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
   };
   var createItem = function createItem(value, index) {
     var content = props.itemTemplate ? props.itemTemplate(value) : value;
-    var label = /*#__PURE__*/React__namespace.createElement("span", {
-      className: "p-chips-token-label"
-    }, content);
+    var labelProps = utils.mergeProps({
+      className: 'p-chips-token-label'
+    }, ptm('label'));
+    var label = /*#__PURE__*/React__namespace.createElement("span", labelProps, content);
     var icon = createRemoveIcon(value, index);
-    return /*#__PURE__*/React__namespace.createElement("li", {
+    var tokenProps = utils.mergeProps({
       key: index,
-      className: "p-chips-token p-highlight"
-    }, label, icon);
+      className: 'p-chips-token p-highlight'
+    }, ptm('token'));
+    return /*#__PURE__*/React__namespace.createElement("li", tokenProps, label, icon);
   };
   var createInput = function createInput() {
-    return /*#__PURE__*/React__namespace.createElement("li", {
-      className: "p-chips-input-token"
-    }, /*#__PURE__*/React__namespace.createElement("input", _extends({
-      ref: inputRef,
+    var inputTokenProps = utils.mergeProps({
+      className: 'p-chips-input-token'
+    }, ptm('inputToken'));
+    var inputProps = utils.mergeProps(_objectSpread({
       id: props.inputId,
+      ref: inputRef,
       placeholder: props.placeholder,
-      type: "text",
+      type: 'text',
       name: props.name,
       disabled: props.disabled || isMaxedOut(),
-      onKeyDown: onKeyDown,
-      onPaste: onPaste,
-      onFocus: onFocus,
-      onBlur: onBlur,
+      onKeyDown: function onKeyDown(e) {
+        return _onKeyDown(e);
+      },
+      onPaste: function onPaste(e) {
+        return _onPaste(e);
+      },
+      onFocus: function onFocus(e) {
+        return _onFocus(e);
+      },
+      onBlur: function onBlur(e) {
+        return _onBlur(e);
+      },
       readOnly: props.readOnly
-    }, ariaProps)));
+    }, ariaProps), ptm('input'));
+    return /*#__PURE__*/React__namespace.createElement("li", inputTokenProps, /*#__PURE__*/React__namespace.createElement("input", inputProps));
   };
   var createItems = function createItems() {
     return props.value ? props.value.map(createItem) : null;
@@ -440,11 +456,14 @@ var Chips = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
     });
     var items = createItems();
     var input = createInput();
-    return /*#__PURE__*/React__namespace.createElement("ul", {
+    var containerProps = utils.mergeProps({
       ref: listRef,
       className: className,
-      onClick: onWrapperClick
-    }, items, input);
+      onClick: function onClick(e) {
+        return onWrapperClick();
+      }
+    }, ptm('container'));
+    return /*#__PURE__*/React__namespace.createElement("ul", containerProps, items, input);
   };
   var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
   var otherProps = ChipsBase.getOtherProps(props);
@@ -454,15 +473,18 @@ var Chips = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
     'p-inputwrapper-focus': focusedState
   }, props.className);
   var list = createList();
-  return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", _extends({
-    ref: elementRef,
+  var rootProps = utils.mergeProps({
     id: props.id,
+    ref: elementRef,
     className: className,
     style: props.style
-  }, otherProps), list), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
+  }, ptm('root'));
+  return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", rootProps, list), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
     target: inputRef,
     content: props.tooltip
-  }, props.tooltipOptions)));
+  }, props.tooltipOptions, {
+    pt: ptm('tooltip')
+  })));
 }));
 Chips.displayName = 'Chips';