primereact 8.7.2 → 9.0.0-beta.1

package/tabview/tabview.js

@@ -26,20 +26,45 @@ this.primereact.tabview = (function (exports, React, api, hooks, ripple, utils)
     _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";
+
+    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,
@@ -50,17 +75,14 @@ this.primereact.tabview = (function (exports, React, api, hooks, ripple, utils)
     } else {
       obj[key] = value;
     }
-
     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;
   }
 
@@ -94,33 +116,33 @@ this.primereact.tabview = (function (exports, React, api, hooks, ripple, utils)
   }
 
   function _iterableToArrayLimit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-
-    var _s, _e;
-
-    try {
-      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-        _arr.push(_s.value);
-
-        if (i && _arr.length === i) break;
-      }
-    } catch (err) {
-      _d = true;
-      _e = err;
-    } finally {
+    var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+    if (null != _i) {
+      var _s,
+        _e,
+        _x,
+        _r,
+        _arr = [],
+        _n = !0,
+        _d = !1;
       try {
-        if (!_n && _i["return"] != null) _i["return"]();
+        if (_x = (_i = _i.call(arr)).next, 0 === i) {
+          if (Object(_i) !== _i) return;
+          _n = !1;
+        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
+          ;
+        }
+      } catch (err) {
+        _d = !0, _e = err;
       } finally {
-        if (_d) throw _e;
+        try {
+          if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+        } finally {
+          if (_d) throw _e;
+        }
       }
+      return _arr;
     }
-
-    return _arr;
   }
 
   function _nonIterableRest() {
@@ -132,35 +154,29 @@ this.primereact.tabview = (function (exports, React, api, hooks, ripple, utils)
   }
 
   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 TabPanel = function TabPanel() {};
   var TabView = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var _React$useState = React__namespace.useState(props.id),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        idState = _React$useState2[0],
-        setIdState = _React$useState2[1];
-
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      idState = _React$useState2[0],
+      setIdState = _React$useState2[1];
     var _React$useState3 = React__namespace.useState(true),
-        _React$useState4 = _slicedToArray(_React$useState3, 2),
-        backwardIsDisabledState = _React$useState4[0],
-        setBackwardIsDisabledState = _React$useState4[1];
-
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      backwardIsDisabledState = _React$useState4[0],
+      setBackwardIsDisabledState = _React$useState4[1];
     var _React$useState5 = React__namespace.useState(false),
-        _React$useState6 = _slicedToArray(_React$useState5, 2),
-        forwardIsDisabledState = _React$useState6[0],
-        setForwardIsDisabledState = _React$useState6[1];
-
+      _React$useState6 = _slicedToArray(_React$useState5, 2),
+      forwardIsDisabledState = _React$useState6[0],
+      setForwardIsDisabledState = _React$useState6[1];
     var _React$useState7 = React__namespace.useState([]),
-        _React$useState8 = _slicedToArray(_React$useState7, 2),
-        hiddenTabsState = _React$useState8[0],
-        setHiddenTabsState = _React$useState8[1];
-
+      _React$useState8 = _slicedToArray(_React$useState7, 2),
+      hiddenTabsState = _React$useState8[0],
+      setHiddenTabsState = _React$useState8[1];
     var _React$useState9 = React__namespace.useState(props.activeIndex),
-        _React$useState10 = _slicedToArray(_React$useState9, 2),
-        activeIndexState = _React$useState10[0],
-        setActiveIndexState = _React$useState10[1];
-
+      _React$useState10 = _slicedToArray(_React$useState9, 2),
+      activeIndexState = _React$useState10[0],
+      setActiveIndexState = _React$useState10[1];
     var elementRef = React__namespace.useRef(null);
     var contentRef = React__namespace.useRef(null);
     var navRef = React__namespace.useRef(null);
@@ -169,17 +185,14 @@ 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 isSelected = function isSelected(index) {
       return index === activeIndex;
     };
-
     var shouldUseTab = function shouldUseTab(tab, index) {
       return tab && tab.props.__TYPE === 'TabPanel' && hiddenTabsState.every(function (_i) {
         return _i !== index;
       });
     };
-
     var findVisibleActiveTab = function findVisibleActiveTab(i) {
       var tabsInfo = React__namespace.Children.map(props.children, function (tab, index) {
         if (shouldUseTab(tab, index)) {
@@ -191,27 +204,25 @@ this.primereact.tabview = (function (exports, React, api, hooks, ripple, utils)
       });
       return tabsInfo.find(function (_ref) {
         var tab = _ref.tab,
-            index = _ref.index;
+          index = _ref.index;
         return !tab.props.disabled && index >= i;
       }) || tabsInfo.reverse().find(function (_ref2) {
         var tab = _ref2.tab,
-            index = _ref2.index;
+          index = _ref2.index;
         return !tab.props.disabled && i > index;
       });
     };
-
     var onTabHeaderClose = function onTabHeaderClose(event, index) {
-      event.preventDefault(); // give caller a chance to stop the selection
+      event.preventDefault();
 
+      // give caller a chance to stop the selection
       if (props.onBeforeTabClose && props.onBeforeTabClose({
         originalEvent: event,
         index: index
       }) === false) {
         return;
       }
-
       setHiddenTabsState([].concat(_toConsumableArray(hiddenTabsState), [index]));
-
       if (props.onTabClose) {
         props.onTabClose({
           originalEvent: event,
@@ -219,12 +230,10 @@ this.primereact.tabview = (function (exports, React, api, hooks, ripple, utils)
         });
       }
     };
-
     var onTabHeaderClick = function onTabHeaderClick(event, tab, index) {
       if (event) {
         event.preventDefault();
       }
-
       if (!tab.props.disabled) {
         // give caller a chance to stop the selection
         if (props.onBeforeTabChange && props.onBeforeTabChange({
@@ -233,71 +242,59 @@ this.primereact.tabview = (function (exports, React, api, hooks, ripple, utils)
         }) === false) {
           return;
         }
-
         if (props.onTabChange) props.onTabChange({
           originalEvent: event,
           index: index
         });else setActiveIndexState(index);
       }
-
       updateScrollBar(index);
     };
-
     var _onKeyDown = function onKeyDown(event, tab, index) {
-      if (event.code === 'Enter') {
+      if (event.key === 'Enter') {
         onTabHeaderClick(event, tab, index);
       }
     };
-
     var updateInkBar = function updateInkBar() {
       var tabHeader = tabsRef.current["tab_".concat(activeIndex)];
       inkbarRef.current.style.width = utils.DomHandler.getWidth(tabHeader) + 'px';
       inkbarRef.current.style.left = utils.DomHandler.getOffset(tabHeader).left - utils.DomHandler.getOffset(navRef.current).left + 'px';
     };
-
     var updateScrollBar = function updateScrollBar(index) {
       var tabHeader = tabsRef.current["tab_".concat(index)];
-
       if (tabHeader && tabHeader.scrollIntoView) {
         tabHeader.scrollIntoView({
           block: 'nearest'
         });
       }
     };
-
     var updateButtonState = function updateButtonState() {
       var _contentRef$current = contentRef.current,
-          scrollLeft = _contentRef$current.scrollLeft,
-          scrollWidth = _contentRef$current.scrollWidth;
+        scrollLeft = _contentRef$current.scrollLeft,
+        scrollWidth = _contentRef$current.scrollWidth;
       var width = utils.DomHandler.getWidth(contentRef.current);
       setBackwardIsDisabledState(scrollLeft === 0);
       setForwardIsDisabledState(scrollLeft === scrollWidth - width);
     };
-
     var onScroll = function onScroll(event) {
       props.scrollable && updateButtonState();
       event.preventDefault();
     };
-
     var getVisibleButtonWidths = function getVisibleButtonWidths() {
       return [prevBtnRef.current, nextBtnRef.current].reduce(function (acc, el) {
         return el ? acc + utils.DomHandler.getWidth(el) : acc;
       }, 0);
     };
-
     var navBackward = function navBackward() {
       var width = utils.DomHandler.getWidth(contentRef.current) - getVisibleButtonWidths();
       var pos = contentRef.current.scrollLeft - width;
       contentRef.current.scrollLeft = pos <= 0 ? 0 : pos;
     };
-
     var navForward = function navForward() {
       var width = utils.DomHandler.getWidth(contentRef.current) - getVisibleButtonWidths();
       var pos = contentRef.current.scrollLeft + width;
       var lastPos = contentRef.current.scrollWidth - width;
       contentRef.current.scrollLeft = pos >= lastPos ? lastPos : pos;
     };
-
     var reset = function reset() {
       setBackwardIsDisabledState(true);
       setForwardIsDisabledState(false);
@@ -306,7 +303,6 @@ this.primereact.tabview = (function (exports, React, api, hooks, ripple, utils)
         index: activeIndex
       });else setActiveIndexState(props.activeIndex);
     };
-
     React__namespace.useEffect(function () {
       updateInkBar();
     });
@@ -333,23 +329,20 @@ this.primereact.tabview = (function (exports, React, api, hooks, ripple, utils)
         }
       };
     });
-
     var createTabHeader = function createTabHeader(tab, index) {
       var selected = isSelected(index);
       var _tab$props = tab.props,
-          headerStyle = _tab$props.headerStyle,
-          headerClassName = _tab$props.headerClassName,
-          _style = _tab$props.style,
-          _className = _tab$props.className,
-          disabled = _tab$props.disabled,
-          leftIcon = _tab$props.leftIcon,
-          rightIcon = _tab$props.rightIcon,
-          header = _tab$props.header,
-          headerTemplate = _tab$props.headerTemplate,
-          closable = _tab$props.closable;
-
+        headerStyle = _tab$props.headerStyle,
+        headerClassName = _tab$props.headerClassName,
+        _style = _tab$props.style,
+        _className = _tab$props.className,
+        disabled = _tab$props.disabled,
+        leftIcon = _tab$props.leftIcon,
+        rightIcon = _tab$props.rightIcon,
+        header = _tab$props.header,
+        headerTemplate = _tab$props.headerTemplate,
+        closable = _tab$props.closable;
       var style = _objectSpread(_objectSpread({}, headerStyle || {}), _style || {});
-
       var className = utils.classNames('p-unselectable-text', {
         'p-tabview-selected p-highlight': selected,
         'p-disabled': disabled
@@ -388,7 +381,8 @@ this.primereact.tabview = (function (exports, React, api, hooks, ripple, utils)
         "aria-controls": ariaControls,
         "aria-selected": selected,
         tabIndex: tabIndex
-      }, leftIconElement, titleElement, rightIconElement, closableIconElement, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null)) // eslint-enable /
+      }, leftIconElement, titleElement, rightIconElement, closableIconElement, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null))
+      // eslint-enable /
       ;
 
       if (headerTemplate) {
@@ -412,7 +406,6 @@ this.primereact.tabview = (function (exports, React, api, hooks, ripple, utils)
         };
         content = utils.ObjectUtils.getJSXElement(headerTemplate, defaultContentOptions);
       }
-
       return /*#__PURE__*/React__namespace.createElement("li", {
         ref: function ref(el) {
           return tabsRef.current["tab_".concat(index)] = el;
@@ -422,7 +415,6 @@ this.primereact.tabview = (function (exports, React, api, hooks, ripple, utils)
         role: "presentation"
       }, content);
     };
-
     var createTabHeaders = function createTabHeaders() {
       return React__namespace.Children.map(props.children, function (tab, index) {
         if (shouldUseTab(tab, index)) {
@@ -430,7 +422,6 @@ this.primereact.tabview = (function (exports, React, api, hooks, ripple, utils)
         }
       });
     };
-
     var createNavigator = function createNavigator() {
       var headers = createTabHeaders();
       return /*#__PURE__*/React__namespace.createElement("div", {
@@ -448,24 +439,18 @@ this.primereact.tabview = (function (exports, React, api, hooks, ripple, utils)
         className: "p-tabview-ink-bar"
       })));
     };
-
     var createContent = function createContent() {
       var className = utils.classNames('p-tabview-panels', props.panelContainerClassName);
       var contents = React__namespace.Children.map(props.children, function (tab, index) {
         if (shouldUseTab(tab, index) && (!props.renderActiveOnly || isSelected(index))) {
           var selected = isSelected(index);
-
           var style = _objectSpread(_objectSpread({}, tab.props.contentStyle || {}), tab.props.style || {});
-
           var _className2 = utils.classNames(tab.props.contentClassName, tab.props.className, 'p-tabview-panel', {
             'p-hidden': !selected
           });
-
           var contentId = idState + '_content_' + index;
           var ariaLabelledBy = idState + '_header_' + index;
-
           var _otherProps = utils.ObjectUtils.findDiffKeys(tab.props, TabPanel.defaultProps);
-
           return /*#__PURE__*/React__namespace.createElement("div", _extends({}, _otherProps, {
             id: contentId,
             "aria-labelledby": ariaLabelledBy,
@@ -481,7 +466,6 @@ this.primereact.tabview = (function (exports, React, api, hooks, ripple, utils)
         style: props.panelContainerStyle
       }, contents);
     };
-
     var createPrevButton = function createPrevButton() {
       if (props.scrollable && !backwardIsDisabledState) {
         return /*#__PURE__*/React__namespace.createElement("button", {
@@ -494,10 +478,8 @@ this.primereact.tabview = (function (exports, React, api, hooks, ripple, utils)
           className: "pi pi-chevron-left"
         }), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
       }
-
       return null;
     };
-
     var createNextButton = function createNextButton() {
       if (props.scrollable && !forwardIsDisabledState) {
         return /*#__PURE__*/React__namespace.createElement("button", {
@@ -512,7 +494,6 @@ this.primereact.tabview = (function (exports, React, api, hooks, ripple, utils)
         }), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
       }
     };
-
     var otherProps = utils.ObjectUtils.findDiffKeys(props, TabView.defaultProps);
     var className = utils.classNames('p-tabview p-component', {
       'p-tabview-scrollable': props.scrollable

package/tabview/tabview.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.tabview=function(e,t,n,r,a,l){"use strict";function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var o=i(t);function c(){return c=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},c.apply(this,arguments)}function s(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function f(e){if(Array.isArray(e))return u(e)}function p(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function b(e,t){if(e){if("string"==typeof e)return u(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?u(e,t):void 0}}function d(){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 m(e){if(Array.isArray(e))return e}function v(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l=[],i=!0,o=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);i=!0);}catch(e){o=!0,a=e}finally{try{i||null==n.return||n.return()}finally{if(o)throw a}}return l}}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.")}function h(e,t){return m(e)||v(e,t)||b(e,t)||y()}function g(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 w(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?g(Object(n),!0).forEach((function(t){s(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):g(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var E=function(){},O=o.forwardRef((function(e,t){var i=h(o.useState(e.id),2),s=i[0],u=i[1],m=h(o.useState(!0),2),v=m[0],y=m[1],g=h(o.useState(!1),2),C=g[0],N=g[1],j=h(o.useState([]),2),T=j[0],P=j[1],x=h(o.useState(e.activeIndex),2),S=x[0],I=x[1],_=o.useRef(null),D=o.useRef(null),k=o.useRef(null),A=o.useRef(null),R=o.useRef(null),L=o.useRef(null),H=o.useRef({}),U=e.onTabChange?e.activeIndex:S,W=function(e){return e===U},B=function(e,t){return e&&"TabPanel"===e.props.__TYPE&&T.every((function(e){return e!==t}))},V=function(t,n){var r;(t.preventDefault(),e.onBeforeTabClose&&!1===e.onBeforeTabClose({originalEvent:t,index:n}))||(P([].concat(f(r=T)||p(r)||b(r)||d(),[n])),e.onTabClose&&e.onTabClose({originalEvent:t,index:n}))},K=function(t,n,r){if(t&&t.preventDefault(),!n.props.disabled){if(e.onBeforeTabChange&&!1===e.onBeforeTabChange({originalEvent:t,index:r}))return;e.onTabChange?e.onTabChange({originalEvent:t,index:r}):I(r)}Y(r)},M=function(e,t,n){"Enter"===e.code&&K(e,t,n)},Y=function(e){var t=H.current["tab_".concat(e)];t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest"})},q=function(t){var n,r,a,i;e.scrollable&&(r=(n=D.current).scrollLeft,a=n.scrollWidth,i=l.DomHandler.getWidth(D.current),y(0===r),N(r===a-i)),t.preventDefault()},z=function(){return[R.current,L.current].reduce((function(e,t){return t?e+l.DomHandler.getWidth(t):e}),0)},J=function(){var e=l.DomHandler.getWidth(D.current)-z(),t=D.current.scrollLeft-e;D.current.scrollLeft=t<=0?0:t},X=function(){var e=l.DomHandler.getWidth(D.current)-z(),t=D.current.scrollLeft+e,n=D.current.scrollWidth-e;D.current.scrollLeft=t>=n?n:t},$=function(){y(!0),N(!1),P([]),e.onTabChange?e.onTabChange({index:U}):I(e.activeIndex)};o.useEffect((function(){var e;e=H.current["tab_".concat(U)],A.current.style.width=l.DomHandler.getWidth(e)+"px",A.current.style.left=l.DomHandler.getOffset(e).left-l.DomHandler.getOffset(k.current).left+"px"})),r.useMountEffect((function(){s||u(l.UniqueComponentId())})),r.useUpdateEffect((function(){if(l.ObjectUtils.isNotEmpty(T)){var t=(n=T[T.length-1],(r=o.Children.map(e.children,(function(e,t){if(B(e,t))return{tab:e,index:t}}))).find((function(e){return!e.tab.props.disabled&&e.index>=n}))||r.reverse().find((function(e){return!e.tab.props.disabled&&n>e.index})));t&&K(null,t.tab,t.index)}var n,r}),[T]),r.useUpdateEffect((function(){Y(e.activeIndex)}),[e.activeIndex]),o.useImperativeHandle(t,(function(){return{props:e,reset:$,getElement:function(){return _.current}}}));var F,G=function(t,n){var r=W(n),i=t.props,c=i.headerClassName,u=i.style,f=i.className,p=i.disabled,b=i.leftIcon,d=i.rightIcon,m=i.header,v=i.headerTemplate,y=i.closable,h=w(w({},i.headerStyle||{}),u||{}),g=l.classNames("p-unselectable-text",{"p-tabview-selected p-highlight":r,"p-disabled":p},c,f),E=s+"_header_"+n,O=s+"_content_"+n,C=p?null:0,N=b&&o.createElement("i",{className:b}),j=o.createElement("span",{className:"p-tabview-title"},m),T=d&&o.createElement("i",{className:d}),P=o.createElement("a",{role:"tab",className:"p-tabview-nav-link",onClick:function(e){return K(e,t,n)},id:E,onKeyDown:function(e){return M(e,t,n)},"aria-controls":O,"aria-selected":r,tabIndex:C},N,j,T,y&&o.createElement("i",{className:"p-tabview-close pi pi-times",onClick:function(e){return V(e,n)}}),o.createElement(a.Ripple,null));v&&(P=l.ObjectUtils.getJSXElement(v,{className:"p-tabview-nav-link",titleClassName:"p-tabview-title",onClick:function(e){return K(e,t,n)},onKeyDown:function(e){return M(e,t,n)},leftIconElement:N,titleElement:j,rightIconElement:T,element:P,props:e,index:n,selected:r,ariaControls:O}));return o.createElement("li",{ref:function(e){return H.current["tab_".concat(n)]=e},className:g,style:h,role:"presentation"},P)},Q=l.ObjectUtils.findDiffKeys(e,O.defaultProps),Z=l.classNames("p-tabview p-component",{"p-tabview-scrollable":e.scrollable},e.className),ee=(F=o.Children.map(e.children,(function(e,t){if(B(e,t))return G(e,t)})),o.createElement("div",{ref:D,id:s,className:"p-tabview-nav-content",style:e.style,onScroll:q},o.createElement("ul",{ref:k,className:"p-tabview-nav",role:"tablist"},F,o.createElement("li",{ref:A,className:"p-tabview-ink-bar"})))),te=function(){var t=l.classNames("p-tabview-panels",e.panelContainerClassName),n=o.Children.map(e.children,(function(t,n){if(B(t,n)&&(!e.renderActiveOnly||W(n))){var r=W(n),a=w(w({},t.props.contentStyle||{}),t.props.style||{}),i=l.classNames(t.props.contentClassName,t.props.className,"p-tabview-panel",{"p-hidden":!r}),u=s+"_content_"+n,f=s+"_header_"+n,p=l.ObjectUtils.findDiffKeys(t.props,E.defaultProps);return o.createElement("div",c({},p,{id:u,"aria-labelledby":f,"aria-hidden":!r,className:i,style:a,role:"tabpanel"}),e.renderActiveOnly?r&&t.props.children:t.props.children)}}));return o.createElement("div",{className:t,style:e.panelContainerStyle},n)}(),ne=e.scrollable&&!v?o.createElement("button",{ref:R,className:"p-tabview-nav-prev p-tabview-nav-btn p-link",onClick:J,type:"button","aria-label":n.ariaLabel("previousPageLabel")},o.createElement("span",{className:"pi pi-chevron-left"}),o.createElement(a.Ripple,null)):null,re=function(){if(e.scrollable&&!C)return o.createElement("button",{ref:L,className:"p-tabview-nav-next p-tabview-nav-btn p-link",onClick:X,type:"button","aria-label":n.ariaLabel("nextPageLabel")},o.createElement("span",{className:"pi pi-chevron-right","aria-hidden":"true"}),o.createElement(a.Ripple,null))}();return o.createElement("div",c({ref:_,className:Z},Q),o.createElement("div",{className:"p-tabview-nav-container"},ne,ee,re),te)}));return E.displayName="TabPanel",E.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,style:null},O.displayName="TabView",O.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},e.TabPanel=E,e.TabView=O,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.ripple,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.tabview=function(e,t,n,r,a,l){"use strict";function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var o=i(t);function c(){return c=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},c.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 s(e,t){if("object"!==u(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==u(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function f(e){var t=s(e,"string");return"symbol"===u(t)?t:String(t)}function p(e,t,n){return(t=f(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function b(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){if(Array.isArray(e))return b(e)}function m(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function v(e,t){if(e){if("string"==typeof e)return b(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)?b(e,t):void 0}}function y(){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 h(e){if(Array.isArray(e))return e}function g(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l,i,o=[],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)&&(o.push(r.value),o.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw a}}return o}}function w(){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 h(e)||g(e,t)||v(e,t)||w()}function O(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?O(Object(n),!0).forEach((function(t){p(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):O(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var C=function(){},j=o.forwardRef((function(e,t){var i=E(o.useState(e.id),2),u=i[0],s=i[1],f=E(o.useState(!0),2),p=f[0],b=f[1],h=E(o.useState(!1),2),g=h[0],w=h[1],O=E(o.useState([]),2),S=O[0],T=O[1],P=E(o.useState(e.activeIndex),2),x=P[0],I=P[1],_=o.useRef(null),D=o.useRef(null),k=o.useRef(null),A=o.useRef(null),R=o.useRef(null),L=o.useRef(null),H=o.useRef({}),U=e.onTabChange?e.activeIndex:x,W=function(e){return e===U},B=function(e,t){return e&&"TabPanel"===e.props.__TYPE&&S.every((function(e){return e!==t}))},V=function(t,n){var r;(t.preventDefault(),e.onBeforeTabClose&&!1===e.onBeforeTabClose({originalEvent:t,index:n}))||(T([].concat(d(r=S)||m(r)||v(r)||y(),[n])),e.onTabClose&&e.onTabClose({originalEvent:t,index:n}))},K=function(t,n,r){if(t&&t.preventDefault(),!n.props.disabled){if(e.onBeforeTabChange&&!1===e.onBeforeTabChange({originalEvent:t,index:r}))return;e.onTabChange?e.onTabChange({originalEvent:t,index:r}):I(r)}Y(r)},M=function(e,t,n){"Enter"===e.key&&K(e,t,n)},Y=function(e){var t=H.current["tab_".concat(e)];t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest"})},q=function(t){var n,r,a,i;e.scrollable&&(r=(n=D.current).scrollLeft,a=n.scrollWidth,i=l.DomHandler.getWidth(D.current),b(0===r),w(r===a-i)),t.preventDefault()},z=function(){return[R.current,L.current].reduce((function(e,t){return t?e+l.DomHandler.getWidth(t):e}),0)},J=function(){var e=l.DomHandler.getWidth(D.current)-z(),t=D.current.scrollLeft-e;D.current.scrollLeft=t<=0?0:t},X=function(){var e=l.DomHandler.getWidth(D.current)-z(),t=D.current.scrollLeft+e,n=D.current.scrollWidth-e;D.current.scrollLeft=t>=n?n:t},$=function(){b(!0),w(!1),T([]),e.onTabChange?e.onTabChange({index:U}):I(e.activeIndex)};o.useEffect((function(){var e;e=H.current["tab_".concat(U)],A.current.style.width=l.DomHandler.getWidth(e)+"px",A.current.style.left=l.DomHandler.getOffset(e).left-l.DomHandler.getOffset(k.current).left+"px"})),r.useMountEffect((function(){u||s(l.UniqueComponentId())})),r.useUpdateEffect((function(){if(l.ObjectUtils.isNotEmpty(S)){var t=(n=S[S.length-1],(r=o.Children.map(e.children,(function(e,t){if(B(e,t))return{tab:e,index:t}}))).find((function(e){return!e.tab.props.disabled&&e.index>=n}))||r.reverse().find((function(e){return!e.tab.props.disabled&&n>e.index})));t&&K(null,t.tab,t.index)}var n,r}),[S]),r.useUpdateEffect((function(){Y(e.activeIndex)}),[e.activeIndex]),o.useImperativeHandle(t,(function(){return{props:e,reset:$,getElement:function(){return _.current}}}));var F,G=function(t,n){var r=W(n),i=t.props,c=i.headerClassName,s=i.style,f=i.className,p=i.disabled,b=i.leftIcon,d=i.rightIcon,m=i.header,v=i.headerTemplate,y=i.closable,h=N(N({},i.headerStyle||{}),s||{}),g=l.classNames("p-unselectable-text",{"p-tabview-selected p-highlight":r,"p-disabled":p},c,f),w=u+"_header_"+n,E=u+"_content_"+n,O=p?null:0,C=b&&o.createElement("i",{className:b}),j=o.createElement("span",{className:"p-tabview-title"},m),S=d&&o.createElement("i",{className:d}),T=o.createElement("a",{role:"tab",className:"p-tabview-nav-link",onClick:function(e){return K(e,t,n)},id:w,onKeyDown:function(e){return M(e,t,n)},"aria-controls":E,"aria-selected":r,tabIndex:O},C,j,S,y&&o.createElement("i",{className:"p-tabview-close pi pi-times",onClick:function(e){return V(e,n)}}),o.createElement(a.Ripple,null));v&&(T=l.ObjectUtils.getJSXElement(v,{className:"p-tabview-nav-link",titleClassName:"p-tabview-title",onClick:function(e){return K(e,t,n)},onKeyDown:function(e){return M(e,t,n)},leftIconElement:C,titleElement:j,rightIconElement:S,element:T,props:e,index:n,selected:r,ariaControls:E}));return o.createElement("li",{ref:function(e){return H.current["tab_".concat(n)]=e},className:g,style:h,role:"presentation"},T)},Q=l.ObjectUtils.findDiffKeys(e,j.defaultProps),Z=l.classNames("p-tabview p-component",{"p-tabview-scrollable":e.scrollable},e.className),ee=(F=o.Children.map(e.children,(function(e,t){if(B(e,t))return G(e,t)})),o.createElement("div",{ref:D,id:u,className:"p-tabview-nav-content",style:e.style,onScroll:q},o.createElement("ul",{ref:k,className:"p-tabview-nav",role:"tablist"},F,o.createElement("li",{ref:A,className:"p-tabview-ink-bar"})))),te=function(){var t=l.classNames("p-tabview-panels",e.panelContainerClassName),n=o.Children.map(e.children,(function(t,n){if(B(t,n)&&(!e.renderActiveOnly||W(n))){var r=W(n),a=N(N({},t.props.contentStyle||{}),t.props.style||{}),i=l.classNames(t.props.contentClassName,t.props.className,"p-tabview-panel",{"p-hidden":!r}),s=u+"_content_"+n,f=u+"_header_"+n,p=l.ObjectUtils.findDiffKeys(t.props,C.defaultProps);return o.createElement("div",c({},p,{id:s,"aria-labelledby":f,"aria-hidden":!r,className:i,style:a,role:"tabpanel"}),e.renderActiveOnly?r&&t.props.children:t.props.children)}}));return o.createElement("div",{className:t,style:e.panelContainerStyle},n)}(),ne=e.scrollable&&!p?o.createElement("button",{ref:R,className:"p-tabview-nav-prev p-tabview-nav-btn p-link",onClick:J,type:"button","aria-label":n.ariaLabel("previousPageLabel")},o.createElement("span",{className:"pi pi-chevron-left"}),o.createElement(a.Ripple,null)):null,re=function(){if(e.scrollable&&!g)return o.createElement("button",{ref:L,className:"p-tabview-nav-next p-tabview-nav-btn p-link",onClick:X,type:"button","aria-label":n.ariaLabel("nextPageLabel")},o.createElement("span",{className:"pi pi-chevron-right","aria-hidden":"true"}),o.createElement(a.Ripple,null))}();return o.createElement("div",c({ref:_,className:Z},Q),o.createElement("div",{className:"p-tabview-nav-container"},ne,ee,re),te)}));return C.displayName="TabPanel",C.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,style:null},j.displayName="TabView",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},e.TabPanel=C,e.TabView=j,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.ripple,primereact.utils);

package/tag/tag.cjs.js

@@ -29,20 +29,45 @@ 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";
+
+  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,
@@ -53,13 +78,11 @@ function _defineProperty(obj, key, value) {
   } else {
     obj[key] = value;
   }
-
   return obj;
 }
 
 var Tag = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var _classNames;
-
   var elementRef = React__namespace.useRef(null);
   var otherProps = utils.ObjectUtils.findDiffKeys(props, Tag.defaultProps);
   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);

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 a(){return a=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},a.apply(this,arguments)}function l(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var u=n.forwardRef((function(e,r){var c,s=n.useRef(null),i=t.ObjectUtils.findDiffKeys(e,u.defaultProps),o=t.classNames("p-tag p-component",(l(c={},"p-tag-".concat(e.severity),null!==e.severity),l(c,"p-tag-rounded",e.rounded),c),e.className),p=t.IconUtils.getJSXIcon(e.icon,{className:"p-tag-icon"},{props:e});return n.useImperativeHandle(r,(function(){return{props:e,getElement:function(){return s.current}}})),n.createElement("span",a({ref:s,className:o,style:e.style},i),p,n.createElement("span",{className:"p-tag-value"},e.value),n.createElement("span",null,e.children))}));u.displayName="Tag",u.defaultProps={__TYPE:"Tag",value:null,severity:null,rounded:!1,icon:null,style:null,className:null},exports.Tag=u;
+"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 a(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 l(e){var t=a(e,"string");return"symbol"===u(t)?t:String(t)}function i(e,t,r){return(t=l(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var c=n.forwardRef((function(e,r){var u,a=n.useRef(null),l=t.ObjectUtils.findDiffKeys(e,c.defaultProps),s=t.classNames("p-tag p-component",(i(u={},"p-tag-".concat(e.severity),null!==e.severity),i(u,"p-tag-rounded",e.rounded),u),e.className),f=t.IconUtils.getJSXIcon(e.icon,{className:"p-tag-icon"},{props:e});return n.useImperativeHandle(r,(function(){return{props:e,getElement:function(){return a.current}}})),n.createElement("span",o({ref:a,className:s,style:e.style},l),f,n.createElement("span",{className:"p-tag-value"},e.value),n.createElement("span",null,e.children))}));c.displayName="Tag",c.defaultProps={__TYPE:"Tag",value:null,severity:null,rounded:!1,icon:null,style:null,className:null},exports.Tag=c;

package/tag/tag.d.ts

@@ -1,16 +1,60 @@
+/**
+ *
+ * Tag component is used to categorize content.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/tag)
+ *
+ * @module tag
+ *
+ */
 import * as React from 'react';
 import { IconType } from '../utils';
 
-type TagSeverityType = 'success' | 'info' | 'warning' | 'danger';
-
+/**
+ * Defines valid properties in Tag component. In addition to these, all properties of HTMLSpanElement can be used in this component.
+ * @group Properties
+ */
 export interface TagProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, 'ref'> {
+    /**
+     * Value to display inside the tag.
+     */
     value?: React.ReactNode;
-    severity?: TagSeverityType;
-    rounded?: boolean;
-    icon?: IconType<TagProps>;
-    children?: React.ReactNode;
+    /**
+     * Severity type of the tag.
+     * @defaultValue null
+     */
+    severity?: 'success' | 'info' | 'warning' | 'danger' | null | undefined;
+    /**
+     * Whether the corners of the tag are rounded.
+     * @defaultValue false
+     */
+    rounded?: boolean | undefined;
+    /**
+     * Icon of the tag to display next to the value.
+     */
+    icon?: IconType<TagProps> | undefined;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }
 
+/**
+ * **PrimeReact - Tag**
+ *
+ * _Tag component is used to categorize content._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/tag/)
+ * --- ---
+ * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class Tag extends React.Component<TagProps, any> {
+    /**
+     * Used to get container element.
+     * @return {HTMLSpanElement} Container element
+     */
     public getElement(): HTMLSpanElement;
 }