primereact 9.5.0 → 9.6.0

package/timeline/timeline.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 i(){return i=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},i.apply(this,arguments)}function l(e){return l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},l(e)}function a(e,t){if("object"!==l(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==l(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function o(e){var t=a(e,"string");return"symbol"===l(t)?t:String(t)}function c(e,t,r){return(t=o(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var u={defaultProps:{__TYPE:"Timeline",align:"left",className:null,content:null,dataKey:null,layout:"vertical",marker:null,opposite:null,value:null,children:void 0},getProps:function(e){return t.ObjectUtils.getMergedProps(e,u.defaultProps)},getOtherProps:function(e){return t.ObjectUtils.getDiffProps(e,u.defaultProps)}},s=n.memo(n.forwardRef((function(e,r){var l,a=u.getProps(e),o=n.useRef(null),s=function(e,r){return a.dataKey?t.ObjectUtils.resolveFieldData(e,a.dataKey):"pr_id__".concat(r)};n.useImperativeHandle(r,(function(){return{props:a,getElement:function(){return o.current}}}));var m=u.getOtherProps(a),p=t.classNames("p-timeline p-component",(c(l={},"p-timeline-".concat(a.align),!0),c(l,"p-timeline-".concat(a.layout),!0),l),a.className),f=a.value&&a.value.map((function(e,r){var i=t.ObjectUtils.getJSXElement(a.opposite,e,r),l=t.ObjectUtils.getJSXElement(a.marker,e,r)||n.createElement("div",{className:"p-timeline-event-marker"}),o=r!==a.value.length-1&&n.createElement("div",{className:"p-timeline-event-connector"}),c=t.ObjectUtils.getJSXElement(a.content,e,r);return n.createElement("div",{key:s(e,r),className:"p-timeline-event"},n.createElement("div",{className:"p-timeline-event-opposite"},i),n.createElement("div",{className:"p-timeline-event-separator"},l,o),n.createElement("div",{className:"p-timeline-event-content"},c))}));return n.createElement("div",i({ref:o,className:p},m),f)})));s.displayName="Timeline",exports.Timeline=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils"),r=require("primereact/componentbase"),n=require("primereact/api");function i(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 o=i(e);function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}function l(e,t){if("object"!==a(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==a(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function c(e){var t=l(e,"string");return"symbol"===a(t)?t:String(t)}function u(e,t,r){return(t=c(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},m.apply(this,arguments)}var s=r.ComponentBase.extend({defaultProps:{__TYPE:"Timeline",align:"left",className:null,content:null,dataKey:null,layout:"vertical",marker:null,opposite:null,value:null,children:void 0}}),p=o.memo(o.forwardRef((function(e,r){var i,a=o.useContext(n.PrimeReactContext),l=s.getProps(e,a),c=s.setMetaData({props:l}).ptm,p=o.useRef(null),f=function(e,r){return l.dataKey?t.ObjectUtils.resolveFieldData(e,l.dataKey):"pr_id__".concat(r)};o.useImperativeHandle(r,(function(){return{props:l,getElement:function(){return p.current}}}));var v=t.classNames("p-timeline p-component",(u(i={},"p-timeline-".concat(l.align),!0),u(i,"p-timeline-".concat(l.layout),!0),i),l.className),b=l.value&&l.value.map((function(e,r){var n=t.ObjectUtils.getJSXElement(l.opposite,e,r),i=t.mergeProps({className:"p-timeline-event-marker"},c("marker")),a=t.ObjectUtils.getJSXElement(l.marker,e,r)||o.createElement("div",i),u=t.mergeProps({className:"p-timeline-event-connector"},c("connector")),s=r!==l.value.length-1&&o.createElement("div",u),p=t.ObjectUtils.getJSXElement(l.content,e,r),v=t.mergeProps({className:"p-timeline-event"},c("event")),b=t.mergeProps({className:"p-timeline-event-opposite"},c("opposite")),y=t.mergeProps({className:"p-timeline-event-separator"},c("separator")),d=t.mergeProps({className:"p-timeline-event-content"},c("content"));return o.createElement("div",m({key:f(e,r)},v),o.createElement("div",b,n),o.createElement("div",y,a,s),o.createElement("div",d,p))})),y=t.mergeProps({ref:p,className:v},s.getOtherProps(l),c("root"));return o.createElement("div",y,b)})));p.displayName="Timeline",exports.Timeline=p;

package/timeline/timeline.d.ts

@@ -8,12 +8,57 @@
  *
  */
 import * as React from 'react';
+import { PassThroughType } from '../utils/utils';
+
+export declare type TimelinePassThroughType<T> = PassThroughType<T, TimelinePassThroughMethodOptions>;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface TimelinePassThroughMethodOptions {
+    props: Timeline;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link TimelineProps.pt}
+ */
+export interface TimelinePassThroughOptions {
+    /**
+     * Uses to pass attributes to the root's DOM element.
+     */
+    root?: TimelinePassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the event's DOM element.
+     */
+    event?: TimelinePassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the opposite's DOM element.
+     */
+    opposite?: TimelinePassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the separator's DOM element.
+     */
+    separator?: TimelinePassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the marker's DOM element.
+     */
+    marker?: TimelinePassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the connector's DOM element.
+     */
+    connector?: TimelinePassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the content's DOM element.
+     */
+    content?: TimelinePassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+}
 
 /**
  * Defines valid properties in Timeline component. In addition to these, all properties of HTMLDivElement can be used in this component.
  * @group Properties
  */
-export interface TimelineProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref' | 'content'> {
+export interface TimelineProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref' | 'content' | 'pt'> {
     /**
      * Position of the timeline bar relative to the content. Valid values are "left", "right for vertical layout and "top", "bottom" for horizontal layout.
      * @defaultValue left
@@ -49,6 +94,11 @@ export interface TimelineProps extends Omit<React.DetailedHTMLProps<React.HTMLAt
      * An array of events to display.
      */
     value?: any[] | undefined;
+    /**
+     * Uses to pass attributes to DOM elements inside the component.
+     * @type {TimelinePassThroughOptions}
+     */
+    pt?: TimelinePassThroughOptions;
 }
 
 /**

package/timeline/timeline.esm.js

@@ -1,20 +1,7 @@
 import * as React from 'react';
-import { ObjectUtils, classNames } from 'primereact/utils';
-
-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);
-}
+import { classNames, mergeProps, ObjectUtils } from 'primereact/utils';
+import { ComponentBase } from 'primereact/componentbase';
+import { PrimeReactContext } from 'primereact/api';
 
 function _typeof(obj) {
   "@babel/helpers - typeof";
@@ -57,7 +44,22 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-var TimelineBase = {
+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 TimelineBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Timeline',
     align: 'left',
@@ -69,18 +71,17 @@ var TimelineBase = {
     opposite: null,
     value: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return ObjectUtils.getMergedProps(props, TimelineBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return ObjectUtils.getDiffProps(props, TimelineBase.defaultProps);
   }
-};
+});
 
 var Timeline = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var _classNames;
-  var props = TimelineBase.getProps(inProps);
+  var context = React.useContext(PrimeReactContext);
+  var props = TimelineBase.getProps(inProps, context);
+  var _TimelineBase$setMeta = TimelineBase.setMetaData({
+      props: props
+    }),
+    ptm = _TimelineBase$setMeta.ptm;
   var elementRef = React.useRef(null);
   var getKey = function getKey(item, index) {
     return props.dataKey ? ObjectUtils.resolveFieldData(item, props.dataKey) : "pr_id__".concat(index);
@@ -88,23 +89,30 @@ var Timeline = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   var createEvents = function createEvents() {
     return props.value && props.value.map(function (item, index) {
       var opposite = ObjectUtils.getJSXElement(props.opposite, item, index);
-      var marker = ObjectUtils.getJSXElement(props.marker, item, index) || /*#__PURE__*/React.createElement("div", {
-        className: "p-timeline-event-marker"
-      });
-      var connector = index !== props.value.length - 1 && /*#__PURE__*/React.createElement("div", {
-        className: "p-timeline-event-connector"
-      });
+      var markerProps = mergeProps({
+        className: 'p-timeline-event-marker'
+      }, ptm('marker'));
+      var marker = ObjectUtils.getJSXElement(props.marker, item, index) || /*#__PURE__*/React.createElement("div", markerProps);
+      var connectorProps = mergeProps({
+        className: 'p-timeline-event-connector'
+      }, ptm('connector'));
+      var connector = index !== props.value.length - 1 && /*#__PURE__*/React.createElement("div", connectorProps);
       var content = ObjectUtils.getJSXElement(props.content, item, index);
-      return /*#__PURE__*/React.createElement("div", {
-        key: getKey(item, index),
-        className: "p-timeline-event"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "p-timeline-event-opposite"
-      }, opposite), /*#__PURE__*/React.createElement("div", {
-        className: "p-timeline-event-separator"
-      }, marker, connector), /*#__PURE__*/React.createElement("div", {
-        className: "p-timeline-event-content"
-      }, content));
+      var eventProps = mergeProps({
+        className: 'p-timeline-event'
+      }, ptm('event'));
+      var oppositeProps = mergeProps({
+        className: 'p-timeline-event-opposite'
+      }, ptm('opposite'));
+      var separatorProps = mergeProps({
+        className: 'p-timeline-event-separator'
+      }, ptm('separator'));
+      var contentProps = mergeProps({
+        className: 'p-timeline-event-content'
+      }, ptm('content'));
+      return /*#__PURE__*/React.createElement("div", _extends({
+        key: getKey(item, index)
+      }, eventProps), /*#__PURE__*/React.createElement("div", oppositeProps, opposite), /*#__PURE__*/React.createElement("div", separatorProps, marker, connector), /*#__PURE__*/React.createElement("div", contentProps, content));
     });
   };
   React.useImperativeHandle(ref, function () {
@@ -115,13 +123,13 @@ var Timeline = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       }
     };
   });
-  var otherProps = TimelineBase.getOtherProps(props);
   var className = classNames('p-timeline p-component', (_classNames = {}, _defineProperty(_classNames, "p-timeline-".concat(props.align), true), _defineProperty(_classNames, "p-timeline-".concat(props.layout), true), _classNames), props.className);
   var events = createEvents();
-  return /*#__PURE__*/React.createElement("div", _extends({
+  var rootProps = mergeProps({
     ref: elementRef,
     className: className
-  }, otherProps), events);
+  }, TimelineBase.getOtherProps(props), ptm('root'));
+  return /*#__PURE__*/React.createElement("div", rootProps, events);
 }));
 Timeline.displayName = 'Timeline';
 

package/timeline/timeline.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{ObjectUtils as t,classNames as n}from"primereact/utils";function r(){return r=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},r.apply(this,arguments)}function i(e){return i="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},i(e)}function l(e,t){if("object"!==i(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==i(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function o(e){var t=l(e,"string");return"symbol"===i(t)?t:String(t)}function a(e,t,n){return(t=o(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var u={defaultProps:{__TYPE:"Timeline",align:"left",className:null,content:null,dataKey:null,layout:"vertical",marker:null,opposite:null,value:null,children:void 0},getProps:function(e){return t.getMergedProps(e,u.defaultProps)},getOtherProps:function(e){return t.getDiffProps(e,u.defaultProps)}},c=e.memo(e.forwardRef((function(i,l){var o,c=u.getProps(i),m=e.useRef(null),p=function(e,n){return c.dataKey?t.resolveFieldData(e,c.dataKey):"pr_id__".concat(n)};e.useImperativeHandle(l,(function(){return{props:c,getElement:function(){return m.current}}}));var s=u.getOtherProps(c),f=n("p-timeline p-component",(a(o={},"p-timeline-".concat(c.align),!0),a(o,"p-timeline-".concat(c.layout),!0),o),c.className),v=c.value&&c.value.map((function(n,r){var i=t.getJSXElement(c.opposite,n,r),l=t.getJSXElement(c.marker,n,r)||e.createElement("div",{className:"p-timeline-event-marker"}),o=r!==c.value.length-1&&e.createElement("div",{className:"p-timeline-event-connector"}),a=t.getJSXElement(c.content,n,r);return e.createElement("div",{key:p(n,r),className:"p-timeline-event"},e.createElement("div",{className:"p-timeline-event-opposite"},i),e.createElement("div",{className:"p-timeline-event-separator"},l,o),e.createElement("div",{className:"p-timeline-event-content"},a))}));return e.createElement("div",r({ref:m,className:f},s),v)})));c.displayName="Timeline";export{c as Timeline};
+import*as e from"react";import{classNames as t,mergeProps as n,ObjectUtils as r}from"primereact/utils";import{ComponentBase as o}from"primereact/componentbase";import{PrimeReactContext as a}from"primereact/api";function i(e){return i="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},i(e)}function l(e,t){if("object"!==i(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==i(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function m(e){var t=l(e,"string");return"symbol"===i(t)?t:String(t)}function c(e,t,n){return(t=m(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},u.apply(this,arguments)}var p=o.extend({defaultProps:{__TYPE:"Timeline",align:"left",className:null,content:null,dataKey:null,layout:"vertical",marker:null,opposite:null,value:null,children:void 0}}),s=e.memo(e.forwardRef((function(o,i){var l,m=e.useContext(a),s=p.getProps(o,m),f=p.setMetaData({props:s}).ptm,v=e.useRef(null),y=function(e,t){return s.dataKey?r.resolveFieldData(e,s.dataKey):"pr_id__".concat(t)};e.useImperativeHandle(i,(function(){return{props:s,getElement:function(){return v.current}}}));var d=t("p-timeline p-component",(c(l={},"p-timeline-".concat(s.align),!0),c(l,"p-timeline-".concat(s.layout),!0),l),s.className),b=s.value&&s.value.map((function(t,o){var a=r.getJSXElement(s.opposite,t,o),i=n({className:"p-timeline-event-marker"},f("marker")),l=r.getJSXElement(s.marker,t,o)||e.createElement("div",i),m=n({className:"p-timeline-event-connector"},f("connector")),c=o!==s.value.length-1&&e.createElement("div",m),p=r.getJSXElement(s.content,t,o),v=n({className:"p-timeline-event"},f("event")),d=n({className:"p-timeline-event-opposite"},f("opposite")),b=n({className:"p-timeline-event-separator"},f("separator")),g=n({className:"p-timeline-event-content"},f("content"));return e.createElement("div",u({key:y(t,o)},v),e.createElement("div",d,a),e.createElement("div",b,l,c),e.createElement("div",g,p))})),g=n({ref:v,className:d},p.getOtherProps(s),f("root"));return e.createElement("div",g,b)})));s.displayName="Timeline";export{s as Timeline};

package/timeline/timeline.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.timeline = (function (exports, React, utils) {
+this.primereact.timeline = (function (exports, React, utils, componentbase, api) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -22,21 +22,6 @@ this.primereact.timeline = (function (exports, React, 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 _typeof(obj) {
     "@babel/helpers - typeof";
 
@@ -78,7 +63,22 @@ this.primereact.timeline = (function (exports, React, utils) {
     return obj;
   }
 
-  var TimelineBase = {
+  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 TimelineBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'Timeline',
       align: 'left',
@@ -90,18 +90,17 @@ this.primereact.timeline = (function (exports, React, utils) {
       opposite: null,
       value: null,
       children: undefined
-    },
-    getProps: function getProps(props) {
-      return utils.ObjectUtils.getMergedProps(props, TimelineBase.defaultProps);
-    },
-    getOtherProps: function getOtherProps(props) {
-      return utils.ObjectUtils.getDiffProps(props, TimelineBase.defaultProps);
     }
-  };
+  });
 
   var Timeline = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var _classNames;
-    var props = TimelineBase.getProps(inProps);
+    var context = React__namespace.useContext(api.PrimeReactContext);
+    var props = TimelineBase.getProps(inProps, context);
+    var _TimelineBase$setMeta = TimelineBase.setMetaData({
+        props: props
+      }),
+      ptm = _TimelineBase$setMeta.ptm;
     var elementRef = React__namespace.useRef(null);
     var getKey = function getKey(item, index) {
       return props.dataKey ? utils.ObjectUtils.resolveFieldData(item, props.dataKey) : "pr_id__".concat(index);
@@ -109,23 +108,30 @@ this.primereact.timeline = (function (exports, React, utils) {
     var createEvents = function createEvents() {
       return props.value && props.value.map(function (item, index) {
         var opposite = utils.ObjectUtils.getJSXElement(props.opposite, item, index);
-        var marker = utils.ObjectUtils.getJSXElement(props.marker, item, index) || /*#__PURE__*/React__namespace.createElement("div", {
-          className: "p-timeline-event-marker"
-        });
-        var connector = index !== props.value.length - 1 && /*#__PURE__*/React__namespace.createElement("div", {
-          className: "p-timeline-event-connector"
-        });
+        var markerProps = utils.mergeProps({
+          className: 'p-timeline-event-marker'
+        }, ptm('marker'));
+        var marker = utils.ObjectUtils.getJSXElement(props.marker, item, index) || /*#__PURE__*/React__namespace.createElement("div", markerProps);
+        var connectorProps = utils.mergeProps({
+          className: 'p-timeline-event-connector'
+        }, ptm('connector'));
+        var connector = index !== props.value.length - 1 && /*#__PURE__*/React__namespace.createElement("div", connectorProps);
         var content = utils.ObjectUtils.getJSXElement(props.content, item, index);
-        return /*#__PURE__*/React__namespace.createElement("div", {
-          key: getKey(item, index),
-          className: "p-timeline-event"
-        }, /*#__PURE__*/React__namespace.createElement("div", {
-          className: "p-timeline-event-opposite"
-        }, opposite), /*#__PURE__*/React__namespace.createElement("div", {
-          className: "p-timeline-event-separator"
-        }, marker, connector), /*#__PURE__*/React__namespace.createElement("div", {
-          className: "p-timeline-event-content"
-        }, content));
+        var eventProps = utils.mergeProps({
+          className: 'p-timeline-event'
+        }, ptm('event'));
+        var oppositeProps = utils.mergeProps({
+          className: 'p-timeline-event-opposite'
+        }, ptm('opposite'));
+        var separatorProps = utils.mergeProps({
+          className: 'p-timeline-event-separator'
+        }, ptm('separator'));
+        var contentProps = utils.mergeProps({
+          className: 'p-timeline-event-content'
+        }, ptm('content'));
+        return /*#__PURE__*/React__namespace.createElement("div", _extends({
+          key: getKey(item, index)
+        }, eventProps), /*#__PURE__*/React__namespace.createElement("div", oppositeProps, opposite), /*#__PURE__*/React__namespace.createElement("div", separatorProps, marker, connector), /*#__PURE__*/React__namespace.createElement("div", contentProps, content));
       });
     };
     React__namespace.useImperativeHandle(ref, function () {
@@ -136,13 +142,13 @@ this.primereact.timeline = (function (exports, React, utils) {
         }
       };
     });
-    var otherProps = TimelineBase.getOtherProps(props);
     var className = utils.classNames('p-timeline p-component', (_classNames = {}, _defineProperty(_classNames, "p-timeline-".concat(props.align), true), _defineProperty(_classNames, "p-timeline-".concat(props.layout), true), _classNames), props.className);
     var events = createEvents();
-    return /*#__PURE__*/React__namespace.createElement("div", _extends({
+    var rootProps = utils.mergeProps({
       ref: elementRef,
       className: className
-    }, otherProps), events);
+    }, TimelineBase.getOtherProps(props), ptm('root'));
+    return /*#__PURE__*/React__namespace.createElement("div", rootProps, events);
   }));
   Timeline.displayName = 'Timeline';
 
@@ -152,4 +158,4 @@ this.primereact.timeline = (function (exports, React, utils) {
 
   return exports;
 
-})({}, React, primereact.utils);
+})({}, React, primereact.utils, primereact.componentbase, primereact.api);

package/timeline/timeline.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.timeline=function(e,t,r){"use strict";function n(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 i=n(t);function l(){return l=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},l.apply(this,arguments)}function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}function o(e,t){if("object"!==a(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==a(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function c(e){var t=o(e,"string");return"symbol"===a(t)?t:String(t)}function u(e,t,r){return(t=c(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var s={defaultProps:{__TYPE:"Timeline",align:"left",className:null,content:null,dataKey:null,layout:"vertical",marker:null,opposite:null,value:null,children:void 0},getProps:function(e){return r.ObjectUtils.getMergedProps(e,s.defaultProps)},getOtherProps:function(e){return r.ObjectUtils.getDiffProps(e,s.defaultProps)}},m=i.memo(i.forwardRef((function(e,t){var n,a=s.getProps(e),o=i.useRef(null),c=function(e,t){return a.dataKey?r.ObjectUtils.resolveFieldData(e,a.dataKey):"pr_id__".concat(t)};i.useImperativeHandle(t,(function(){return{props:a,getElement:function(){return o.current}}}));var m=s.getOtherProps(a),p=r.classNames("p-timeline p-component",(u(n={},"p-timeline-".concat(a.align),!0),u(n,"p-timeline-".concat(a.layout),!0),n),a.className),f=a.value&&a.value.map((function(e,t){var n=r.ObjectUtils.getJSXElement(a.opposite,e,t),l=r.ObjectUtils.getJSXElement(a.marker,e,t)||i.createElement("div",{className:"p-timeline-event-marker"}),o=t!==a.value.length-1&&i.createElement("div",{className:"p-timeline-event-connector"}),u=r.ObjectUtils.getJSXElement(a.content,e,t);return i.createElement("div",{key:c(e,t),className:"p-timeline-event"},i.createElement("div",{className:"p-timeline-event-opposite"},n),i.createElement("div",{className:"p-timeline-event-separator"},l,o),i.createElement("div",{className:"p-timeline-event-content"},u))}));return i.createElement("div",l({ref:o,className:p},m),f)})));return m.displayName="Timeline",e.Timeline=m,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.timeline=function(e,t,r,n,i){"use strict";function a(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 o=a(t);function l(e){return l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},l(e)}function c(e,t){if("object"!==l(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==l(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function m(e){var t=c(e,"string");return"symbol"===l(t)?t:String(t)}function u(e,t,r){return(t=m(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function s(){return s=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},s.apply(this,arguments)}var p=n.ComponentBase.extend({defaultProps:{__TYPE:"Timeline",align:"left",className:null,content:null,dataKey:null,layout:"vertical",marker:null,opposite:null,value:null,children:void 0}}),f=o.memo(o.forwardRef((function(e,t){var n,a=o.useContext(i.PrimeReactContext),l=p.getProps(e,a),c=p.setMetaData({props:l}).ptm,m=o.useRef(null),f=function(e,t){return l.dataKey?r.ObjectUtils.resolveFieldData(e,l.dataKey):"pr_id__".concat(t)};o.useImperativeHandle(t,(function(){return{props:l,getElement:function(){return m.current}}}));var v=r.classNames("p-timeline p-component",(u(n={},"p-timeline-".concat(l.align),!0),u(n,"p-timeline-".concat(l.layout),!0),n),l.className),b=l.value&&l.value.map((function(e,t){var n=r.ObjectUtils.getJSXElement(l.opposite,e,t),i=r.mergeProps({className:"p-timeline-event-marker"},c("marker")),a=r.ObjectUtils.getJSXElement(l.marker,e,t)||o.createElement("div",i),m=r.mergeProps({className:"p-timeline-event-connector"},c("connector")),u=t!==l.value.length-1&&o.createElement("div",m),p=r.ObjectUtils.getJSXElement(l.content,e,t),v=r.mergeProps({className:"p-timeline-event"},c("event")),b=r.mergeProps({className:"p-timeline-event-opposite"},c("opposite")),y=r.mergeProps({className:"p-timeline-event-separator"},c("separator")),d=r.mergeProps({className:"p-timeline-event-content"},c("content"));return o.createElement("div",s({key:f(e,t)},v),o.createElement("div",b,n),o.createElement("div",y,a,u),o.createElement("div",d,p))})),y=r.mergeProps({ref:m,className:v},p.getOtherProps(l),c("root"));return o.createElement("div",y,b)})));return f.displayName="Timeline",e.Timeline=f,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.componentbase,primereact.api);

package/toast/toast.cjs.js

@@ -235,6 +235,7 @@ _defineProperty(PrimeReact, "zIndex", {
   tooltip: 1100,
   toast: 1200
 });
+_defineProperty(PrimeReact, "pt", undefined);
 _defineProperty(PrimeReact, "filterMatchModeOptions", {
   text: [FilterMatchMode.STARTS_WITH, FilterMatchMode.CONTAINS, FilterMatchMode.NOT_CONTAINS, FilterMatchMode.ENDS_WITH, FilterMatchMode.EQUALS, FilterMatchMode.NOT_EQUALS],
   numeric: [FilterMatchMode.EQUALS, FilterMatchMode.NOT_EQUALS, FilterMatchMode.LESS_THAN, FilterMatchMode.LESS_THAN_OR_EQUAL_TO, FilterMatchMode.GREATER_THAN, FilterMatchMode.GREATER_THAN_OR_EQUAL_TO],
@@ -307,11 +308,51 @@ var locales = {
       trueLabel: 'True',
       falseLabel: 'False',
       nullLabel: 'Not Selected',
+      star: '1 star',
+      stars: '{star} stars',
+      selectAll: 'All items selected',
+      unselectAll: 'All items unselected',
+      close: 'Close',
+      previous: 'Previous',
+      next: 'Next',
+      navigation: 'Navigation',
+      scrollTop: 'Scroll Top',
+      moveTop: 'Move Top',
+      moveUp: 'Move Up',
+      moveDown: 'Move Down',
+      moveBottom: 'Move Bottom',
+      moveToTarget: 'Move to Target',
+      moveToSource: 'Move to Source',
+      moveAllToTarget: 'Move All to Target',
+      moveAllToSource: 'Move All to Source',
       pageLabel: 'Page',
       firstPageLabel: 'First Page',
       lastPageLabel: 'Last Page',
       nextPageLabel: 'Next Page',
       previousPageLabel: 'Previous Page',
+      rowsPerPageLabel: 'Rows per page',
+      jumpToPageDropdownLabel: 'Jump to Page Dropdown',
+      jumpToPageInputLabel: 'Jump to Page Input',
+      selectRow: 'Row Selected',
+      unselectRow: 'Row Unselected',
+      expandRow: 'Row Expanded',
+      collapseRow: 'Row Collapsed',
+      showFilterMenu: 'Show Filter Menu',
+      hideFilterMenu: 'Hide Filter Menu',
+      filterOperator: 'Filter Operator',
+      filterConstraint: 'Filter Constraint',
+      editRow: 'Row Edit',
+      saveEdit: 'Save Edit',
+      cancelEdit: 'Cancel Edit',
+      listView: 'List View',
+      gridView: 'Grid View',
+      slide: 'Slide',
+      slideNumber: '{slideNumber}',
+      zoomImage: 'Zoom Image',
+      zoomIn: 'Zoom In',
+      zoomOut: 'Zoom Out',
+      rotateRight: 'Rotate Right',
+      rotateLeft: 'Rotate Left',
       selectLabel: 'Select',
       unselectLabel: 'Unselect',
       expandLabel: 'Expand',
@@ -495,7 +536,8 @@ ToastMessage.displayName = 'ToastMessage';
 
 var messageIdx = 0;
 var Toast = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-  var props = ToastBase.getProps(inProps);
+  var context = React__namespace.useContext(PrimeReact$1.PrimeReactContext);
+  var props = ToastBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState([]),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     messagesState = _React$useState2[0],
@@ -571,7 +613,7 @@ var Toast = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
     props.onHide && props.onHide();
   };
   hooks.useUpdateEffect(function () {
-    utils.ZIndexUtils.set('toast', containerRef.current, PrimeReact__default["default"].autoZIndex, props.baseZIndex || PrimeReact__default["default"].zIndex['toast']);
+    utils.ZIndexUtils.set('toast', containerRef.current, context && context.autoZIndex || PrimeReact__default["default"].autoZIndex, props.baseZIndex || context && context.zIndex['toast'] || PrimeReact__default["default"].zIndex['toast']);
   }, [messagesState, props.baseZIndex]);
   hooks.useUnmountEffect(function () {
     utils.ZIndexUtils.clear(containerRef.current);
@@ -590,8 +632,8 @@ var Toast = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
   });
   var createElement = function createElement() {
     var className = utils.classNames('p-toast p-component p-toast-' + props.position, props.className, {
-      'p-input-filled': PrimeReact__default["default"].inputStyle === 'filled',
-      'p-ripple-disabled': PrimeReact__default["default"].ripple === false
+      'p-input-filled': context && context.inputStyle === 'filled' || PrimeReact__default["default"].inputStyle === 'filled',
+      'p-ripple-disabled': context && context.ripple === false || PrimeReact__default["default"].ripple === false
     });
     var rootProps = utils.mergeProps({
       ref: containerRef,

package/toast/toast.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-transition-group"),n=require("primereact/api"),r=require("primereact/csstransition"),o=require("primereact/hooks"),a=require("primereact/portal"),l=require("primereact/utils"),s=require("primereact/componentbase"),i=require("primereact/icons/check"),c=require("primereact/icons/exclamationtriangle"),u=require("primereact/icons/infocircle"),m=require("primereact/icons/times"),p=require("primereact/icons/timescircle"),f=require("primereact/ripple");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function y(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 b=y(e),E=d(n);function g(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 v(e){if(Array.isArray(e))return g(e)}function S(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function T(e,t){if(e){if("string"==typeof e)return g(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)?g(e,t):void 0}}function h(){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 N(e){return v(e)||S(e)||T(e)||h()}function O(e){if(Array.isArray(e))return e}function A(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a,l,s=[],i=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;i=!1}else for(;!(i=(r=a.call(n)).done)&&(s.push(r.value),s.length!==t);i=!0);}catch(e){c=!0,o=e}finally{try{if(!i&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(c)throw o}}return s}}function I(){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,t){return O(e)||A(e,t)||T(e,t)||I()}var P=s.ComponentBase.extend({defaultProps:{__TYPE:"Toast",id:null,className:null,style:null,baseZIndex:0,position:"top-right",transitionOptions:null,appendTo:"self",onClick:null,onRemove:null,onShow:null,onHide:null,onMouseEnter:null,onMouseLeave:null,children:void 0}});function C(e){return C="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},C(e)}function w(e,t){if("object"!==C(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==C(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function L(e){var t=w(e,"string");return"symbol"===C(t)?t:String(t)}function M(e,t,n){return(t=L(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function j(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,L(r.key),r)}}function x(e,t,n){return t&&j(e.prototype,t),n&&j(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function R(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var D=Object.freeze({STARTS_WITH:"startsWith",CONTAINS:"contains",NOT_CONTAINS:"notContains",ENDS_WITH:"endsWith",EQUALS:"equals",NOT_EQUALS:"notEquals",IN:"in",LESS_THAN:"lt",LESS_THAN_OR_EQUAL_TO:"lte",GREATER_THAN:"gt",GREATER_THAN_OR_EQUAL_TO:"gte",BETWEEN:"between",DATE_IS:"dateIs",DATE_IS_NOT:"dateIsNot",DATE_BEFORE:"dateBefore",DATE_AFTER:"dateAfter",CUSTOM:"custom"}),k=x((function e(){R(this,e)}));M(k,"ripple",!1),M(k,"inputStyle","outlined"),M(k,"locale","en"),M(k,"appendTo",null),M(k,"cssTransition",!0),M(k,"autoZIndex",!0),M(k,"hideOverlaysOnDocumentScrolling",!1),M(k,"nonce",null),M(k,"nullSortOrder",1),M(k,"zIndex",{modal:1100,overlay:1e3,menu:1e3,tooltip:1100,toast:1200}),M(k,"filterMatchModeOptions",{text:[D.STARTS_WITH,D.CONTAINS,D.NOT_CONTAINS,D.ENDS_WITH,D.EQUALS,D.NOT_EQUALS],numeric:[D.EQUALS,D.NOT_EQUALS,D.LESS_THAN,D.LESS_THAN_OR_EQUAL_TO,D.GREATER_THAN,D.GREATER_THAN_OR_EQUAL_TO],date:[D.DATE_IS,D.DATE_IS_NOT,D.DATE_BEFORE,D.DATE_AFTER]}),M(k,"changeTheme",(function(e,t,n,r){var o,a=document.getElementById(n),l=a.cloneNode(!0),s=a.getAttribute("href").replace(e,t);l.setAttribute("id",n+"-clone"),l.setAttribute("href",s),l.addEventListener("load",(function(){a.remove(),l.setAttribute("id",n),r&&r()})),null===(o=a.parentNode)||void 0===o||o.insertBefore(l,a.nextSibling)}));var U={en:{startsWith:"Starts with",contains:"Contains",notContains:"Not contains",endsWith:"Ends with",equals:"Equals",notEquals:"Not equals",noFilter:"No Filter",filter:"Filter",lt:"Less than",lte:"Less than or equal to",gt:"Greater than",gte:"Greater than or equal to",dateIs:"Date is",dateIsNot:"Date is not",dateBefore:"Date is before",dateAfter:"Date is after",custom:"Custom",clear:"Clear",close:"Close",apply:"Apply",matchAll:"Match All",matchAny:"Match Any",addRule:"Add Rule",removeRule:"Remove Rule",accept:"Yes",reject:"No",choose:"Choose",upload:"Upload",cancel:"Cancel",dayNames:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],dayNamesShort:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],dayNamesMin:["Su","Mo","Tu","We","Th","Fr","Sa"],monthNames:["January","February","March","April","May","June","July","August","September","October","November","December"],monthNamesShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],today:"Today",weekHeader:"Wk",firstDayOfWeek:0,dateFormat:"mm/dd/yy",weak:"Weak",medium:"Medium",strong:"Strong",passwordPrompt:"Enter a password",emptyFilterMessage:"No available options",emptyMessage:"No results found",aria:{trueLabel:"True",falseLabel:"False",nullLabel:"Not Selected",pageLabel:"Page",firstPageLabel:"First Page",lastPageLabel:"Last Page",nextPageLabel:"Next Page",previousPageLabel:"Previous Page",selectLabel:"Select",unselectLabel:"Unselect",expandLabel:"Expand",collapseLabel:"Collapse"}}};function q(e,t){var n=t||k.locale;try{return H(n)[e]}catch(t){throw new Error("The ".concat(e," option is not found in the current locale('").concat(n,"')."))}}function H(e){return U[e||k.locale]}function F(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?F(Object(n),!0).forEach((function(t){M(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):F(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Q=b.memo(b.forwardRef((function(e,t){var n=e.messageInfo,r=e.ptCallbacks,a=r.ptm,s=r.ptmo,d=n.message,y=d.severity,E=d.content,g=d.summary,v=d.detail,S=d.closable,T=d.life,h=d.sticky,N=d.className,O=d.style,A=d.contentClassName,I=d.contentStyle,P=d.icon,C=d.closeIcon,w=d.pt,L={index:e.index},j=W(W({},e.metaData),L),x=_(b.useState(!1),2),R=x[1],D=_(o.useTimeout((function(){k()}),T||3e3,!h&&!x[0]),1)[0],k=function(){D(),e.onClose&&e.onClose(n)},U=function(t){!e.onClick||l.DomHandler.hasClass(t.target,"p-toast-icon-close")||l.DomHandler.hasClass(t.target,"p-toast-icon-close-icon")||e.onClick(n.message)},H=l.classNames("p-toast-message",M({},"p-toast-message-".concat(y),y),N),F=l.classNames("p-toast-message-content",A),Q=function(){if(n){var t=l.ObjectUtils.getJSXElement(E,{message:n.message,onClick:U,onClose:k}),r=l.mergeProps({className:"p-toast-message-icon"},a("icon",j),s(w,"icon",L)),o=P;if(!P)switch(y){case"info":o=b.createElement(u.InfoCircleIcon,r);break;case"warn":o=b.createElement(c.ExclamationTriangleIcon,r);break;case"error":o=b.createElement(p.TimesCircleIcon,r);break;case"success":o=b.createElement(i.CheckIcon,r)}var m=l.IconUtils.getJSXIcon(o,W({},r),{props:e}),f=l.mergeProps({className:"p-toast-message-text"},a("text",j),s(w,"text",L)),d=l.mergeProps({className:"p-toast-summary"},a("summary",j),s(w,"summary",L)),S=l.mergeProps({className:"p-toast-detail"},a("detail",j),s(w,"detail",L));return t||b.createElement(b.Fragment,null,m,b.createElement("div",f,b.createElement("span",d,g),v&&b.createElement("div",S,v)))}return null}(),J=function(){var t=l.mergeProps({className:"p-toast-icon-close-icon"},a("buttonicon",j),s(w,"buttonicon",L)),n=l.IconUtils.getJSXIcon(C||b.createElement(m.TimesIcon,t),W({},t),{props:e}),r=e.ariaCloseLabel||q("close"),o=l.mergeProps({type:"button",className:"p-toast-icon-close p-link",onClick:k,"aria-label":r},a("button",j),s(w,"button",L));return!1!==S?b.createElement("div",null,b.createElement("button",o,n,b.createElement(f.Ripple,null))):null}(),Z=l.mergeProps({ref:t,className:H,style:O,role:"alert","aria-live":"assertive","aria-atomic":"true",onClick:U,onMouseEnter:function(t){e.onMouseEnter&&e.onMouseEnter(t),t.defaultPrevented||h||(D(),R(!0))},onMouseLeave:function(t){e.onMouseLeave&&e.onMouseLeave(t),t.defaultPrevented||h||R(!1)}},a("message",j),s(w,"root",L)),B=l.mergeProps({className:F,style:I},a("content",j),s(w,"content",L));return b.createElement("div",Z,b.createElement("div",B,Q,J))})));Q.displayName="ToastMessage";var J=0,Z=b.memo(b.forwardRef((function(e,n){var s=P.getProps(e),i=_(b.useState([]),2),c=i[0],u=i[1],m=b.useRef(null),p={props:s,state:{messages:c}},f=P.setMetaData(p),d=function(e){e&&u((function(t){return y(t,e,!0)}))},y=function(e,t,n){var r;if(Array.isArray(t)){var o=t.reduce((function(e,t){return e.push({_pId:J++,message:t}),e}),[]);r=n&&e?[].concat(N(e),N(o)):o}else{var a={_pId:J++,message:t};r=n&&e?[].concat(N(e),[a]):[a]}return r},g=function(){l.ZIndexUtils.clear(m.current),u([])},v=function(e){u((function(t){return y(t,e,!1)}))},S=function(e){u((function(t){return t.filter((function(t){return t._pId!==e._pId}))})),s.onRemove&&s.onRemove(e.message)},T=function(e){S(e)},h=function(){s.onShow&&s.onShow()},O=function(){1===c.length&&l.ZIndexUtils.clear(m.current),s.onHide&&s.onHide()};o.useUpdateEffect((function(){l.ZIndexUtils.set("toast",m.current,E.default.autoZIndex,s.baseZIndex||E.default.zIndex.toast)}),[c,s.baseZIndex]),o.useUnmountEffect((function(){l.ZIndexUtils.clear(m.current)})),b.useImperativeHandle(n,(function(){return{props:s,show:d,replace:v,remove:S,clear:g,getElement:function(){return m.current}}}));var A,I,C=(A=l.classNames("p-toast p-component p-toast-"+s.position,s.className,{"p-input-filled":"filled"===E.default.inputStyle,"p-ripple-disabled":!1===E.default.ripple}),I=l.mergeProps({ref:m,id:s.id,className:A,style:s.style},P.getOtherProps(s),f.ptm("root")),b.createElement("div",I,b.createElement(t.TransitionGroup,null,c&&c.map((function(e,t){var n=b.createRef();return b.createElement(r.CSSTransition,{nodeRef:n,key:e._pId,classNames:"p-toast-message",unmountOnExit:!0,timeout:{enter:300,exit:300},onEntered:h,onExited:O,options:s.transitionOptions},b.createElement(Q,{ref:n,messageInfo:e,index:t,onClick:s.onClick,onClose:T,onMouseEnter:s.onMouseEnter,onMouseLeave:s.onMouseLeave,closeIcon:s.closeIcon,ptCallbacks:f,metaData:p}))})))));return b.createElement(a.Portal,{element:C,appendTo:s.appendTo})})));Z.displayName="Toast",exports.Toast=Z;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-transition-group"),r=require("primereact/api"),n=require("primereact/csstransition"),o=require("primereact/hooks"),a=require("primereact/portal"),l=require("primereact/utils"),i=require("primereact/componentbase"),s=require("primereact/icons/check"),c=require("primereact/icons/exclamationtriangle"),u=require("primereact/icons/infocircle"),m=require("primereact/icons/times"),p=require("primereact/icons/timescircle"),d=require("primereact/ripple");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function y(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 b=y(e),g=f(r);function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function E(e){if(Array.isArray(e))return v(e)}function T(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function S(e,t){if(e){if("string"==typeof e)return v(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?v(e,t):void 0}}function h(){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 A(e){return E(e)||T(e)||S(e)||h()}function N(e){if(Array.isArray(e))return e}function O(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,a,l,i=[],s=!0,c=!1;try{if(a=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;s=!1}else for(;!(s=(n=a.call(r)).done)&&(i.push(n.value),i.length!==t);s=!0);}catch(e){c=!0,o=e}finally{try{if(!s&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(c)throw o}}return i}}function I(){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 w(e,t){return N(e)||O(e,t)||S(e,t)||I()}var P=i.ComponentBase.extend({defaultProps:{__TYPE:"Toast",id:null,className:null,style:null,baseZIndex:0,position:"top-right",transitionOptions:null,appendTo:"self",onClick:null,onRemove:null,onShow:null,onHide:null,onMouseEnter:null,onMouseLeave:null,children:void 0}});function _(e){return _="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},_(e)}function R(e,t){if("object"!==_(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==_(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function C(e){var t=R(e,"string");return"symbol"===_(t)?t:String(t)}function M(e,t,r){return(t=C(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function L(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,C(n.key),n)}}function x(e,t,r){return t&&L(e.prototype,t),r&&L(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}function j(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var D=Object.freeze({STARTS_WITH:"startsWith",CONTAINS:"contains",NOT_CONTAINS:"notContains",ENDS_WITH:"endsWith",EQUALS:"equals",NOT_EQUALS:"notEquals",IN:"in",LESS_THAN:"lt",LESS_THAN_OR_EQUAL_TO:"lte",GREATER_THAN:"gt",GREATER_THAN_OR_EQUAL_TO:"gte",BETWEEN:"between",DATE_IS:"dateIs",DATE_IS_NOT:"dateIsNot",DATE_BEFORE:"dateBefore",DATE_AFTER:"dateAfter",CUSTOM:"custom"}),k=x((function e(){j(this,e)}));M(k,"ripple",!1),M(k,"inputStyle","outlined"),M(k,"locale","en"),M(k,"appendTo",null),M(k,"cssTransition",!0),M(k,"autoZIndex",!0),M(k,"hideOverlaysOnDocumentScrolling",!1),M(k,"nonce",null),M(k,"nullSortOrder",1),M(k,"zIndex",{modal:1100,overlay:1e3,menu:1e3,tooltip:1100,toast:1200}),M(k,"pt",void 0),M(k,"filterMatchModeOptions",{text:[D.STARTS_WITH,D.CONTAINS,D.NOT_CONTAINS,D.ENDS_WITH,D.EQUALS,D.NOT_EQUALS],numeric:[D.EQUALS,D.NOT_EQUALS,D.LESS_THAN,D.LESS_THAN_OR_EQUAL_TO,D.GREATER_THAN,D.GREATER_THAN_OR_EQUAL_TO],date:[D.DATE_IS,D.DATE_IS_NOT,D.DATE_BEFORE,D.DATE_AFTER]}),M(k,"changeTheme",(function(e,t,r,n){var o,a=document.getElementById(r),l=a.cloneNode(!0),i=a.getAttribute("href").replace(e,t);l.setAttribute("id",r+"-clone"),l.setAttribute("href",i),l.addEventListener("load",(function(){a.remove(),l.setAttribute("id",r),n&&n()})),null===(o=a.parentNode)||void 0===o||o.insertBefore(l,a.nextSibling)}));var U={en:{startsWith:"Starts with",contains:"Contains",notContains:"Not contains",endsWith:"Ends with",equals:"Equals",notEquals:"Not equals",noFilter:"No Filter",filter:"Filter",lt:"Less than",lte:"Less than or equal to",gt:"Greater than",gte:"Greater than or equal to",dateIs:"Date is",dateIsNot:"Date is not",dateBefore:"Date is before",dateAfter:"Date is after",custom:"Custom",clear:"Clear",close:"Close",apply:"Apply",matchAll:"Match All",matchAny:"Match Any",addRule:"Add Rule",removeRule:"Remove Rule",accept:"Yes",reject:"No",choose:"Choose",upload:"Upload",cancel:"Cancel",dayNames:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],dayNamesShort:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],dayNamesMin:["Su","Mo","Tu","We","Th","Fr","Sa"],monthNames:["January","February","March","April","May","June","July","August","September","October","November","December"],monthNamesShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],today:"Today",weekHeader:"Wk",firstDayOfWeek:0,dateFormat:"mm/dd/yy",weak:"Weak",medium:"Medium",strong:"Strong",passwordPrompt:"Enter a password",emptyFilterMessage:"No available options",emptyMessage:"No results found",aria:{trueLabel:"True",falseLabel:"False",nullLabel:"Not Selected",star:"1 star",stars:"{star} stars",selectAll:"All items selected",unselectAll:"All items unselected",close:"Close",previous:"Previous",next:"Next",navigation:"Navigation",scrollTop:"Scroll Top",moveTop:"Move Top",moveUp:"Move Up",moveDown:"Move Down",moveBottom:"Move Bottom",moveToTarget:"Move to Target",moveToSource:"Move to Source",moveAllToTarget:"Move All to Target",moveAllToSource:"Move All to Source",pageLabel:"Page",firstPageLabel:"First Page",lastPageLabel:"Last Page",nextPageLabel:"Next Page",previousPageLabel:"Previous Page",rowsPerPageLabel:"Rows per page",jumpToPageDropdownLabel:"Jump to Page Dropdown",jumpToPageInputLabel:"Jump to Page Input",selectRow:"Row Selected",unselectRow:"Row Unselected",expandRow:"Row Expanded",collapseRow:"Row Collapsed",showFilterMenu:"Show Filter Menu",hideFilterMenu:"Hide Filter Menu",filterOperator:"Filter Operator",filterConstraint:"Filter Constraint",editRow:"Row Edit",saveEdit:"Save Edit",cancelEdit:"Cancel Edit",listView:"List View",gridView:"Grid View",slide:"Slide",slideNumber:"{slideNumber}",zoomImage:"Zoom Image",zoomIn:"Zoom In",zoomOut:"Zoom Out",rotateRight:"Rotate Right",rotateLeft:"Rotate Left",selectLabel:"Select",unselectLabel:"Unselect",expandLabel:"Expand",collapseLabel:"Collapse"}}};function F(e,t){var r=t||k.locale;try{return q(r)[e]}catch(t){throw new Error("The ".concat(e," option is not found in the current locale('").concat(r,"')."))}}function q(e){return U[e||k.locale]}function H(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function W(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?H(Object(r),!0).forEach((function(t){M(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):H(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var Z=b.memo(b.forwardRef((function(e,t){var r=e.messageInfo,n=e.ptCallbacks,a=n.ptm,i=n.ptmo,f=r.message,y=f.severity,g=f.content,v=f.summary,E=f.detail,T=f.closable,S=f.life,h=f.sticky,A=f.className,N=f.style,O=f.contentClassName,I=f.contentStyle,P=f.icon,_=f.closeIcon,R=f.pt,C={index:e.index},L=W(W({},e.metaData),C),x=w(b.useState(!1),2),j=x[1],D=w(o.useTimeout((function(){k()}),S||3e3,!h&&!x[0]),1)[0],k=function(){D(),e.onClose&&e.onClose(r)},U=function(t){!e.onClick||l.DomHandler.hasClass(t.target,"p-toast-icon-close")||l.DomHandler.hasClass(t.target,"p-toast-icon-close-icon")||e.onClick(r.message)},q=l.classNames("p-toast-message",M({},"p-toast-message-".concat(y),y),A),H=l.classNames("p-toast-message-content",O),Z=function(){if(r){var t=l.ObjectUtils.getJSXElement(g,{message:r.message,onClick:U,onClose:k}),n=l.mergeProps({className:"p-toast-message-icon"},a("icon",L),i(R,"icon",C)),o=P;if(!P)switch(y){case"info":o=b.createElement(u.InfoCircleIcon,n);break;case"warn":o=b.createElement(c.ExclamationTriangleIcon,n);break;case"error":o=b.createElement(p.TimesCircleIcon,n);break;case"success":o=b.createElement(s.CheckIcon,n)}var m=l.IconUtils.getJSXIcon(o,W({},n),{props:e}),d=l.mergeProps({className:"p-toast-message-text"},a("text",L),i(R,"text",C)),f=l.mergeProps({className:"p-toast-summary"},a("summary",L),i(R,"summary",C)),T=l.mergeProps({className:"p-toast-detail"},a("detail",L),i(R,"detail",C));return t||b.createElement(b.Fragment,null,m,b.createElement("div",d,b.createElement("span",f,v),E&&b.createElement("div",T,E)))}return null}(),J=function(){var t=l.mergeProps({className:"p-toast-icon-close-icon"},a("buttonicon",L),i(R,"buttonicon",C)),r=l.IconUtils.getJSXIcon(_||b.createElement(m.TimesIcon,t),W({},t),{props:e}),n=e.ariaCloseLabel||F("close"),o=l.mergeProps({type:"button",className:"p-toast-icon-close p-link",onClick:k,"aria-label":n},a("button",L),i(R,"button",C));return!1!==T?b.createElement("div",null,b.createElement("button",o,r,b.createElement(d.Ripple,null))):null}(),B=l.mergeProps({ref:t,className:q,style:N,role:"alert","aria-live":"assertive","aria-atomic":"true",onClick:U,onMouseEnter:function(t){e.onMouseEnter&&e.onMouseEnter(t),t.defaultPrevented||h||(D(),j(!0))},onMouseLeave:function(t){e.onMouseLeave&&e.onMouseLeave(t),t.defaultPrevented||h||j(!1)}},a("message",L),i(R,"root",C)),Q=l.mergeProps({className:H,style:I},a("content",L),i(R,"content",C));return b.createElement("div",B,b.createElement("div",Q,Z,J))})));Z.displayName="ToastMessage";var J=0,B=b.memo(b.forwardRef((function(e,i){var s=b.useContext(r.PrimeReactContext),c=P.getProps(e,s),u=w(b.useState([]),2),m=u[0],p=u[1],d=b.useRef(null),f={props:c,state:{messages:m}},y=P.setMetaData(f),v=function(e){e&&p((function(t){return E(t,e,!0)}))},E=function(e,t,r){var n;if(Array.isArray(t)){var o=t.reduce((function(e,t){return e.push({_pId:J++,message:t}),e}),[]);n=r&&e?[].concat(A(e),A(o)):o}else{var a={_pId:J++,message:t};n=r&&e?[].concat(A(e),[a]):[a]}return n},T=function(){l.ZIndexUtils.clear(d.current),p([])},S=function(e){p((function(t){return E(t,e,!1)}))},h=function(e){p((function(t){return t.filter((function(t){return t._pId!==e._pId}))})),c.onRemove&&c.onRemove(e.message)},N=function(e){h(e)},O=function(){c.onShow&&c.onShow()},I=function(){1===m.length&&l.ZIndexUtils.clear(d.current),c.onHide&&c.onHide()};o.useUpdateEffect((function(){l.ZIndexUtils.set("toast",d.current,s&&s.autoZIndex||g.default.autoZIndex,c.baseZIndex||s&&s.zIndex.toast||g.default.zIndex.toast)}),[m,c.baseZIndex]),o.useUnmountEffect((function(){l.ZIndexUtils.clear(d.current)})),b.useImperativeHandle(i,(function(){return{props:c,show:v,replace:S,remove:h,clear:T,getElement:function(){return d.current}}}));var _,R,C=(_=l.classNames("p-toast p-component p-toast-"+c.position,c.className,{"p-input-filled":s&&"filled"===s.inputStyle||"filled"===g.default.inputStyle,"p-ripple-disabled":s&&!1===s.ripple||!1===g.default.ripple}),R=l.mergeProps({ref:d,id:c.id,className:_,style:c.style},P.getOtherProps(c),y.ptm("root")),b.createElement("div",R,b.createElement(t.TransitionGroup,null,m&&m.map((function(e,t){var r=b.createRef();return b.createElement(n.CSSTransition,{nodeRef:r,key:e._pId,classNames:"p-toast-message",unmountOnExit:!0,timeout:{enter:300,exit:300},onEntered:O,onExited:I,options:c.transitionOptions},b.createElement(Z,{ref:r,messageInfo:e,index:t,onClick:c.onClick,onClose:N,onMouseEnter:c.onMouseEnter,onMouseLeave:c.onMouseLeave,closeIcon:c.closeIcon,ptCallbacks:y,metaData:f}))})))));return b.createElement(a.Portal,{element:C,appendTo:c.appendTo})})));B.displayName="Toast",exports.Toast=B;

package/toast/toast.d.ts

@@ -199,10 +199,10 @@ export interface ToastProps extends Omit<React.DetailedHTMLProps<React.HTMLAttri
      */
     baseZIndex?: number | undefined;
     /**
-     * Position of the toast in viewport, valid values are "top-right", "top-left", "bottom-left" and "bottom-right".
+     * Position of the toast in viewport, valid values are 'center', 'top-center', 'top-left', 'top-right', 'bottom-center', 'bottom-left', 'bottom-right'.
      * @defaultValue top-right
      */
-    position?: 'center' | 'top' | 'bottom' | 'left' | 'right' | 'top-center' | 'top-left' | 'top-right' | 'bottom-center' | 'bottom-left' | 'bottom-right' | undefined;
+    position?: 'center' | 'top-center' | 'top-left' | 'top-right' | 'bottom-center' | 'bottom-left' | 'bottom-right' | undefined;
     /**
      * The properties of CSSTransition can be customized, except for "nodeRef" and "in" properties.
      */