primereact 9.3.1 → 9.4.0

package/progressbar/progressbar.cjs.js

@@ -4,43 +4,29 @@ 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;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
         });
-      }
-    });
-  }
-  n["default"] = e;
-  return Object.freeze(n);
+    }
+    n["default"] = e;
+    return Object.freeze(n);
 }
 
 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);
-}
-
-var ProgressBarBase = {
+var ProgressBarBase = componentbase.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'ProgressBar',
     id: null,
@@ -53,17 +39,15 @@ var ProgressBarBase = {
     displayValueTemplate: null,
     color: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return utils.ObjectUtils.getMergedProps(props, ProgressBarBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return utils.ObjectUtils.getDiffProps(props, ProgressBarBase.defaultProps);
   }
-};
+});
 
 var ProgressBar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var props = ProgressBarBase.getProps(inProps);
+  var _ProgressBarBase$setM = ProgressBarBase.setMetaData({
+      props: props
+    }),
+    ptm = _ProgressBarBase$setM.ptm;
   var elementRef = React__namespace.useRef(null);
   var createLabel = function createLabel() {
     if (props.showValue && props.value != null) {
@@ -73,46 +57,50 @@ var ProgressBar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     return null;
   };
   var createDeterminate = function createDeterminate() {
-    var otherProps = ProgressBarBase.getOtherProps(props);
     var className = utils.classNames('p-progressbar p-component p-progressbar-determinate', props.className);
     var label = createLabel();
-    return /*#__PURE__*/React__namespace.createElement("div", _extends({
-      role: "progressbar",
+    var rootProps = utils.mergeProps({
       id: props.id,
       ref: elementRef,
       className: className,
       style: props.style,
-      "aria-valuemin": "0",
-      "aria-valuenow": props.value,
-      "aria-valuemax": "100"
-    }, otherProps), /*#__PURE__*/React__namespace.createElement("div", {
-      className: "p-progressbar-value p-progressbar-value-animate",
+      role: 'progressbar',
+      'aria-valuemin': '0',
+      'aria-valuenow': props.value,
+      'aria-valuemax': '100'
+    }, ProgressBarBase.getOtherProps(props), ptm('root'));
+    var valueProps = utils.mergeProps({
+      className: 'p-progressbar-value p-progressbar-value-animate',
       style: {
         width: props.value + '%',
         display: 'flex',
         backgroundColor: props.color
       }
-    }, props.value != null && props.value !== 0 && props.showValue && /*#__PURE__*/React__namespace.createElement("div", {
-      className: "p-progressbar-label"
-    }, label)));
+    }, ptm('value'));
+    var labelProps = utils.mergeProps({
+      className: 'p-progressbar-label'
+    }, ptm('label'));
+    return /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.createElement("div", valueProps, props.value != null && props.value !== 0 && props.showValue && /*#__PURE__*/React__namespace.createElement("div", labelProps, label)));
   };
   var createIndeterminate = function createIndeterminate() {
-    var otherProps = ProgressBarBase.getOtherProps(props);
     var className = utils.classNames('p-progressbar p-component p-progressbar-indeterminate', props.className);
-    return /*#__PURE__*/React__namespace.createElement("div", _extends({
-      role: "progressbar",
+    var rootProps = utils.mergeProps({
       id: props.id,
       ref: elementRef,
       className: className,
-      style: props.style
-    }, otherProps), /*#__PURE__*/React__namespace.createElement("div", {
-      className: "p-progressbar-indeterminate-container"
-    }, /*#__PURE__*/React__namespace.createElement("div", {
-      className: "p-progressbar-value p-progressbar-value-animate",
+      style: props.style,
+      role: 'progressbar'
+    }, ProgressBarBase.getOtherProps(props), ptm('root'));
+    var indeterminateContainerProps = utils.mergeProps({
+      className: 'p-progressbar-indeterminate-container'
+    }, ptm('indeterminateContainer'));
+    var valueProps = utils.mergeProps({
+      className: 'p-progressbar-value p-progressbar-value-animate',
       style: {
         backgroundColor: props.color
       }
-    })));
+    }, ptm('value'));
+    return /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.createElement("div", indeterminateContainerProps, /*#__PURE__*/React__namespace.createElement("div", valueProps)));
   };
   React__namespace.useImperativeHandle(ref, function () {
     return {

package/progressbar/progressbar.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/utils");function a(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var t=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(r,a,t.get?t:{enumerable:!0,get:function(){return e[a]}})}})),r.default=e,Object.freeze(r)}var t=a(e);function l(){return l=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var a=arguments[r];for(var t in a)Object.prototype.hasOwnProperty.call(a,t)&&(e[t]=a[t])}return e},l.apply(this,arguments)}var s={defaultProps:{__TYPE:"ProgressBar",id:null,value:null,showValue:!0,unit:"%",style:null,className:null,mode:"determinate",displayValueTemplate:null,color:null,children:void 0},getProps:function(e){return r.ObjectUtils.getMergedProps(e,s.defaultProps)},getOtherProps:function(e){return r.ObjectUtils.getDiffProps(e,s.defaultProps)}},n=t.memo(t.forwardRef((function(e,a){var n,o,u,i=s.getProps(e),p=t.useRef(null);if(t.useImperativeHandle(a,(function(){return{props:i,getElement:function(){return p.current}}})),"determinate"===i.mode)return n=s.getOtherProps(i),o=r.classNames("p-progressbar p-component p-progressbar-determinate",i.className),u=i.showValue&&null!=i.value?i.displayValueTemplate?i.displayValueTemplate(i.value):i.value+i.unit:null,t.createElement("div",l({role:"progressbar",id:i.id,ref:p,className:o,style:i.style,"aria-valuemin":"0","aria-valuenow":i.value,"aria-valuemax":"100"},n),t.createElement("div",{className:"p-progressbar-value p-progressbar-value-animate",style:{width:i.value+"%",display:"flex",backgroundColor:i.color}},null!=i.value&&0!==i.value&&i.showValue&&t.createElement("div",{className:"p-progressbar-label"},u)));if("indeterminate"===i.mode)return function(){var e=s.getOtherProps(i),a=r.classNames("p-progressbar p-component p-progressbar-indeterminate",i.className);return t.createElement("div",l({role:"progressbar",id:i.id,ref:p,className:a,style:i.style},e),t.createElement("div",{className:"p-progressbar-indeterminate-container"},t.createElement("div",{className:"p-progressbar-value p-progressbar-value-animate",style:{backgroundColor:i.color}})))}();throw new Error(i.mode+" is not a valid mode for the ProgressBar. Valid values are 'determinate' and 'indeterminate'")})));n.displayName="ProgressBar",exports.ProgressBar=n;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/utils"),a=require("primereact/componentbase");function t(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var t=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(r,a,t.get?t:{enumerable:!0,get:function(){return e[a]}})}})),r.default=e,Object.freeze(r)}var l=t(e),s=a.ComponentBase.extend({defaultProps:{__TYPE:"ProgressBar",id:null,value:null,showValue:!0,unit:"%",style:null,className:null,mode:"determinate",displayValueTemplate:null,color:null,children:void 0}}),o=l.memo(l.forwardRef((function(e,a){var t,o,n,u,i,p=s.getProps(e),m=s.setMetaData({props:p}).ptm,c=l.useRef(null);if(l.useImperativeHandle(a,(function(){return{props:p,getElement:function(){return c.current}}})),"determinate"===p.mode)return t=r.classNames("p-progressbar p-component p-progressbar-determinate",p.className),o=p.showValue&&null!=p.value?p.displayValueTemplate?p.displayValueTemplate(p.value):p.value+p.unit:null,n=r.mergeProps({id:p.id,ref:c,className:t,style:p.style,role:"progressbar","aria-valuemin":"0","aria-valuenow":p.value,"aria-valuemax":"100"},s.getOtherProps(p),m("root")),u=r.mergeProps({className:"p-progressbar-value p-progressbar-value-animate",style:{width:p.value+"%",display:"flex",backgroundColor:p.color}},m("value")),i=r.mergeProps({className:"p-progressbar-label"},m("label")),l.createElement("div",n,l.createElement("div",u,null!=p.value&&0!==p.value&&p.showValue&&l.createElement("div",i,o)));if("indeterminate"===p.mode)return function(){var e=r.classNames("p-progressbar p-component p-progressbar-indeterminate",p.className),a=r.mergeProps({id:p.id,ref:c,className:e,style:p.style,role:"progressbar"},s.getOtherProps(p),m("root")),t=r.mergeProps({className:"p-progressbar-indeterminate-container"},m("indeterminateContainer")),o=r.mergeProps({className:"p-progressbar-value p-progressbar-value-animate",style:{backgroundColor:p.color}},m("value"));return l.createElement("div",a,l.createElement("div",t,l.createElement("div",o)))}();throw new Error(p.mode+" is not a valid mode for the ProgressBar. Valid values are 'determinate' and 'indeterminate'")})));o.displayName="ProgressBar",exports.ProgressBar=o;

package/progressbar/progressbar.d.ts

@@ -8,6 +8,39 @@
  *
  */
 import * as React from 'react';
+import { PassThroughType } from '../utils/utils';
+
+export declare type ProgressBarPassThroughType<T> = PassThroughType<T, ProgressBarPassThroughMethodOptions>;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface ProgressBarPassThroughMethodOptions {
+    props: ProgressBarProps;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link ProgressBarProps.pt}
+ */
+export interface ProgressBarPassThroughOptions {
+    /**
+     * Uses to pass attributes to the root's DOM element.
+     */
+    root?: ProgressBarPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the indeterminate container's DOM element.
+     */
+    indeterminateContainer?: ProgressBarPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the value's DOM element.
+     */
+    value?: ProgressBarPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the label's DOM element.
+     */
+    label?: ProgressBarPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+}
 
 /**
  * Defines valid properties in ProgressBar component. In addition to these, all properties of HTMLDivElement can be used in this component.
@@ -46,6 +79,11 @@ export interface ProgressBarProps extends Omit<React.DetailedHTMLProps<React.HTM
      * @readonly
      */
     children?: React.ReactNode | undefined;
+    /**
+     * Uses to pass attributes to DOM elements inside the component.
+     * @type {ProgressBarPassThroughOptions}
+     */
+    pt?: ProgressBarPassThroughOptions;
 }
 
 /**

package/progressbar/progressbar.esm.js

@@ -1,22 +1,8 @@
 import * as React from 'react';
-import { ObjectUtils, classNames } from 'primereact/utils';
+import { classNames, mergeProps } from 'primereact/utils';
+import { ComponentBase } from 'primereact/componentbase';
 
-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);
-}
-
-var ProgressBarBase = {
+var ProgressBarBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'ProgressBar',
     id: null,
@@ -29,17 +15,15 @@ var ProgressBarBase = {
     displayValueTemplate: null,
     color: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return ObjectUtils.getMergedProps(props, ProgressBarBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return ObjectUtils.getDiffProps(props, ProgressBarBase.defaultProps);
   }
-};
+});
 
 var ProgressBar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var props = ProgressBarBase.getProps(inProps);
+  var _ProgressBarBase$setM = ProgressBarBase.setMetaData({
+      props: props
+    }),
+    ptm = _ProgressBarBase$setM.ptm;
   var elementRef = React.useRef(null);
   var createLabel = function createLabel() {
     if (props.showValue && props.value != null) {
@@ -49,46 +33,50 @@ var ProgressBar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     return null;
   };
   var createDeterminate = function createDeterminate() {
-    var otherProps = ProgressBarBase.getOtherProps(props);
     var className = classNames('p-progressbar p-component p-progressbar-determinate', props.className);
     var label = createLabel();
-    return /*#__PURE__*/React.createElement("div", _extends({
-      role: "progressbar",
+    var rootProps = mergeProps({
       id: props.id,
       ref: elementRef,
       className: className,
       style: props.style,
-      "aria-valuemin": "0",
-      "aria-valuenow": props.value,
-      "aria-valuemax": "100"
-    }, otherProps), /*#__PURE__*/React.createElement("div", {
-      className: "p-progressbar-value p-progressbar-value-animate",
+      role: 'progressbar',
+      'aria-valuemin': '0',
+      'aria-valuenow': props.value,
+      'aria-valuemax': '100'
+    }, ProgressBarBase.getOtherProps(props), ptm('root'));
+    var valueProps = mergeProps({
+      className: 'p-progressbar-value p-progressbar-value-animate',
       style: {
         width: props.value + '%',
         display: 'flex',
         backgroundColor: props.color
       }
-    }, props.value != null && props.value !== 0 && props.showValue && /*#__PURE__*/React.createElement("div", {
-      className: "p-progressbar-label"
-    }, label)));
+    }, ptm('value'));
+    var labelProps = mergeProps({
+      className: 'p-progressbar-label'
+    }, ptm('label'));
+    return /*#__PURE__*/React.createElement("div", rootProps, /*#__PURE__*/React.createElement("div", valueProps, props.value != null && props.value !== 0 && props.showValue && /*#__PURE__*/React.createElement("div", labelProps, label)));
   };
   var createIndeterminate = function createIndeterminate() {
-    var otherProps = ProgressBarBase.getOtherProps(props);
     var className = classNames('p-progressbar p-component p-progressbar-indeterminate', props.className);
-    return /*#__PURE__*/React.createElement("div", _extends({
-      role: "progressbar",
+    var rootProps = mergeProps({
       id: props.id,
       ref: elementRef,
       className: className,
-      style: props.style
-    }, otherProps), /*#__PURE__*/React.createElement("div", {
-      className: "p-progressbar-indeterminate-container"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "p-progressbar-value p-progressbar-value-animate",
+      style: props.style,
+      role: 'progressbar'
+    }, ProgressBarBase.getOtherProps(props), ptm('root'));
+    var indeterminateContainerProps = mergeProps({
+      className: 'p-progressbar-indeterminate-container'
+    }, ptm('indeterminateContainer'));
+    var valueProps = mergeProps({
+      className: 'p-progressbar-value p-progressbar-value-animate',
       style: {
         backgroundColor: props.color
       }
-    })));
+    }, ptm('value'));
+    return /*#__PURE__*/React.createElement("div", rootProps, /*#__PURE__*/React.createElement("div", indeterminateContainerProps, /*#__PURE__*/React.createElement("div", valueProps)));
   };
   React.useImperativeHandle(ref, function () {
     return {

package/progressbar/progressbar.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{ObjectUtils as r,classNames as a}from"primereact/utils";function t(){return t=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var a=arguments[r];for(var t in a)Object.prototype.hasOwnProperty.call(a,t)&&(e[t]=a[t])}return e},t.apply(this,arguments)}var l={defaultProps:{__TYPE:"ProgressBar",id:null,value:null,showValue:!0,unit:"%",style:null,className:null,mode:"determinate",displayValueTemplate:null,color:null,children:void 0},getProps:function(e){return r.getMergedProps(e,l.defaultProps)},getOtherProps:function(e){return r.getDiffProps(e,l.defaultProps)}},s=e.memo(e.forwardRef((function(r,s){var n,o,i,u=l.getProps(r),p=e.useRef(null);if(e.useImperativeHandle(s,(function(){return{props:u,getElement:function(){return p.current}}})),"determinate"===u.mode)return n=l.getOtherProps(u),o=a("p-progressbar p-component p-progressbar-determinate",u.className),i=u.showValue&&null!=u.value?u.displayValueTemplate?u.displayValueTemplate(u.value):u.value+u.unit:null,e.createElement("div",t({role:"progressbar",id:u.id,ref:p,className:o,style:u.style,"aria-valuemin":"0","aria-valuenow":u.value,"aria-valuemax":"100"},n),e.createElement("div",{className:"p-progressbar-value p-progressbar-value-animate",style:{width:u.value+"%",display:"flex",backgroundColor:u.color}},null!=u.value&&0!==u.value&&u.showValue&&e.createElement("div",{className:"p-progressbar-label"},i)));if("indeterminate"===u.mode)return function(){var r=l.getOtherProps(u),s=a("p-progressbar p-component p-progressbar-indeterminate",u.className);return e.createElement("div",t({role:"progressbar",id:u.id,ref:p,className:s,style:u.style},r),e.createElement("div",{className:"p-progressbar-indeterminate-container"},e.createElement("div",{className:"p-progressbar-value p-progressbar-value-animate",style:{backgroundColor:u.color}})))}();throw new Error(u.mode+" is not a valid mode for the ProgressBar. Valid values are 'determinate' and 'indeterminate'")})));s.displayName="ProgressBar";export{s as ProgressBar};
+import*as e from"react";import{classNames as r,mergeProps as a}from"primereact/utils";import{ComponentBase as l}from"primereact/componentbase";var t=l.extend({defaultProps:{__TYPE:"ProgressBar",id:null,value:null,showValue:!0,unit:"%",style:null,className:null,mode:"determinate",displayValueTemplate:null,color:null,children:void 0}}),s=e.memo(e.forwardRef((function(l,s){var o,n,i,m,u,p=t.getProps(l),d=t.setMetaData({props:p}).ptm,c=e.useRef(null);if(e.useImperativeHandle(s,(function(){return{props:p,getElement:function(){return c.current}}})),"determinate"===p.mode)return o=r("p-progressbar p-component p-progressbar-determinate",p.className),n=p.showValue&&null!=p.value?p.displayValueTemplate?p.displayValueTemplate(p.value):p.value+p.unit:null,i=a({id:p.id,ref:c,className:o,style:p.style,role:"progressbar","aria-valuemin":"0","aria-valuenow":p.value,"aria-valuemax":"100"},t.getOtherProps(p),d("root")),m=a({className:"p-progressbar-value p-progressbar-value-animate",style:{width:p.value+"%",display:"flex",backgroundColor:p.color}},d("value")),u=a({className:"p-progressbar-label"},d("label")),e.createElement("div",i,e.createElement("div",m,null!=p.value&&0!==p.value&&p.showValue&&e.createElement("div",u,n)));if("indeterminate"===p.mode)return function(){var l=r("p-progressbar p-component p-progressbar-indeterminate",p.className),s=a({id:p.id,ref:c,className:l,style:p.style,role:"progressbar"},t.getOtherProps(p),d("root")),o=a({className:"p-progressbar-indeterminate-container"},d("indeterminateContainer")),n=a({className:"p-progressbar-value p-progressbar-value-animate",style:{backgroundColor:p.color}},d("value"));return e.createElement("div",s,e.createElement("div",o,e.createElement("div",n)))}();throw new Error(p.mode+" is not a valid mode for the ProgressBar. Valid values are 'determinate' and 'indeterminate'")})));s.displayName="ProgressBar";export{s as ProgressBar};

package/progressbar/progressbar.js

@@ -1,132 +1,119 @@
 this.primereact = this.primereact || {};
-this.primereact.progressbar = (function (exports, React, utils) {
-  'use strict';
+this.primereact.progressbar = (function (exports, React, utils, componentbase) {
+    'use strict';
 
-  function _interopNamespace(e) {
-    if (e && e.__esModule) return e;
-    var n = Object.create(null);
-    if (e) {
-      Object.keys(e).forEach(function (k) {
-        if (k !== 'default') {
-          var d = Object.getOwnPropertyDescriptor(e, k);
-          Object.defineProperty(n, k, d.get ? d : {
-            enumerable: true,
-            get: function () { return e[k]; }
-          });
+    function _interopNamespace(e) {
+        if (e && e.__esModule) return e;
+        var n = Object.create(null);
+        if (e) {
+            Object.keys(e).forEach(function (k) {
+                if (k !== 'default') {
+                    var d = Object.getOwnPropertyDescriptor(e, k);
+                    Object.defineProperty(n, k, d.get ? d : {
+                        enumerable: true,
+                        get: function () { return e[k]; }
+                    });
+                }
+            });
         }
-      });
+        n["default"] = e;
+        return Object.freeze(n);
     }
-    n["default"] = e;
-    return Object.freeze(n);
-  }
 
-  var React__namespace = /*#__PURE__*/_interopNamespace(React);
+    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];
-          }
-        }
+    var ProgressBarBase = componentbase.ComponentBase.extend({
+      defaultProps: {
+        __TYPE: 'ProgressBar',
+        id: null,
+        value: null,
+        showValue: true,
+        unit: '%',
+        style: null,
+        className: null,
+        mode: 'determinate',
+        displayValueTemplate: null,
+        color: null,
+        children: undefined
       }
-      return target;
-    };
-    return _extends.apply(this, arguments);
-  }
-
-  var ProgressBarBase = {
-    defaultProps: {
-      __TYPE: 'ProgressBar',
-      id: null,
-      value: null,
-      showValue: true,
-      unit: '%',
-      style: null,
-      className: null,
-      mode: 'determinate',
-      displayValueTemplate: null,
-      color: null,
-      children: undefined
-    },
-    getProps: function getProps(props) {
-      return utils.ObjectUtils.getMergedProps(props, ProgressBarBase.defaultProps);
-    },
-    getOtherProps: function getOtherProps(props) {
-      return utils.ObjectUtils.getDiffProps(props, ProgressBarBase.defaultProps);
-    }
-  };
+    });
 
-  var ProgressBar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-    var props = ProgressBarBase.getProps(inProps);
-    var elementRef = React__namespace.useRef(null);
-    var createLabel = function createLabel() {
-      if (props.showValue && props.value != null) {
-        var label = props.displayValueTemplate ? props.displayValueTemplate(props.value) : props.value + props.unit;
-        return label;
-      }
-      return null;
-    };
-    var createDeterminate = function createDeterminate() {
-      var otherProps = ProgressBarBase.getOtherProps(props);
-      var className = utils.classNames('p-progressbar p-component p-progressbar-determinate', props.className);
-      var label = createLabel();
-      return /*#__PURE__*/React__namespace.createElement("div", _extends({
-        role: "progressbar",
-        id: props.id,
-        ref: elementRef,
-        className: className,
-        style: props.style,
-        "aria-valuemin": "0",
-        "aria-valuenow": props.value,
-        "aria-valuemax": "100"
-      }, otherProps), /*#__PURE__*/React__namespace.createElement("div", {
-        className: "p-progressbar-value p-progressbar-value-animate",
-        style: {
-          width: props.value + '%',
-          display: 'flex',
-          backgroundColor: props.color
-        }
-      }, props.value != null && props.value !== 0 && props.showValue && /*#__PURE__*/React__namespace.createElement("div", {
-        className: "p-progressbar-label"
-      }, label)));
-    };
-    var createIndeterminate = function createIndeterminate() {
-      var otherProps = ProgressBarBase.getOtherProps(props);
-      var className = utils.classNames('p-progressbar p-component p-progressbar-indeterminate', props.className);
-      return /*#__PURE__*/React__namespace.createElement("div", _extends({
-        role: "progressbar",
-        id: props.id,
-        ref: elementRef,
-        className: className,
-        style: props.style
-      }, otherProps), /*#__PURE__*/React__namespace.createElement("div", {
-        className: "p-progressbar-indeterminate-container"
-      }, /*#__PURE__*/React__namespace.createElement("div", {
-        className: "p-progressbar-value p-progressbar-value-animate",
-        style: {
-          backgroundColor: props.color
-        }
-      })));
-    };
-    React__namespace.useImperativeHandle(ref, function () {
-      return {
-        props: props,
-        getElement: function getElement() {
-          return elementRef.current;
+    var ProgressBar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+      var props = ProgressBarBase.getProps(inProps);
+      var _ProgressBarBase$setM = ProgressBarBase.setMetaData({
+          props: props
+        }),
+        ptm = _ProgressBarBase$setM.ptm;
+      var elementRef = React__namespace.useRef(null);
+      var createLabel = function createLabel() {
+        if (props.showValue && props.value != null) {
+          var label = props.displayValueTemplate ? props.displayValueTemplate(props.value) : props.value + props.unit;
+          return label;
         }
+        return null;
       };
-    });
-    if (props.mode === 'determinate') return createDeterminate();else if (props.mode === 'indeterminate') return createIndeterminate();else throw new Error(props.mode + " is not a valid mode for the ProgressBar. Valid values are 'determinate' and 'indeterminate'");
-  }));
-  ProgressBar.displayName = 'ProgressBar';
+      var createDeterminate = function createDeterminate() {
+        var className = utils.classNames('p-progressbar p-component p-progressbar-determinate', props.className);
+        var label = createLabel();
+        var rootProps = utils.mergeProps({
+          id: props.id,
+          ref: elementRef,
+          className: className,
+          style: props.style,
+          role: 'progressbar',
+          'aria-valuemin': '0',
+          'aria-valuenow': props.value,
+          'aria-valuemax': '100'
+        }, ProgressBarBase.getOtherProps(props), ptm('root'));
+        var valueProps = utils.mergeProps({
+          className: 'p-progressbar-value p-progressbar-value-animate',
+          style: {
+            width: props.value + '%',
+            display: 'flex',
+            backgroundColor: props.color
+          }
+        }, ptm('value'));
+        var labelProps = utils.mergeProps({
+          className: 'p-progressbar-label'
+        }, ptm('label'));
+        return /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.createElement("div", valueProps, props.value != null && props.value !== 0 && props.showValue && /*#__PURE__*/React__namespace.createElement("div", labelProps, label)));
+      };
+      var createIndeterminate = function createIndeterminate() {
+        var className = utils.classNames('p-progressbar p-component p-progressbar-indeterminate', props.className);
+        var rootProps = utils.mergeProps({
+          id: props.id,
+          ref: elementRef,
+          className: className,
+          style: props.style,
+          role: 'progressbar'
+        }, ProgressBarBase.getOtherProps(props), ptm('root'));
+        var indeterminateContainerProps = utils.mergeProps({
+          className: 'p-progressbar-indeterminate-container'
+        }, ptm('indeterminateContainer'));
+        var valueProps = utils.mergeProps({
+          className: 'p-progressbar-value p-progressbar-value-animate',
+          style: {
+            backgroundColor: props.color
+          }
+        }, ptm('value'));
+        return /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.createElement("div", indeterminateContainerProps, /*#__PURE__*/React__namespace.createElement("div", valueProps)));
+      };
+      React__namespace.useImperativeHandle(ref, function () {
+        return {
+          props: props,
+          getElement: function getElement() {
+            return elementRef.current;
+          }
+        };
+      });
+      if (props.mode === 'determinate') return createDeterminate();else if (props.mode === 'indeterminate') return createIndeterminate();else throw new Error(props.mode + " is not a valid mode for the ProgressBar. Valid values are 'determinate' and 'indeterminate'");
+    }));
+    ProgressBar.displayName = 'ProgressBar';
 
-  exports.ProgressBar = ProgressBar;
+    exports.ProgressBar = ProgressBar;
 
-  Object.defineProperty(exports, '__esModule', { value: true });
+    Object.defineProperty(exports, '__esModule', { value: true });
 
-  return exports;
+    return exports;
 
-})({}, React, primereact.utils);
+})({}, React, primereact.utils, primereact.componentbase);

package/progressbar/progressbar.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.progressbar=function(e,r,a){"use strict";function t(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var t=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(r,a,t.get?t:{enumerable:!0,get:function(){return e[a]}})}})),r.default=e,Object.freeze(r)}var l=t(r);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var a=arguments[r];for(var t in a)Object.prototype.hasOwnProperty.call(a,t)&&(e[t]=a[t])}return e},s.apply(this,arguments)}var n={defaultProps:{__TYPE:"ProgressBar",id:null,value:null,showValue:!0,unit:"%",style:null,className:null,mode:"determinate",displayValueTemplate:null,color:null,children:void 0},getProps:function(e){return a.ObjectUtils.getMergedProps(e,n.defaultProps)},getOtherProps:function(e){return a.ObjectUtils.getDiffProps(e,n.defaultProps)}},o=l.memo(l.forwardRef((function(e,r){var t,o,i,u=n.getProps(e),p=l.useRef(null);if(l.useImperativeHandle(r,(function(){return{props:u,getElement:function(){return p.current}}})),"determinate"===u.mode)return t=n.getOtherProps(u),o=a.classNames("p-progressbar p-component p-progressbar-determinate",u.className),i=u.showValue&&null!=u.value?u.displayValueTemplate?u.displayValueTemplate(u.value):u.value+u.unit:null,l.createElement("div",s({role:"progressbar",id:u.id,ref:p,className:o,style:u.style,"aria-valuemin":"0","aria-valuenow":u.value,"aria-valuemax":"100"},t),l.createElement("div",{className:"p-progressbar-value p-progressbar-value-animate",style:{width:u.value+"%",display:"flex",backgroundColor:u.color}},null!=u.value&&0!==u.value&&u.showValue&&l.createElement("div",{className:"p-progressbar-label"},i)));if("indeterminate"===u.mode)return function(){var e=n.getOtherProps(u),r=a.classNames("p-progressbar p-component p-progressbar-indeterminate",u.className);return l.createElement("div",s({role:"progressbar",id:u.id,ref:p,className:r,style:u.style},e),l.createElement("div",{className:"p-progressbar-indeterminate-container"},l.createElement("div",{className:"p-progressbar-value p-progressbar-value-animate",style:{backgroundColor:u.color}})))}();throw new Error(u.mode+" is not a valid mode for the ProgressBar. Valid values are 'determinate' and 'indeterminate'")})));return o.displayName="ProgressBar",e.ProgressBar=o,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.progressbar=function(e,r,a,t){"use strict";function l(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var t=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(r,a,t.get?t:{enumerable:!0,get:function(){return e[a]}})}})),r.default=e,Object.freeze(r)}var s=l(r),n=t.ComponentBase.extend({defaultProps:{__TYPE:"ProgressBar",id:null,value:null,showValue:!0,unit:"%",style:null,className:null,mode:"determinate",displayValueTemplate:null,color:null,children:void 0}}),o=s.memo(s.forwardRef((function(e,r){var t,l,o,i,u,p=n.getProps(e),m=n.setMetaData({props:p}).ptm,c=s.useRef(null);if(s.useImperativeHandle(r,(function(){return{props:p,getElement:function(){return c.current}}})),"determinate"===p.mode)return t=a.classNames("p-progressbar p-component p-progressbar-determinate",p.className),l=p.showValue&&null!=p.value?p.displayValueTemplate?p.displayValueTemplate(p.value):p.value+p.unit:null,o=a.mergeProps({id:p.id,ref:c,className:t,style:p.style,role:"progressbar","aria-valuemin":"0","aria-valuenow":p.value,"aria-valuemax":"100"},n.getOtherProps(p),m("root")),i=a.mergeProps({className:"p-progressbar-value p-progressbar-value-animate",style:{width:p.value+"%",display:"flex",backgroundColor:p.color}},m("value")),u=a.mergeProps({className:"p-progressbar-label"},m("label")),s.createElement("div",o,s.createElement("div",i,null!=p.value&&0!==p.value&&p.showValue&&s.createElement("div",u,l)));if("indeterminate"===p.mode)return function(){var e=a.classNames("p-progressbar p-component p-progressbar-indeterminate",p.className),r=a.mergeProps({id:p.id,ref:c,className:e,style:p.style,role:"progressbar"},n.getOtherProps(p),m("root")),t=a.mergeProps({className:"p-progressbar-indeterminate-container"},m("indeterminateContainer")),l=a.mergeProps({className:"p-progressbar-value p-progressbar-value-animate",style:{backgroundColor:p.color}},m("value"));return s.createElement("div",r,s.createElement("div",t,s.createElement("div",l)))}();throw new Error(p.mode+" is not a valid mode for the ProgressBar. Valid values are 'determinate' and 'indeterminate'")})));return o.displayName="ProgressBar",e.ProgressBar=o,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.componentbase);