primereact 10.0.0 → 10.0.1

package/menubar/menubar.esm.js

@@ -1,584 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import PrimeReact, { PrimeReactContext } from 'primereact/api';
-import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
-import { useEventListener, useMountEffect, useUpdateEffect, useUnmountEffect } from 'primereact/hooks';
-import { BarsIcon } from 'primereact/icons/bars';
-import { classNames, mergeProps, IconUtils, ObjectUtils, DomHandler, UniqueComponentId, ZIndexUtils } from 'primereact/utils';
-import { AngleDownIcon } from 'primereact/icons/angledown';
-import { AngleRightIcon } from 'primereact/icons/angleright';
-import { Ripple } from 'primereact/ripple';
-
-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 classes = {
-  start: 'p-menubar-start',
-  end: 'p-menubar-end',
-  button: 'p-menubar-button',
-  root: function root(_ref) {
-    var mobileActiveState = _ref.mobileActiveState;
-    return classNames('p-menubar p-component', {
-      'p-menubar-mobile-active': mobileActiveState
-    });
-  },
-  separator: 'p-menu-separator',
-  icon: 'p-menuitem-icon',
-  label: 'p-menuitem-text',
-  submenuIcon: 'p-submenu-icon',
-  menuitem: function menuitem(_ref2) {
-    var item = _ref2.item,
-      activeItemState = _ref2.activeItemState;
-    return classNames('p-menuitem', {
-      'p-menuitem-active': activeItemState === item
-    });
-  },
-  menu: 'p-menubar-root-list',
-  submenu: 'p-submenu-list',
-  action: function action(_ref3) {
-    var item = _ref3.item;
-    return classNames('p-menuitem-link', {
-      'p-disabled': item.disabled
-    });
-  }
-};
-var 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";
-var MenubarBase = ComponentBase.extend({
-  defaultProps: {
-    __TYPE: 'Menubar',
-    id: null,
-    model: null,
-    style: null,
-    className: null,
-    start: null,
-    submenuIcon: null,
-    menuIcon: null,
-    end: null,
-    children: undefined
-  },
-  css: {
-    classes: classes,
-    styles: styles
-  }
-});
-
-function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var MenubarSub = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _React$useState = React.useState(null),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    activeItemState = _React$useState2[0],
-    setActiveItemState = _React$useState2[1];
-  var ptm = props.ptm,
-    cx = props.cx;
-  var getPTOptions = function getPTOptions(item, key) {
-    return ptm(key, {
-      props: props,
-      hostName: props.hostName,
-      context: {
-        active: activeItemState === item
-      }
-    });
-  };
-  var _useEventListener = useEventListener({
-      type: 'click',
-      listener: function listener(event) {
-        if (ref && ref.current && !ref.current.contains(event.target)) {
-          setActiveItemState(null);
-        }
-      }
-    }),
-    _useEventListener2 = _slicedToArray(_useEventListener, 1),
-    bindDocumentClickListener = _useEventListener2[0];
-  var onItemMouseEnter = function onItemMouseEnter(event, item) {
-    if (item.disabled || props.mobileActive) {
-      event.preventDefault();
-      return;
-    }
-    if (props.root) {
-      if (activeItemState || props.popup) {
-        setActiveItemState(item);
-      }
-    } else {
-      setActiveItemState(item);
-    }
-  };
-  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 (item.items) activeItemState && item === activeItemState ? setActiveItemState(null) : setActiveItemState(item);else onLeafClick();
-  };
-  var onItemKeyDown = function onItemKeyDown(event, item) {
-    var listItem = event.currentTarget.parentElement;
-    switch (event.which) {
-      //down
-      case 40:
-        if (props.root) item.items && expandSubmenu(item, listItem);else navigateToNextItem(listItem);
-        event.preventDefault();
-        break;
-
-      //up
-      case 38:
-        !props.root && navigateToPrevItem(listItem);
-        event.preventDefault();
-        break;
-
-      //right
-      case 39:
-        if (props.root) {
-          var nextItem = findNextItem(listItem);
-          nextItem && nextItem.children[0].focus();
-        } else {
-          item.items && expandSubmenu(item, listItem);
-        }
-        event.preventDefault();
-        break;
-
-      //left
-      case 37:
-        props.root && navigateToPrevItem(listItem);
-        event.preventDefault();
-        break;
-    }
-    props.onKeyDown && props.onKeyDown(event, listItem);
-  };
-  var onChildItemKeyDown = function onChildItemKeyDown(event, childListItem) {
-    if (props.root) {
-      //up
-      if (event.which === 38 && childListItem.previousElementSibling == null) {
-        collapseMenu(childListItem);
-      }
-    } else {
-      //left
-      if (event.which === 37) {
-        collapseMenu(childListItem);
-      }
-    }
-  };
-  var expandSubmenu = function expandSubmenu(item, listItem) {
-    setActiveItemState(item);
-    setTimeout(function () {
-      listItem.children[1].children[0].children[0].focus();
-    }, 50);
-  };
-  var collapseMenu = function collapseMenu(listItem) {
-    setActiveItemState(null);
-    listItem.parentElement.previousElementSibling.focus();
-  };
-  var navigateToNextItem = function navigateToNextItem(listItem) {
-    var nextItem = findNextItem(listItem);
-    nextItem && nextItem.children[0].focus();
-  };
-  var navigateToPrevItem = function navigateToPrevItem(listItem) {
-    var prevItem = findPrevItem(listItem);
-    prevItem && prevItem.children[0].focus();
-  };
-  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 onLeafClick = function onLeafClick() {
-    setActiveItemState(null);
-    props.onLeafClick && props.onLeafClick();
-  };
-  useMountEffect(function () {
-    bindDocumentClickListener();
-  });
-  useUpdateEffect(function () {
-    !props.parentActive && setActiveItemState(null);
-  }, [props.parentActive]);
-  var createSeparator = function createSeparator(index) {
-    var key = props.id + '_separator_' + index;
-    var separatorProps = mergeProps({
-      id: key,
-      key: key,
-      className: cx('separator'),
-      role: 'separator'
-    }, ptm('separator', {
-      hostName: props.hostName
-    }));
-    return /*#__PURE__*/React.createElement("li", separatorProps);
-  };
-  var createSubmenu = function createSubmenu(item, index) {
-    if (item.items) {
-      return /*#__PURE__*/React.createElement(MenubarSub, {
-        id: props.id + '_' + index,
-        hostName: props.hostName,
-        menuProps: props.menuProps,
-        model: item.items,
-        mobileActive: props.mobileActive,
-        onLeafClick: onLeafClick,
-        onKeyDown: onChildItemKeyDown,
-        parentActive: item === activeItemState,
-        submenuIcon: props.submenuIcon,
-        ptm: ptm,
-        cx: cx
-      });
-    }
-    return null;
-  };
-  var createMenuitem = function createMenuitem(item, index) {
-    if (item.visible === false) {
-      return null;
-    }
-    var key = item.id || props.id + '_' + index;
-    var linkClassName = classNames('p-menuitem-link', {
-      'p-disabled': item.disabled
-    });
-    var iconClassName = classNames('p-menuitem-icon', item.icon);
-    var iconProps = mergeProps({
-      className: cx('icon')
-    }, getPTOptions(item, 'icon'));
-    var icon = IconUtils.getJSXIcon(item.icon, _objectSpread$1({}, iconProps), {
-      props: props.menuProps
-    });
-    var labelProps = mergeProps({
-      className: cx('label')
-    }, getPTOptions(item, 'label'));
-    var label = item.label && /*#__PURE__*/React.createElement("span", labelProps, item.label);
-    var submenuIconClassName = 'p-submenu-icon';
-    var submenuIconProps = mergeProps({
-      className: cx('submenuIcon')
-    }, getPTOptions(item, 'submenuIcon'));
-    var submenuIcon = item.items && IconUtils.getJSXIcon(!props.root ? props.submenuIcon || /*#__PURE__*/React.createElement(AngleRightIcon, submenuIconProps) : props.submenuIcon || /*#__PURE__*/React.createElement(AngleDownIcon, submenuIconProps), _objectSpread$1({}, submenuIconProps), {
-      props: _objectSpread$1({
-        menuProps: props.menuProps
-      }, props)
-    });
-    var submenu = createSubmenu(item, index);
-    var actionProps = mergeProps({
-      href: item.url || '#',
-      role: 'menuitem',
-      className: cx('action', {
-        item: item
-      }),
-      target: item.target,
-      'aria-haspopup': item.items != null,
-      onClick: function onClick(event) {
-        return onItemClick(event, item);
-      },
-      onKeyDown: function onKeyDown(event) {
-        return onItemKeyDown(event, item);
-      }
-    }, getPTOptions(item, 'action'));
-    var content = /*#__PURE__*/React.createElement("a", actionProps, icon, label, submenuIcon, /*#__PURE__*/React.createElement(Ripple, null));
-    if (item.template) {
-      var defaultContentOptions = {
-        onClick: function onClick(event) {
-          return onItemClick(event, item);
-        },
-        onKeyDown: function onKeyDown(event) {
-          return onItemKeyDown(event, item);
-        },
-        className: linkClassName,
-        labelClassName: 'p-menuitem-text',
-        iconClassName: iconClassName,
-        submenuIconClassName: submenuIconClassName,
-        element: content,
-        props: props
-      };
-      content = ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
-    }
-    var menuitemProps = mergeProps({
-      id: key,
-      key: key,
-      role: 'none',
-      className: classNames(item.className, cx('menuitem', {
-        item: item,
-        activeItemState: activeItemState
-      })),
-      onMouseEnter: function onMouseEnter(event) {
-        return onItemMouseEnter(event, item);
-      },
-      'data-p-disabled': item.disabled || false
-    }, getPTOptions(item, 'menuitem'));
-    return /*#__PURE__*/React.createElement("li", menuitemProps, content, submenu);
-  };
-  var createItem = function createItem(item, index) {
-    return item.separator ? createSeparator(index) : createMenuitem(item, index);
-  };
-  var createMenu = function createMenu() {
-    return props.model ? props.model.map(createItem) : null;
-  };
-  var role = props.root ? 'menubar' : 'menu';
-  var ptKey = props.root ? 'menu' : 'submenu';
-  var submenu = createMenu();
-  var menuProps = mergeProps({
-    ref: ref,
-    className: cx(ptKey),
-    style: !props.root && {
-      display: props.parentActive ? 'block' : 'none'
-    },
-    role: role
-  }, ptm(ptKey));
-  return /*#__PURE__*/React.createElement("ul", menuProps, submenu);
-}));
-MenubarSub.displayName = 'MenubarSub';
-
-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 Menubar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
-  var context = React.useContext(PrimeReactContext);
-  var props = MenubarBase.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(false),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    mobileActiveState = _React$useState4[0],
-    setMobileActiveState = _React$useState4[1];
-  var elementRef = React.useRef(null);
-  var rootMenuRef = React.useRef(null);
-  var menuButtonRef = React.useRef(null);
-  var _MenubarBase$setMetaD = MenubarBase.setMetaData({
-      props: props,
-      state: {
-        id: idState,
-        mobileActive: mobileActiveState
-      }
-    }),
-    ptm = _MenubarBase$setMetaD.ptm,
-    cx = _MenubarBase$setMetaD.cx,
-    isUnstyled = _MenubarBase$setMetaD.isUnstyled;
-  useHandleStyle(MenubarBase.css.styles, isUnstyled, {
-    name: 'menubar'
-  });
-  var _useEventListener = useEventListener({
-      type: 'click',
-      listener: function listener(event) {
-        if (mobileActiveState && isOutsideClicked(event)) {
-          setMobileActiveState(false);
-        }
-      }
-    }),
-    _useEventListener2 = _slicedToArray(_useEventListener, 2),
-    bindDocumentClickListener = _useEventListener2[0],
-    unbindDocumentClickListener = _useEventListener2[1];
-  var toggle = function toggle(event) {
-    event.preventDefault();
-    setMobileActiveState(function (prevMobileActive) {
-      return !prevMobileActive;
-    });
-  };
-  var onLeafClick = function onLeafClick() {
-    setMobileActiveState(false);
-  };
-  var isOutsideClicked = function isOutsideClicked(event) {
-    return rootMenuRef.current !== event.target && !rootMenuRef.current.contains(event.target) && menuButtonRef.current !== event.target && !menuButtonRef.current.contains(event.target);
-  };
-  useMountEffect(function () {
-    if (!idState) {
-      setIdState(UniqueComponentId());
-    }
-  });
-  useUpdateEffect(function () {
-    if (mobileActiveState) {
-      ZIndexUtils.set('menu', rootMenuRef.current, context && context.autoZIndex || PrimeReact.autoZIndex, context && context.zIndex['menu'] || PrimeReact.zIndex['menu']);
-      bindDocumentClickListener();
-    } else {
-      unbindDocumentClickListener();
-      ZIndexUtils.clear(rootMenuRef.current);
-    }
-  }, [mobileActiveState]);
-  useUnmountEffect(function () {
-    ZIndexUtils.clear(rootMenuRef.current);
-  });
-  React.useImperativeHandle(ref, function () {
-    return {
-      props: props,
-      toggle: toggle,
-      getElement: function getElement() {
-        return elementRef.current;
-      },
-      getRootMenu: function getRootMenu() {
-        return rootMenuRef.current;
-      },
-      getMenuButton: function getMenuButton() {
-        return menuButtonRef.current;
-      }
-    };
-  });
-  var createStartContent = function createStartContent() {
-    if (props.start) {
-      var _start = ObjectUtils.getJSXElement(props.start, props);
-      var startProps = mergeProps({
-        className: cx('start')
-      }, ptm('start'));
-      return /*#__PURE__*/React.createElement("div", startProps, _start);
-    }
-    return null;
-  };
-  var createEndContent = function createEndContent() {
-    if (props.end) {
-      var _end = ObjectUtils.getJSXElement(props.end, props);
-      var endProps = mergeProps({
-        className: cx('end')
-      }, ptm('end'));
-      return /*#__PURE__*/React.createElement("div", endProps, _end);
-    }
-    return null;
-  };
-  var createMenuButton = function createMenuButton() {
-    if (props.model && props.model.length < 1) {
-      return null;
-    }
-    var buttonProps = mergeProps({
-      ref: menuButtonRef,
-      href: '#',
-      role: 'button',
-      tabIndex: 0,
-      className: cx('button'),
-      onClick: function onClick(e) {
-        return toggle(e);
-      }
-    }, ptm('button'));
-    var popupIconProps = mergeProps(ptm('popupIcon'));
-    var icon = props.menuIcon || /*#__PURE__*/React.createElement(BarsIcon, popupIconProps);
-    var menuIcon = IconUtils.getJSXIcon(icon, _objectSpread({}, popupIconProps), {
-      props: props
-    });
-
-    /* eslint-disable */
-    var button = /*#__PURE__*/React.createElement("a", buttonProps, menuIcon);
-    /* eslint-enable */
-
-    return button;
-  };
-  var start = createStartContent();
-  var end = createEndContent();
-  var menuButton = createMenuButton();
-  var submenu = /*#__PURE__*/React.createElement(MenubarSub, {
-    hostName: "Menubar",
-    id: idState,
-    ref: rootMenuRef,
-    menuProps: props,
-    model: props.model,
-    root: true,
-    mobileActive: mobileActiveState,
-    onLeafClick: onLeafClick,
-    submenuIcon: props.submenuIcon,
-    ptm: ptm,
-    cx: cx
-  });
-  var rootProps = mergeProps({
-    id: props.id,
-    className: classNames(props.className, cx('root', {
-      mobileActiveState: mobileActiveState
-    })),
-    style: props.style
-  }, MenubarBase.getOtherProps(props), ptm('root'));
-  return /*#__PURE__*/React.createElement("div", rootProps, start, menuButton, submenu, end);
-}));
-Menubar.displayName = 'Menubar';
-
-export { Menubar };

package/menubar/menubar.esm.min.js

@@ -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};