primereact 9.3.1 → 9.5.0

package/breadcrumb/breadcrumb.esm.js

@@ -1,23 +1,50 @@
 import * as React from 'react';
-import { ObjectUtils, classNames, IconUtils } from 'primereact/utils';
+import { classNames, mergeProps, IconUtils, ObjectUtils } from 'primereact/utils';
+import { ComponentBase } from 'primereact/componentbase';
 import { ChevronRightIcon } from 'primereact/icons/chevronright';
 
-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.extend({
   defaultProps: {
     __TYPE: 'BreadCrumb',
     id: null,
@@ -27,17 +54,17 @@ var BreadCrumbBase = {
     style: null,
     className: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return ObjectUtils.getMergedProps(props, BreadCrumbBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return 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.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var props = BreadCrumbBase.getProps(inProps);
+  var _BreadCrumbBase$setMe = BreadCrumbBase.setMetaData({
+      props: props
+    }),
+    ptm = _BreadCrumbBase$setMe.ptm;
   var elementRef = React.useRef(null);
   var itemClick = function itemClick(event, item) {
     if (item.disabled) {
@@ -70,20 +97,22 @@ var BreadCrumb = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       var _className2 = classNames('p-breadcrumb-home', {
         'p-disabled': disabled
       }, _className);
-      var icon = IconUtils.getJSXIcon(_icon, {
+      var iconProps = mergeProps({
         className: 'p-menuitem-icon'
-      }, {
+      }, ptm('icon'));
+      var icon = IconUtils.getJSXIcon(_icon, _objectSpread({}, iconProps), {
         props: props
       });
-      var content = /*#__PURE__*/React.createElement("a", {
+      var actionProps = 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.createElement("a", actionProps, icon);
       if (template) {
         var defaultContentOptions = {
           onClick: function onClick(event) {
@@ -96,44 +125,49 @@ var BreadCrumb = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
         };
         content = ObjectUtils.getJSXElement(template, home, defaultContentOptions);
       }
-      return /*#__PURE__*/React.createElement("li", {
+      var menuitemProps = mergeProps({
         className: _className2,
         style: style
-      }, content);
+      }, ptm('menuitem'));
+      return /*#__PURE__*/React.createElement("li", menuitemProps, content);
     }
     return null;
   };
   var createSeparator = function createSeparator() {
     var iconClassName = 'p-breadcrumb-chevron';
-    var icon = props.separatorIcon || /*#__PURE__*/React.createElement(ChevronRightIcon, {
-      className: iconClassName
-    });
-    var separatorIcon = IconUtils.getJSXIcon(icon, {
+    var separatorIconProps = mergeProps({
       className: iconClassName
-    }, {
+    }, ptm('separatorIcon'));
+    var icon = props.separatorIcon || /*#__PURE__*/React.createElement(ChevronRightIcon, separatorIconProps);
+    var separatorIcon = IconUtils.getJSXIcon(icon, _objectSpread({}, separatorIconProps), {
       props: props
     });
-    return separatorIcon;
+    var separatorProps = mergeProps({
+      className: 'p-menuitem-separator'
+    }, ptm('separator'));
+    return /*#__PURE__*/React.createElement("li", separatorProps, separatorIcon);
   };
   var createMenuitem = function createMenuitem(item) {
     if (item.visible === false) {
       return null;
     }
-    var className = classNames(item.className, {
+    var className = classNames('p-menuitem', item.className, {
       'p-disabled': item.disabled
     });
-    var label = item.label && /*#__PURE__*/React.createElement("span", {
-      className: "p-menuitem-text"
-    }, item.label);
-    var content = /*#__PURE__*/React.createElement("a", {
+    var labelProps = mergeProps({
+      className: 'p-menuitem-text'
+    }, ptm('label'));
+    var label = item.label && /*#__PURE__*/React.createElement("span", labelProps, item.label);
+    var actionProps = 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.createElement("a", actionProps, label);
     if (item.template) {
       var defaultContentOptions = {
         onClick: function onClick(event) {
@@ -146,10 +180,11 @@ var BreadCrumb = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       };
       content = ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
     }
-    return /*#__PURE__*/React.createElement("li", {
+    var menuitemProps = mergeProps({
       className: className,
       style: item.style
-    }, content);
+    }, ptm('menuitem'));
+    return /*#__PURE__*/React.createElement("li", menuitemProps, content);
   };
   var createMenuitems = function createMenuitems() {
     if (props.model) {
@@ -176,18 +211,21 @@ var BreadCrumb = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       }
     };
   });
-  var otherProps = BreadCrumbBase.getOtherProps(props);
   var className = classNames('p-breadcrumb p-component', props.className);
   var home = createHome();
   var items = createMenuitems();
   var separator = createSeparator();
-  return /*#__PURE__*/React.createElement("nav", _extends({
+  var menuProps = mergeProps({
+    className: 'p-breadcrumb-list'
+  }, ptm('menu'));
+  var rootProps = mergeProps({
     id: props.id,
     ref: elementRef,
     className: className,
     style: props.style,
-    "aria-label": "Breadcrumb"
-  }, otherProps), /*#__PURE__*/React.createElement("ul", null, home, separator, items));
+    'aria-label': 'Breadcrumb'
+  }, BreadCrumbBase.getOtherProps(props), ptm('root'));
+  return /*#__PURE__*/React.createElement("nav", rootProps, /*#__PURE__*/React.createElement("ul", menuProps, home, separator, items));
 }));
 BreadCrumb.displayName = 'BreadCrumb';
 

package/breadcrumb/breadcrumb.esm.min.js

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

package/breadcrumb/breadcrumb.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.breadcrumb = (function (exports, React, utils, chevronright) {
+this.primereact.breadcrumb = (function (exports, React, utils, componentbase, chevronright) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -22,22 +22,48 @@ this.primereact.breadcrumb = (function (exports, React, utils, chevronright) {
 
   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,
@@ -47,17 +73,17 @@ this.primereact.breadcrumb = (function (exports, React, utils, chevronright) {
       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) {
@@ -90,20 +116,22 @@ this.primereact.breadcrumb = (function (exports, React, utils, chevronright) {
         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) {
@@ -116,44 +144,49 @@ this.primereact.breadcrumb = (function (exports, React, utils, chevronright) {
           };
           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) {
@@ -166,10 +199,11 @@ this.primereact.breadcrumb = (function (exports, React, utils, chevronright) {
         };
         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) {
@@ -196,18 +230,21 @@ this.primereact.breadcrumb = (function (exports, React, utils, chevronright) {
         }
       };
     });
-    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';
 
@@ -217,4 +254,4 @@ this.primereact.breadcrumb = (function (exports, React, utils, chevronright) {
 
   return exports;
 
-})({}, React, primereact.utils, primereact.icons.chevronright);
+})({}, React, primereact.utils, primereact.componentbase, primereact.icons.chevronright);

package/breadcrumb/breadcrumb.min.css

@@ -1 +1 @@
-.p-breadcrumb{overflow-x:auto}.p-breadcrumb ul{margin:0;padding:0;list-style-type:none;display:flex;align-items:center;flex-wrap:nowrap}.p-breadcrumb .p-menuitem-text{line-height:1}.p-breadcrumb .p-menuitem-link{text-decoration:none;display:flex;align-items:center}.p-breadcrumb::-webkit-scrollbar{display:none}
+.p-breadcrumb{overflow-x:auto}.p-breadcrumb ul{margin:0;padding:0;list-style-type:none;display:flex;align-items:center;flex-wrap:nowrap}.p-breadcrumb .p-menuitem-text{line-height:1}.p-breadcrumb .p-menuitem-link{text-decoration:none;display:flex;align-items:center}.p-breadcrumb .p-menuitem-separator{display:flex;align-items:center}.p-breadcrumb::-webkit-scrollbar{display:none}

package/breadcrumb/breadcrumb.min.js

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