primereact 9.3.1 → 9.5.0

package/blockui/blockui.esm.js

@@ -2,22 +2,8 @@ import * as React from 'react';
 import PrimeReact from 'primereact/api';
 import { useMountEffect, useUpdateEffect, useUnmountEffect } from 'primereact/hooks';
 import { Portal } from 'primereact/portal';
-import { ObjectUtils, DomHandler, ZIndexUtils, 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 { DomHandler, ZIndexUtils, classNames, mergeProps, ObjectUtils } from 'primereact/utils';
+import { ComponentBase } from 'primereact/componentbase';
 
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
@@ -74,7 +60,7 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var BlockUIBase = {
+var BlockUIBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'BlockUI',
     autoZIndex: true,
@@ -90,14 +76,8 @@ var BlockUIBase = {
     style: null,
     template: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return ObjectUtils.getMergedProps(props, BlockUIBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return ObjectUtils.getDiffProps(props, BlockUIBase.defaultProps);
   }
-};
+});
 
 var BlockUI = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var props = BlockUIBase.getProps(inProps);
@@ -107,6 +87,10 @@ var BlockUI = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     setVisibleState = _React$useState2[1];
   var elementRef = React.useRef(null);
   var maskRef = React.useRef(null);
+  var _BlockUIBase$setMetaD = BlockUIBase.setMetaData({
+      props: props
+    }),
+    ptm = _BlockUIBase$setMetaD.ptm;
   var block = function block() {
     setVisibleState(true);
   };
@@ -179,15 +163,15 @@ var BlockUI = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     }
     return null;
   };
-  var otherProps = BlockUIBase.getOtherProps(props);
   var mask = createMask();
   var className = classNames('p-blockui-container', props.containerClassName);
-  return /*#__PURE__*/React.createElement("div", _extends({
+  var rootProps = mergeProps({
     id: props.id,
     ref: elementRef,
-    className: className,
-    style: props.containerStyle
-  }, otherProps), props.children, mask);
+    style: props.containerStyle,
+    className: className
+  }, BlockUIBase.getOtherProps(props), ptm('root'));
+  return /*#__PURE__*/React.createElement("div", rootProps, props.children, mask);
 });
 BlockUI.displayName = 'BlockUI';
 

package/blockui/blockui.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import n from"primereact/api";import{useMountEffect as r,useUpdateEffect as t,useUnmountEffect as o}from"primereact/hooks";import{Portal as l}from"primereact/portal";import{ObjectUtils as a,DomHandler as c,ZIndexUtils as u,classNames as i}from"primereact/utils";function f(){return f=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},f.apply(this,arguments)}function d(e){if(Array.isArray(e))return e}function s(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,o,l,a,c=[],u=!0,i=!1;try{if(l=(r=r.call(e)).next,0===n){if(Object(r)!==r)return;u=!1}else for(;!(u=(t=l.call(r)).done)&&(c.push(t.value),c.length!==n);u=!0);}catch(e){i=!0,o=e}finally{try{if(!u&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(i)throw o}}return c}}function p(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=new Array(n);r<n;r++)t[r]=e[r];return t}function m(e,n){if(e){if("string"==typeof e)return p(e,n);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)?p(e,n):void 0}}function y(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var b={defaultProps:{__TYPE:"BlockUI",autoZIndex:!0,baseZIndex:0,blocked:!1,className:null,containerClassName:null,containerStyle:null,fullScreen:!1,id:null,onBlocked:null,onUnblocked:null,style:null,template:null,children:void 0},getProps:function(e){return a.getMergedProps(e,b.defaultProps)},getOtherProps:function(e){return a.getDiffProps(e,b.defaultProps)}},v=e.forwardRef((function(p,v){var h,g,k=b.getProps(p),S=e.useState(k.blocked),I=(g=2,d(h=S)||s(h,g)||m(h,g)||y()),P=I[0],O=I[1],w=e.useRef(null),E=e.useRef(null),j=function(){O(!0)},x=function(){var e=function(){O(!1),k.fullScreen&&c.removeClass(document.body,"p-overflow-hidden"),k.onUnblocked&&k.onUnblocked()};E.current?(c.addClass(E.current,"p-component-overlay-leave"),E.current.addEventListener("animationend",(function(){u.clear(E.current),e()}))):e()},C=function(){if(k.fullScreen&&(c.addClass(document.body,"p-overflow-hidden"),document.activeElement.blur()),k.autoZIndex){var e=k.fullScreen?"modal":"overlay";u.set(e,E.current,n.autoZIndex,k.baseZIndex||n.zIndex[e])}k.onBlocked&&k.onBlocked()};r((function(){P&&j()})),t((function(){k.blocked?j():x()}),[k.blocked]),o((function(){k.fullScreen&&c.removeClass(document.body,"p-overflow-hidden"),u.clear(E.current)})),e.useImperativeHandle(v,(function(){return{props:k,block:j,unblock:x,getElement:function(){return w.current}}}));var N=b.getOtherProps(k),A=function(){if(P){var n=k.fullScreen?document.body:"self",r=i("p-blockui p-component-overlay p-component-overlay-enter",{"p-blockui-document":k.fullScreen},k.className),t=k.template?a.getJSXElement(k.template,k):null;return e.createElement(l,{element:e.createElement("div",{ref:E,className:r,style:k.style},t),appendTo:n,onMounted:C})}return null}(),U=i("p-blockui-container",k.containerClassName);return e.createElement("div",f({id:k.id,ref:w,className:U,style:k.containerStyle},N),k.children,A)}));v.displayName="BlockUI";export{v as BlockUI};
+import*as e from"react";import n from"primereact/api";import{useMountEffect as t,useUpdateEffect as r,useUnmountEffect as o}from"primereact/hooks";import{Portal as l}from"primereact/portal";import{DomHandler as a,ZIndexUtils as c,classNames as u,mergeProps as i,ObjectUtils as d}from"primereact/utils";import{ComponentBase as m}from"primereact/componentbase";function f(e){if(Array.isArray(e))return e}function s(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,l,a,c=[],u=!0,i=!1;try{if(l=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;u=!1}else for(;!(u=(r=l.call(t)).done)&&(c.push(r.value),c.length!==n);u=!0);}catch(e){i=!0,o=e}finally{try{if(!u&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(i)throw o}}return c}}function p(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function y(e,n){if(e){if("string"==typeof e)return p(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?p(e,n):void 0}}function b(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var v=m.extend({defaultProps:{__TYPE:"BlockUI",autoZIndex:!0,baseZIndex:0,blocked:!1,className:null,containerClassName:null,containerStyle:null,fullScreen:!1,id:null,onBlocked:null,onUnblocked:null,style:null,template:null,children:void 0}}),k=e.forwardRef((function(m,p){var k,h,S=v.getProps(m),I=e.useState(S.blocked),g=(h=2,f(k=I)||s(k,h)||y(k,h)||b()),x=g[0],E=g[1],w=e.useRef(null),C=e.useRef(null),N=v.setMetaData({props:S}).ptm,A=function(){E(!0)},U=function(){var e=function(){E(!1),S.fullScreen&&a.removeClass(document.body,"p-overflow-hidden"),S.onUnblocked&&S.onUnblocked()};C.current?(a.addClass(C.current,"p-component-overlay-leave"),C.current.addEventListener("animationend",(function(){c.clear(C.current),e()}))):e()},j=function(){if(S.fullScreen&&(a.addClass(document.body,"p-overflow-hidden"),document.activeElement.blur()),S.autoZIndex){var e=S.fullScreen?"modal":"overlay";c.set(e,C.current,n.autoZIndex,S.baseZIndex||n.zIndex[e])}S.onBlocked&&S.onBlocked()};t((function(){x&&A()})),r((function(){S.blocked?A():U()}),[S.blocked]),o((function(){S.fullScreen&&a.removeClass(document.body,"p-overflow-hidden"),c.clear(C.current)})),e.useImperativeHandle(p,(function(){return{props:S,block:A,unblock:U,getElement:function(){return w.current}}}));var B=function(){if(x){var n=S.fullScreen?document.body:"self",t=u("p-blockui p-component-overlay p-component-overlay-enter",{"p-blockui-document":S.fullScreen},S.className),r=S.template?d.getJSXElement(S.template,S):null;return e.createElement(l,{element:e.createElement("div",{ref:C,className:t,style:S.style},r),appendTo:n,onMounted:j})}return null}(),O=u("p-blockui-container",S.containerClassName),Z=i({id:S.id,ref:w,style:S.containerStyle,className:O},v.getOtherProps(S),N("root"));return e.createElement("div",Z,S.children,B)}));k.displayName="BlockUI";export{k as BlockUI};

package/blockui/blockui.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.blockui = (function (exports, React, PrimeReact, hooks, portal, utils) {
+this.primereact.blockui = (function (exports, React, PrimeReact, hooks, portal, utils, componentbase) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -25,21 +25,6 @@ this.primereact.blockui = (function (exports, React, PrimeReact, hooks, portal,
   var React__namespace = /*#__PURE__*/_interopNamespace(React);
   var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
 
-  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 _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
   }
@@ -95,7 +80,7 @@ this.primereact.blockui = (function (exports, React, PrimeReact, hooks, portal,
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
-  var BlockUIBase = {
+  var BlockUIBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'BlockUI',
       autoZIndex: true,
@@ -111,14 +96,8 @@ this.primereact.blockui = (function (exports, React, PrimeReact, hooks, portal,
       style: null,
       template: null,
       children: undefined
-    },
-    getProps: function getProps(props) {
-      return utils.ObjectUtils.getMergedProps(props, BlockUIBase.defaultProps);
-    },
-    getOtherProps: function getOtherProps(props) {
-      return utils.ObjectUtils.getDiffProps(props, BlockUIBase.defaultProps);
     }
-  };
+  });
 
   var BlockUI = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var props = BlockUIBase.getProps(inProps);
@@ -128,6 +107,10 @@ this.primereact.blockui = (function (exports, React, PrimeReact, hooks, portal,
       setVisibleState = _React$useState2[1];
     var elementRef = React__namespace.useRef(null);
     var maskRef = React__namespace.useRef(null);
+    var _BlockUIBase$setMetaD = BlockUIBase.setMetaData({
+        props: props
+      }),
+      ptm = _BlockUIBase$setMetaD.ptm;
     var block = function block() {
       setVisibleState(true);
     };
@@ -200,15 +183,15 @@ this.primereact.blockui = (function (exports, React, PrimeReact, hooks, portal,
       }
       return null;
     };
-    var otherProps = BlockUIBase.getOtherProps(props);
     var mask = createMask();
     var className = utils.classNames('p-blockui-container', props.containerClassName);
-    return /*#__PURE__*/React__namespace.createElement("div", _extends({
+    var rootProps = utils.mergeProps({
       id: props.id,
       ref: elementRef,
-      className: className,
-      style: props.containerStyle
-    }, otherProps), props.children, mask);
+      style: props.containerStyle,
+      className: className
+    }, BlockUIBase.getOtherProps(props), ptm('root'));
+    return /*#__PURE__*/React__namespace.createElement("div", rootProps, props.children, mask);
   });
   BlockUI.displayName = 'BlockUI';
 
@@ -218,4 +201,4 @@ this.primereact.blockui = (function (exports, React, PrimeReact, hooks, portal,
 
   return exports;
 
-})({}, React, primereact.api, primereact.hooks, primereact.portal, primereact.utils);
+})({}, React, primereact.api, primereact.hooks, primereact.portal, primereact.utils, primereact.componentbase);

package/blockui/blockui.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.blockui=function(e,t,n,r,l,o){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(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 u=c(t),i=a(n);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},s.apply(this,arguments)}function f(e){if(Array.isArray(e))return e}function d(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,o,a,c=[],u=!0,i=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(c.push(r.value),c.length!==t);u=!0);}catch(e){i=!0,l=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(i)throw l}}return c}}function p(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 m(e,t){if(e){if("string"==typeof e)return p(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)?p(e,t):void 0}}function b(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var y={defaultProps:{__TYPE:"BlockUI",autoZIndex:!0,baseZIndex:0,blocked:!1,className:null,containerClassName:null,containerStyle:null,fullScreen:!1,id:null,onBlocked:null,onUnblocked:null,style:null,template:null,children:void 0},getProps:function(e){return o.ObjectUtils.getMergedProps(e,y.defaultProps)},getOtherProps:function(e){return o.ObjectUtils.getDiffProps(e,y.defaultProps)}},v=u.forwardRef((function(e,t){var n,a,c=y.getProps(e),p=u.useState(c.blocked),v=(a=2,f(n=p)||d(n,a)||m(n,a)||b()),h=v[0],g=v[1],k=u.useRef(null),O=u.useRef(null),j=function(){g(!0)},I=function(){var e=function(){g(!1),c.fullScreen&&o.DomHandler.removeClass(document.body,"p-overflow-hidden"),c.onUnblocked&&c.onUnblocked()};O.current?(o.DomHandler.addClass(O.current,"p-component-overlay-leave"),O.current.addEventListener("animationend",(function(){o.ZIndexUtils.clear(O.current),e()}))):e()},S=function(){if(c.fullScreen&&(o.DomHandler.addClass(document.body,"p-overflow-hidden"),document.activeElement.blur()),c.autoZIndex){var e=c.fullScreen?"modal":"overlay";o.ZIndexUtils.set(e,O.current,i.default.autoZIndex,c.baseZIndex||i.default.zIndex[e])}c.onBlocked&&c.onBlocked()};r.useMountEffect((function(){h&&j()})),r.useUpdateEffect((function(){c.blocked?j():I()}),[c.blocked]),r.useUnmountEffect((function(){c.fullScreen&&o.DomHandler.removeClass(document.body,"p-overflow-hidden"),o.ZIndexUtils.clear(O.current)})),u.useImperativeHandle(t,(function(){return{props:c,block:j,unblock:I,getElement:function(){return k.current}}}));var P=y.getOtherProps(c),U=function(){if(h){var e=c.fullScreen?document.body:"self",t=o.classNames("p-blockui p-component-overlay p-component-overlay-enter",{"p-blockui-document":c.fullScreen},c.className),n=c.template?o.ObjectUtils.getJSXElement(c.template,c):null;return u.createElement(l.Portal,{element:u.createElement("div",{ref:O,className:t,style:c.style},n),appendTo:e,onMounted:S})}return null}(),E=o.classNames("p-blockui-container",c.containerClassName);return u.createElement("div",s({id:c.id,ref:k,className:E,style:c.containerStyle},P),c.children,U)}));return v.displayName="BlockUI",e.BlockUI=v,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.portal,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.blockui=function(e,t,n,r,l,o,a){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var i=u(t),d=c(n);function s(e){if(Array.isArray(e))return e}function f(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,o,a,c=[],u=!0,i=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(c.push(r.value),c.length!==t);u=!0);}catch(e){i=!0,l=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(i)throw l}}return c}}function m(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 p(e,t){if(e){if("string"==typeof e)return m(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)?m(e,t):void 0}}function b(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var y=a.ComponentBase.extend({defaultProps:{__TYPE:"BlockUI",autoZIndex:!0,baseZIndex:0,blocked:!1,className:null,containerClassName:null,containerStyle:null,fullScreen:!1,id:null,onBlocked:null,onUnblocked:null,style:null,template:null,children:void 0}}),v=i.forwardRef((function(e,t){var n,a,c=y.getProps(e),u=i.useState(c.blocked),m=(a=2,s(n=u)||f(n,a)||p(n,a)||b()),v=m[0],k=m[1],h=i.useRef(null),I=i.useRef(null),S=y.setMetaData({props:c}).ptm,g=function(){k(!0)},j=function(){var e=function(){k(!1),c.fullScreen&&o.DomHandler.removeClass(document.body,"p-overflow-hidden"),c.onUnblocked&&c.onUnblocked()};I.current?(o.DomHandler.addClass(I.current,"p-component-overlay-leave"),I.current.addEventListener("animationend",(function(){o.ZIndexUtils.clear(I.current),e()}))):e()},E=function(){if(c.fullScreen&&(o.DomHandler.addClass(document.body,"p-overflow-hidden"),document.activeElement.blur()),c.autoZIndex){var e=c.fullScreen?"modal":"overlay";o.ZIndexUtils.set(e,I.current,d.default.autoZIndex,c.baseZIndex||d.default.zIndex[e])}c.onBlocked&&c.onBlocked()};r.useMountEffect((function(){v&&g()})),r.useUpdateEffect((function(){c.blocked?g():j()}),[c.blocked]),r.useUnmountEffect((function(){c.fullScreen&&o.DomHandler.removeClass(document.body,"p-overflow-hidden"),o.ZIndexUtils.clear(I.current)})),i.useImperativeHandle(t,(function(){return{props:c,block:g,unblock:j,getElement:function(){return h.current}}}));var O=function(){if(v){var e=c.fullScreen?document.body:"self",t=o.classNames("p-blockui p-component-overlay p-component-overlay-enter",{"p-blockui-document":c.fullScreen},c.className),n=c.template?o.ObjectUtils.getJSXElement(c.template,c):null;return i.createElement(l.Portal,{element:i.createElement("div",{ref:I,className:t,style:c.style},n),appendTo:e,onMounted:E})}return null}(),U=o.classNames("p-blockui-container",c.containerClassName),x=o.mergeProps({id:c.id,ref:h,style:c.containerStyle,className:U},y.getOtherProps(c),S("root"));return i.createElement("div",x,c.children,O)}));return v.displayName="BlockUI",e.BlockUI=v,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.portal,primereact.utils,primereact.componentbase);

package/breadcrumb/breadcrumb.cjs.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var utils = require('primereact/utils');
+var componentbase = require('primereact/componentbase');
 var chevronright = require('primereact/icons/chevronright');
 
 function _interopNamespace(e) {
@@ -26,22 +27,48 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
 }
 
-var BreadCrumbBase = {
+var BreadCrumbBase = componentbase.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'BreadCrumb',
     id: null,
@@ -51,17 +78,17 @@ var BreadCrumbBase = {
     style: null,
     className: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return utils.ObjectUtils.getMergedProps(props, BreadCrumbBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return utils.ObjectUtils.getDiffProps(props, BreadCrumbBase.defaultProps);
   }
-};
+});
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var BreadCrumb = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var props = BreadCrumbBase.getProps(inProps);
+  var _BreadCrumbBase$setMe = BreadCrumbBase.setMetaData({
+      props: props
+    }),
+    ptm = _BreadCrumbBase$setMe.ptm;
   var elementRef = React__namespace.useRef(null);
   var itemClick = function itemClick(event, item) {
     if (item.disabled) {
@@ -94,20 +121,22 @@ var BreadCrumb = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       var _className2 = utils.classNames('p-breadcrumb-home', {
         'p-disabled': disabled
       }, _className);
-      var icon = utils.IconUtils.getJSXIcon(_icon, {
+      var iconProps = utils.mergeProps({
         className: 'p-menuitem-icon'
-      }, {
+      }, ptm('icon'));
+      var icon = utils.IconUtils.getJSXIcon(_icon, _objectSpread({}, iconProps), {
         props: props
       });
-      var content = /*#__PURE__*/React__namespace.createElement("a", {
+      var actionProps = utils.mergeProps({
         href: url || '#',
-        className: "p-menuitem-link",
-        "aria-disabled": disabled,
+        className: 'p-menuitem-link',
+        'aria-disabled': disabled,
         target: target,
         onClick: function onClick(event) {
           return itemClick(event, home);
         }
-      }, icon);
+      }, ptm('action'));
+      var content = /*#__PURE__*/React__namespace.createElement("a", actionProps, icon);
       if (template) {
         var defaultContentOptions = {
           onClick: function onClick(event) {
@@ -120,44 +149,49 @@ var BreadCrumb = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
         };
         content = utils.ObjectUtils.getJSXElement(template, home, defaultContentOptions);
       }
-      return /*#__PURE__*/React__namespace.createElement("li", {
+      var menuitemProps = utils.mergeProps({
         className: _className2,
         style: style
-      }, content);
+      }, ptm('menuitem'));
+      return /*#__PURE__*/React__namespace.createElement("li", menuitemProps, content);
     }
     return null;
   };
   var createSeparator = function createSeparator() {
     var iconClassName = 'p-breadcrumb-chevron';
-    var icon = props.separatorIcon || /*#__PURE__*/React__namespace.createElement(chevronright.ChevronRightIcon, {
-      className: iconClassName
-    });
-    var separatorIcon = utils.IconUtils.getJSXIcon(icon, {
+    var separatorIconProps = utils.mergeProps({
       className: iconClassName
-    }, {
+    }, ptm('separatorIcon'));
+    var icon = props.separatorIcon || /*#__PURE__*/React__namespace.createElement(chevronright.ChevronRightIcon, separatorIconProps);
+    var separatorIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, separatorIconProps), {
       props: props
     });
-    return separatorIcon;
+    var separatorProps = utils.mergeProps({
+      className: 'p-menuitem-separator'
+    }, ptm('separator'));
+    return /*#__PURE__*/React__namespace.createElement("li", separatorProps, separatorIcon);
   };
   var createMenuitem = function createMenuitem(item) {
     if (item.visible === false) {
       return null;
     }
-    var className = utils.classNames(item.className, {
+    var className = utils.classNames('p-menuitem', item.className, {
       'p-disabled': item.disabled
     });
-    var label = item.label && /*#__PURE__*/React__namespace.createElement("span", {
-      className: "p-menuitem-text"
-    }, item.label);
-    var content = /*#__PURE__*/React__namespace.createElement("a", {
+    var labelProps = utils.mergeProps({
+      className: 'p-menuitem-text'
+    }, ptm('label'));
+    var label = item.label && /*#__PURE__*/React__namespace.createElement("span", labelProps, item.label);
+    var actionProps = utils.mergeProps({
       href: item.url || '#',
-      className: "p-menuitem-link",
+      className: 'p-menuitem-link',
       target: item.target,
       onClick: function onClick(event) {
         return itemClick(event, item);
       },
-      "aria-disabled": item.disabled
-    }, label);
+      'aria-disabled': item.disabled
+    }, ptm('action'));
+    var content = /*#__PURE__*/React__namespace.createElement("a", actionProps, label);
     if (item.template) {
       var defaultContentOptions = {
         onClick: function onClick(event) {
@@ -170,10 +204,11 @@ var BreadCrumb = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       };
       content = utils.ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
     }
-    return /*#__PURE__*/React__namespace.createElement("li", {
+    var menuitemProps = utils.mergeProps({
       className: className,
       style: item.style
-    }, content);
+    }, ptm('menuitem'));
+    return /*#__PURE__*/React__namespace.createElement("li", menuitemProps, content);
   };
   var createMenuitems = function createMenuitems() {
     if (props.model) {
@@ -200,18 +235,21 @@ var BreadCrumb = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       }
     };
   });
-  var otherProps = BreadCrumbBase.getOtherProps(props);
   var className = utils.classNames('p-breadcrumb p-component', props.className);
   var home = createHome();
   var items = createMenuitems();
   var separator = createSeparator();
-  return /*#__PURE__*/React__namespace.createElement("nav", _extends({
+  var menuProps = utils.mergeProps({
+    className: 'p-breadcrumb-list'
+  }, ptm('menu'));
+  var rootProps = utils.mergeProps({
     id: props.id,
     ref: elementRef,
     className: className,
     style: props.style,
-    "aria-label": "Breadcrumb"
-  }, otherProps), /*#__PURE__*/React__namespace.createElement("ul", null, home, separator, items));
+    'aria-label': 'Breadcrumb'
+  }, BreadCrumbBase.getOtherProps(props), ptm('root'));
+  return /*#__PURE__*/React__namespace.createElement("nav", rootProps, /*#__PURE__*/React__namespace.createElement("ul", menuProps, home, separator, items));
 }));
 BreadCrumb.displayName = 'BreadCrumb';
 

package/breadcrumb/breadcrumb.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils"),r=require("primereact/icons/chevronright");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 l=n(e);function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},a.apply(this,arguments)}var s={defaultProps:{__TYPE:"BreadCrumb",id:null,model:null,home:null,separatorIcon:null,style:null,className:null,children:void 0},getProps:function(e){return t.ObjectUtils.getMergedProps(e,s.defaultProps)},getOtherProps:function(e){return t.ObjectUtils.getDiffProps(e,s.defaultProps)}},i=l.memo(l.forwardRef((function(e,n){var i=s.getProps(e),u=l.useRef(null),c=function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}))},m=function(){var e="p-breadcrumb-chevron";return t.IconUtils.getJSXIcon(i.separatorIcon||l.createElement(r.ChevronRightIcon,{className:e}),{className:e},{props:i})},o=function(e){if(!1===e.visible)return null;var r=t.classNames(e.className,{"p-disabled":e.disabled}),n=l.createElement("a",{href:e.url||"#",className:"p-menuitem-link",target:e.target,onClick:function(t){return c(t,e)},"aria-disabled":e.disabled},e.label&&l.createElement("span",{className:"p-menuitem-text"},e.label));e.template&&(n=t.ObjectUtils.getJSXElement(e.template,e,{onClick:function(t){return c(t,e)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",element:n,props:i}));return l.createElement("li",{className:r,style:e.style},n)};l.useImperativeHandle(n,(function(){return{props:i,getElement:function(){return u.current}}}));var p=s.getOtherProps(i),f=t.classNames("p-breadcrumb p-component",i.className),d=function(){var e=i.home;if(e){if(!1===e.visible)return null;var r=e.icon,n=e.target,a=e.url,s=e.disabled,u=e.style,m=e.template,o=t.classNames("p-breadcrumb-home",{"p-disabled":s},e.className),p=t.IconUtils.getJSXIcon(r,{className:"p-menuitem-icon"},{props:i}),f=l.createElement("a",{href:a||"#",className:"p-menuitem-link","aria-disabled":s,target:n,onClick:function(t){return c(t,e)}},p);if(m)f=t.ObjectUtils.getJSXElement(m,e,{onClick:function(t){return c(t,e)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",element:f,props:i});return l.createElement("li",{className:o,style:u},f)}return null}(),b=function(){if(i.model){var e=i.model.map((function(e,t){if(!1===e.visible)return null;var r=o(e),n=t===i.model.length-1?null:m();return l.createElement(l.Fragment,{key:e.label+"_"+t},r,n)}));return e}return null}(),v=m();return l.createElement("nav",a({id:i.id,ref:u,className:f,style:i.style,"aria-label":"Breadcrumb"},p),l.createElement("ul",null,d,v,b))})));i.displayName="BreadCrumb",exports.BreadCrumb=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/utils"),t=require("primereact/componentbase"),n=require("primereact/icons/chevronright");function a(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var l=a(e);function o(e){return o="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},o(e)}function i(e,r){if("object"!==o(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r||"default");if("object"!==o(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}function u(e){var r=i(e,"string");return"symbol"===o(r)?r:String(r)}function c(e,r,t){return(r=u(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}var s=t.ComponentBase.extend({defaultProps:{__TYPE:"BreadCrumb",id:null,model:null,home:null,separatorIcon:null,style:null,className:null,children:void 0}});function m(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function p(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?m(Object(t),!0).forEach((function(r){c(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):m(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var b=l.memo(l.forwardRef((function(e,t){var a=s.getProps(e),o=s.setMetaData({props:a}).ptm,i=l.useRef(null),u=function(e,r){r.disabled?e.preventDefault():(r.url||e.preventDefault(),r.command&&r.command({originalEvent:e,item:r}))},c=function(){var e=r.mergeProps({className:"p-breadcrumb-chevron"},o("separatorIcon")),t=r.IconUtils.getJSXIcon(a.separatorIcon||l.createElement(n.ChevronRightIcon,e),p({},e),{props:a}),i=r.mergeProps({className:"p-menuitem-separator"},o("separator"));return l.createElement("li",i,t)},m=function(e){if(!1===e.visible)return null;var t=r.classNames("p-menuitem",e.className,{"p-disabled":e.disabled}),n=r.mergeProps({className:"p-menuitem-text"},o("label")),i=e.label&&l.createElement("span",n,e.label),c=r.mergeProps({href:e.url||"#",className:"p-menuitem-link",target:e.target,onClick:function(r){return u(r,e)},"aria-disabled":e.disabled},o("action")),s=l.createElement("a",c,i);e.template&&(s=r.ObjectUtils.getJSXElement(e.template,e,{onClick:function(r){return u(r,e)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",element:s,props:a}));var m=r.mergeProps({className:t,style:e.style},o("menuitem"));return l.createElement("li",m,s)};l.useImperativeHandle(t,(function(){return{props:a,getElement:function(){return i.current}}}));var b=r.classNames("p-breadcrumb p-component",a.className),f=function(){var e=a.home;if(e){if(!1===e.visible)return null;var t=e.icon,n=e.target,i=e.url,c=e.disabled,s=e.style,m=e.template,b=r.classNames("p-breadcrumb-home",{"p-disabled":c},e.className),f=r.mergeProps({className:"p-menuitem-icon"},o("icon")),d=r.IconUtils.getJSXIcon(t,p({},f),{props:a}),v=r.mergeProps({href:i||"#",className:"p-menuitem-link","aria-disabled":c,target:n,onClick:function(r){return u(r,e)}},o("action")),g=l.createElement("a",v,d);if(m)g=r.ObjectUtils.getJSXElement(m,e,{onClick:function(r){return u(r,e)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",element:g,props:a});var y=r.mergeProps({className:b,style:s},o("menuitem"));return l.createElement("li",y,g)}return null}(),d=function(){if(a.model){var e=a.model.map((function(e,r){if(!1===e.visible)return null;var t=m(e),n=r===a.model.length-1?null:c();return l.createElement(l.Fragment,{key:e.label+"_"+r},t,n)}));return e}return null}(),v=c(),g=r.mergeProps({className:"p-breadcrumb-list"},o("menu")),y=r.mergeProps({id:a.id,ref:i,className:b,style:a.style,"aria-label":"Breadcrumb"},s.getOtherProps(a),o("root"));return l.createElement("nav",y,l.createElement("ul",g,f,v,d))})));b.displayName="BreadCrumb",exports.BreadCrumb=b;

package/breadcrumb/breadcrumb.d.ts

@@ -9,8 +9,55 @@
  */
 import * as React from 'react';
 import { MenuItem } from '../menuitem';
-import { IconType } from '../utils/utils';
+import { IconType, PassThroughType } from '../utils/utils';
 
+export declare type BreadCrumbPassThroughType<T> = PassThroughType<T, BreadCrumbPassThroughMethodOptions>;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface BreadCrumbPassThroughMethodOptions {
+    props: BreadCrumbProps;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link BreadCrumbProps.pt}
+ */
+export interface BreadCrumbPassThroughOptions {
+    /**
+     * Uses to pass attributes to the root's DOM element.
+     */
+    root?: BreadCrumbPassThroughType<React.HTMLAttributes<HTMLElement>>;
+    /**
+     * Uses to pass attributes to the list's DOM element.
+     */
+    menu?: BreadCrumbPassThroughType<React.HTMLAttributes<HTMLUListElement>>;
+    /**
+     * Uses to pass attributes to the list item's DOM element.
+     */
+    menuitem?: BreadCrumbPassThroughType<React.HTMLAttributes<HTMLLIElement>>;
+    /**
+     * Uses to pass attributes to the action's DOM element.
+     */
+    action?: BreadCrumbPassThroughType<React.HTMLAttributes<HTMLAnchorElement>>;
+    /**
+     * Uses to pass attributes to the icon's DOM element.
+     */
+    icon?: BreadCrumbPassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the label's DOM element.
+     */
+    label?: BreadCrumbPassThroughType<React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the separator's DOM element.
+     */
+    separator?: BreadCrumbPassThroughType<React.HTMLAttributes<HTMLLIElement>>;
+    /**
+     * Uses to pass attributes to the separator icon's DOM element.
+     */
+    separatorIcon?: BreadCrumbPassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLSpanElement>>;
+}
 /**
  * Defines valid properties in BreadCrumb component. In addition to these, all properties of HTMLElement can be used in this component.
  * @group Properties
@@ -33,6 +80,11 @@ export interface BreadCrumbProps extends Omit<React.DetailedHTMLProps<React.HTML
      * @readonly
      */
     children?: React.ReactNode | undefined;
+    /**
+     * Uses to pass attributes to DOM elements inside the component.
+     * @type {BreadCrumbPassThroughOptions}
+     */
+    pt?: BreadCrumbPassThroughOptions;
 }
 
 /**