primereact 10.0.0 → 10.0.1

package/panelmenu/panelmenu.esm.js

@@ -1,645 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import { PrimeReactContext } from 'primereact/api';
-import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
-import { CSSTransition } from 'primereact/csstransition';
-import { useMountEffect, useUpdateEffect } from 'primereact/hooks';
-import { ChevronDownIcon } from 'primereact/icons/chevrondown';
-import { ChevronRightIcon } from 'primereact/icons/chevronright';
-import { classNames, mergeProps, IconUtils, ObjectUtils, UniqueComponentId } 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 _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 _arrayWithoutHoles(arr) {
-  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
-}
-
-function _iterableToArray(iter) {
-  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-
-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 _nonIterableSpread() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
-function _toConsumableArray(arr) {
-  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
-}
-
-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 _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 = {
-  headerIcon: function headerIcon(_ref) {
-    var item = _ref.item;
-    return classNames('p-menuitem-icon', item.icon);
-  },
-  headerSubmenuIcon: 'p-panelmenu-icon',
-  headerLabel: 'p-menuitem-text',
-  headerAction: 'p-panelmenu-header-link',
-  panel: function panel(_ref2) {
-    var item = _ref2.item;
-    return classNames('p-panelmenu-panel', item.className);
-  },
-  header: function header(_ref3) {
-    var active = _ref3.active,
-      item = _ref3.item;
-    return classNames('p-component p-panelmenu-header', {
-      'p-highlight': active,
-      'p-disabled': item.disabled
-    });
-  },
-  menuContent: 'p-panelmenu-content',
-  root: function root(_ref4) {
-    var props = _ref4.props;
-    return classNames('p-panelmenu p-component', props.className);
-  },
-  separator: 'p-menu-separator',
-  toggleableContent: function toggleableContent(_ref5) {
-    var active = _ref5.active;
-    return classNames('p-toggleable-content', {
-      'p-toggleable-content-collapsed': !active
-    });
-  },
-  icon: function icon(_ref6) {
-    var item = _ref6.item;
-    return classNames('p-menuitem-icon', item.icon);
-  },
-  label: 'p-menuitem-text',
-  submenuicon: 'p-panelmenu-icon',
-  action: function action(_ref7) {
-    var item = _ref7.item;
-    return classNames('p-menuitem-link', {
-      'p-disabled': item.disabled
-    });
-  },
-  menuitem: function menuitem(_ref8) {
-    var item = _ref8.item;
-    return classNames('p-menuitem', item.className);
-  },
-  menu: 'p-submenu-list',
-  submenu: 'p-submenu-list',
-  transition: 'p-toggleable-content'
-};
-var styles = "\n@layer primereact {\n    .p-panelmenu .p-panelmenu-header-link {\n        display: flex;\n        align-items: center;\n        user-select: none;\n        cursor: pointer;\n        position: relative;\n        text-decoration: none;\n    }\n    \n    .p-panelmenu .p-panelmenu-header-link:focus {\n        z-index: 1;\n    }\n    \n    .p-panelmenu .p-submenu-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n    \n    .p-panelmenu .p-menuitem-link {\n        display: flex;\n        align-items: center;\n        user-select: none;\n        cursor: pointer;\n        text-decoration: none;\n    }\n    \n    .p-panelmenu .p-menuitem-text {\n        line-height: 1;\n    }\n}\n";
-var PanelMenuBase = ComponentBase.extend({
-  defaultProps: {
-    __TYPE: 'Panel',
-    id: null,
-    model: null,
-    style: null,
-    submenuIcon: null,
-    className: null,
-    multiple: false,
-    transitionOptions: 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 PanelMenuSub = /*#__PURE__*/React.memo(function (props) {
-  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 _ptm = function _ptm(key, options) {
-    return ptm(key, _objectSpread$1({
-      hostName: props.hostName
-    }, options));
-  };
-  var getPTOptions = function getPTOptions(item, key) {
-    return _ptm(key, {
-      context: {
-        active: isItemActive(item)
-      }
-    });
-  };
-  var findActiveItem = function findActiveItem() {
-    if (props.model) {
-      if (props.multiple) {
-        return props.model.filter(function (item) {
-          return item.expanded;
-        });
-      } else {
-        var activeItem = null;
-        props.model.forEach(function (item) {
-          if (item.expanded) {
-            if (!activeItem) activeItem = item;else item.expanded = false;
-          }
-        });
-        return activeItem;
-      }
-    }
-    return null;
-  };
-  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
-      });
-    }
-    var activeItem = activeItemState;
-    var active = isItemActive(item);
-    if (active) {
-      item.expanded = false;
-      setActiveItemState(props.multiple ? activeItem.filter(function (a_item) {
-        return a_item !== item;
-      }) : null);
-    } else {
-      if (!props.multiple && activeItem) {
-        activeItem.expanded = false;
-      }
-      item.expanded = true;
-      setActiveItemState(props.multiple ? [].concat(_toConsumableArray(activeItem || []), [item]) : item);
-    }
-  };
-  var isItemActive = function isItemActive(item) {
-    return activeItemState && (props.multiple ? activeItemState.indexOf(item) > -1 : activeItemState === item);
-  };
-  useMountEffect(function () {
-    setActiveItemState(findActiveItem());
-  });
-  var createSeparator = function createSeparator(index) {
-    var key = props.id + '_sep_' + index;
-    var separatorProps = mergeProps({
-      id: key,
-      key: key,
-      className: cx('separator'),
-      role: 'separator'
-    }, _ptm('separator'));
-    return /*#__PURE__*/React.createElement("li", separatorProps);
-  };
-  var createSubmenu = function createSubmenu(item, active, index) {
-    var submenuRef = /*#__PURE__*/React.createRef();
-    var toggleableContentProps = mergeProps({
-      className: cx('toggleableContent', {
-        active: active
-      })
-    }, _ptm('toggleableContent'));
-    if (item.items) {
-      var transitionProps = mergeProps({
-        classNames: cx('transition'),
-        timeout: {
-          enter: 1000,
-          exit: 450
-        },
-        "in": active,
-        unmountOnExit: true
-      }, _ptm('transition'));
-      return /*#__PURE__*/React.createElement(CSSTransition, _extends({
-        nodeRef: submenuRef
-      }, transitionProps), /*#__PURE__*/React.createElement("div", _extends({
-        ref: submenuRef
-      }, toggleableContentProps), /*#__PURE__*/React.createElement(PanelMenuSub, {
-        id: props.id + '_' + index,
-        menuProps: props.menuProps,
-        model: item.items,
-        multiple: props.multiple,
-        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 active = isItemActive(item);
-    var linkClassName = classNames('p-menuitem-link', {
-      'p-disabled': item.disabled
-    });
-    var iconClassName = classNames('p-menuitem-icon', item.icon);
-    var iconProps = mergeProps({
-      className: cx('icon', {
-        item: item
-      })
-    }, 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-panelmenu-icon';
-    var submenuIconProps = mergeProps({
-      className: cx('submenuicon')
-    }, getPTOptions(item, 'submenuicon'));
-    var submenuIcon = item.items && IconUtils.getJSXIcon(active ? props.submenuIcon || /*#__PURE__*/React.createElement(ChevronDownIcon, submenuIconProps) : props.submenuIcon || /*#__PURE__*/React.createElement(ChevronRightIcon, submenuIconProps));
-    var submenu = createSubmenu(item, active, index);
-    var actionProps = mergeProps({
-      href: item.url || '#',
-      className: cx('action', {
-        item: item
-      }),
-      target: item.target,
-      onClick: function onClick(event) {
-        return onItemClick(event, item);
-      },
-      role: 'menuitem',
-      'aria-disabled': item.disabled
-    }, getPTOptions(item, 'action'));
-    var content = /*#__PURE__*/React.createElement("a", actionProps, submenuIcon, icon, label);
-    if (item.template) {
-      var defaultContentOptions = {
-        onClick: function onClick(event) {
-          return onItemClick(event, item);
-        },
-        className: linkClassName,
-        labelClassName: 'p-menuitem-text',
-        iconClassName: iconClassName,
-        submenuIconClassName: submenuIconClassName,
-        element: content,
-        props: props,
-        leaf: !item.items,
-        active: active
-      };
-      content = ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
-    }
-    var menuitemProps = mergeProps({
-      key: key,
-      id: key,
-      className: cx('menuitem', {
-        item: item
-      }),
-      style: item.style,
-      role: 'none'
-    }, 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 menu = createMenu();
-  var ptKey = props.root ? 'menu' : 'submenu';
-  var menuProps = mergeProps({
-    className: classNames(cx(ptKey), props.className),
-    role: 'tree'
-  }, ptm(ptKey));
-  return /*#__PURE__*/React.createElement("ul", menuProps, menu);
-});
-PanelMenuSub.displayName = 'PanelMenuSub';
-
-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 PanelMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
-  var context = React.useContext(PrimeReactContext);
-  var props = PanelMenuBase.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(null),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    activeItemState = _React$useState4[0],
-    setActiveItemState = _React$useState4[1];
-  var _React$useState5 = React.useState(false),
-    _React$useState6 = _slicedToArray(_React$useState5, 2),
-    animationDisabled = _React$useState6[0],
-    setAnimationDisabled = _React$useState6[1];
-  var elementRef = React.useRef(null);
-  var headerId = idState + '_header';
-  var contentId = idState + '_content';
-  var _PanelMenuBase$setMet = PanelMenuBase.setMetaData({
-      props: props,
-      state: {
-        id: idState,
-        activeItem: activeItemState,
-        animationDisabled: animationDisabled
-      }
-    }),
-    ptm = _PanelMenuBase$setMet.ptm,
-    cx = _PanelMenuBase$setMet.cx,
-    isUnstyled = _PanelMenuBase$setMet.isUnstyled;
-  useHandleStyle(PanelMenuBase.css.styles, isUnstyled, {
-    name: 'panelmenu'
-  });
-  var findActiveItem = function findActiveItem() {
-    if (props.model) {
-      if (props.multiple) {
-        return props.model.filter(function (item) {
-          return item.expanded;
-        });
-      } else {
-        var activeItem = null;
-        props.model.forEach(function (item) {
-          if (item.expanded) {
-            if (!activeItem) activeItem = item;else item.expanded = false;
-          }
-        });
-        return activeItem;
-      }
-    }
-    return null;
-  };
-  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
-      });
-    }
-    var activeItem = activeItemState;
-    var active = isItemActive(item);
-    if (active) {
-      item.expanded = false;
-      setActiveItemState(props.multiple ? activeItem.filter(function (a_item) {
-        return a_item !== item;
-      }) : null);
-    } else {
-      if (!props.multiple && activeItem) {
-        activeItem.expanded = false;
-      }
-      item.expanded = true;
-      setActiveItemState(props.multiple ? [].concat(_toConsumableArray(activeItem || []), [item]) : item);
-    }
-  };
-  var isItemActive = function isItemActive(item) {
-    return activeItemState && (props.multiple ? activeItemState.indexOf(item) > -1 : activeItemState === item);
-  };
-  var getPTOptions = function getPTOptions(item, key) {
-    return ptm(key, {
-      context: {
-        active: isItemActive(item)
-      }
-    });
-  };
-  React.useImperativeHandle(ref, function () {
-    return {
-      props: props,
-      getElement: function getElement() {
-        return elementRef.current;
-      }
-    };
-  });
-  useMountEffect(function () {
-    if (!idState) {
-      setIdState(UniqueComponentId());
-    }
-    setActiveItemState(findActiveItem());
-  });
-  useUpdateEffect(function () {
-    setAnimationDisabled(true);
-    setActiveItemState(findActiveItem());
-  }, [props.model]);
-  var onEnter = function onEnter() {
-    setAnimationDisabled(false);
-  };
-  var createPanel = function createPanel(item, index) {
-    if (item.visible === false) {
-      return null;
-    }
-    var key = item.id || idState + '_' + index;
-    var active = isItemActive(item);
-    var iconClassName = classNames('p-menuitem-icon', item.icon);
-    var headerIconProps = mergeProps({
-      className: cx('headerIcon', {
-        item: item
-      })
-    }, getPTOptions(item, 'headerIcon'));
-    var icon = IconUtils.getJSXIcon(item.icon, _objectSpread({}, headerIconProps), {
-      props: props
-    });
-    var submenuIconClassName = 'p-panelmenu-icon';
-    var headerSubmenuIconProps = mergeProps({
-      className: cx('headerSubmenuIcon')
-    }, getPTOptions(item, 'headerSubmenuIcon'));
-    var submenuIcon = item.items && IconUtils.getJSXIcon(active ? props.submenuIcon || /*#__PURE__*/React.createElement(ChevronDownIcon, headerSubmenuIconProps) : props.submenuIcon || /*#__PURE__*/React.createElement(ChevronRightIcon, headerSubmenuIconProps));
-    var headerLabelProps = mergeProps({
-      className: cx('headerLabel')
-    }, getPTOptions(item, 'headerLabel'));
-    var label = item.label && /*#__PURE__*/React.createElement("span", headerLabelProps, item.label);
-    var menuContentRef = /*#__PURE__*/React.createRef();
-    var headerActionProps = mergeProps({
-      href: item.url || '#',
-      className: cx('headerAction'),
-      onClick: function onClick(e) {
-        return onItemClick(e, item);
-      },
-      'aria-expanded': active,
-      id: headerId,
-      'aria-controls': contentId,
-      'aria-disabled': item.disabled
-    }, getPTOptions(item, 'headerAction'));
-    var content = /*#__PURE__*/React.createElement("a", headerActionProps, submenuIcon, icon, label);
-    if (item.template) {
-      var defaultContentOptions = {
-        onClick: function onClick(event) {
-          return onItemClick(event, item);
-        },
-        className: 'p-panelmenu-header-link',
-        labelClassName: 'p-menuitem-text',
-        submenuIconClassName: submenuIconClassName,
-        iconClassName: iconClassName,
-        element: content,
-        props: props,
-        leaf: !item.items,
-        active: active
-      };
-      content = ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
-    }
-    var panelProps = mergeProps({
-      key: key,
-      className: cx('panel', {
-        item: item
-      }),
-      style: item.style
-    }, getPTOptions(item, 'panel'));
-    var headerProps = mergeProps({
-      className: cx('header', {
-        active: active,
-        item: item
-      }),
-      style: item.style
-    }, getPTOptions(item, 'header'));
-    var menuContentProps = mergeProps({
-      className: cx('menuContent')
-    }, getPTOptions(item, 'menuContent'));
-    var toggleableContentProps = mergeProps({
-      className: cx('toggleableContent', {
-        active: active
-      }),
-      role: 'region',
-      'aria-labelledby': headerId
-    }, getPTOptions(item, 'toggleableContent'));
-    var transitionProps = mergeProps({
-      classNames: cx('transition'),
-      timeout: {
-        enter: 1000,
-        exit: 450
-      },
-      onEnter: onEnter,
-      disabled: animationDisabled,
-      "in": active,
-      unmountOnExit: true,
-      options: props.transitionOptions
-    }, getPTOptions(item, 'transition'));
-    return /*#__PURE__*/React.createElement("div", panelProps, /*#__PURE__*/React.createElement("div", headerProps, content), /*#__PURE__*/React.createElement(CSSTransition, _extends({
-      nodeRef: menuContentRef
-    }, transitionProps), /*#__PURE__*/React.createElement("div", _extends({
-      id: contentId,
-      ref: menuContentRef
-    }, toggleableContentProps), /*#__PURE__*/React.createElement("div", menuContentProps, /*#__PURE__*/React.createElement(PanelMenuSub, {
-      hostName: "PanelMenu",
-      id: key,
-      menuProps: props,
-      model: item.items,
-      className: "p-panelmenu-root-submenu",
-      multiple: props.multiple,
-      submenuIcon: props.submenuIcon,
-      root: true,
-      ptm: ptm,
-      cx: cx
-    })))));
-  };
-  var createPanels = function createPanels() {
-    return props.model ? props.model.map(createPanel) : null;
-  };
-  var panels = createPanels();
-  var rootProps = mergeProps({
-    className: cx('root'),
-    style: props.style
-  }, PanelMenuBase.getOtherProps(props), ptm('root'));
-  return /*#__PURE__*/React.createElement("div", _extends({
-    id: props.id,
-    ref: elementRef
-  }, rootProps), panels);
-}));
-PanelMenu.displayName = 'PanelMenu';
-
-export { PanelMenu };

package/panelmenu/panelmenu.esm.min.js

@@ -1 +0,0 @@
-import*as e from"react";import{PrimeReactContext as n}from"primereact/api";import{ComponentBase as t,useHandleStyle as r}from"primereact/componentbase";import{CSSTransition as a}from"primereact/csstransition";import{useMountEffect as o,useUpdateEffect as i}from"primereact/hooks";import{ChevronDownIcon as l}from"primereact/icons/chevrondown";import{ChevronRightIcon as u}from"primereact/icons/chevronright";import{classNames as c,mergeProps as m,IconUtils as s,ObjectUtils as p,UniqueComponentId as f}from"primereact/utils";function d(){return d=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},d.apply(this,arguments)}function b(e){return b="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},b(e)}function y(e,n){if("object"!==b(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function v(e){var n=y(e,"string");return"symbol"===b(n)?n:String(n)}function g(e,n,t){return(n=v(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function h(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 O(e){if(Array.isArray(e))return h(e)}function x(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function E(e,n){if(e){if("string"==typeof e)return h(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)?h(e,n):void 0}}function N(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function j(e){return O(e)||x(e)||E(e)||N()}function S(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,a,o,i,l=[],u=!0,c=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;u=!1}else for(;!(u=(r=o.call(t)).done)&&(l.push(r.value),l.length!==n);u=!0);}catch(e){c=!0,a=e}finally{try{if(!u&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(c)throw a}}return l}}function I(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function w(e,n){return S(e)||P(e,n)||E(e,n)||I()}var C=t.extend({defaultProps:{__TYPE:"Panel",id:null,model:null,style:null,submenuIcon:null,className:null,multiple:!1,transitionOptions:null,children:void 0},css:{classes:{headerIcon:function(e){return c("p-menuitem-icon",e.item.icon)},headerSubmenuIcon:"p-panelmenu-icon",headerLabel:"p-menuitem-text",headerAction:"p-panelmenu-header-link",panel:function(e){return c("p-panelmenu-panel",e.item.className)},header:function(e){return c("p-component p-panelmenu-header",{"p-highlight":e.active,"p-disabled":e.item.disabled})},menuContent:"p-panelmenu-content",root:function(e){return c("p-panelmenu p-component",e.props.className)},separator:"p-menu-separator",toggleableContent:function(e){return c("p-toggleable-content",{"p-toggleable-content-collapsed":!e.active})},icon:function(e){return c("p-menuitem-icon",e.item.icon)},label:"p-menuitem-text",submenuicon:"p-panelmenu-icon",action:function(e){return c("p-menuitem-link",{"p-disabled":e.item.disabled})},menuitem:function(e){return c("p-menuitem",e.item.className)},menu:"p-submenu-list",submenu:"p-submenu-list",transition:"p-toggleable-content"},styles:"\n@layer primereact {\n    .p-panelmenu .p-panelmenu-header-link {\n        display: flex;\n        align-items: center;\n        user-select: none;\n        cursor: pointer;\n        position: relative;\n        text-decoration: none;\n    }\n    \n    .p-panelmenu .p-panelmenu-header-link:focus {\n        z-index: 1;\n    }\n    \n    .p-panelmenu .p-submenu-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n    \n    .p-panelmenu .p-menuitem-link {\n        display: flex;\n        align-items: center;\n        user-select: none;\n        cursor: pointer;\n        text-decoration: none;\n    }\n    \n    .p-panelmenu .p-menuitem-text {\n        line-height: 1;\n    }\n}\n"}});function k(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 D(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?k(Object(t),!0).forEach((function(n){g(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):k(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var A=e.memo((function(n){var t=w(e.useState(null),2),r=t[0],i=t[1],f=n.ptm,b=n.cx,y=function(e,t){return f(e,D({hostName:n.hostName},t))},v=function(e,n){return y(n,{context:{active:O(e)}})},g=function(){if(n.model){if(n.multiple)return n.model.filter((function(e){return e.expanded}));var e=null;return n.model.forEach((function(n){n.expanded&&(e?n.expanded=!1:e=n)})),e}return null},h=function(e,t){if(t.disabled)e.preventDefault();else{t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t});var a=r;O(t)?(t.expanded=!1,i(n.multiple?a.filter((function(e){return e!==t})):null)):(!n.multiple&&a&&(a.expanded=!1),t.expanded=!0,i(n.multiple?[].concat(j(a||[]),[t]):t))}},O=function(e){return r&&(n.multiple?r.indexOf(e)>-1:r===e)};o((function(){i(g())}));var x=function(t){var r=n.id+"_sep_"+t,a=m({id:r,key:r,className:b("separator"),role:"separator"},y("separator"));return e.createElement("li",a)},E=function(t,r,o){var i=e.createRef(),l=m({className:b("toggleableContent",{active:r})},y("toggleableContent"));if(t.items){var u=m({classNames:b("transition"),timeout:{enter:1e3,exit:450},in:r,unmountOnExit:!0},y("transition"));return e.createElement(a,d({nodeRef:i},u),e.createElement("div",d({ref:i},l),e.createElement(A,{id:n.id+"_"+o,menuProps:n.menuProps,model:t.items,multiple:n.multiple,submenuIcon:n.submenuIcon,ptm:f,cx:b})))}return null},N=function(t,r){if(!1===t.visible)return null;var a=t.id||n.id+"_"+r,o=O(t),i=c("p-menuitem-link",{"p-disabled":t.disabled}),f=c("p-menuitem-icon",t.icon),d=m({className:b("icon",{item:t})},v(t,"icon")),y=s.getJSXIcon(t.icon,D({},d),{props:n.menuProps}),g=m({className:b("label")},v(t,"label")),x=t.label&&e.createElement("span",g,t.label),N=m({className:b("submenuicon")},v(t,"submenuicon")),j=t.items&&s.getJSXIcon(o?n.submenuIcon||e.createElement(l,N):n.submenuIcon||e.createElement(u,N)),S=E(t,o,r),P=m({href:t.url||"#",className:b("action",{item:t}),target:t.target,onClick:function(e){return h(e,t)},role:"menuitem","aria-disabled":t.disabled},v(t,"action")),I=e.createElement("a",P,j,y,x);t.template&&(I=p.getJSXElement(t.template,t,{onClick:function(e){return h(e,t)},className:i,labelClassName:"p-menuitem-text",iconClassName:f,submenuIconClassName:"p-panelmenu-icon",element:I,props:n,leaf:!t.items,active:o}));var w=m({key:a,id:a,className:b("menuitem",{item:t}),style:t.style,role:"none"},v(t,"menuitem"));return e.createElement("li",w,I,S)},S=n.model?n.model.map((function(e,n){return e.separator?x(n):N(e,n)})):null,P=n.root?"menu":"submenu",I=m({className:c(b(P),n.className),role:"tree"},f(P));return e.createElement("ul",I,S)}));function _(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 J(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?_(Object(t),!0).forEach((function(n){g(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):_(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}A.displayName="PanelMenuSub";var R=e.memo(e.forwardRef((function(t,b){var y=e.useContext(n),v=C.getProps(t,y),g=w(e.useState(v.id),2),h=g[0],O=g[1],x=w(e.useState(null),2),E=x[0],N=x[1],S=w(e.useState(!1),2),P=S[0],I=S[1],k=e.useRef(null),D=h+"_header",_=h+"_content",R=C.setMetaData({props:v,state:{id:h,activeItem:E,animationDisabled:P}}),X=R.ptm,M=R.cx;r(C.css.styles,R.isUnstyled,{name:"panelmenu"});var T=function(){if(v.model){if(v.multiple)return v.model.filter((function(e){return e.expanded}));var e=null;return v.model.forEach((function(n){n.expanded&&(e?n.expanded=!1:e=n)})),e}return null},L=function(e,n){if(n.disabled)e.preventDefault();else{n.url||e.preventDefault(),n.command&&n.command({originalEvent:e,item:n});var t=E;U(n)?(n.expanded=!1,N(v.multiple?t.filter((function(e){return e!==n})):null)):(!v.multiple&&t&&(t.expanded=!1),n.expanded=!0,N(v.multiple?[].concat(j(t||[]),[n]):n))}},U=function(e){return E&&(v.multiple?E.indexOf(e)>-1:E===e)},z=function(e,n){return X(n,{context:{active:U(e)}})};e.useImperativeHandle(b,(function(){return{props:v,getElement:function(){return k.current}}})),o((function(){h||O(f()),N(T())})),i((function(){I(!0),N(T())}),[v.model]);var H=function(){I(!1)},Y=v.model?v.model.map((function(n,t){if(!1===n.visible)return null;var r=n.id||h+"_"+t,o=U(n),i=c("p-menuitem-icon",n.icon),f=m({className:M("headerIcon",{item:n})},z(n,"headerIcon")),b=s.getJSXIcon(n.icon,J({},f),{props:v}),y=m({className:M("headerSubmenuIcon")},z(n,"headerSubmenuIcon")),g=n.items&&s.getJSXIcon(o?v.submenuIcon||e.createElement(l,y):v.submenuIcon||e.createElement(u,y)),O=m({className:M("headerLabel")},z(n,"headerLabel")),x=n.label&&e.createElement("span",O,n.label),E=e.createRef(),N=m({href:n.url||"#",className:M("headerAction"),onClick:function(e){return L(e,n)},"aria-expanded":o,id:D,"aria-controls":_,"aria-disabled":n.disabled},z(n,"headerAction")),j=e.createElement("a",N,g,b,x);n.template&&(j=p.getJSXElement(n.template,n,{onClick:function(e){return L(e,n)},className:"p-panelmenu-header-link",labelClassName:"p-menuitem-text",submenuIconClassName:"p-panelmenu-icon",iconClassName:i,element:j,props:v,leaf:!n.items,active:o}));var S=m({key:r,className:M("panel",{item:n}),style:n.style},z(n,"panel")),I=m({className:M("header",{active:o,item:n}),style:n.style},z(n,"header")),w=m({className:M("menuContent")},z(n,"menuContent")),C=m({className:M("toggleableContent",{active:o}),role:"region","aria-labelledby":D},z(n,"toggleableContent")),k=m({classNames:M("transition"),timeout:{enter:1e3,exit:450},onEnter:H,disabled:P,in:o,unmountOnExit:!0,options:v.transitionOptions},z(n,"transition"));return e.createElement("div",S,e.createElement("div",I,j),e.createElement(a,d({nodeRef:E},k),e.createElement("div",d({id:_,ref:E},C),e.createElement("div",w,e.createElement(A,{hostName:"PanelMenu",id:r,menuProps:v,model:n.items,className:"p-panelmenu-root-submenu",multiple:v.multiple,submenuIcon:v.submenuIcon,root:!0,ptm:X,cx:M})))))})):null,$=m({className:M("root"),style:v.style},C.getOtherProps(v),X("root"));return e.createElement("div",d({id:v.id,ref:k},$),Y)})));R.displayName="PanelMenu";export{R as PanelMenu};