primereact 8.7.2 → 9.0.0-beta.1

package/tieredmenu/tieredmenu.js

@@ -29,14 +29,12 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, csstransitio
     _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);
@@ -47,42 +45,40 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, csstransitio
   }
 
   function _iterableToArrayLimit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-
-    var _s, _e;
-
-    try {
-      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-        _arr.push(_s.value);
-
-        if (i && _arr.length === i) break;
-      }
-    } catch (err) {
-      _d = true;
-      _e = err;
-    } finally {
+    var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+    if (null != _i) {
+      var _s,
+        _e,
+        _x,
+        _r,
+        _arr = [],
+        _n = !0,
+        _d = !1;
       try {
-        if (!_n && _i["return"] != null) _i["return"]();
+        if (_x = (_i = _i.call(arr)).next, 0 === i) {
+          if (Object(_i) !== _i) return;
+          _n = !1;
+        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
+          ;
+        }
+      } catch (err) {
+        _d = !0, _e = err;
       } finally {
-        if (_d) throw _e;
+        try {
+          if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+        } finally {
+          if (_d) throw _e;
+        }
       }
+      return _arr;
     }
-
-    return _arr;
   }
 
   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;
   }
 
@@ -105,23 +101,20 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, csstransitio
 
   var TieredMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
     var _React$useState = React__namespace.useState(null),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        activeItemState = _React$useState2[0],
-        setActiveItemState = _React$useState2[1];
-
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      activeItemState = _React$useState2[0],
+      setActiveItemState = _React$useState2[1];
     var elementRef = React__namespace.useRef(null);
-
     var _useEventListener = hooks.useEventListener({
-      type: 'click',
-      listener: function listener(event) {
-        if (elementRef.current && !elementRef.current.contains(event.target)) {
-          setActiveItemState(null);
+        type: 'click',
+        listener: function listener(event) {
+          if (elementRef.current && !elementRef.current.contains(event.target)) {
+            setActiveItemState(null);
+          }
         }
-      }
-    }),
-        _useEventListener2 = _slicedToArray(_useEventListener, 1),
-        bindDocumentClickListener = _useEventListener2[0];
-
+      }),
+      _useEventListener2 = _slicedToArray(_useEventListener, 1),
+      bindDocumentClickListener = _useEventListener2[0];
     var position = function position() {
       if (elementRef.current) {
         var parentItem = elementRef.current.parentElement;
@@ -129,19 +122,22 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, csstransitio
         var viewport = utils.DomHandler.getViewport();
         var sublistWidth = elementRef.current.offsetParent ? elementRef.current.offsetWidth : utils.DomHandler.getHiddenElementOuterWidth(elementRef.current);
         var itemOuterWidth = utils.DomHandler.getOuterWidth(parentItem.children[0]);
-
+        var top = parseInt(containerOffset.top, 10) + elementRef.current.offsetHeight - utils.DomHandler.getWindowScrollTop();
+        if (top > viewport.height) {
+          elementRef.current.style.top = viewport.height - top + 'px';
+        } else {
+          elementRef.current.style.top = '0px';
+        }
         if (parseInt(containerOffset.left, 10) + itemOuterWidth + sublistWidth > viewport.width - utils.DomHandler.calculateScrollbarWidth()) {
           utils.DomHandler.addClass(elementRef.current, 'p-submenu-list-flipped');
         }
       }
     };
-
     var onItemMouseEnter = function onItemMouseEnter(event, item) {
       if (item.disabled) {
         event.preventDefault();
         return;
       }
-
       if (props.root) {
         if (activeItemState || props.popup) {
           setActiveItemState(item);
@@ -150,38 +146,31 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, csstransitio
         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 (props.root) {
         if (item.items) {
           if (activeItemState && item === activeItemState) setActiveItemState(null);else setActiveItemState(item);
         }
       }
-
       if (!item.items) {
         onLeafClick(event);
       }
     };
-
     var onItemKeyDown = function onItemKeyDown(event, item) {
       var listItem = event.currentTarget.parentElement;
-
       switch (event.which) {
         //down
         case 40:
@@ -189,15 +178,15 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, csstransitio
           nextItem && nextItem.children[0].focus();
           event.preventDefault();
           break;
-        //up
 
+        //up
         case 38:
           var prevItem = findPrevItem(listItem);
           prevItem && prevItem.children[0].focus();
           event.preventDefault();
           break;
-        //right
 
+        //right
         case 39:
           if (item.items) {
             setActiveItemState(item);
@@ -205,14 +194,11 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, csstransitio
               listItem.children[1].children[0].children[0].focus();
             }, 50);
           }
-
           event.preventDefault();
           break;
       }
-
       props.onKeyDown && props.onKeyDown(event, listItem);
     };
-
     var onChildItemKeyDown = function onChildItemKeyDown(event, childListItem) {
       //left
       if (event.which === 37) {
@@ -220,23 +206,19 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, csstransitio
         childListItem.parentElement.previousElementSibling.focus();
       }
     };
-
     var findNextItem = function findNextItem(item) {
       var nextItem = item.nextElementSibling;
       return nextItem ? utils.DomHandler.hasClass(nextItem, 'p-disabled') || !utils.DomHandler.hasClass(nextItem, 'p-menuitem') ? findNextItem(nextItem) : nextItem : null;
     };
-
     var findPrevItem = function findPrevItem(item) {
       var prevItem = item.previousElementSibling;
       return prevItem ? utils.DomHandler.hasClass(prevItem, 'p-disabled') || !utils.DomHandler.hasClass(prevItem, 'p-menuitem') ? findPrevItem(prevItem) : prevItem : null;
     };
-
     var onLeafClick = function onLeafClick(event) {
       setActiveItemState(null);
       props.onLeafClick && props.onLeafClick(event);
       props.onHide && props.onHide(event);
     };
-
     hooks.useMountEffect(function () {
       bindDocumentClickListener();
     });
@@ -244,12 +226,10 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, csstransitio
       if (!props.parentActive) {
         setActiveItemState(null);
       }
-
       if (!props.root && props.parentActive) {
         position();
       }
     }, [props.parentActive]);
-
     var createSeparator = function createSeparator(index) {
       var key = 'separator_' + index;
       return /*#__PURE__*/React__namespace.createElement("li", {
@@ -258,7 +238,6 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, csstransitio
         role: "separator"
       });
     };
-
     var createSubmenu = function createSubmenu(item) {
       if (item.items) {
         return /*#__PURE__*/React__namespace.createElement(TieredMenuSub, {
@@ -270,25 +249,22 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, csstransitio
           parentActive: item === activeItemState
         });
       }
-
       return null;
     };
-
     var createMenuItem = function createMenuItem(item, index) {
       if (item.visible === false) {
         return null;
       }
-
       item.id;
-          var _className = item.className,
-          style = item.style,
-          disabled = item.disabled,
-          _icon = item.icon,
-          _label = item.label,
-          items = item.items,
-          target = item.target,
-          url = item.url,
-          template = item.template;
+        var _className = item.className,
+        style = item.style,
+        disabled = item.disabled,
+        _icon = item.icon,
+        _label = item.label,
+        items = item.items,
+        target = item.target,
+        url = item.url,
+        template = item.template;
       var key = _label + '_' + index;
       var active = activeItemState === item;
       var className = utils.classNames('p-menuitem', {
@@ -304,11 +280,9 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, csstransitio
       }, {
         props: props.menuProps
       });
-
       var label = _label && /*#__PURE__*/React__namespace.createElement("span", {
         className: "p-menuitem-text"
       }, _label);
-
       var submenuIcon = items && /*#__PURE__*/React__namespace.createElement("span", {
         className: submenuIconClassName
       });
@@ -327,7 +301,6 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, csstransitio
         },
         "aria-disabled": disabled
       }, icon, label, submenuIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
-
       if (template) {
         var defaultContentOptions = {
           onClick: function onClick(event) {
@@ -347,7 +320,6 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, csstransitio
         };
         content = utils.ObjectUtils.getJSXElement(template, item, defaultContentOptions);
       }
-
       return /*#__PURE__*/React__namespace.createElement("li", {
         key: key,
         id: item,
@@ -359,15 +331,12 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, csstransitio
         role: "none"
       }, 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 className = utils.classNames({
       'p-submenu-list': !props.root
     });
@@ -383,26 +352,23 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, csstransitio
 
   var TieredMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var _React$useState = React__namespace.useState(!props.popup),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        visibleState = _React$useState2[0],
-        setVisibleState = _React$useState2[1];
-
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      visibleState = _React$useState2[0],
+      setVisibleState = _React$useState2[1];
     var menuRef = React__namespace.useRef(null);
     var targetRef = React__namespace.useRef(null);
-
     var _useOverlayListener = hooks.useOverlayListener({
-      target: targetRef,
-      overlay: menuRef,
-      listener: function listener(event, _ref) {
-        var valid = _ref.valid;
-        valid && hide(event);
-      },
-      when: visibleState
-    }),
-        _useOverlayListener2 = _slicedToArray(_useOverlayListener, 2),
-        bindOverlayListener = _useOverlayListener2[0],
-        unbindOverlayListener = _useOverlayListener2[1];
-
+        target: targetRef,
+        overlay: menuRef,
+        listener: function listener(event, _ref) {
+          var valid = _ref.valid;
+          valid && hide(event);
+        },
+        when: visibleState
+      }),
+      _useOverlayListener2 = _slicedToArray(_useOverlayListener, 2),
+      bindOverlayListener = _useOverlayListener2[0],
+      unbindOverlayListener = _useOverlayListener2[1];
     var onPanelClick = function onPanelClick(event) {
       if (props.popup) {
         overlayservice.OverlayService.emit('overlay-click', {
@@ -411,19 +377,16 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, csstransitio
         });
       }
     };
-
     var toggle = function toggle(event) {
       if (props.popup) {
         visibleState ? hide(event) : show(event);
       }
     };
-
     var show = function show(event) {
       targetRef.current = event.currentTarget;
       setVisibleState(true);
       props.onShow && props.onShow(event);
     };
-
     var hide = function hide(event) {
       if (props.popup) {
         targetRef.current = event.currentTarget;
@@ -431,28 +394,22 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, csstransitio
         props.onHide && props.onHide(event);
       }
     };
-
     var onEnter = function onEnter() {
       if (props.autoZIndex) {
         utils.ZIndexUtils.set('menu', menuRef.current, PrimeReact__default["default"].autoZIndex, props.baseZIndex || PrimeReact__default["default"].zIndex['menu']);
       }
-
       utils.DomHandler.absolutePosition(menuRef.current, targetRef.current);
     };
-
     var onEntered = function onEntered() {
       bindOverlayListener();
     };
-
     var onExit = function onExit() {
       targetRef.current = null;
       unbindOverlayListener();
     };
-
     var onExited = function onExited() {
       utils.ZIndexUtils.clear(menuRef.current);
     };
-
     hooks.useUnmountEffect(function () {
       utils.ZIndexUtils.clear(menuRef.current);
     });
@@ -467,11 +424,12 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, csstransitio
         }
       };
     });
-
     var createElement = function createElement() {
       var otherProps = utils.ObjectUtils.findDiffKeys(props, TieredMenu.defaultProps);
       var className = utils.classNames('p-tieredmenu p-component', {
-        'p-tieredmenu-overlay': props.popup
+        'p-tieredmenu-overlay': props.popup,
+        'p-input-filled': PrimeReact__default["default"].inputStyle === 'filled',
+        'p-ripple-disabled': PrimeReact__default["default"].ripple === false
       }, props.className);
       return /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, {
         nodeRef: menuRef,
@@ -502,7 +460,6 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, csstransitio
         onHide: hide
       })));
     };
-
     var element = createElement();
     return props.popup ? /*#__PURE__*/React__namespace.createElement(portal.Portal, {
       element: element,

package/tieredmenu/tieredmenu.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.tieredmenu=function(e,n,t,r,a,l,o,i,u){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var p=s(n),m=c(t);function f(){return f=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},f.apply(this,arguments)}function d(e){if(Array.isArray(e))return e}function v(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,a,l=[],o=!0,i=!1;try{for(t=t.call(e);!(o=(r=t.next()).done)&&(l.push(r.value),!n||l.length!==n);o=!0);}catch(e){i=!0,a=e}finally{try{o||null==t.return||t.return()}finally{if(i)throw a}}return l}}function b(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 y(e,n){if(e){if("string"==typeof e)return b(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)?b(e,n):void 0}}function h(){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 g(e,n){return d(e)||v(e,n)||y(e,n)||h()}var E=p.memo((function(e){var n=g(p.useState(null),2),t=n[0],r=n[1],l=p.useRef(null),o=g(a.useEventListener({type:"click",listener:function(e){l.current&&!l.current.contains(e.target)&&r(null)}}),1)[0],c=function(){if(l.current){var e=l.current.parentElement,n=i.DomHandler.getOffset(e),t=i.DomHandler.getViewport(),r=l.current.offsetParent?l.current.offsetWidth:i.DomHandler.getHiddenElementOuterWidth(l.current),a=i.DomHandler.getOuterWidth(e.children[0]);parseInt(n.left,10)+a+r>t.width-i.DomHandler.calculateScrollbarWidth()&&i.DomHandler.addClass(l.current,"p-submenu-list-flipped")}},s=function(n,a){a.disabled?n.preventDefault():e.root?(t||e.popup)&&r(a):r(a)},m=function(n,a){a.disabled?n.preventDefault():(a.url||n.preventDefault(),a.command&&a.command({originalEvent:n,item:a}),e.root&&a.items&&r(t&&a===t?null:a),a.items||y(n))},f=function(n,t){var a=n.currentTarget.parentElement;switch(n.which){case 40:var l=v(a);l&&l.children[0].focus(),n.preventDefault();break;case 38:var o=b(a);o&&o.children[0].focus(),n.preventDefault();break;case 39:t.items&&(r(t),setTimeout((function(){a.children[1].children[0].children[0].focus()}),50)),n.preventDefault()}e.onKeyDown&&e.onKeyDown(n,a)},d=function(e,n){37===e.which&&(r(null),n.parentElement.previousElementSibling.focus())},v=function e(n){var t=n.nextElementSibling;return t?i.DomHandler.hasClass(t,"p-disabled")||!i.DomHandler.hasClass(t,"p-menuitem")?e(t):t:null},b=function e(n){var t=n.previousElementSibling;return t?i.DomHandler.hasClass(t,"p-disabled")||!i.DomHandler.hasClass(t,"p-menuitem")?e(t):t:null},y=function(n){r(null),e.onLeafClick&&e.onLeafClick(n),e.onHide&&e.onHide(n)};a.useMountEffect((function(){o()})),a.useUpdateEffect((function(){e.parentActive||r(null),!e.root&&e.parentActive&&c()}),[e.parentActive]);var h=function(e){return p.createElement("li",{key:"separator_"+e,className:"p-menu-separator",role:"separator"})},D=function(n){return n.items?p.createElement(E,{menuProps:e.menuProps,model:n.items,onLeafClick:y,popup:e.popup,onKeyDown:d,parentActive:n===t}):null},N=function(n,r){if(!1===n.visible)return null;var a=n.style,l=n.disabled,o=n.icon,c=n.label,d=n.items,v=n.target,b=n.url,y=n.template,h=c+"_"+r,g=t===n,E=i.classNames("p-menuitem",{"p-menuitem-active":g},n.className),N=i.classNames("p-menuitem-link",{"p-disabled":l}),O=i.classNames("p-menuitem-icon",o),w="p-submenu-icon pi pi-angle-right",S=i.IconUtils.getJSXIcon(o,{className:"p-menuitem-icon"},{props:e.menuProps}),H=c&&p.createElement("span",{className:"p-menuitem-text"},c),x=d&&p.createElement("span",{className:w}),I=D(n),C=p.createElement("a",{href:b||"#",className:N,target:v,role:"menuitem","aria-haspopup":null!=d,onClick:function(e){return m(e,n)},onKeyDown:function(e){return f(e,n)},"aria-disabled":l},S,H,x,p.createElement(u.Ripple,null));y&&(C=i.ObjectUtils.getJSXElement(y,n,{onClick:function(e){return m(e,n)},onKeyDown:function(e){return f(e,n)},className:N,labelClassName:"p-menuitem-text",iconClassName:O,submenuIconClassName:w,element:C,props:e,active:g,disabled:l}));return p.createElement("li",{key:h,id:n,className:E,style:a,onMouseEnter:function(e){return s(e,n)},role:"none"},C,I)},O=function(e,n){return e.separator?h(n):N(e,n)},w=i.classNames({"p-submenu-list":!e.root}),S=e.model?e.model.map(O):null;return p.createElement("ul",{ref:l,className:w,role:e.root?"menubar":"menu","aria-orientation":"horizontal"},S)}));E.displayName="TieredMenuSub";var D=p.memo(p.forwardRef((function(e,n){var t=g(p.useState(!e.popup),2),u=t[0],c=t[1],s=p.useRef(null),d=p.useRef(null),v=g(a.useOverlayListener({target:d,overlay:s,listener:function(e,n){n.valid&&w(e)},when:u}),2),b=v[0],y=v[1],h=function(n){e.popup&&l.OverlayService.emit("overlay-click",{originalEvent:n,target:d.current})},N=function(n){e.popup&&(u?w(n):O(n))},O=function(n){d.current=n.currentTarget,c(!0),e.onShow&&e.onShow(n)},w=function(n){e.popup&&(d.current=n.currentTarget,c(!1),e.onHide&&e.onHide(n))},S=function(){e.autoZIndex&&i.ZIndexUtils.set("menu",s.current,m.default.autoZIndex,e.baseZIndex||m.default.zIndex.menu),i.DomHandler.absolutePosition(s.current,d.current)},H=function(){b()},x=function(){d.current=null,y()},I=function(){i.ZIndexUtils.clear(s.current)};a.useUnmountEffect((function(){i.ZIndexUtils.clear(s.current)})),p.useImperativeHandle(n,(function(){return{props:e,toggle:N,show:O,hide:w,getElement:function(){return s.current}}}));var C,j,k=(C=i.ObjectUtils.findDiffKeys(e,D.defaultProps),j=i.classNames("p-tieredmenu p-component",{"p-tieredmenu-overlay":e.popup},e.className),p.createElement(r.CSSTransition,{nodeRef:s,classNames:"p-connected-overlay",in:u,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:S,onEntered:H,onExit:x,onExited:I},p.createElement("div",f({ref:s,id:e.id,className:j,style:e.style},C,{onClick:h}),p.createElement(E,{menuProps:e,model:e.model,root:!0,popup:e.popup,onHide:w}))));return e.popup?p.createElement(o.Portal,{element:k,appendTo:e.appendTo}):k})));return D.displayName="TieredMenu",D.defaultProps={__TYPE:"TieredMenu",id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null},e.TieredMenu=D,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.overlayservice,primereact.portal,primereact.utils,primereact.ripple);
+this.primereact=this.primereact||{},this.primereact.tieredmenu=function(e,t,n,r,l,a,i,o,u){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var p=s(t),m=c(n);function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},f.apply(this,arguments)}function d(e){if(Array.isArray(e))return e}function v(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,a,i,o=[],u=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=a.call(n)).done)&&(o.push(r.value),o.length!==t);u=!0);}catch(e){c=!0,l=e}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw l}}return o}}function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function h(e,t){if(e){if("string"==typeof e)return b(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?b(e,t):void 0}}function y(){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 g(e,t){return d(e)||v(e,t)||h(e,t)||y()}var E=p.memo((function(e){var t=g(p.useState(null),2),n=t[0],r=t[1],a=p.useRef(null),i=g(l.useEventListener({type:"click",listener:function(e){a.current&&!a.current.contains(e.target)&&r(null)}}),1)[0],c=function(){if(a.current){var e=a.current.parentElement,t=o.DomHandler.getOffset(e),n=o.DomHandler.getViewport(),r=a.current.offsetParent?a.current.offsetWidth:o.DomHandler.getHiddenElementOuterWidth(a.current),l=o.DomHandler.getOuterWidth(e.children[0]),i=parseInt(t.top,10)+a.current.offsetHeight-o.DomHandler.getWindowScrollTop();a.current.style.top=i>n.height?n.height-i+"px":"0px",parseInt(t.left,10)+l+r>n.width-o.DomHandler.calculateScrollbarWidth()&&o.DomHandler.addClass(a.current,"p-submenu-list-flipped")}},s=function(t,l){l.disabled?t.preventDefault():e.root?(n||e.popup)&&r(l):r(l)},m=function(t,l){l.disabled?t.preventDefault():(l.url||t.preventDefault(),l.command&&l.command({originalEvent:t,item:l}),e.root&&l.items&&r(n&&l===n?null:l),l.items||h(t))},f=function(t,n){var l=t.currentTarget.parentElement;switch(t.which){case 40:var a=v(l);a&&a.children[0].focus(),t.preventDefault();break;case 38:var i=b(l);i&&i.children[0].focus(),t.preventDefault();break;case 39:n.items&&(r(n),setTimeout((function(){l.children[1].children[0].children[0].focus()}),50)),t.preventDefault()}e.onKeyDown&&e.onKeyDown(t,l)},d=function(e,t){37===e.which&&(r(null),t.parentElement.previousElementSibling.focus())},v=function e(t){var n=t.nextElementSibling;return n?o.DomHandler.hasClass(n,"p-disabled")||!o.DomHandler.hasClass(n,"p-menuitem")?e(n):n:null},b=function e(t){var n=t.previousElementSibling;return n?o.DomHandler.hasClass(n,"p-disabled")||!o.DomHandler.hasClass(n,"p-menuitem")?e(n):n:null},h=function(t){r(null),e.onLeafClick&&e.onLeafClick(t),e.onHide&&e.onHide(t)};l.useMountEffect((function(){i()})),l.useUpdateEffect((function(){e.parentActive||r(null),!e.root&&e.parentActive&&c()}),[e.parentActive]);var y=function(e){return p.createElement("li",{key:"separator_"+e,className:"p-menu-separator",role:"separator"})},D=function(t){return t.items?p.createElement(E,{menuProps:e.menuProps,model:t.items,onLeafClick:h,popup:e.popup,onKeyDown:d,parentActive:t===n}):null},O=function(t,r){if(!1===t.visible)return null;var l=t.style,a=t.disabled,i=t.icon,c=t.label,d=t.items,v=t.target,b=t.url,h=t.template,y=c+"_"+r,g=n===t,E=o.classNames("p-menuitem",{"p-menuitem-active":g},t.className),O=o.classNames("p-menuitem-link",{"p-disabled":a}),w=o.classNames("p-menuitem-icon",i),N="p-submenu-icon pi pi-angle-right",S=o.IconUtils.getJSXIcon(i,{className:"p-menuitem-icon"},{props:e.menuProps}),H=c&&p.createElement("span",{className:"p-menuitem-text"},c),x=d&&p.createElement("span",{className:N}),I=D(t),j=p.createElement("a",{href:b||"#",className:O,target:v,role:"menuitem","aria-haspopup":null!=d,onClick:function(e){return m(e,t)},onKeyDown:function(e){return f(e,t)},"aria-disabled":a},S,H,x,p.createElement(u.Ripple,null));h&&(j=o.ObjectUtils.getJSXElement(h,t,{onClick:function(e){return m(e,t)},onKeyDown:function(e){return f(e,t)},className:O,labelClassName:"p-menuitem-text",iconClassName:w,submenuIconClassName:N,element:j,props:e,active:g,disabled:a}));return p.createElement("li",{key:y,id:t,className:E,style:l,onMouseEnter:function(e){return s(e,t)},role:"none"},j,I)},w=function(e,t){return e.separator?y(t):O(e,t)},N=o.classNames({"p-submenu-list":!e.root}),S=e.model?e.model.map(w):null;return p.createElement("ul",{ref:a,className:N,role:e.root?"menubar":"menu","aria-orientation":"horizontal"},S)}));E.displayName="TieredMenuSub";var D=p.memo(p.forwardRef((function(e,t){var n=g(p.useState(!e.popup),2),u=n[0],c=n[1],s=p.useRef(null),d=p.useRef(null),v=g(l.useOverlayListener({target:d,overlay:s,listener:function(e,t){t.valid&&N(e)},when:u}),2),b=v[0],h=v[1],y=function(t){e.popup&&a.OverlayService.emit("overlay-click",{originalEvent:t,target:d.current})},O=function(t){e.popup&&(u?N(t):w(t))},w=function(t){d.current=t.currentTarget,c(!0),e.onShow&&e.onShow(t)},N=function(t){e.popup&&(d.current=t.currentTarget,c(!1),e.onHide&&e.onHide(t))},S=function(){e.autoZIndex&&o.ZIndexUtils.set("menu",s.current,m.default.autoZIndex,e.baseZIndex||m.default.zIndex.menu),o.DomHandler.absolutePosition(s.current,d.current)},H=function(){b()},x=function(){d.current=null,h()},I=function(){o.ZIndexUtils.clear(s.current)};l.useUnmountEffect((function(){o.ZIndexUtils.clear(s.current)})),p.useImperativeHandle(t,(function(){return{props:e,toggle:O,show:w,hide:N,getElement:function(){return s.current}}}));var j,C,k=(j=o.ObjectUtils.findDiffKeys(e,D.defaultProps),C=o.classNames("p-tieredmenu p-component",{"p-tieredmenu-overlay":e.popup,"p-input-filled":"filled"===m.default.inputStyle,"p-ripple-disabled":!1===m.default.ripple},e.className),p.createElement(r.CSSTransition,{nodeRef:s,classNames:"p-connected-overlay",in:u,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:S,onEntered:H,onExit:x,onExited:I},p.createElement("div",f({ref:s,id:e.id,className:C,style:e.style},j,{onClick:y}),p.createElement(E,{menuProps:e,model:e.model,root:!0,popup:e.popup,onHide:N}))));return e.popup?p.createElement(i.Portal,{element:k,appendTo:e.appendTo}):k})));return D.displayName="TieredMenu",D.defaultProps={__TYPE:"TieredMenu",id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null},e.TieredMenu=D,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.overlayservice,primereact.portal,primereact.utils,primereact.ripple);

package/timeline/timeline.cjs.js

@@ -29,20 +29,45 @@ function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
   return _extends.apply(this, arguments);
 }
 
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+
 function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value: value,
@@ -53,19 +78,15 @@ function _defineProperty(obj, key, value) {
   } else {
     obj[key] = value;
   }
-
   return obj;
 }
 
 var Timeline = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var _classNames;
-
   var elementRef = React__namespace.useRef(null);
-
   var getKey = function getKey(item, index) {
     return props.dataKey ? utils.ObjectUtils.resolveFieldData(item, props.dataKey) : "pr_id__".concat(index);
   };
-
   var createEvents = function createEvents() {
     return props.value && props.value.map(function (item, index) {
       var opposite = utils.ObjectUtils.getJSXElement(props.opposite, item, index);
@@ -88,7 +109,6 @@ var Timeline = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       }, content));
     });
   };
-
   React__namespace.useImperativeHandle(ref, function () {
     return {
       props: props,
@@ -101,25 +121,21 @@ var Timeline = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   var className = utils.classNames('p-timeline p-component', (_classNames = {}, _defineProperty(_classNames, "p-timeline-".concat(props.align), true), _defineProperty(_classNames, "p-timeline-".concat(props.layout), true), _classNames), props.className);
   var events = createEvents();
   return /*#__PURE__*/React__namespace.createElement("div", _extends({
-    id: props.id,
     ref: elementRef,
-    className: className,
-    style: props.style
+    className: className
   }, otherProps), events);
 }));
 Timeline.displayName = 'Timeline';
 Timeline.defaultProps = {
   __TYPE: 'Timeline',
-  id: null,
-  value: null,
   align: 'left',
-  layout: 'vertical',
-  dataKey: null,
   className: null,
-  style: null,
-  opposite: null,
+  content: null,
+  dataKey: null,
+  layout: 'vertical',
   marker: null,
-  content: null
+  opposite: null,
+  value: null
 };
 
 exports.Timeline = Timeline;

package/timeline/timeline.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils");function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var l=n(e);function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},r.apply(this,arguments)}function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var i=l.memo(l.forwardRef((function(e,n){var c,s=l.useRef(null),u=function(n,l){return e.dataKey?t.ObjectUtils.resolveFieldData(n,e.dataKey):"pr_id__".concat(l)};l.useImperativeHandle(n,(function(){return{props:e,getElement:function(){return s.current}}}));var o=t.ObjectUtils.findDiffKeys(e,i.defaultProps),m=t.classNames("p-timeline p-component",(a(c={},"p-timeline-".concat(e.align),!0),a(c,"p-timeline-".concat(e.layout),!0),c),e.className),p=e.value&&e.value.map((function(n,r){var a=t.ObjectUtils.getJSXElement(e.opposite,n,r),i=t.ObjectUtils.getJSXElement(e.marker,n,r)||l.createElement("div",{className:"p-timeline-event-marker"}),c=r!==e.value.length-1&&l.createElement("div",{className:"p-timeline-event-connector"}),s=t.ObjectUtils.getJSXElement(e.content,n,r);return l.createElement("div",{key:u(n,r),className:"p-timeline-event"},l.createElement("div",{className:"p-timeline-event-opposite"},a),l.createElement("div",{className:"p-timeline-event-separator"},i,c),l.createElement("div",{className:"p-timeline-event-content"},s))}));return l.createElement("div",r({id:e.id,ref:s,className:m,style:e.style},o),p)})));i.displayName="Timeline",i.defaultProps={__TYPE:"Timeline",id:null,value:null,align:"left",layout:"vertical",dataKey:null,className:null,style:null,opposite:null,marker:null,content:null},exports.Timeline=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils");function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var r=n(e);function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i.apply(this,arguments)}function l(e){return l="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},l(e)}function a(e,t){if("object"!==l(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==l(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function o(e){var t=a(e,"string");return"symbol"===l(t)?t:String(t)}function c(e,t,n){return(t=o(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var u=r.memo(r.forwardRef((function(e,n){var l,a=r.useRef(null),o=function(n,r){return e.dataKey?t.ObjectUtils.resolveFieldData(n,e.dataKey):"pr_id__".concat(r)};r.useImperativeHandle(n,(function(){return{props:e,getElement:function(){return a.current}}}));var s=t.ObjectUtils.findDiffKeys(e,u.defaultProps),m=t.classNames("p-timeline p-component",(c(l={},"p-timeline-".concat(e.align),!0),c(l,"p-timeline-".concat(e.layout),!0),l),e.className),f=e.value&&e.value.map((function(n,i){var l=t.ObjectUtils.getJSXElement(e.opposite,n,i),a=t.ObjectUtils.getJSXElement(e.marker,n,i)||r.createElement("div",{className:"p-timeline-event-marker"}),c=i!==e.value.length-1&&r.createElement("div",{className:"p-timeline-event-connector"}),u=t.ObjectUtils.getJSXElement(e.content,n,i);return r.createElement("div",{key:o(n,i),className:"p-timeline-event"},r.createElement("div",{className:"p-timeline-event-opposite"},l),r.createElement("div",{className:"p-timeline-event-separator"},a,c),r.createElement("div",{className:"p-timeline-event-content"},u))}));return r.createElement("div",i({ref:a,className:m},s),f)})));u.displayName="Timeline",u.defaultProps={__TYPE:"Timeline",align:"left",className:null,content:null,dataKey:null,layout:"vertical",marker:null,opposite:null,value:null},exports.Timeline=u;