primereact 9.3.1 → 9.4.0

package/tabview/tabview.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.tabview = (function (exports, React, api, hooks, ripple, utils, chevronright, chevronleft, times) {
+this.primereact.tabview = (function (exports, React, api, hooks, ripple, utils, componentbase, chevronright, chevronleft, times) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -22,19 +22,35 @@ this.primereact.tabview = (function (exports, React, api, hooks, ripple, utils,
 
   var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-  function _extends() {
-    _extends = Object.assign ? Object.assign.bind() : function (target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
-        for (var key in source) {
-          if (Object.prototype.hasOwnProperty.call(source, key)) {
-            target[key] = source[key];
-          }
-        }
-      }
-      return target;
-    };
-    return _extends.apply(this, arguments);
+  function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+    return arr2;
+  }
+
+  function _arrayWithoutHoles(arr) {
+    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+  }
+
+  function _iterableToArray(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+  }
+
+  function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(o);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+  }
+
+  function _nonIterableSpread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+
+  function _toConsumableArray(arr) {
+    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
   }
 
   function _typeof(obj) {
@@ -78,37 +94,6 @@ this.primereact.tabview = (function (exports, React, api, hooks, ripple, utils,
     return obj;
   }
 
-  function _arrayLikeToArray(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-    return arr2;
-  }
-
-  function _arrayWithoutHoles(arr) {
-    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
-  }
-
-  function _iterableToArray(iter) {
-    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-  }
-
-  function _unsupportedIterableToArray(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(o);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-  }
-
-  function _nonIterableSpread() {
-    throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-  }
-
-  function _toConsumableArray(arr) {
-    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
-  }
-
   function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
   }
@@ -149,7 +134,7 @@ this.primereact.tabview = (function (exports, React, api, hooks, ripple, utils,
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
-  var TabViewBase = {
+  var TabViewBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'TabView',
       id: null,
@@ -165,15 +150,9 @@ this.primereact.tabview = (function (exports, React, api, hooks, ripple, utils,
       scrollable: false,
       style: null,
       children: undefined
-    },
-    getProps: function getProps(props) {
-      return utils.ObjectUtils.getMergedProps(props, TabViewBase.defaultProps);
-    },
-    getOtherProps: function getOtherProps(props) {
-      return utils.ObjectUtils.getDiffProps(props, TabViewBase.defaultProps);
     }
-  };
-  var TabPanelBase = {
+  });
+  var TabPanelBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'TabPanel',
       className: null,
@@ -202,7 +181,7 @@ this.primereact.tabview = (function (exports, React, api, hooks, ripple, utils,
     getCOtherProps: function getCOtherProps(tab) {
       return utils.ObjectUtils.getComponentDiffProps(tab, TabPanelBase.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; }
@@ -237,6 +216,25 @@ this.primereact.tabview = (function (exports, React, api, hooks, ripple, utils,
     var nextBtnRef = React__namespace.useRef(null);
     var tabsRef = React__namespace.useRef({});
     var activeIndex = props.onTabChange ? props.activeIndex : activeIndexState;
+    var metaData = {
+      props: props,
+      state: {
+        id: idState,
+        isPrevButtonDisabled: backwardIsDisabledState,
+        isNextButtonDisabled: forwardIsDisabledState,
+        hiddenTabsState: hiddenTabsState,
+        activeIndex: activeIndexState
+      }
+    };
+    var _TabViewBase$setMetaD = TabViewBase.setMetaData(_objectSpread({}, metaData)),
+      ptm = _TabViewBase$setMetaD.ptm,
+      ptmo = _TabViewBase$setMetaD.ptmo;
+    var getTabPT = function getTabPT(tab, key) {
+      return ptmo(getTabProp(tab, 'pt'), key, {
+        props: tab.props,
+        parent: metaData
+      });
+    };
     var isSelected = function isSelected(index) {
       return index === activeIndex;
     };
@@ -406,15 +404,16 @@ this.primereact.tabview = (function (exports, React, api, hooks, ripple, utils,
       var headerId = idState + '_header_' + index;
       var ariaControls = idState + '_content_' + index;
       var tabIndex = disabled ? null : 0;
-      var leftIconElement = leftIcon && /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, utils.IconUtils.getJSXIcon(leftIcon, {
+      var leftIconElement = leftIcon && utils.IconUtils.getJSXIcon(leftIcon, undefined, {
         props: props
-      }));
-      var titleElement = /*#__PURE__*/React__namespace.createElement("span", {
-        className: "p-tabview-title"
-      }, header);
-      var rightIconElement = rightIcon && /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, utils.IconUtils.getJSXIcon(rightIcon, {
+      });
+      var headerTitleProps = utils.mergeProps({
+        className: 'p-tabview-title'
+      }, getTabPT(tab, 'headertitle'));
+      var titleElement = /*#__PURE__*/React__namespace.createElement("span", headerTitleProps, header);
+      var rightIconElement = rightIcon && utils.IconUtils.getJSXIcon(rightIcon, undefined, {
         props: props
-      }));
+      });
       var iconClassName = 'p-tabview-close';
       var icon = closeIcon || /*#__PURE__*/React__namespace.createElement(times.TimesIcon, {
         className: iconClassName,
@@ -423,27 +422,31 @@ this.primereact.tabview = (function (exports, React, api, hooks, ripple, utils,
         }
       });
       var closableIconElement = closable ? utils.IconUtils.getJSXIcon(icon, {
-        className: iconClassName
+        className: iconClassName,
+        onClick: function onClick(e) {
+          return onTabHeaderClose(e, index);
+        }
       }, {
         props: props
       }) : null;
-      var content =
-      /*#__PURE__*/
-      // eslint-disable /
-      React__namespace.createElement("a", {
-        role: "tab",
-        className: "p-tabview-nav-link",
+      var headerActionProps = utils.mergeProps({
+        id: headerId,
+        role: 'tab',
+        className: 'p-tabview-nav-link',
+        tabIndex: tabIndex,
+        'aria-controls': ariaControls,
+        'aria-selected': selected,
         onClick: function onClick(e) {
           return onTabHeaderClick(e, tab, index);
         },
-        id: headerId,
         onKeyDown: function onKeyDown(e) {
           return _onKeyDown(e, tab, index);
-        },
-        "aria-controls": ariaControls,
-        "aria-selected": selected,
-        tabIndex: tabIndex
-      }, leftIconElement, titleElement, rightIconElement, closableIconElement, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null))
+        }
+      }, getTabPT(tab, 'headeraction'));
+      var content =
+      /*#__PURE__*/
+      // eslint-disable /
+      React__namespace.createElement("a", headerActionProps, leftIconElement, titleElement, rightIconElement, closableIconElement, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null))
       // eslint-enable /
       ;
 
@@ -468,14 +471,15 @@ this.primereact.tabview = (function (exports, React, api, hooks, ripple, utils,
         };
         content = utils.ObjectUtils.getJSXElement(headerTemplate, defaultContentOptions);
       }
-      return /*#__PURE__*/React__namespace.createElement("li", {
+      var headerProps = utils.mergeProps({
         ref: function ref(el) {
           return tabsRef.current["tab_".concat(index)] = el;
         },
         className: className,
         style: style,
-        role: "presentation"
-      }, content);
+        role: 'presentation'
+      }, getTabPT(tab, 'root'), getTabPT(tab, 'header'));
+      return /*#__PURE__*/React__namespace.createElement("li", headerProps, content);
     };
     var createTabHeaders = function createTabHeaders() {
       return React__namespace.Children.map(props.children, function (tab, index) {
@@ -486,23 +490,30 @@ this.primereact.tabview = (function (exports, React, api, hooks, ripple, utils,
     };
     var createNavigator = function createNavigator() {
       var headers = createTabHeaders();
-      return /*#__PURE__*/React__namespace.createElement("div", {
-        ref: contentRef,
+      var navContentProps = utils.mergeProps({
         id: idState,
-        className: "p-tabview-nav-content",
+        ref: contentRef,
+        className: 'p-tabview-nav-content',
         style: props.style,
         onScroll: onScroll
-      }, /*#__PURE__*/React__namespace.createElement("ul", {
+      }, ptm('navcontent'));
+      var navProps = utils.mergeProps({
         ref: navRef,
-        className: "p-tabview-nav",
-        role: "tablist"
-      }, headers, /*#__PURE__*/React__namespace.createElement("li", {
+        className: 'p-tabview-nav',
+        role: 'tablist'
+      }, ptm('nav'));
+      var inkbarProps = utils.mergeProps({
         ref: inkbarRef,
-        className: "p-tabview-ink-bar"
-      })));
+        className: 'p-tabview-ink-bar'
+      }, ptm('inkbar'));
+      return /*#__PURE__*/React__namespace.createElement("div", navContentProps, /*#__PURE__*/React__namespace.createElement("ul", navProps, headers, /*#__PURE__*/React__namespace.createElement("li", inkbarProps)));
     };
     var createContent = function createContent() {
       var className = utils.classNames('p-tabview-panels', props.panelContainerClassName);
+      var panelContainerProps = utils.mergeProps({
+        className: className,
+        style: props.panelContainerStyle
+      }, ptm('panelcontainer'));
       var contents = React__namespace.Children.map(props.children, function (tab, index) {
         if (shouldUseTab(tab, index) && (!props.renderActiveOnly || isSelected(index))) {
           var selected = isSelected(index);
@@ -512,69 +523,77 @@ this.primereact.tabview = (function (exports, React, api, hooks, ripple, utils,
           });
           var contentId = idState + '_content_' + index;
           var ariaLabelledBy = idState + '_header_' + index;
-          var _otherProps = TabPanelBase.getCOtherProps(tab);
-          return /*#__PURE__*/React__namespace.createElement("div", _extends({}, _otherProps, {
+          var contentProps = utils.mergeProps({
             id: contentId,
-            "aria-labelledby": ariaLabelledBy,
-            "aria-hidden": !selected,
             className: _className2,
             style: style,
-            role: "tabpanel"
-          }), !props.renderActiveOnly ? getTabProp(tab, 'children') : selected && getTabProp(tab, 'children'));
+            role: 'tabpanel',
+            'aria-labelledby': ariaLabelledBy,
+            'aria-hidden': !selected
+          }, TabPanelBase.getCOtherProps(tab), getTabPT(tab, 'root'), getTabPT(tab, 'content'));
+          return /*#__PURE__*/React__namespace.createElement("div", contentProps, !props.renderActiveOnly ? getTabProp(tab, 'children') : selected && getTabProp(tab, 'children'));
         }
       });
-      return /*#__PURE__*/React__namespace.createElement("div", {
-        className: className,
-        style: props.panelContainerStyle
-      }, contents);
+      return /*#__PURE__*/React__namespace.createElement("div", panelContainerProps, contents);
     };
     var createPrevButton = function createPrevButton() {
-      var icon = props.prevButton || /*#__PURE__*/React__namespace.createElement(chevronleft.ChevronLeftIcon, null);
-      var leftIcon = utils.IconUtils.getJSXIcon(icon, undefined, {
+      var prevIconProps = utils.mergeProps(ptm('previcon'));
+      var icon = props.prevButton || /*#__PURE__*/React__namespace.createElement(chevronleft.ChevronLeftIcon, prevIconProps);
+      var leftIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, prevIconProps), {
         props: props
       });
+      var prevButtonProps = utils.mergeProps({
+        ref: prevBtnRef,
+        type: 'button',
+        className: 'p-tabview-nav-prev p-tabview-nav-btn p-link',
+        'aria-label': api.ariaLabel('previousPageLabel'),
+        onClick: function onClick(e) {
+          return navBackward();
+        }
+      }, ptm('prevbutton'));
       if (props.scrollable && !backwardIsDisabledState) {
-        return /*#__PURE__*/React__namespace.createElement("button", {
-          ref: prevBtnRef,
-          className: "p-tabview-nav-prev p-tabview-nav-btn p-link",
-          onClick: navBackward,
-          type: "button",
-          "aria-label": api.ariaLabel('previousPageLabel')
-        }, leftIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+        return /*#__PURE__*/React__namespace.createElement("button", prevButtonProps, leftIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
       }
       return null;
     };
     var createNextButton = function createNextButton() {
-      var icon = props.prevButton || /*#__PURE__*/React__namespace.createElement(chevronright.ChevronRightIcon, null);
-      var rightIcon = utils.IconUtils.getJSXIcon(icon, {
+      var nextIconProps = utils.mergeProps({
         'aria-hidden': 'true'
-      }, {
+      }, ptm('nexticon'));
+      var icon = props.nextButton || /*#__PURE__*/React__namespace.createElement(chevronright.ChevronRightIcon, nextIconProps);
+      var rightIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, nextIconProps), {
         props: props
       });
+      var nextButtonProps = utils.mergeProps({
+        ref: nextBtnRef,
+        type: 'button',
+        className: 'p-tabview-nav-next p-tabview-nav-btn p-link',
+        'aria-label': api.ariaLabel('nextPageLabel'),
+        onClick: function onClick(e) {
+          return navForward();
+        }
+      }, ptm('nextbutton'));
       if (props.scrollable && !forwardIsDisabledState) {
-        return /*#__PURE__*/React__namespace.createElement("button", {
-          ref: nextBtnRef,
-          className: "p-tabview-nav-next p-tabview-nav-btn p-link",
-          onClick: navForward,
-          type: "button",
-          "aria-label": api.ariaLabel('nextPageLabel')
-        }, rightIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+        return /*#__PURE__*/React__namespace.createElement("button", nextButtonProps, rightIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
       }
     };
-    var otherProps = TabViewBase.getOtherProps(props);
     var className = utils.classNames('p-tabview p-component', {
       'p-tabview-scrollable': props.scrollable
     }, props.className);
+    var rootProps = utils.mergeProps({
+      id: idState,
+      ref: elementRef,
+      style: props.style,
+      className: className
+    }, TabViewBase.getOtherProps(props), ptm('root'));
+    var navContainerProps = utils.mergeProps({
+      className: 'p-tabview-nav-container'
+    }, ptm('navcontainer'));
     var navigator = createNavigator();
     var content = createContent();
     var prevButton = createPrevButton();
     var nextButton = createNextButton();
-    return /*#__PURE__*/React__namespace.createElement("div", _extends({
-      ref: elementRef,
-      className: className
-    }, otherProps), /*#__PURE__*/React__namespace.createElement("div", {
-      className: "p-tabview-nav-container"
-    }, prevButton, navigator, nextButton), content);
+    return /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.createElement("div", navContainerProps, prevButton, navigator, nextButton), content);
   });
   TabPanel.displayName = 'TabPanel';
   TabView.displayName = 'TabView';
@@ -586,4 +605,4 @@ this.primereact.tabview = (function (exports, React, api, hooks, ripple, utils,
 
   return exports;
 
-})({}, React, primereact.api, primereact.hooks, primereact.ripple, primereact.utils, primereact.icons.chevronright, primereact.icons.chevronleft, primereact.icons.times);
+})({}, React, primereact.api, primereact.hooks, primereact.ripple, primereact.utils, primereact.componentbase, primereact.icons.chevronright, primereact.icons.chevronleft, primereact.icons.times);

package/tabview/tabview.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.tabview=function(e,t,n,r,l,a,o,i,c){"use strict";function u(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 s=u(t);function f(){return f=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},f.apply(this,arguments)}function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function b(e,t){if("object"!==p(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==p(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function d(e){var t=b(e,"string");return"symbol"===p(t)?t:String(t)}function m(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 v(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 y(e){if(Array.isArray(e))return v(e)}function h(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function g(e,t){if(e){if("string"==typeof e)return v(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)?v(e,t):void 0}}function O(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function C(e){if(Array.isArray(e))return e}function w(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,a,o,i=[],c=!0,u=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=a.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){u=!0,l=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(u)throw l}}return i}}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.")}function E(e,t){return C(e)||w(e,t)||g(e,t)||P()}var j={defaultProps:{__TYPE:"TabView",id:null,activeIndex:0,className:null,onBeforeTabChange:null,onBeforeTabClose:null,onTabChange:null,onTabClose:null,panelContainerClassName:null,panelContainerStyle:null,renderActiveOnly:!0,scrollable:!1,style:null,children:void 0},getProps:function(e){return a.ObjectUtils.getMergedProps(e,j.defaultProps)},getOtherProps:function(e){return a.ObjectUtils.getDiffProps(e,j.defaultProps)}},I={defaultProps:{__TYPE:"TabPanel",className:null,closable:!1,contentClassName:null,contentStyle:null,disabled:!1,header:null,headerClassName:null,headerStyle:null,headerTemplate:null,leftIcon:null,rightIcon:null,prevButton:null,nextButton:null,closeIcon:null,style:null,children:void 0},getCProp:function(e,t){return a.ObjectUtils.getComponentProp(e,t,I.defaultProps)},getCProps:function(e){return a.ObjectUtils.getComponentProps(e,I.defaultProps)},getCOtherProps:function(e){return a.ObjectUtils.getComponentDiffProps(e,I.defaultProps)}};function S(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 N(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?S(Object(n),!0).forEach((function(t){m(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):S(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var T=function(){},x=s.forwardRef((function(e,t){var u=j.getProps(e),p=E(s.useState(u.id),2),b=p[0],d=p[1],m=E(s.useState(!0),2),v=m[0],C=m[1],w=E(s.useState(!1),2),P=w[0],S=w[1],T=E(s.useState([]),2),x=T[0],D=T[1],_=E(s.useState(u.activeIndex),2),U=_[0],k=_[1],R=s.useRef(null),A=s.useRef(null),B=s.useRef(null),L=s.useRef(null),H=s.useRef(null),W=s.useRef(null),J=s.useRef({}),V=u.onTabChange?u.activeIndex:U,X=function(e){return e===V},M=function(e,t){return I.getCProp(e,t)},F=function(e,t){return e&&a.ObjectUtils.isValidChild(e,"TabPanel")&&x.every((function(e){return e!==t}))},K=function(e,t){var n;(e.preventDefault(),u.onBeforeTabClose&&!1===u.onBeforeTabClose({originalEvent:e,index:t}))||(D([].concat(y(n=x)||h(n)||g(n)||O(),[t])),u.onTabClose&&u.onTabClose({originalEvent:e,index:t}))},Y=function(e,t,n){if(e&&e.preventDefault(),!M(t,"disabled")){if(u.onBeforeTabChange&&!1===u.onBeforeTabChange({originalEvent:e,index:n}))return;u.onTabChange?u.onTabChange({originalEvent:e,index:n}):k(n)}z(n)},q=function(e,t,n){"Enter"===e.key&&Y(e,t,n)},z=function(e){var t=J.current["tab_".concat(e)];t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest"})},$=function(e){var t,n,r,l;u.scrollable&&(n=(t=A.current).scrollLeft,r=t.scrollWidth,l=a.DomHandler.getWidth(A.current),C(0===n),S(n===r-l)),e.preventDefault()},G=function(){return[H.current,W.current].reduce((function(e,t){return t?e+a.DomHandler.getWidth(t):e}),0)},Q=function(){var e=a.DomHandler.getWidth(A.current)-G(),t=A.current.scrollLeft-e;A.current.scrollLeft=t<=0?0:t},Z=function(){var e=a.DomHandler.getWidth(A.current)-G(),t=A.current.scrollLeft+e,n=A.current.scrollWidth-e;A.current.scrollLeft=t>=n?n:t},ee=function(){C(!0),S(!1),D([]),u.onTabChange?u.onTabChange({index:V}):k(u.activeIndex)};s.useEffect((function(){var e;e=J.current["tab_".concat(V)],L.current.style.width=a.DomHandler.getWidth(e)+"px",L.current.style.left=a.DomHandler.getOffset(e).left-a.DomHandler.getOffset(B.current).left+"px"})),r.useMountEffect((function(){b||d(a.UniqueComponentId())})),r.useUpdateEffect((function(){if(a.ObjectUtils.isNotEmpty(x)){var e=(t=x[x.length-1],(n=s.Children.map(u.children,(function(e,t){if(F(e,t))return{tab:e,index:t}}))).find((function(e){var n=e.index;return!M(e.tab,"disabled")&&n>=t}))||n.reverse().find((function(e){var n=e.index;return!M(e.tab,"disabled")&&t>n})));e&&Y(null,e.tab,e.index)}var t,n}),[x]),r.useUpdateEffect((function(){z(u.activeIndex)}),[u.activeIndex]),s.useImperativeHandle(t,(function(){return{props:u,reset:ee,getElement:function(){return R.current}}}));var te,ne,re=function(e,t){var n=X(t),r=I.getCProps(e),o=r.headerClassName,i=r.style,f=r.className,p=r.disabled,d=r.leftIcon,m=r.rightIcon,v=r.header,y=r.headerTemplate,h=r.closable,g=r.closeIcon,O=N(N({},r.headerStyle||{}),i||{}),C=a.classNames("p-unselectable-text",{"p-tabview-selected p-highlight":n,"p-disabled":p},o,f),w=b+"_header_"+t,P=b+"_content_"+t,E=p?null:0,j=d&&s.createElement(s.Fragment,null,a.IconUtils.getJSXIcon(d,{props:u})),S=s.createElement("span",{className:"p-tabview-title"},v),T=m&&s.createElement(s.Fragment,null,a.IconUtils.getJSXIcon(m,{props:u})),x="p-tabview-close",D=h?a.IconUtils.getJSXIcon(g||s.createElement(c.TimesIcon,{className:x,onClick:function(e){return K(e,t)}}),{className:x},{props:u}):null,_=s.createElement("a",{role:"tab",className:"p-tabview-nav-link",onClick:function(n){return Y(n,e,t)},id:w,onKeyDown:function(n){return q(n,e,t)},"aria-controls":P,"aria-selected":n,tabIndex:E},j,S,T,D,s.createElement(l.Ripple,null));y&&(_=a.ObjectUtils.getJSXElement(y,{className:"p-tabview-nav-link",titleClassName:"p-tabview-title",onClick:function(n){return Y(n,e,t)},onKeyDown:function(n){return q(n,e,t)},leftIconElement:j,titleElement:S,rightIconElement:T,element:_,props:u,index:t,selected:n,ariaControls:P}));return s.createElement("li",{ref:function(e){return J.current["tab_".concat(t)]=e},className:C,style:O,role:"presentation"},_)},le=j.getOtherProps(u),ae=a.classNames("p-tabview p-component",{"p-tabview-scrollable":u.scrollable},u.className),oe=(te=s.Children.map(u.children,(function(e,t){if(F(e,t))return re(e,t)})),s.createElement("div",{ref:A,id:b,className:"p-tabview-nav-content",style:u.style,onScroll:$},s.createElement("ul",{ref:B,className:"p-tabview-nav",role:"tablist"},te,s.createElement("li",{ref:L,className:"p-tabview-ink-bar"})))),ie=function(){var e=a.classNames("p-tabview-panels",u.panelContainerClassName),t=s.Children.map(u.children,(function(e,t){if(F(e,t)&&(!u.renderActiveOnly||X(t))){var n=X(t),r=N(N({},M(e,"contentStyle")||{}),M(e,"style")||{}),l=a.classNames(M(e,"contentClassName"),M(e,"className"),"p-tabview-panel",{"p-hidden":!n}),o=b+"_content_"+t,i=b+"_header_"+t,c=I.getCOtherProps(e);return s.createElement("div",f({},c,{id:o,"aria-labelledby":i,"aria-hidden":!n,className:l,style:r,role:"tabpanel"}),u.renderActiveOnly?n&&M(e,"children"):M(e,"children"))}}));return s.createElement("div",{className:e,style:u.panelContainerStyle},t)}(),ce=(ne=a.IconUtils.getJSXIcon(u.prevButton||s.createElement(i.ChevronLeftIcon,null),void 0,{props:u}),u.scrollable&&!v?s.createElement("button",{ref:H,className:"p-tabview-nav-prev p-tabview-nav-btn p-link",onClick:Q,type:"button","aria-label":n.ariaLabel("previousPageLabel")},ne,s.createElement(l.Ripple,null)):null),ue=function(){var e=a.IconUtils.getJSXIcon(u.prevButton||s.createElement(o.ChevronRightIcon,null),{"aria-hidden":"true"},{props:u});if(u.scrollable&&!P)return s.createElement("button",{ref:W,className:"p-tabview-nav-next p-tabview-nav-btn p-link",onClick:Z,type:"button","aria-label":n.ariaLabel("nextPageLabel")},e,s.createElement(l.Ripple,null))}();return s.createElement("div",f({ref:R,className:ae},le),s.createElement("div",{className:"p-tabview-nav-container"},ce,oe,ue),ie)}));return T.displayName="TabPanel",x.displayName="TabView",e.TabPanel=T,e.TabView=x,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.ripple,primereact.utils,primereact.icons.chevronright,primereact.icons.chevronleft,primereact.icons.times);
+this.primereact=this.primereact||{},this.primereact.tabview=function(e,t,n,r,a,l,o,i,c,u){"use strict";function s(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 p=s(t);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 b(e){if(Array.isArray(e))return f(e)}function d(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function m(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 v(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function y(e){return y="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},y(e)}function g(e,t){if("object"!==y(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==y(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function h(e){var t=g(e,"string");return"symbol"===y(t)?t:String(t)}function P(e,t,n){return(t=h(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function C(e){if(Array.isArray(e))return e}function w(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l,o,i=[],c=!0,u=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=l.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(u)throw a}}return i}}function O(){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 E(e,t){return C(e)||w(e,t)||m(e,t)||O()}var I=o.ComponentBase.extend({defaultProps:{__TYPE:"TabView",id:null,activeIndex:0,className:null,onBeforeTabChange:null,onBeforeTabClose:null,onTabChange:null,onTabClose:null,panelContainerClassName:null,panelContainerStyle:null,renderActiveOnly:!0,scrollable:!1,style:null,children:void 0}}),S=o.ComponentBase.extend({defaultProps:{__TYPE:"TabPanel",className:null,closable:!1,contentClassName:null,contentStyle:null,disabled:!1,header:null,headerClassName:null,headerStyle:null,headerTemplate:null,leftIcon:null,rightIcon:null,prevButton:null,nextButton:null,closeIcon:null,style:null,children:void 0},getCProp:function(e,t){return l.ObjectUtils.getComponentProp(e,t,S.defaultProps)},getCProps:function(e){return l.ObjectUtils.getComponentProps(e,S.defaultProps)},getCOtherProps:function(e){return l.ObjectUtils.getComponentDiffProps(e,S.defaultProps)}});function N(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?N(Object(n),!0).forEach((function(t){P(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):N(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var x=function(){},T=p.forwardRef((function(e,t){var o=I.getProps(e),s=E(p.useState(o.id),2),f=s[0],y=s[1],g=E(p.useState(!0),2),h=g[0],P=g[1],C=E(p.useState(!1),2),w=C[0],O=C[1],N=E(p.useState([]),2),x=N[0],T=N[1],D=E(p.useState(o.activeIndex),2),_=D[0],k=D[1],U=p.useRef(null),B=p.useRef(null),R=p.useRef(null),A=p.useRef(null),L=p.useRef(null),H=p.useRef(null),W=p.useRef({}),J=o.onTabChange?o.activeIndex:_,V={props:o,state:{id:f,isPrevButtonDisabled:h,isNextButtonDisabled:w,hiddenTabsState:x,activeIndex:_}},X=I.setMetaData(j({},V)),M=X.ptm,K=X.ptmo,Y=function(e,t){return K(z(e,"pt"),t,{props:e.props,parent:V})},q=function(e){return e===J},z=function(e,t){return S.getCProp(e,t)},$=function(e,t){return e&&l.ObjectUtils.isValidChild(e,"TabPanel")&&x.every((function(e){return e!==t}))},F=function(e,t){var n;(e.preventDefault(),o.onBeforeTabClose&&!1===o.onBeforeTabClose({originalEvent:e,index:t}))||(T([].concat(b(n=x)||d(n)||m(n)||v(),[t])),o.onTabClose&&o.onTabClose({originalEvent:e,index:t}))},G=function(e,t,n){if(e&&e.preventDefault(),!z(t,"disabled")){if(o.onBeforeTabChange&&!1===o.onBeforeTabChange({originalEvent:e,index:n}))return;o.onTabChange?o.onTabChange({originalEvent:e,index:n}):k(n)}Z(n)},Q=function(e,t,n){"Enter"===e.key&&G(e,t,n)},Z=function(e){var t=W.current["tab_".concat(e)];t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest"})},ee=function(e){var t,n,r,a;o.scrollable&&(n=(t=B.current).scrollLeft,r=t.scrollWidth,a=l.DomHandler.getWidth(B.current),P(0===n),O(n===r-a)),e.preventDefault()},te=function(){return[L.current,H.current].reduce((function(e,t){return t?e+l.DomHandler.getWidth(t):e}),0)},ne=function(){P(!0),O(!1),T([]),o.onTabChange?o.onTabChange({index:J}):k(o.activeIndex)};p.useEffect((function(){var e;e=W.current["tab_".concat(J)],A.current.style.width=l.DomHandler.getWidth(e)+"px",A.current.style.left=l.DomHandler.getOffset(e).left-l.DomHandler.getOffset(R.current).left+"px"})),r.useMountEffect((function(){f||y(l.UniqueComponentId())})),r.useUpdateEffect((function(){if(l.ObjectUtils.isNotEmpty(x)){var e=(t=x[x.length-1],(n=p.Children.map(o.children,(function(e,t){if($(e,t))return{tab:e,index:t}}))).find((function(e){var n=e.index;return!z(e.tab,"disabled")&&n>=t}))||n.reverse().find((function(e){var n=e.index;return!z(e.tab,"disabled")&&t>n})));e&&G(null,e.tab,e.index)}var t,n}),[x]),r.useUpdateEffect((function(){Z(o.activeIndex)}),[o.activeIndex]),p.useImperativeHandle(t,(function(){return{props:o,reset:ne,getElement:function(){return U.current}}}));var re,ae,le,oe,ie,ce,ue,se=function(e,t){var n=q(t),r=S.getCProps(e),i=r.headerClassName,c=r.style,s=r.className,b=r.disabled,d=r.leftIcon,m=r.rightIcon,v=r.header,y=r.headerTemplate,g=r.closable,h=r.closeIcon,P=j(j({},r.headerStyle||{}),c||{}),C=l.classNames("p-unselectable-text",{"p-tabview-selected p-highlight":n,"p-disabled":b},i,s),w=f+"_header_"+t,O=f+"_content_"+t,E=b?null:0,I=d&&l.IconUtils.getJSXIcon(d,void 0,{props:o}),N=l.mergeProps({className:"p-tabview-title"},Y(e,"headertitle")),x=p.createElement("span",N,v),T=m&&l.IconUtils.getJSXIcon(m,void 0,{props:o}),D="p-tabview-close",_=g?l.IconUtils.getJSXIcon(h||p.createElement(u.TimesIcon,{className:D,onClick:function(e){return F(e,t)}}),{className:D,onClick:function(e){return F(e,t)}},{props:o}):null,k=l.mergeProps({id:w,role:"tab",className:"p-tabview-nav-link",tabIndex:E,"aria-controls":O,"aria-selected":n,onClick:function(n){return G(n,e,t)},onKeyDown:function(n){return Q(n,e,t)}},Y(e,"headeraction")),U=p.createElement("a",k,I,x,T,_,p.createElement(a.Ripple,null));y&&(U=l.ObjectUtils.getJSXElement(y,{className:"p-tabview-nav-link",titleClassName:"p-tabview-title",onClick:function(n){return G(n,e,t)},onKeyDown:function(n){return Q(n,e,t)},leftIconElement:I,titleElement:x,rightIconElement:T,element:U,props:o,index:t,selected:n,ariaControls:O}));var B=l.mergeProps({ref:function(e){return W.current["tab_".concat(t)]=e},className:C,style:P,role:"presentation"},Y(e,"root"),Y(e,"header"));return p.createElement("li",B,U)},pe=l.classNames("p-tabview p-component",{"p-tabview-scrollable":o.scrollable},o.className),fe=l.mergeProps({id:f,ref:U,style:o.style,className:pe},I.getOtherProps(o),M("root")),be=l.mergeProps({className:"p-tabview-nav-container"},M("navcontainer")),de=(re=p.Children.map(o.children,(function(e,t){if($(e,t))return se(e,t)})),ae=l.mergeProps({id:f,ref:B,className:"p-tabview-nav-content",style:o.style,onScroll:ee},M("navcontent")),le=l.mergeProps({ref:R,className:"p-tabview-nav",role:"tablist"},M("nav")),oe=l.mergeProps({ref:A,className:"p-tabview-ink-bar"},M("inkbar")),p.createElement("div",ae,p.createElement("ul",le,re,p.createElement("li",oe)))),me=function(){var e=l.classNames("p-tabview-panels",o.panelContainerClassName),t=l.mergeProps({className:e,style:o.panelContainerStyle},M("panelcontainer")),n=p.Children.map(o.children,(function(e,t){if($(e,t)&&(!o.renderActiveOnly||q(t))){var n=q(t),r=j(j({},z(e,"contentStyle")||{}),z(e,"style")||{}),a=l.classNames(z(e,"contentClassName"),z(e,"className"),"p-tabview-panel",{"p-hidden":!n}),i=l.mergeProps({id:f+"_content_"+t,className:a,style:r,role:"tabpanel","aria-labelledby":f+"_header_"+t,"aria-hidden":!n},S.getCOtherProps(e),Y(e,"root"),Y(e,"content"));return p.createElement("div",i,o.renderActiveOnly?n&&z(e,"children"):z(e,"children"))}}));return p.createElement("div",t,n)}(),ve=(ie=l.mergeProps(M("previcon")),ce=l.IconUtils.getJSXIcon(o.prevButton||p.createElement(c.ChevronLeftIcon,ie),j({},ie),{props:o}),ue=l.mergeProps({ref:L,type:"button",className:"p-tabview-nav-prev p-tabview-nav-btn p-link","aria-label":n.ariaLabel("previousPageLabel"),onClick:function(e){return t=l.DomHandler.getWidth(B.current)-te(),void(B.current.scrollLeft=(n=B.current.scrollLeft-t)<=0?0:n);var t,n}},M("prevbutton")),o.scrollable&&!h?p.createElement("button",ue,ce,p.createElement(a.Ripple,null)):null),ye=function(){var e=l.mergeProps({"aria-hidden":"true"},M("nexticon")),t=l.IconUtils.getJSXIcon(o.nextButton||p.createElement(i.ChevronRightIcon,e),j({},e),{props:o}),r=l.mergeProps({ref:H,type:"button",className:"p-tabview-nav-next p-tabview-nav-btn p-link","aria-label":n.ariaLabel("nextPageLabel"),onClick:function(e){return t=l.DomHandler.getWidth(B.current)-te(),void(B.current.scrollLeft=(n=B.current.scrollLeft+t)>=(r=B.current.scrollWidth-t)?r:n);var t,n,r}},M("nextbutton"));if(o.scrollable&&!w)return p.createElement("button",r,t,p.createElement(a.Ripple,null))}();return p.createElement("div",fe,p.createElement("div",be,ve,de,ye),me)}));return x.displayName="TabPanel",T.displayName="TabView",e.TabPanel=x,e.TabView=T,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.ripple,primereact.utils,primereact.componentbase,primereact.icons.chevronright,primereact.icons.chevronleft,primereact.icons.times);

package/tag/tag.cjs.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var utils = require('primereact/utils');
+var componentbase = require('primereact/componentbase');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -25,21 +26,6 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
 function _typeof(obj) {
   "@babel/helpers - typeof";
 
@@ -81,7 +67,7 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-var TagBase = {
+var TagBase = componentbase.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Tag',
     value: null,
@@ -91,24 +77,24 @@ var TagBase = {
     style: null,
     className: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return utils.ObjectUtils.getMergedProps(props, TagBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return utils.ObjectUtils.getDiffProps(props, TagBase.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 Tag = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var _classNames;
   var props = TagBase.getProps(inProps);
+  var _TagBase$setMetaData = TagBase.setMetaData({
+      props: props
+    }),
+    ptm = _TagBase$setMetaData.ptm;
   var elementRef = React__namespace.useRef(null);
-  var otherProps = TagBase.getOtherProps(props);
   var className = utils.classNames('p-tag p-component', (_classNames = {}, _defineProperty(_classNames, "p-tag-".concat(props.severity), props.severity !== null), _defineProperty(_classNames, 'p-tag-rounded', props.rounded), _classNames), props.className);
-  var icon = utils.IconUtils.getJSXIcon(props.icon, {
+  var iconProps = utils.mergeProps({
     className: 'p-tag-icon'
-  }, {
+  }, ptm('icon'));
+  var icon = utils.IconUtils.getJSXIcon(props.icon, _objectSpread({}, iconProps), {
     props: props
   });
   React__namespace.useImperativeHandle(ref, function () {
@@ -119,13 +105,15 @@ var Tag = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
       }
     };
   });
-  return /*#__PURE__*/React__namespace.createElement("span", _extends({
+  var rootProps = utils.mergeProps({
     ref: elementRef,
     className: className,
     style: props.style
-  }, otherProps), icon, /*#__PURE__*/React__namespace.createElement("span", {
-    className: "p-tag-value"
-  }, props.value), /*#__PURE__*/React__namespace.createElement("span", null, props.children));
+  }, TagBase.getOtherProps(props), ptm('root'));
+  var valueProps = utils.mergeProps({
+    className: 'p-tag-value'
+  }, ptm('value'));
+  return /*#__PURE__*/React__namespace.createElement("span", rootProps, icon, /*#__PURE__*/React__namespace.createElement("span", valueProps, props.value), /*#__PURE__*/React__namespace.createElement("span", null, props.children));
 });
 Tag.displayName = 'Tag';
 

package/tag/tag.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils");function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var n=r(e);function o(){return o=Object.assign?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},o.apply(this,arguments)}function u(e){return u="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},u(e)}function l(e,t){if("object"!==u(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==u(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function a(e){var t=l(e,"string");return"symbol"===u(t)?t:String(t)}function i(e,t,r){return(t=a(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var c={defaultProps:{__TYPE:"Tag",value:null,severity:null,rounded:!1,icon:null,style:null,className:null,children:void 0},getProps:function(e){return t.ObjectUtils.getMergedProps(e,c.defaultProps)},getOtherProps:function(e){return t.ObjectUtils.getDiffProps(e,c.defaultProps)}},s=n.forwardRef((function(e,r){var u,l=c.getProps(e),a=n.useRef(null),s=c.getOtherProps(l),f=t.classNames("p-tag p-component",(i(u={},"p-tag-".concat(l.severity),null!==l.severity),i(u,"p-tag-rounded",l.rounded),u),l.className),p=t.IconUtils.getJSXIcon(l.icon,{className:"p-tag-icon"},{props:l});return n.useImperativeHandle(r,(function(){return{props:l,getElement:function(){return a.current}}})),n.createElement("span",o({ref:a,className:f,style:l.style},s),p,n.createElement("span",{className:"p-tag-value"},l.value),n.createElement("span",null,l.children))}));s.displayName="Tag",exports.Tag=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/utils"),t=require("primereact/componentbase");function n(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 o=n(e);function u(e){return u="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},u(e)}function a(e,r){if("object"!==u(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r||"default");if("object"!==u(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"===u(r)?r:String(r)}function i(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}var l=t.ComponentBase.extend({defaultProps:{__TYPE:"Tag",value:null,severity:null,rounded:!1,icon:null,style:null,className:null,children:void 0}});function s(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 p(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?s(Object(t),!0).forEach((function(r){i(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):s(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var f=o.forwardRef((function(e,t){var n,u=l.getProps(e),a=l.setMetaData({props:u}).ptm,c=o.useRef(null),s=r.classNames("p-tag p-component",(i(n={},"p-tag-".concat(u.severity),null!==u.severity),i(n,"p-tag-rounded",u.rounded),n),u.className),f=r.mergeProps({className:"p-tag-icon"},a("icon")),m=r.IconUtils.getJSXIcon(u.icon,p({},f),{props:u});o.useImperativeHandle(t,(function(){return{props:u,getElement:function(){return c.current}}}));var y=r.mergeProps({ref:c,className:s,style:u.style},l.getOtherProps(u),a("root")),b=r.mergeProps({className:"p-tag-value"},a("value"));return o.createElement("span",y,m,o.createElement("span",b,u.value),o.createElement("span",null,u.children))}));f.displayName="Tag",exports.Tag=f;

package/tag/tag.d.ts

@@ -8,7 +8,35 @@
  *
  */
 import * as React from 'react';
-import { IconType } from '../utils';
+import { IconType, PassThroughType } from '../utils';
+
+export declare type TagPassThroughType<T> = PassThroughType<T, TagPassThroughMethodOptions>;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface TagPassThroughMethodOptions {
+    props: TagProps;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link TagProps.pt}
+ */
+export interface TagPassThroughOptions {
+    /**
+     * Uses to pass attributes to the root's DOM element.
+     */
+    root?: TagPassThroughType<React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the icon's DOM element.
+     */
+    icon?: TagPassThroughType<React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the value's DOM element.
+     */
+    value?: TagPassThroughType<React.HTMLAttributes<HTMLSpanElement>>;
+}
 
 /**
  * Defines valid properties in Tag component. In addition to these, all properties of HTMLSpanElement can be used in this component.
@@ -38,6 +66,11 @@ export interface TagProps extends Omit<React.DetailedHTMLProps<React.HTMLAttribu
      * @readonly
      */
     children?: React.ReactNode | undefined;
+    /**
+     * Uses to pass attributes to DOM elements inside the component.
+     * @type {TagPassThroughOptions}
+     */
+    pt?: TagPassThroughOptions;
 }
 
 /**