primereact 10.0.0 → 10.0.2

package/menu/menu.esm.min.mjs

@@ -1 +0,0 @@
-import*as e from"react";import t,{PrimeReactContext as n}from"primereact/api";import{ComponentBase as r,useHandleStyle as i}from"primereact/componentbase";import{CSSTransition as o}from"primereact/csstransition";import{useOverlayListener as a,useMountEffect as u,useUnmountEffect as l}from"primereact/hooks";import{OverlayService as c}from"primereact/overlayservice";import{Portal as s}from"primereact/portal";import{classNames as p,UniqueComponentId as m,ZIndexUtils as d,mergeProps as f,DomHandler as b,IconUtils as y,ObjectUtils as v}from"primereact/utils";function g(){return g=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},g.apply(this,arguments)}function h(e){return h="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},h(e)}function O(e,t){if("object"!==h(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==h(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function x(e){var t=O(e,"string");return"symbol"===h(t)?t:String(t)}function S(e){if(Array.isArray(e))return e}function E(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,a,u=[],l=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=o.call(n)).done)&&(u.push(r.value),u.length!==t);l=!0);}catch(e){c=!0,i=e}finally{try{if(!l&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw i}}return u}}function w(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 j(e,t){if(e){if("string"==typeof e)return w(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)?w(e,t):void 0}}function N(){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 P(e,t){return S(e)||E(e,t)||j(e,t)||N()}var k=r.extend({defaultProps:{__TYPE:"Menu",id:null,model:null,popup:!1,popupAlignment:"left",style:null,className:null,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null,children:void 0},css:{classes:{root:function(e){var n=e.context;return p("p-menu p-component",{"p-menu-overlay":e.props.popup,"p-input-filled":n&&"filled"===n.inputStyle||"filled"===t.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===t.ripple})},menu:"p-menu-list p-reset",action:function(e){return p("p-menuitem-link",{"p-disabled":e.item.disabled})},menuitem:"p-menuitem",submenuHeader:function(e){return p("p-submenu-header",{"p-disabled":e.submenu.disabled})},separator:"p-menu-separator",label:"p-menuitem-text",icon:"p-menuitem-icon",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-menu-overlay {\n        position: absolute;\n        /* Github #3122: Prevent animation flickering  */\n        top: -9999px;\n        left: -9999px;\n    }\n    \n    .p-menu ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n    \n    .p-menu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-menu .p-menuitem-text {\n        line-height: 1;\n    }\n}\n",inlineStyles:{submenuHeader:function(e){return e.submenu.style},menuitem:function(e){return e.item.style}}}});function I(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 A(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?I(Object(n),!0).forEach((function(t){var r,i,o;r=e,o=n[t],(i=x(i=t))in r?Object.defineProperty(r,i,{value:o,enumerable:!0,configurable:!0,writable:!0}):r[i]=o})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):I(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var D=e.memo(e.forwardRef((function(r,h){var O=e.useContext(n),x=k.getProps(r,O),S=P(e.useState(x.id),2),E=S[0],w=S[1],j=P(e.useState(!x.popup),2),N=j[0],I=j[1],D=k.setMetaData({props:x,state:{id:E,visible:N}}),T=D.ptm,H=D.cx,C=D.sx;i(k.css.styles,D.isUnstyled,{name:"menu"});var _=e.useRef(null),Z=e.useRef(null),M=P(a({target:Z,overlay:_,listener:function(e,t){t.valid&&Y(e)},when:N}),2),R=M[0],z=M[1],J=function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),x.popup&&Y(e))},K=function(e,t){var n=e.currentTarget.parentElement;switch(e.which){case 40:var r=U(n);r&&r.children[0].focus(),e.preventDefault();break;case 38:var i=X(n);i&&i.children[0].focus(),e.preventDefault()}},U=function e(t){var n=t.nextElementSibling;return n?b.getAttribute(n,'[data-p-disabled="true"]')||!b.getAttribute(n,'[data-pc-section="menuitem"]')?e(n):n:null},X=function e(t){var n=t.previousElementSibling;return n?b.getAttribute(n,'[data-p-disabled="true"]')||!b.getAttribute(n,'[data-pc-section="menuitem"]')?e(n):n:null},F=function(e){x.popup&&(N?Y(e):G(e))},G=function(e){Z.current=e.currentTarget,I(!0),x.onShow&&x.onShow(e)},Y=function(e){Z.current=e.currentTarget,I(!1),x.onHide&&x.onHide(e)},$=function(){b.addStyles(_.current,{position:"absolute",top:"0",left:"0"}),d.set("menu",_.current,O&&O.autoZIndex||t.autoZIndex,x.baseZIndex||O&&O.zIndex.menu||t.zIndex.menu),b.absolutePosition(_.current,Z.current,x.popupAlignment)},q=function(){R()},B=function(){Z.current=null,z()},L=function(){d.clear(_.current)};u((function(){E||w(m())})),l((function(){d.clear(_.current)})),e.useImperativeHandle(h,(function(){return{props:x,toggle:F,show:G,hide:Y,getElement:function(){return _.current},getTarget:function(){return Z.current}}}));var Q=function(t,n){var r=E+"_sub_"+n,i=t.items.map(W),o=f({id:r,key:r,role:"presentation",className:p(t.className,H("submenuHeader",{submenu:t})),style:C("submenuHeader",{submenu:t}),"data-p-disabled":t.disabled},T("submenuHeader"));return e.createElement(e.Fragment,{key:r},e.createElement("li",o,t.label),i)},V=function(t){var n=E+"_separator_"+t,r=f({id:n,key:n,className:H("separator"),role:"separator"},T("separator"));return e.createElement("li",r)},W=function(t,n){if(!1===t.visible)return null;var r=p("p-menuitem-link",{"p-disabled":t.disabled}),i=p("p-menuitem-icon",t.icon),o=f({className:H("icon")},T("icon")),a=y.getJSXIcon(t.icon,A({},o),{props:x}),u=f({className:H("label")},T("label")),l=t.label&&e.createElement("span",u,t.label),c=t.disabled?null:0,s=t.id||E+"_"+n,m=f({href:t.url||"#",className:H("action",{item:t}),role:"menuitem",target:t.target,onClick:function(e){return J(e,t)},onKeyDown:function(e){return K(e)},tabIndex:c,"aria-disabled":t.disabled,"data-p-disabled":t.disabled},T("action")),d=e.createElement("a",m,a,l);t.template&&(d=v.getJSXElement(t.template,t,{onClick:function(e){return J(e,t)},onKeyDown:function(e){return K(e)},className:r,tabIndex:c,labelClassName:"p-menuitem-text",iconClassName:i,element:d,props:x}));var b=f({id:s,key:s,className:p(t.className,H("menuitem")),style:C("menuitem",{item:t}),role:"none","data-p-disabled":t.disabled||!1},T("menuitem"));return e.createElement("li",b,d)},ee=function(e,t){return e.separator?V(t):e.items?Q(e,t):W(e,t)},te=function(){if(x.model){var t=x.model.map(ee),n=f({className:p(x.className,H("root",{context:O})),style:x.style,onClick:function(e){return t=e,void(x.popup&&c.emit("overlay-click",{originalEvent:t,target:Z.current}));var t}},k.getOtherProps(x),T("root")),r=f({className:H("menu"),role:"menu"},T("menu")),i=f({classNames:H("transition"),in:N,timeout:{enter:120,exit:100},options:x.transitionOptions,unmountOnExit:!0,onEnter:$,onEntered:q,onExit:B,onExited:L},T("transition"));return e.createElement(o,g({nodeRef:_},i),e.createElement("div",g({id:x.id,ref:_},n),e.createElement("ul",r,t)))}return null}();return x.popup?e.createElement(s,{element:te,appendTo:x.appendTo}):te})));D.displayName="Menu";export{D as Menu};

package/menu/menu.esm.mjs

@@ -1,484 +0,0 @@
-'use client';
-import * as React from 'react';
-import PrimeReact, { PrimeReactContext } from 'primereact/api';
-import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
-import { CSSTransition } from 'primereact/csstransition';
-import { useOverlayListener, useMountEffect, useUnmountEffect } from 'primereact/hooks';
-import { OverlayService } from 'primereact/overlayservice';
-import { Portal } from 'primereact/portal';
-import { classNames, UniqueComponentId, ZIndexUtils, mergeProps, DomHandler, IconUtils, ObjectUtils } 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);
-}
-
-function _typeof(o) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
-    return typeof o;
-  } : function (o) {
-    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, _typeof(o);
-}
-
-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;
-}
-
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-
-function _iterableToArrayLimit(r, l) {
-  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
-  if (null != t) {
-    var e,
-      n,
-      i,
-      u,
-      a = [],
-      f = !0,
-      o = !1;
-    try {
-      if (i = (t = t.call(r)).next, 0 === l) {
-        if (Object(t) !== t) return;
-        f = !1;
-      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
-    } catch (r) {
-      o = !0, n = r;
-    } finally {
-      try {
-        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
-      } finally {
-        if (o) throw n;
-      }
-    }
-    return a;
-  }
-}
-
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-  return arr2;
-}
-
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-
-function _nonIterableRest() {
-  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 _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
-
-var styles = "\n@layer primereact {\n    .p-menu-overlay {\n        position: absolute;\n        /* Github #3122: Prevent animation flickering  */\n        top: -9999px;\n        left: -9999px;\n    }\n    \n    .p-menu ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n    \n    .p-menu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-menu .p-menuitem-text {\n        line-height: 1;\n    }\n}\n";
-var classes = {
-  root: function root(_ref) {
-    var props = _ref.props,
-      context = _ref.context;
-    return classNames('p-menu p-component', {
-      'p-menu-overlay': props.popup,
-      'p-input-filled': context && context.inputStyle === 'filled' || PrimeReact.inputStyle === 'filled',
-      'p-ripple-disabled': context && context.ripple === false || PrimeReact.ripple === false
-    });
-  },
-  menu: 'p-menu-list p-reset',
-  action: function action(_ref2) {
-    var item = _ref2.item;
-    return classNames('p-menuitem-link', {
-      'p-disabled': item.disabled
-    });
-  },
-  menuitem: 'p-menuitem',
-  submenuHeader: function submenuHeader(_ref3) {
-    var submenu = _ref3.submenu;
-    return classNames('p-submenu-header', {
-      'p-disabled': submenu.disabled
-    });
-  },
-  separator: 'p-menu-separator',
-  label: 'p-menuitem-text',
-  icon: 'p-menuitem-icon',
-  transition: 'p-connected-overlay'
-};
-var inlineStyles = {
-  submenuHeader: function submenuHeader(_ref4) {
-    var submenu = _ref4.submenu;
-    return submenu.style;
-  },
-  menuitem: function menuitem(_ref5) {
-    var item = _ref5.item;
-    return item.style;
-  }
-};
-var MenuBase = ComponentBase.extend({
-  defaultProps: {
-    __TYPE: 'Menu',
-    id: null,
-    model: null,
-    popup: false,
-    popupAlignment: 'left',
-    style: null,
-    className: null,
-    autoZIndex: true,
-    baseZIndex: 0,
-    appendTo: null,
-    transitionOptions: null,
-    onShow: null,
-    onHide: null,
-    children: undefined
-  },
-  css: {
-    classes: classes,
-    styles: styles,
-    inlineStyles: inlineStyles
-  }
-});
-
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Menu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
-  var context = React.useContext(PrimeReactContext);
-  var props = MenuBase.getProps(inProps, context);
-  var _React$useState = React.useState(props.id),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    idState = _React$useState2[0],
-    setIdState = _React$useState2[1];
-  var _React$useState3 = React.useState(!props.popup),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    visibleState = _React$useState4[0],
-    setVisibleState = _React$useState4[1];
-  var _MenuBase$setMetaData = MenuBase.setMetaData({
-      props: props,
-      state: {
-        id: idState,
-        visible: visibleState
-      }
-    }),
-    ptm = _MenuBase$setMetaData.ptm,
-    cx = _MenuBase$setMetaData.cx,
-    sx = _MenuBase$setMetaData.sx,
-    isUnstyled = _MenuBase$setMetaData.isUnstyled;
-  useHandleStyle(MenuBase.css.styles, isUnstyled, {
-    name: 'menu'
-  });
-  var menuRef = React.useRef(null);
-  var targetRef = React.useRef(null);
-  var _useOverlayListener = useOverlayListener({
-      target: targetRef,
-      overlay: menuRef,
-      listener: function listener(event, _ref) {
-        var valid = _ref.valid;
-        valid && hide(event);
-      },
-      when: visibleState
-    }),
-    _useOverlayListener2 = _slicedToArray(_useOverlayListener, 2),
-    bindOverlayListener = _useOverlayListener2[0],
-    unbindOverlayListener = _useOverlayListener2[1];
-  var onPanelClick = function onPanelClick(event) {
-    if (props.popup) {
-      OverlayService.emit('overlay-click', {
-        originalEvent: event,
-        target: targetRef.current
-      });
-    }
-  };
-  var onItemClick = function onItemClick(event, item) {
-    if (item.disabled) {
-      event.preventDefault();
-      return;
-    }
-    if (!item.url) {
-      event.preventDefault();
-    }
-    if (item.command) {
-      item.command({
-        originalEvent: event,
-        item: item
-      });
-    }
-    if (props.popup) {
-      hide(event);
-    }
-  };
-  var onItemKeyDown = function onItemKeyDown(event, item) {
-    var listItem = event.currentTarget.parentElement;
-    switch (event.which) {
-      //down
-      case 40:
-        var nextItem = findNextItem(listItem);
-        nextItem && nextItem.children[0].focus();
-        event.preventDefault();
-        break;
-
-      //up
-      case 38:
-        var prevItem = findPrevItem(listItem);
-        prevItem && prevItem.children[0].focus();
-        event.preventDefault();
-        break;
-    }
-  };
-  var findNextItem = function findNextItem(item) {
-    var nextItem = item.nextElementSibling;
-    return nextItem ? DomHandler.getAttribute(nextItem, '[data-p-disabled="true"]') || !DomHandler.getAttribute(nextItem, '[data-pc-section="menuitem"]') ? findNextItem(nextItem) : nextItem : null;
-  };
-  var findPrevItem = function findPrevItem(item) {
-    var prevItem = item.previousElementSibling;
-    return prevItem ? DomHandler.getAttribute(prevItem, '[data-p-disabled="true"]') || !DomHandler.getAttribute(prevItem, '[data-pc-section="menuitem"]') ? findPrevItem(prevItem) : prevItem : null;
-  };
-  var toggle = function toggle(event) {
-    if (props.popup) {
-      visibleState ? hide(event) : show(event);
-    }
-  };
-  var show = function show(event) {
-    targetRef.current = event.currentTarget;
-    setVisibleState(true);
-    props.onShow && props.onShow(event);
-  };
-  var hide = function hide(event) {
-    targetRef.current = event.currentTarget;
-    setVisibleState(false);
-    props.onHide && props.onHide(event);
-  };
-  var onEnter = function onEnter() {
-    DomHandler.addStyles(menuRef.current, {
-      position: 'absolute',
-      top: '0',
-      left: '0'
-    });
-    ZIndexUtils.set('menu', menuRef.current, context && context.autoZIndex || PrimeReact.autoZIndex, props.baseZIndex || context && context.zIndex['menu'] || PrimeReact.zIndex['menu']);
-    DomHandler.absolutePosition(menuRef.current, targetRef.current, props.popupAlignment);
-  };
-  var onEntered = function onEntered() {
-    bindOverlayListener();
-  };
-  var onExit = function onExit() {
-    targetRef.current = null;
-    unbindOverlayListener();
-  };
-  var onExited = function onExited() {
-    ZIndexUtils.clear(menuRef.current);
-  };
-  useMountEffect(function () {
-    if (!idState) {
-      setIdState(UniqueComponentId());
-    }
-  });
-  useUnmountEffect(function () {
-    ZIndexUtils.clear(menuRef.current);
-  });
-  React.useImperativeHandle(ref, function () {
-    return {
-      props: props,
-      toggle: toggle,
-      show: show,
-      hide: hide,
-      getElement: function getElement() {
-        return menuRef.current;
-      },
-      getTarget: function getTarget() {
-        return targetRef.current;
-      }
-    };
-  });
-  var createSubmenu = function createSubmenu(submenu, index) {
-    var key = idState + '_sub_' + index;
-    var items = submenu.items.map(createMenuItem);
-    var submenuHeaderProps = mergeProps({
-      id: key,
-      key: key,
-      role: 'presentation',
-      className: classNames(submenu.className, cx('submenuHeader', {
-        submenu: submenu
-      })),
-      style: sx('submenuHeader', {
-        submenu: submenu
-      }),
-      'data-p-disabled': submenu.disabled
-    }, ptm('submenuHeader'));
-    return /*#__PURE__*/React.createElement(React.Fragment, {
-      key: key
-    }, /*#__PURE__*/React.createElement("li", submenuHeaderProps, submenu.label), items);
-  };
-  var createSeparator = function createSeparator(index) {
-    var key = idState + '_separator_' + index;
-    var separatorProps = mergeProps({
-      id: key,
-      key: key,
-      className: cx('separator'),
-      role: 'separator'
-    }, ptm('separator'));
-    return /*#__PURE__*/React.createElement("li", separatorProps);
-  };
-  var createMenuItem = function createMenuItem(item, index) {
-    if (item.visible === false) {
-      return null;
-    }
-    var linkClassName = classNames('p-menuitem-link', {
-      'p-disabled': item.disabled
-    });
-    var iconClassName = classNames('p-menuitem-icon', item.icon);
-    var iconProps = mergeProps({
-      className: cx('icon')
-    }, ptm('icon'));
-    var icon = IconUtils.getJSXIcon(item.icon, _objectSpread({}, iconProps), {
-      props: props
-    });
-    var labelProps = mergeProps({
-      className: cx('label')
-    }, ptm('label'));
-    var label = item.label && /*#__PURE__*/React.createElement("span", labelProps, item.label);
-    var tabIndex = item.disabled ? null : 0;
-    var key = item.id || idState + '_' + index;
-    var actionProps = mergeProps({
-      href: item.url || '#',
-      className: cx('action', {
-        item: item
-      }),
-      role: 'menuitem',
-      target: item.target,
-      onClick: function onClick(event) {
-        return onItemClick(event, item);
-      },
-      onKeyDown: function onKeyDown(event) {
-        return onItemKeyDown(event);
-      },
-      tabIndex: tabIndex,
-      'aria-disabled': item.disabled,
-      'data-p-disabled': item.disabled
-    }, ptm('action'));
-    var content = /*#__PURE__*/React.createElement("a", actionProps, icon, label);
-    if (item.template) {
-      var defaultContentOptions = {
-        onClick: function onClick(event) {
-          return onItemClick(event, item);
-        },
-        onKeyDown: function onKeyDown(event) {
-          return onItemKeyDown(event);
-        },
-        className: linkClassName,
-        tabIndex: tabIndex,
-        labelClassName: 'p-menuitem-text',
-        iconClassName: iconClassName,
-        element: content,
-        props: props
-      };
-      content = ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
-    }
-    var menuitemProps = mergeProps({
-      id: key,
-      key: key,
-      className: classNames(item.className, cx('menuitem')),
-      style: sx('menuitem', {
-        item: item
-      }),
-      role: 'none',
-      'data-p-disabled': item.disabled || false
-    }, ptm('menuitem'));
-    return /*#__PURE__*/React.createElement("li", menuitemProps, content);
-  };
-  var createItem = function createItem(item, index) {
-    return item.separator ? createSeparator(index) : item.items ? createSubmenu(item, index) : createMenuItem(item, index);
-  };
-  var createMenu = function createMenu() {
-    return props.model.map(createItem);
-  };
-  var createElement = function createElement() {
-    if (props.model) {
-      var menuitems = createMenu();
-      var rootProps = mergeProps({
-        className: classNames(props.className, cx('root', {
-          context: context
-        })),
-        style: props.style,
-        onClick: function onClick(e) {
-          return onPanelClick(e);
-        }
-      }, MenuBase.getOtherProps(props), ptm('root'));
-      var menuProps = mergeProps({
-        className: cx('menu'),
-        role: 'menu'
-      }, ptm('menu'));
-      var transitionProps = mergeProps({
-        classNames: cx('transition'),
-        "in": visibleState,
-        timeout: {
-          enter: 120,
-          exit: 100
-        },
-        options: props.transitionOptions,
-        unmountOnExit: true,
-        onEnter: onEnter,
-        onEntered: onEntered,
-        onExit: onExit,
-        onExited: onExited
-      }, ptm('transition'));
-      return /*#__PURE__*/React.createElement(CSSTransition, _extends({
-        nodeRef: menuRef
-      }, transitionProps), /*#__PURE__*/React.createElement("div", _extends({
-        id: props.id,
-        ref: menuRef
-      }, rootProps), /*#__PURE__*/React.createElement("ul", menuProps, menuitems)));
-    }
-    return null;
-  };
-  var element = createElement();
-  return props.popup ? /*#__PURE__*/React.createElement(Portal, {
-    element: element,
-    appendTo: props.appendTo
-  }) : element;
-}));
-Menu.displayName = 'Menu';
-
-export { Menu };

package/menubar/menubar.esm.min.mjs

@@ -1 +0,0 @@
-import*as e from"react";import n,{PrimeReactContext as t}from"primereact/api";import{ComponentBase as r,useHandleStyle as o}from"primereact/componentbase";import{useEventListener as i,useMountEffect as u,useUpdateEffect as a,useUnmountEffect as l}from"primereact/hooks";import{BarsIcon as c}from"primereact/icons/bars";import{classNames as m,mergeProps as s,IconUtils as p,ObjectUtils as f,DomHandler as b,UniqueComponentId as d,ZIndexUtils as y}from"primereact/utils";import{AngleDownIcon as v}from"primereact/icons/angledown";import{AngleRightIcon as g}from"primereact/icons/angleright";import{Ripple as h}from"primereact/ripple";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 S(e,n){if("object"!==O(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==O(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function w(e){var n=S(e,"string");return"symbol"===O(n)?n:String(n)}function E(e,n,t){return(n=w(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function j(e){if(Array.isArray(e))return e}function P(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,u,a=[],l=!0,c=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=i.call(t)).done)&&(a.push(r.value),a.length!==n);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(c)throw o}}return a}}function I(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 N(e,n){if(e){if("string"==typeof e)return I(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)?I(e,n):void 0}}function x(){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 k(e,n){return j(e)||P(e,n)||N(e,n)||x()}var D=r.extend({defaultProps:{__TYPE:"Menubar",id:null,model:null,style:null,className:null,start:null,submenuIcon:null,menuIcon:null,end:null,children:void 0},css:{classes:{start:"p-menubar-start",end:"p-menubar-end",button:"p-menubar-button",root:function(e){return m("p-menubar p-component",{"p-menubar-mobile-active":e.mobileActiveState})},separator:"p-menu-separator",icon:"p-menuitem-icon",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",menuitem:function(e){return m("p-menuitem",{"p-menuitem-active":e.activeItemState===e.item})},menu:"p-menubar-root-list",submenu:"p-submenu-list",action:function(e){return m("p-menuitem-link",{"p-disabled":e.item.disabled})}},styles:"\n@layer primereact {\n    .p-menubar {\n        display: flex;\n        align-items: center;\n    }\n    \n    .p-menubar ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n    \n    .p-menubar .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-menubar .p-menuitem-text {\n        line-height: 1;\n    }\n    \n    .p-menubar .p-menuitem {\n        position: relative;\n    }\n    \n    .p-menubar-root-list {\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n    }\n    \n    .p-menubar-root-list > li ul {\n        display: none;\n        z-index: 1;\n    }\n    \n    .p-menubar-root-list > .p-menuitem-active > .p-submenu-list {\n        display: block;\n    }\n    \n    .p-menubar .p-submenu-list {\n        display: none;\n        position: absolute;\n        z-index: 1;\n    }\n    \n    .p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {\n        display: block;\n        left: 100%;\n        top: 0;\n    }\n    \n    .p-menubar .p-submenu-list .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n    \n    .p-menubar .p-menubar-custom,\n    .p-menubar .p-menubar-end {\n        margin-left: auto;\n        align-self: center;\n    }\n    \n    .p-menubar-button {\n        display: none;\n        cursor: pointer;\n        align-items: center;\n        justify-content: center;\n        text-decoration: none;\n    }\n}\n"}});function A(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function C(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?A(Object(t),!0).forEach((function(n){E(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):A(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var M=e.memo(e.forwardRef((function(n,t){var r=k(e.useState(null),2),o=r[0],l=r[1],c=n.ptm,d=n.cx,y=function(e,t){return c(t,{props:n,hostName:n.hostName,context:{active:o===e}})},O=k(i({type:"click",listener:function(e){t&&t.current&&!t.current.contains(e.target)&&l(null)}}),1)[0],S=function(e,t){t.disabled||n.mobileActive?e.preventDefault():n.root?(o||n.popup)&&l(t):l(t)},w=function(e,n){n.disabled?e.preventDefault():(n.url||e.preventDefault(),n.command&&n.command({originalEvent:e,item:n}),n.items?l(o&&n===o?null:n):J())},E=function(e,t){var r=e.currentTarget.parentElement;switch(e.which){case 40:n.root?t.items&&P(t,r):N(r),e.preventDefault();break;case 38:!n.root&&x(r),e.preventDefault();break;case 39:if(n.root){var o=D(r);o&&o.children[0].focus()}else t.items&&P(t,r);e.preventDefault();break;case 37:n.root&&x(r),e.preventDefault()}n.onKeyDown&&n.onKeyDown(e,r)},j=function(e,t){n.root?38===e.which&&null==t.previousElementSibling&&I(t):37===e.which&&I(t)},P=function(e,n){l(e),setTimeout((function(){n.children[1].children[0].children[0].focus()}),50)},I=function(e){l(null),e.parentElement.previousElementSibling.focus()},N=function(e){var n=D(e);n&&n.children[0].focus()},x=function(e){var n=A(e);n&&n.children[0].focus()},D=function e(n){var t=n.nextElementSibling;return t?b.getAttribute(t,'[data-p-disabled="true"]')||!b.getAttribute(t,'[data-pc-section="menuitem"]')?e(t):t:null},A=function e(n){var t=n.previousElementSibling;return t?b.getAttribute(t,'[data-p-disabled="true"]')||!b.getAttribute(t,'[data-pc-section="menuitem"]')?e(t):t:null},J=function(){l(null),n.onLeafClick&&n.onLeafClick()};u((function(){O()})),a((function(){!n.parentActive&&l(null)}),[n.parentActive]);var R=function(t){var r=n.id+"_separator_"+t,o=s({id:r,key:r,className:d("separator"),role:"separator"},c("separator",{hostName:n.hostName}));return e.createElement("li",o)},X=function(t,r){return t.items?e.createElement(M,{id:n.id+"_"+r,hostName:n.hostName,menuProps:n.menuProps,model:t.items,mobileActive:n.mobileActive,onLeafClick:J,onKeyDown:j,parentActive:t===o,submenuIcon:n.submenuIcon,ptm:c,cx:d}):null},_=function(t,r){if(!1===t.visible)return null;var i=t.id||n.id+"_"+r,u=m("p-menuitem-link",{"p-disabled":t.disabled}),a=m("p-menuitem-icon",t.icon),l=s({className:d("icon")},y(t,"icon")),c=p.getJSXIcon(t.icon,C({},l),{props:n.menuProps}),b=s({className:d("label")},y(t,"label")),O=t.label&&e.createElement("span",b,t.label),j=s({className:d("submenuIcon")},y(t,"submenuIcon")),P=t.items&&p.getJSXIcon(n.root?n.submenuIcon||e.createElement(v,j):n.submenuIcon||e.createElement(g,j),C({},j),{props:C({menuProps:n.menuProps},n)}),I=X(t,r),N=s({href:t.url||"#",role:"menuitem",className:d("action",{item:t}),target:t.target,"aria-haspopup":null!=t.items,onClick:function(e){return w(e,t)},onKeyDown:function(e){return E(e,t)}},y(t,"action")),x=e.createElement("a",N,c,O,P,e.createElement(h,null));t.template&&(x=f.getJSXElement(t.template,t,{onClick:function(e){return w(e,t)},onKeyDown:function(e){return E(e,t)},className:u,labelClassName:"p-menuitem-text",iconClassName:a,submenuIconClassName:"p-submenu-icon",element:x,props:n}));var k=s({id:i,key:i,role:"none",className:m(t.className,d("menuitem",{item:t,activeItemState:o})),onMouseEnter:function(e){return S(e,t)},"data-p-disabled":t.disabled||!1},y(t,"menuitem"));return e.createElement("li",k,x,I)},K=n.root?"menubar":"menu",T=n.root?"menu":"submenu",z=n.model?n.model.map((function(e,n){return e.separator?R(n):_(e,n)})):null,L=s({ref:t,className:d(T),style:!n.root&&{display:n.parentActive?"block":"none"},role:K},c(T));return e.createElement("ul",L,z)})));function J(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function R(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?J(Object(t),!0).forEach((function(n){E(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):J(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}M.displayName="MenubarSub";var X=e.memo(e.forwardRef((function(r,b){var v=e.useContext(t),g=D.getProps(r,v),h=k(e.useState(g.id),2),O=h[0],S=h[1],w=k(e.useState(!1),2),E=w[0],j=w[1],P=e.useRef(null),I=e.useRef(null),N=e.useRef(null),x=D.setMetaData({props:g,state:{id:O,mobileActive:E}}),A=x.ptm,C=x.cx;o(D.css.styles,x.isUnstyled,{name:"menubar"});var J=k(i({type:"click",listener:function(e){E&&T(e)&&j(!1)}}),2),X=J[0],_=J[1],K=function(e){e.preventDefault(),j((function(e){return!e}))},T=function(e){return I.current!==e.target&&!I.current.contains(e.target)&&N.current!==e.target&&!N.current.contains(e.target)};u((function(){O||S(d())})),a((function(){E?(y.set("menu",I.current,v&&v.autoZIndex||n.autoZIndex,v&&v.zIndex.menu||n.zIndex.menu),X()):(_(),y.clear(I.current))}),[E]),l((function(){y.clear(I.current)})),e.useImperativeHandle(b,(function(){return{props:g,toggle:K,getElement:function(){return P.current},getRootMenu:function(){return I.current},getMenuButton:function(){return N.current}}}));var z=function(){if(g.start){var n=f.getJSXElement(g.start,g),t=s({className:C("start")},A("start"));return e.createElement("div",t,n)}return null}(),L=function(){if(g.end){var n=f.getJSXElement(g.end,g),t=s({className:C("end")},A("end"));return e.createElement("div",t,n)}return null}(),U=function(){if(g.model&&g.model.length<1)return null;var n=s({ref:N,href:"#",role:"button",tabIndex:0,className:C("button"),onClick:function(e){return K(e)}},A("button")),t=s(A("popupIcon")),r=p.getJSXIcon(g.menuIcon||e.createElement(c,t),R({},t),{props:g});return e.createElement("a",n,r)}(),Z=e.createElement(M,{hostName:"Menubar",id:O,ref:I,menuProps:g,model:g.model,root:!0,mobileActive:E,onLeafClick:function(){j(!1)},submenuIcon:g.submenuIcon,ptm:A,cx:C}),B=s({id:g.id,className:m(g.className,C("root",{mobileActiveState:E})),style:g.style},D.getOtherProps(g),A("root"));return e.createElement("div",B,z,U,Z,L)})));X.displayName="Menubar";export{X as Menubar};