primereact 10.0.0 → 10.0.1

package/sidebar/sidebar.esm.js

@@ -1,543 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import PrimeReact, { PrimeReactContext, localeOption } from 'primereact/api';
-import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
-import { CSSTransition } from 'primereact/csstransition';
-import { useEventListener as useEventListener$1, useMountEffect, useUpdateEffect, useUnmountEffect as useUnmountEffect$1 } from 'primereact/hooks';
-import { TimesIcon } from 'primereact/icons/times';
-import { Portal } from 'primereact/portal';
-import { Ripple } from 'primereact/ripple';
-import { classNames, DomHandler, ObjectUtils, ZIndexUtils, mergeProps, IconUtils } 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 classes = {
-  closeButton: 'p-sidebar-close p-sidebar-icon p-link',
-  closeIcon: 'p-sidebar-close-icon',
-  mask: function mask(_ref) {
-    var props = _ref.props,
-      maskVisibleState = _ref.maskVisibleState;
-    var positions = ['left', 'right', 'top', 'bottom'];
-    var pos = positions.find(function (item) {
-      return item === props.position;
-    });
-    return classNames('p-sidebar-mask', pos ? "p-sidebar-".concat(pos) : '', {
-      'p-component-overlay p-component-overlay-enter': props.modal,
-      'p-sidebar-mask-scrollblocker': props.blockScroll,
-      'p-sidebar-visible': maskVisibleState,
-      'p-sidebar-full': props.fullScreen
-    }, props.maskClassName);
-  },
-  header: function header(_ref2) {
-    var props = _ref2.props;
-    return classNames('p-sidebar-header', {
-      'p-sidebar-custom-header': props.header
-    });
-  },
-  content: 'p-sidebar-content',
-  icons: 'p-sidebar-icons',
-  root: function root(_ref3) {
-    var props = _ref3.props,
-      context = _ref3.context;
-    return classNames('p-sidebar p-component', props.className, {
-      'p-input-filled': context && context.inputStyle === 'filled' || PrimeReact.inputStyle === 'filled',
-      'p-ripple-disabled': context && context.ripple === false || PrimeReact.ripple === false
-    });
-  },
-  transition: 'p-sidebar'
-};
-var styles = "\n@layer primereact {\n    .p-sidebar-mask {\n        display: none;\n        justify-content: center;\n        align-items: center;\n        pointer-events: none;\n        background-color: transparent;\n        transition-property: background-color;\n    }\n    \n    .p-sidebar-visible {\n        display: flex;\n    }\n    \n    .p-sidebar-mask.p-component-overlay {\n        pointer-events: auto;\n    }\n    \n    .p-sidebar {\n        display: flex;\n        flex-direction: column;\n        pointer-events: auto;\n        transform: translate3d(0px, 0px, 0px);\n        position: relative;\n    }\n    \n    .p-sidebar-content {\n        overflow-y: auto;\n        flex-grow: 1;\n    }\n    \n    .p-sidebar-header {\n        display: flex;\n        align-items: center;\n        justify-content: flex-end;\n    }\n    \n    .p-sidebar-custom-header {\n        justify-content: space-between;\n    }\n    \n    .p-sidebar-icons {\n        display: flex;\n        align-items: center;\n        flex-shrink: 0;\n    }\n    \n    .p-sidebar-icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-sidebar-full .p-sidebar {\n        transition: none;\n        transform: none;\n        width: 100vw !important;\n        height: 100vh !important;\n        max-height: 100%;\n        top: 0px !important;\n        left: 0px !important;\n    }\n    \n    /* Animation */\n    /* Top, Bottom, Left and Right */\n    .p-sidebar-top .p-sidebar-enter,\n    .p-sidebar-top .p-sidebar-exit-active {\n        transform: translate3d(0px, -100%, 0px);\n    }\n    \n    .p-sidebar-bottom .p-sidebar-enter,\n    .p-sidebar-bottom .p-sidebar-exit-active {\n        transform: translate3d(0px, 100%, 0px);\n    }\n    \n    .p-sidebar-left .p-sidebar-enter,\n    .p-sidebar-left .p-sidebar-exit-active {\n        transform: translate3d(-100%, 0px, 0px);\n    }\n    \n    .p-sidebar-right .p-sidebar-enter,\n    .p-sidebar-right .p-sidebar-exit-active {\n        transform: translate3d(100%, 0px, 0px);\n    }\n    \n    .p-sidebar-top .p-sidebar-enter-active,\n    .p-sidebar-bottom .p-sidebar-enter-active,\n    .p-sidebar-left .p-sidebar-enter-active,\n    .p-sidebar-right .p-sidebar-enter-active {\n        transform: translate3d(0px, 0px, 0px);\n        transition: all 0.3s;\n    }\n    \n    .p-sidebar-top .p-sidebar-enter-done,\n    .p-sidebar-bottom .p-sidebar-enter-done,\n    .p-sidebar-left .p-sidebar-enter-done,\n    .p-sidebar-right .p-sidebar-enter-done {\n        transform: none;\n    }\n    \n    .p-sidebar-top .p-sidebar-exit-active,\n    .p-sidebar-bottom .p-sidebar-exit-active,\n    .p-sidebar-left .p-sidebar-exit-active,\n    .p-sidebar-right .p-sidebar-exit-active {\n        transition: all 0.3s;\n    }\n    \n    /* Full */\n    .p-sidebar-full .p-sidebar-enter {\n        opacity: 0;\n        transform: scale(0.5);\n    }\n    \n    .p-sidebar-full .p-sidebar-enter-active {\n        opacity: 1;\n        transform: scale(1);\n        transition: all 0.15s cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-sidebar-full .p-sidebar-enter-done {\n        transform: none;\n    }\n    \n    .p-sidebar-full .p-sidebar-exit-active {\n        opacity: 0;\n        transform: scale(0.5);\n        transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    /* Size */\n    .p-sidebar-left .p-sidebar {\n        width: 20rem;\n        height: 100%;\n    }\n    \n    .p-sidebar-right .p-sidebar {\n        width: 20rem;\n        height: 100%;\n    }\n    \n    .p-sidebar-top .p-sidebar {\n        height: 10rem;\n        width: 100%;\n    }\n    \n    .p-sidebar-bottom .p-sidebar {\n        height: 10rem;\n        width: 100%;\n    }\n    \n    .p-sidebar-left .p-sidebar-sm,\n    .p-sidebar-right .p-sidebar-sm {\n        width: 20rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-md,\n    .p-sidebar-right .p-sidebar-md {\n        width: 40rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-lg,\n    .p-sidebar-right .p-sidebar-lg {\n        width: 60rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-sm,\n    .p-sidebar-bottom .p-sidebar-sm {\n        height: 10rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-md,\n    .p-sidebar-bottom .p-sidebar-md {\n        height: 20rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-lg,\n    .p-sidebar-bottom .p-sidebar-lg {\n        height: 30rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-view,\n    .p-sidebar-right .p-sidebar-view,\n    .p-sidebar-top .p-sidebar-view,\n    .p-sidebar-bottom .p-sidebar-view {\n        width: 100%;\n        height: 100%;\n    }\n    \n    .p-sidebar-left .p-sidebar-content,\n    .p-sidebar-right .p-sidebar-content,\n    .p-sidebar-top .p-sidebar-content,\n    .p-sidebar-bottom .p-sidebar-content {\n        width: 100%;\n        height: 100%;\n    }\n    \n    @media screen and (max-width: 64em) {\n        .p-sidebar-left .p-sidebar-lg,\n        .p-sidebar-left .p-sidebar-md,\n        .p-sidebar-right .p-sidebar-lg,\n        .p-sidebar-right .p-sidebar-md {\n            width: 20rem;\n        }\n    }        \n}\n";
-var inlineStyles = {
-  mask: function mask(_ref4) {
-    var props = _ref4.props;
-    return {
-      position: 'fixed',
-      height: '100%',
-      width: '100%',
-      left: 0,
-      top: 0,
-      display: 'flex',
-      justifyContent: props.position === 'left' ? 'flex-start' : props.position === 'right' ? 'flex-end' : 'center',
-      alignItems: props.position === 'top' ? 'flex-start' : props.position === 'bottom' ? 'flex-end' : 'center'
-    };
-  }
-};
-var SidebarBase = ComponentBase.extend({
-  defaultProps: {
-    __TYPE: 'Sidebar',
-    id: null,
-    style: null,
-    className: null,
-    maskStyle: null,
-    maskClassName: null,
-    visible: false,
-    position: 'left',
-    fullScreen: false,
-    blockScroll: false,
-    baseZIndex: 0,
-    dismissable: true,
-    showCloseIcon: true,
-    closeIcon: null,
-    ariaCloseLabel: null,
-    closeOnEscape: true,
-    icons: null,
-    modal: true,
-    appendTo: null,
-    transitionOptions: null,
-    onShow: null,
-    onHide: null,
-    children: undefined
-  },
-  css: {
-    classes: classes,
-    styles: styles,
-    inlineStyles: inlineStyles
-  }
-});
-
-var usePrevious = function usePrevious(newValue) {
-  var ref = React.useRef(undefined);
-  React.useEffect(function () {
-    ref.current = newValue;
-  });
-  return ref.current;
-};
-
-/* eslint-disable */
-var useUnmountEffect = function useUnmountEffect(fn) {
-  return React.useEffect(function () {
-    return fn;
-  }, []);
-};
-/* eslint-enable */
-
-/* eslint-disable */
-var useEventListener = function useEventListener(_ref) {
-  var _ref$target = _ref.target,
-    target = _ref$target === void 0 ? 'document' : _ref$target,
-    type = _ref.type,
-    listener = _ref.listener,
-    options = _ref.options,
-    _ref$when = _ref.when,
-    when = _ref$when === void 0 ? true : _ref$when;
-  var targetRef = React.useRef(null);
-  var listenerRef = React.useRef(null);
-  var prevListener = usePrevious(listener);
-  var prevOptions = usePrevious(options);
-  var bind = function bind() {
-    var bindOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    if (ObjectUtils.isNotEmpty(bindOptions.target)) {
-      unbind();
-      (bindOptions.when || when) && (targetRef.current = DomHandler.getTargetElement(bindOptions.target));
-    }
-    if (!listenerRef.current && targetRef.current) {
-      listenerRef.current = function (event) {
-        return listener && listener(event);
-      };
-      targetRef.current.addEventListener(type, listenerRef.current, options);
-    }
-  };
-  var unbind = function unbind() {
-    if (listenerRef.current) {
-      targetRef.current.removeEventListener(type, listenerRef.current, options);
-      listenerRef.current = null;
-    }
-  };
-  React.useEffect(function () {
-    if (when) {
-      targetRef.current = DomHandler.getTargetElement(target);
-    } else {
-      unbind();
-      targetRef.current = null;
-    }
-  }, [target, when]);
-  React.useEffect(function () {
-    // to properly compare functions we can implicitly converting the function to it's body's text as a String
-    if (listenerRef.current && ('' + prevListener !== '' + listener || prevOptions !== options)) {
-      unbind();
-      when && bind();
-    }
-  }, [listener, options, when]);
-  useUnmountEffect(function () {
-    unbind();
-  });
-  return [bind, unbind];
-};
-/* eslint-enable */
-
-var useOnEscapeKey = function useOnEscapeKey(ref, condition, callback) {
-  var handleEsc = function handleEsc(event) {
-    if (event.key === 'Esc' || event.key === 'Escape') {
-      event.stopImmediatePropagation();
-      callback(event);
-    }
-    return;
-  };
-  var _useEventListener = useEventListener({
-      type: 'keydown',
-      listener: handleEsc
-    }),
-    _useEventListener2 = _slicedToArray(_useEventListener, 2),
-    bindKeyDownListener = _useEventListener2[0],
-    unbindKeyDownListener = _useEventListener2[1];
-  React.useEffect(function () {
-    if (!condition) {
-      return;
-    }
-    if (!ref.current) {
-      return;
-    }
-    bindKeyDownListener();
-    return function () {
-      unbindKeyDownListener();
-    };
-  });
-  return [ref, callback];
-};
-
-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 Sidebar = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
-  var context = React.useContext(PrimeReactContext);
-  var props = SidebarBase.getProps(inProps, context);
-  var _React$useState = React.useState(false),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    maskVisibleState = _React$useState2[0],
-    setMaskVisibleState = _React$useState2[1];
-  var _React$useState3 = React.useState(false),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    visibleState = _React$useState4[0],
-    setVisibleState = _React$useState4[1];
-  var _SidebarBase$setMetaD = SidebarBase.setMetaData({
-      props: props,
-      state: {
-        containerVisible: maskVisibleState
-      }
-    }),
-    ptm = _SidebarBase$setMetaD.ptm,
-    cx = _SidebarBase$setMetaD.cx,
-    sx = _SidebarBase$setMetaD.sx,
-    isUnstyled = _SidebarBase$setMetaD.isUnstyled;
-  useHandleStyle(SidebarBase.css.styles, isUnstyled, {
-    name: 'sidebar'
-  });
-  var sidebarRef = React.useRef(null);
-  var maskRef = React.useRef(null);
-  var closeIconRef = React.useRef(null);
-  useOnEscapeKey(maskRef, props.closeOnEscape, function (event) {
-    if (ZIndexUtils.get(maskRef.current) === ZIndexUtils.getCurrent('modal', context && context.autoZIndex || PrimeReact.autoZIndex)) {
-      onClose(event);
-    }
-  });
-  var _useEventListener = useEventListener$1({
-      type: 'click',
-      listener: function listener(event) {
-        if (event.button !== 0) {
-          // ignore anything other than left click
-          return;
-        }
-        if (isOutsideClicked(event)) {
-          onClose(event);
-        }
-      }
-    }),
-    _useEventListener2 = _slicedToArray(_useEventListener, 2),
-    bindDocumentClickListener = _useEventListener2[0],
-    unbindDocumentClickListener = _useEventListener2[1];
-  var isOutsideClicked = function isOutsideClicked(event) {
-    return sidebarRef && sidebarRef.current && !sidebarRef.current.contains(event.target);
-  };
-  var focus = function focus() {
-    var activeElement = document.activeElement;
-    var isActiveElementInDialog = activeElement && sidebarRef && sidebarRef.current.contains(activeElement);
-    if (!isActiveElementInDialog && props.showCloseIcon) {
-      closeIconRef.current.focus();
-    }
-  };
-  var onMaskClick = function onMaskClick(event) {
-    if (props.dismissable && props.modal && maskRef.current === event.target) {
-      onClose(event);
-    }
-  };
-  var onClose = function onClose(event) {
-    props.onHide();
-    event.preventDefault();
-  };
-  var onEntered = function onEntered() {
-    props.onShow && props.onShow();
-    focus();
-    enableDocumentSettings();
-  };
-  var onExiting = function onExiting() {
-    if (props.modal) {
-      DomHandler.addClass(maskRef.current, 'p-component-overlay-leave');
-    }
-  };
-  var onExited = function onExited() {
-    ZIndexUtils.clear(maskRef.current);
-    setMaskVisibleState(false);
-    disableDocumentSettings();
-  };
-  var enableDocumentSettings = function enableDocumentSettings() {
-    if (props.dismissable && !props.modal) {
-      bindDocumentClickListener();
-    }
-    if (props.blockScroll) {
-      DomHandler.addClass(document.body, 'p-overflow-hidden');
-    }
-  };
-  var disableDocumentSettings = function disableDocumentSettings() {
-    unbindDocumentClickListener();
-    if (props.blockScroll) {
-      DomHandler.removeClass(document.body, 'p-overflow-hidden');
-    }
-  };
-  React.useImperativeHandle(ref, function () {
-    return {
-      props: props,
-      getElement: function getElement() {
-        return sidebarRef.current;
-      },
-      gteMask: function gteMask() {
-        return maskRef.current;
-      },
-      getCloseIcon: function getCloseIcon() {
-        return closeIconRef.current;
-      }
-    };
-  });
-  useMountEffect(function () {
-    if (props.visible) {
-      setMaskVisibleState(true);
-    }
-  });
-  useUpdateEffect(function () {
-    if (props.visible && !maskVisibleState) {
-      setMaskVisibleState(true);
-    }
-    if (props.visible !== visibleState && maskVisibleState) {
-      setVisibleState(props.visible);
-    }
-  });
-  useUpdateEffect(function () {
-    if (maskVisibleState) {
-      ZIndexUtils.set('modal', maskRef.current, context && context.autoZIndex || PrimeReact.autoZIndex, props.baseZIndex || context && context.zIndex['modal'] || PrimeReact.zIndex['modal']);
-      setVisibleState(true);
-    }
-  }, [maskVisibleState]);
-  useUpdateEffect(function () {
-    // #3811 if dismissible state is toggled while open we must unregister and re-regisetr
-    if (visibleState) {
-      unbindDocumentClickListener();
-      if (props.dismissable && !props.modal) {
-        bindDocumentClickListener();
-      }
-    }
-  }, [props.dismissable, props.modal, visibleState]);
-  useUnmountEffect$1(function () {
-    disableDocumentSettings();
-    maskRef.current && ZIndexUtils.clear(maskRef.current);
-  });
-  var createCloseIcon = function createCloseIcon() {
-    var closeButtonProps = mergeProps({
-      type: 'button',
-      ref: closeIconRef,
-      className: cx('closeButton'),
-      onClick: function onClick(e) {
-        return onClose(e);
-      },
-      'aria-label': ariaLabel
-    }, ptm('closeButton'));
-    var closeIconProps = mergeProps({
-      className: cx('closeIcon')
-    }, ptm('closeIcon'));
-    var icon = props.closeIcon || /*#__PURE__*/React.createElement(TimesIcon, closeIconProps);
-    var closeIcon = IconUtils.getJSXIcon(icon, _objectSpread({}, closeIconProps), {
-      props: props
-    });
-    var ariaLabel = props.ariaCloseLabel || localeOption('close');
-    if (props.showCloseIcon) {
-      return /*#__PURE__*/React.createElement("button", closeButtonProps, closeIcon, /*#__PURE__*/React.createElement(Ripple, null));
-    }
-    return null;
-  };
-  var createHeader = function createHeader() {
-    return props.header ? ObjectUtils.getJSXElement(props.header, props) : null;
-  };
-  var createIcons = function createIcons() {
-    return props.icons ? ObjectUtils.getJSXElement(props.icons, props) : null;
-  };
-  var createElement = function createElement() {
-    var closeIcon = createCloseIcon();
-    var icons = createIcons();
-    var header = createHeader();
-    var transitionTimeout = {
-      enter: props.fullScreen ? 150 : 300,
-      exit: props.fullScreen ? 150 : 300
-    };
-    var maskProps = mergeProps({
-      ref: maskRef,
-      style: sx('mask'),
-      className: cx('mask', {
-        maskVisibleState: maskVisibleState
-      }),
-      onMouseDown: function onMouseDown(e) {
-        return onMaskClick(e);
-      }
-    }, ptm('mask'));
-    var rootProps = mergeProps({
-      id: props.id,
-      className: cx('root', {
-        context: context
-      }),
-      style: props.style,
-      role: 'complementary'
-    }, SidebarBase.getOtherProps(props), ptm('root'));
-    var headerProps = mergeProps({
-      className: cx('header')
-    }, ptm('header'));
-    var contentProps = mergeProps({
-      className: cx('content')
-    }, ptm('content'));
-    var iconsProps = mergeProps({
-      className: cx('icons')
-    }, ptm('icons'));
-    var transitionProps = mergeProps({
-      classNames: cx('transition'),
-      "in": visibleState,
-      timeout: transitionTimeout,
-      options: props.transitionOptions,
-      unmountOnExit: true,
-      onEntered: onEntered,
-      onExiting: onExiting,
-      onExited: onExited
-    }, ptm('transition'));
-    return /*#__PURE__*/React.createElement("div", maskProps, /*#__PURE__*/React.createElement(CSSTransition, _extends({
-      nodeRef: sidebarRef
-    }, transitionProps), /*#__PURE__*/React.createElement("div", _extends({
-      ref: sidebarRef
-    }, rootProps), /*#__PURE__*/React.createElement("div", headerProps, header, /*#__PURE__*/React.createElement("div", iconsProps, icons, closeIcon)), /*#__PURE__*/React.createElement("div", contentProps, props.children))));
-  };
-  var createSidebar = function createSidebar() {
-    var element = createElement();
-    return /*#__PURE__*/React.createElement(Portal, {
-      element: element,
-      appendTo: props.appendTo,
-      visible: true
-    });
-  };
-  return maskVisibleState && createSidebar();
-});
-Sidebar.displayName = 'Sidebar';
-
-export { Sidebar };

package/sidebar/sidebar.esm.min.js

@@ -1 +0,0 @@
-import*as e from"react";import n,{PrimeReactContext as t,localeOption as r}from"primereact/api";import{ComponentBase as i,useHandleStyle as o}from"primereact/componentbase";import{CSSTransition as a}from"primereact/csstransition";import{useEventListener as s,useMountEffect as l,useUpdateEffect as p,useUnmountEffect as c}from"primereact/hooks";import{TimesIcon as d}from"primereact/icons/times";import{Portal as u}from"primereact/portal";import{Ripple as b}from"primereact/ripple";import{classNames as m,DomHandler as f,ObjectUtils as v,ZIndexUtils as h,mergeProps as y,IconUtils as g}from"primereact/utils";function x(){return x=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},x.apply(this,arguments)}function w(e){return w="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},w(e)}function S(e,n){if("object"!==w(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==w(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function E(e){var n=S(e,"string");return"symbol"===w(n)?n:String(n)}function O(e){if(Array.isArray(e))return e}function k(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,a,s=[],l=!0,p=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=o.call(t)).done)&&(s.push(r.value),s.length!==n);l=!0);}catch(e){p=!0,i=e}finally{try{if(!l&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(p)throw i}}return s}}function j(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 I(e,n){if(e){if("string"==typeof e)return j(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)?j(e,n):void 0}}function P(){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 C(e,n){return O(e)||k(e,n)||I(e,n)||P()}var N=i.extend({defaultProps:{__TYPE:"Sidebar",id:null,style:null,className:null,maskStyle:null,maskClassName:null,visible:!1,position:"left",fullScreen:!1,blockScroll:!1,baseZIndex:0,dismissable:!0,showCloseIcon:!0,closeIcon:null,ariaCloseLabel:null,closeOnEscape:!0,icons:null,modal:!0,appendTo:null,transitionOptions:null,onShow:null,onHide:null,children:void 0},css:{classes:{closeButton:"p-sidebar-close p-sidebar-icon p-link",closeIcon:"p-sidebar-close-icon",mask:function(e){var n=e.props,t=e.maskVisibleState,r=["left","right","top","bottom"].find((function(e){return e===n.position}));return m("p-sidebar-mask",r?"p-sidebar-".concat(r):"",{"p-component-overlay p-component-overlay-enter":n.modal,"p-sidebar-mask-scrollblocker":n.blockScroll,"p-sidebar-visible":t,"p-sidebar-full":n.fullScreen},n.maskClassName)},header:function(e){return m("p-sidebar-header",{"p-sidebar-custom-header":e.props.header})},content:"p-sidebar-content",icons:"p-sidebar-icons",root:function(e){var t=e.context;return m("p-sidebar p-component",e.props.className,{"p-input-filled":t&&"filled"===t.inputStyle||"filled"===n.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===n.ripple})},transition:"p-sidebar"},styles:"\n@layer primereact {\n    .p-sidebar-mask {\n        display: none;\n        justify-content: center;\n        align-items: center;\n        pointer-events: none;\n        background-color: transparent;\n        transition-property: background-color;\n    }\n    \n    .p-sidebar-visible {\n        display: flex;\n    }\n    \n    .p-sidebar-mask.p-component-overlay {\n        pointer-events: auto;\n    }\n    \n    .p-sidebar {\n        display: flex;\n        flex-direction: column;\n        pointer-events: auto;\n        transform: translate3d(0px, 0px, 0px);\n        position: relative;\n    }\n    \n    .p-sidebar-content {\n        overflow-y: auto;\n        flex-grow: 1;\n    }\n    \n    .p-sidebar-header {\n        display: flex;\n        align-items: center;\n        justify-content: flex-end;\n    }\n    \n    .p-sidebar-custom-header {\n        justify-content: space-between;\n    }\n    \n    .p-sidebar-icons {\n        display: flex;\n        align-items: center;\n        flex-shrink: 0;\n    }\n    \n    .p-sidebar-icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-sidebar-full .p-sidebar {\n        transition: none;\n        transform: none;\n        width: 100vw !important;\n        height: 100vh !important;\n        max-height: 100%;\n        top: 0px !important;\n        left: 0px !important;\n    }\n    \n    /* Animation */\n    /* Top, Bottom, Left and Right */\n    .p-sidebar-top .p-sidebar-enter,\n    .p-sidebar-top .p-sidebar-exit-active {\n        transform: translate3d(0px, -100%, 0px);\n    }\n    \n    .p-sidebar-bottom .p-sidebar-enter,\n    .p-sidebar-bottom .p-sidebar-exit-active {\n        transform: translate3d(0px, 100%, 0px);\n    }\n    \n    .p-sidebar-left .p-sidebar-enter,\n    .p-sidebar-left .p-sidebar-exit-active {\n        transform: translate3d(-100%, 0px, 0px);\n    }\n    \n    .p-sidebar-right .p-sidebar-enter,\n    .p-sidebar-right .p-sidebar-exit-active {\n        transform: translate3d(100%, 0px, 0px);\n    }\n    \n    .p-sidebar-top .p-sidebar-enter-active,\n    .p-sidebar-bottom .p-sidebar-enter-active,\n    .p-sidebar-left .p-sidebar-enter-active,\n    .p-sidebar-right .p-sidebar-enter-active {\n        transform: translate3d(0px, 0px, 0px);\n        transition: all 0.3s;\n    }\n    \n    .p-sidebar-top .p-sidebar-enter-done,\n    .p-sidebar-bottom .p-sidebar-enter-done,\n    .p-sidebar-left .p-sidebar-enter-done,\n    .p-sidebar-right .p-sidebar-enter-done {\n        transform: none;\n    }\n    \n    .p-sidebar-top .p-sidebar-exit-active,\n    .p-sidebar-bottom .p-sidebar-exit-active,\n    .p-sidebar-left .p-sidebar-exit-active,\n    .p-sidebar-right .p-sidebar-exit-active {\n        transition: all 0.3s;\n    }\n    \n    /* Full */\n    .p-sidebar-full .p-sidebar-enter {\n        opacity: 0;\n        transform: scale(0.5);\n    }\n    \n    .p-sidebar-full .p-sidebar-enter-active {\n        opacity: 1;\n        transform: scale(1);\n        transition: all 0.15s cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-sidebar-full .p-sidebar-enter-done {\n        transform: none;\n    }\n    \n    .p-sidebar-full .p-sidebar-exit-active {\n        opacity: 0;\n        transform: scale(0.5);\n        transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    /* Size */\n    .p-sidebar-left .p-sidebar {\n        width: 20rem;\n        height: 100%;\n    }\n    \n    .p-sidebar-right .p-sidebar {\n        width: 20rem;\n        height: 100%;\n    }\n    \n    .p-sidebar-top .p-sidebar {\n        height: 10rem;\n        width: 100%;\n    }\n    \n    .p-sidebar-bottom .p-sidebar {\n        height: 10rem;\n        width: 100%;\n    }\n    \n    .p-sidebar-left .p-sidebar-sm,\n    .p-sidebar-right .p-sidebar-sm {\n        width: 20rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-md,\n    .p-sidebar-right .p-sidebar-md {\n        width: 40rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-lg,\n    .p-sidebar-right .p-sidebar-lg {\n        width: 60rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-sm,\n    .p-sidebar-bottom .p-sidebar-sm {\n        height: 10rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-md,\n    .p-sidebar-bottom .p-sidebar-md {\n        height: 20rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-lg,\n    .p-sidebar-bottom .p-sidebar-lg {\n        height: 30rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-view,\n    .p-sidebar-right .p-sidebar-view,\n    .p-sidebar-top .p-sidebar-view,\n    .p-sidebar-bottom .p-sidebar-view {\n        width: 100%;\n        height: 100%;\n    }\n    \n    .p-sidebar-left .p-sidebar-content,\n    .p-sidebar-right .p-sidebar-content,\n    .p-sidebar-top .p-sidebar-content,\n    .p-sidebar-bottom .p-sidebar-content {\n        width: 100%;\n        height: 100%;\n    }\n    \n    @media screen and (max-width: 64em) {\n        .p-sidebar-left .p-sidebar-lg,\n        .p-sidebar-left .p-sidebar-md,\n        .p-sidebar-right .p-sidebar-lg,\n        .p-sidebar-right .p-sidebar-md {\n            width: 20rem;\n        }\n    }        \n}\n",inlineStyles:{mask:function(e){var n=e.props;return{position:"fixed",height:"100%",width:"100%",left:0,top:0,display:"flex",justifyContent:"left"===n.position?"flex-start":"right"===n.position?"flex-end":"center",alignItems:"top"===n.position?"flex-start":"bottom"===n.position?"flex-end":"center"}}}}}),R=function(n){var t=e.useRef(void 0);return e.useEffect((function(){t.current=n})),t.current},T=function(n,t,r){var i,o,a,s,l,p,c,d,u,b,m,h,y,g,x,w=(s=void 0===(a=(i={type:"keydown",listener:function(e){"Esc"!==e.key&&"Escape"!==e.key||(e.stopImmediatePropagation(),r(e))}}).target)?"document":a,l=i.type,p=i.listener,c=i.options,u=void 0===(d=i.when)||d,b=e.useRef(null),m=e.useRef(null),h=R(p),y=R(c),g=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};v.isNotEmpty(e.target)&&(x(),(e.when||u)&&(b.current=f.getTargetElement(e.target))),!m.current&&b.current&&(m.current=function(e){return p&&p(e)},b.current.addEventListener(l,m.current,c))},x=function(){m.current&&(b.current.removeEventListener(l,m.current,c),m.current=null)},e.useEffect((function(){u?b.current=f.getTargetElement(s):(x(),b.current=null)}),[s,u]),e.useEffect((function(){!m.current||""+h==""+p&&y===c||(x(),u&&g())}),[p,c,u]),o=function(){x()},e.useEffect((function(){return o}),[]),[g,x]),S=C(w,2),E=S[0],O=S[1];return e.useEffect((function(){if(t&&n.current)return E(),function(){O()}})),[n,r]};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 D(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){var r,i,o;r=e,o=t[n],(i=E(i=n))in r?Object.defineProperty(r,i,{value:o,enumerable:!0,configurable:!0,writable:!0}):r[i]=o})):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 L=e.forwardRef((function(i,m){var w=e.useContext(t),S=N.getProps(i,w),E=C(e.useState(!1),2),O=E[0],k=E[1],j=C(e.useState(!1),2),I=j[0],P=j[1],R=N.setMetaData({props:S,state:{containerVisible:O}}),A=R.ptm,L=R.cx,Z=R.sx;o(N.css.styles,R.isUnstyled,{name:"sidebar"});var z=e.useRef(null),B=e.useRef(null),M=e.useRef(null);T(B,S.closeOnEscape,(function(e){h.get(B.current)===h.getCurrent("modal",w&&w.autoZIndex||n.autoZIndex)&&X(e)}));var H=C(s({type:"click",listener:function(e){0===e.button&&V(e)&&X(e)}}),2),J=H[0],U=H[1],V=function(e){return z&&z.current&&!z.current.contains(e.target)},X=function(e){S.onHide(),e.preventDefault()},_=function(){var e;S.onShow&&S.onShow(),!((e=document.activeElement)&&z&&z.current.contains(e))&&S.showCloseIcon&&M.current.focus(),$()},F=function(){S.modal&&f.addClass(B.current,"p-component-overlay-leave")},Y=function(){h.clear(B.current),k(!1),q()},$=function(){S.dismissable&&!S.modal&&J(),S.blockScroll&&f.addClass(document.body,"p-overflow-hidden")},q=function(){U(),S.blockScroll&&f.removeClass(document.body,"p-overflow-hidden")};e.useImperativeHandle(m,(function(){return{props:S,getElement:function(){return z.current},gteMask:function(){return B.current},getCloseIcon:function(){return M.current}}})),l((function(){S.visible&&k(!0)})),p((function(){S.visible&&!O&&k(!0),S.visible!==I&&O&&P(S.visible)})),p((function(){O&&(h.set("modal",B.current,w&&w.autoZIndex||n.autoZIndex,S.baseZIndex||w&&w.zIndex.modal||n.zIndex.modal),P(!0))}),[O]),p((function(){I&&(U(),S.dismissable&&!S.modal&&J())}),[S.dismissable,S.modal,I]),c((function(){q(),B.current&&h.clear(B.current)}));var G,K,Q,W,ee,ne,te,re,ie,oe,ae,se=function(){var n=y({type:"button",ref:M,className:L("closeButton"),onClick:function(e){return X(e)},"aria-label":o},A("closeButton")),t=y({className:L("closeIcon")},A("closeIcon")),i=g.getJSXIcon(S.closeIcon||e.createElement(d,t),D({},t),{props:S}),o=S.ariaCloseLabel||r("close");return S.showCloseIcon?e.createElement("button",n,i,e.createElement(b,null)):null};return O&&(G=se(),K=S.icons?v.getJSXElement(S.icons,S):null,Q=S.header?v.getJSXElement(S.header,S):null,W={enter:S.fullScreen?150:300,exit:S.fullScreen?150:300},ee=y({ref:B,style:Z("mask"),className:L("mask",{maskVisibleState:O}),onMouseDown:function(e){return n=e,void(S.dismissable&&S.modal&&B.current===n.target&&X(n));var n}},A("mask")),ne=y({id:S.id,className:L("root",{context:w}),style:S.style,role:"complementary"},N.getOtherProps(S),A("root")),te=y({className:L("header")},A("header")),re=y({className:L("content")},A("content")),ie=y({className:L("icons")},A("icons")),oe=y({classNames:L("transition"),in:I,timeout:W,options:S.transitionOptions,unmountOnExit:!0,onEntered:_,onExiting:F,onExited:Y},A("transition")),ae=e.createElement("div",ee,e.createElement(a,x({nodeRef:z},oe),e.createElement("div",x({ref:z},ne),e.createElement("div",te,Q,e.createElement("div",ie,K,G)),e.createElement("div",re,S.children)))),e.createElement(u,{element:ae,appendTo:S.appendTo,visible:!0}))}));L.displayName="Sidebar";export{L as Sidebar};