primereact 9.4.0 → 9.5.0

package/carousel/carousel.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.carousel = (function (exports, React, PrimeReact, hooks, chevrondown, chevronleft, chevronright, chevronup, ripple, utils) {
+this.primereact.carousel = (function (exports, React, PrimeReact, hooks, chevrondown, chevronleft, chevronright, chevronup, ripple, utils, componentbase) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -25,19 +25,45 @@ this.primereact.carousel = (function (exports, React, PrimeReact, hooks, chevron
   var React__namespace = /*#__PURE__*/_interopNamespace(React);
   var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
 
-  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,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
   }
 
   function _arrayLikeToArray(arr, len) {
@@ -111,7 +137,7 @@ this.primereact.carousel = (function (exports, React, PrimeReact, hooks, chevron
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
-  var CarouselBase = {
+  var CarouselBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'Carousel',
       id: null,
@@ -138,15 +164,11 @@ this.primereact.carousel = (function (exports, React, PrimeReact, hooks, chevron
       indicatorsContentClassName: null,
       onPageChange: null,
       children: undefined
-    },
-    getProps: function getProps(props) {
-      return utils.ObjectUtils.getMergedProps(props, CarouselBase.defaultProps);
-    },
-    getOtherProps: function getOtherProps(props) {
-      return utils.ObjectUtils.getDiffProps(props, CarouselBase.defaultProps);
     }
-  };
+  });
 
+  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var CarouselItem = /*#__PURE__*/React__namespace.memo(function (props) {
     var content = props.template(props.item);
     var className = utils.classNames(props.className, 'p-carousel-item', {
@@ -154,9 +176,11 @@ this.primereact.carousel = (function (exports, React, PrimeReact, hooks, chevron
       'p-carousel-item-start': props.start,
       'p-carousel-item-end': props.end
     });
-    return /*#__PURE__*/React__namespace.createElement("div", {
+    var ptParams = props.className && props.className === 'p-carousel-item-cloned' ? props.ptm('itemCloned') : props.ptm('item');
+    var itemClonedProps = utils.mergeProps({
       className: className
-    }, content);
+    }, ptParams);
+    return /*#__PURE__*/React__namespace.createElement("div", itemClonedProps, content);
   });
   var Carousel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var props = CarouselBase.getProps(inProps);
@@ -176,6 +200,16 @@ this.primereact.carousel = (function (exports, React, PrimeReact, hooks, chevron
       _React$useState8 = _slicedToArray(_React$useState7, 2),
       pageState = _React$useState8[0],
       setPageState = _React$useState8[1];
+    var _CarouselBase$setMeta = CarouselBase.setMetaData({
+        props: props,
+        state: {
+          numVisible: numVisibleState,
+          numScroll: numScrollState,
+          totalShiftedItems: totalShiftedItemsState,
+          page: pageState
+        }
+      }),
+      ptm = _CarouselBase$setMeta.ptm;
     var elementRef = React__namespace.useRef(null);
     var itemsContainerRef = React__namespace.useRef(null);
     var remainingItems = React__namespace.useRef(0);
@@ -303,19 +337,19 @@ this.primereact.carousel = (function (exports, React, PrimeReact, hooks, chevron
         }
       }
     };
-    var onTouchStart = function onTouchStart(e) {
+    var _onTouchStart = function onTouchStart(e) {
       var touchobj = e.changedTouches[0];
       startPos.current = {
         x: touchobj.pageX,
         y: touchobj.pageY
       };
     };
-    var onTouchMove = function onTouchMove(e) {
+    var _onTouchMove = function onTouchMove(e) {
       if (e.cancelable) {
         e.preventDefault();
       }
     };
-    var onTouchEnd = function onTouchEnd(e) {
+    var _onTouchEnd = function onTouchEnd(e) {
       var touchobj = e.changedTouches[0];
       if (isVertical) {
         changePageOnTouch(e, touchobj.pageY - startPos.current.y);
@@ -475,7 +509,8 @@ this.primereact.carousel = (function (exports, React, PrimeReact, hooks, chevron
               item: item,
               active: isActive,
               start: start,
-              end: end
+              end: end,
+              ptm: ptm
             });
           });
           clonedElements = props.value.slice(0, numVisibleState);
@@ -491,7 +526,8 @@ this.primereact.carousel = (function (exports, React, PrimeReact, hooks, chevron
               item: item,
               active: isActive,
               start: start,
-              end: end
+              end: end,
+              ptm: ptm
             });
           });
         }
@@ -507,7 +543,8 @@ this.primereact.carousel = (function (exports, React, PrimeReact, hooks, chevron
             item: item,
             active: isActive,
             start: start,
-            end: end
+            end: end,
+            ptm: ptm
           });
         });
         return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, clonedItemsForStarting, items, clonedItemsForFinishing);
@@ -515,17 +552,19 @@ this.primereact.carousel = (function (exports, React, PrimeReact, hooks, chevron
     };
     var createHeader = function createHeader() {
       if (props.header) {
-        return /*#__PURE__*/React__namespace.createElement("div", {
-          className: "p-carousel-header"
-        }, props.header);
+        var headerProps = utils.mergeProps({
+          className: 'p-carousel-header'
+        }, ptm('header'));
+        return /*#__PURE__*/React__namespace.createElement("div", headerProps, props.header);
       }
       return null;
     };
     var createFooter = function createFooter() {
       if (props.footer) {
-        return /*#__PURE__*/React__namespace.createElement("div", {
-          className: "p-carousel-footer"
-        }, props.footer);
+        var footerProps = utils.mergeProps({
+          className: 'p-carousel-footer'
+        }, ptm('footer'));
+        return /*#__PURE__*/React__namespace.createElement("div", footerProps, props.footer);
       }
       return null;
     };
@@ -535,21 +574,30 @@ this.primereact.carousel = (function (exports, React, PrimeReact, hooks, chevron
       var backwardNavigator = createBackwardNavigator();
       var forwardNavigator = createForwardNavigator();
       var className = utils.classNames('p-carousel-container', props.containerClassName);
-      return /*#__PURE__*/React__namespace.createElement("div", {
-        className: className
-      }, backwardNavigator, /*#__PURE__*/React__namespace.createElement("div", {
-        className: "p-carousel-items-content",
+      var itemsContentProps = utils.mergeProps({
+        className: 'p-carousel-items-content',
         style: {
           height: height
         },
-        onTouchStart: onTouchStart,
-        onTouchMove: onTouchMove,
-        onTouchEnd: onTouchEnd
-      }, /*#__PURE__*/React__namespace.createElement("div", {
+        onTouchStart: function onTouchStart(e) {
+          return _onTouchStart(e);
+        },
+        onTouchMove: function onTouchMove(e) {
+          return _onTouchMove(e);
+        },
+        onTouchEnd: function onTouchEnd(e) {
+          return _onTouchEnd(e);
+        }
+      }, ptm('itemsContent'));
+      var containerProps = utils.mergeProps({
+        className: className
+      }, ptm('container'));
+      var itemsContainerProps = utils.mergeProps({
         ref: itemsContainerRef,
-        className: "p-carousel-items-container",
+        className: 'p-carousel-items-container',
         onTransitionEnd: onTransitionEnd
-      }, items)), forwardNavigator);
+      }, ptm('itemsContainer'));
+      return /*#__PURE__*/React__namespace.createElement("div", containerProps, backwardNavigator, /*#__PURE__*/React__namespace.createElement("div", itemsContentProps, /*#__PURE__*/React__namespace.createElement("div", itemsContainerProps, items)), forwardNavigator);
     };
     var createBackwardNavigator = function createBackwardNavigator() {
       if (props.showNavigators) {
@@ -558,23 +606,23 @@ this.primereact.carousel = (function (exports, React, PrimeReact, hooks, chevron
           'p-disabled': isDisabled
         });
         var iconClassName = 'p-carousel-prev-icon';
-        var icon = isVertical ? props.prevIcon || /*#__PURE__*/React__namespace.createElement(chevronup.ChevronUpIcon, {
-          className: iconClassName
-        }) : props.prevIcon || /*#__PURE__*/React__namespace.createElement(chevronleft.ChevronLeftIcon, {
+        var previousButtonIconProps = utils.mergeProps({
           className: iconClassName
-        });
-        var backwardNavigatorIcon = utils.IconUtils.getJSXIcon(icon, {
-          className: _className
-        }, {
+        }, ptm('previousButtonIcon'));
+        var icon = isVertical ? props.prevIcon || /*#__PURE__*/React__namespace.createElement(chevronup.ChevronUpIcon, previousButtonIconProps) : props.prevIcon || /*#__PURE__*/React__namespace.createElement(chevronleft.ChevronLeftIcon, previousButtonIconProps);
+        var backwardNavigatorIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, previousButtonIconProps), {
           props: props
         });
-        return /*#__PURE__*/React__namespace.createElement("button", {
-          type: "button",
+        var previousButtonProps = utils.mergeProps({
+          type: 'button',
           className: _className,
-          onClick: navBackward,
+          onClick: function onClick(e) {
+            return navBackward(e);
+          },
           disabled: isDisabled,
-          "aria-label": PrimeReact.ariaLabel('previousPageLabel')
-        }, backwardNavigatorIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+          'aria-label': PrimeReact.ariaLabel('previousPageLabel')
+        }, ptm('previousButton'));
+        return /*#__PURE__*/React__namespace.createElement("button", previousButtonProps, backwardNavigatorIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
       }
       return null;
     };
@@ -585,23 +633,23 @@ this.primereact.carousel = (function (exports, React, PrimeReact, hooks, chevron
           'p-disabled': isDisabled
         });
         var iconClassName = 'p-carousel-next-icon';
-        var icon = isVertical ? props.nextIcon || /*#__PURE__*/React__namespace.createElement(chevrondown.ChevronDownIcon, {
-          className: iconClassName
-        }) : props.nextIcon || /*#__PURE__*/React__namespace.createElement(chevronright.ChevronRightIcon, {
+        var nextButtonIconProps = utils.mergeProps({
           className: iconClassName
-        });
-        var forwardNavigatorIcon = utils.IconUtils.getJSXIcon(icon, {
-          className: _className2
-        }, {
+        }, ptm('nextButtonIcon'));
+        var icon = isVertical ? props.nextIcon || /*#__PURE__*/React__namespace.createElement(chevrondown.ChevronDownIcon, nextButtonIconProps) : props.nextIcon || /*#__PURE__*/React__namespace.createElement(chevronright.ChevronRightIcon, nextButtonIconProps);
+        var forwardNavigatorIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, nextButtonIconProps), {
           props: props
         });
-        return /*#__PURE__*/React__namespace.createElement("button", {
-          type: "button",
+        var nextButtonProps = utils.mergeProps({
+          type: 'button',
           className: _className2,
-          onClick: navForward,
+          onClick: function onClick(e) {
+            return navForward(e);
+          },
           disabled: isDisabled,
-          "aria-label": PrimeReact.ariaLabel('nextPageLabel')
-        }, forwardNavigatorIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+          'aria-label': PrimeReact.ariaLabel('nextPageLabel')
+        }, ptm('nextButton'));
+        return /*#__PURE__*/React__namespace.createElement("button", nextButtonProps, forwardNavigatorIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
       }
       return null;
     };
@@ -611,17 +659,19 @@ this.primereact.carousel = (function (exports, React, PrimeReact, hooks, chevron
       var className = utils.classNames('p-carousel-indicator', {
         'p-highlight': isActive
       });
-      return /*#__PURE__*/React__namespace.createElement("li", {
+      var indicatorProps = utils.mergeProps({
         key: key,
         className: className
-      }, /*#__PURE__*/React__namespace.createElement("button", {
-        type: "button",
-        className: "p-link",
+      }, ptm('indicator'));
+      var indicatorButtonProps = utils.mergeProps({
+        type: 'button',
+        className: 'p-link',
         onClick: function onClick(e) {
           return onDotClick(e, index);
         },
-        "aria-label": "".concat(PrimeReact.ariaLabel('pageLabel'), " ").concat(index + 1)
-      }, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null)));
+        'aria-label': "".concat(PrimeReact.ariaLabel('pageLabel'), " ").concat(index + 1)
+      }, ptm('indicatorButton'));
+      return /*#__PURE__*/React__namespace.createElement("li", indicatorProps, /*#__PURE__*/React__namespace.createElement("button", indicatorButtonProps, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null)));
     };
     var createIndicators = function createIndicators() {
       if (props.showIndicators) {
@@ -630,13 +680,13 @@ this.primereact.carousel = (function (exports, React, PrimeReact, hooks, chevron
         for (var i = 0; i < totalIndicators; i++) {
           _indicators.push(createIndicator(i));
         }
-        return /*#__PURE__*/React__namespace.createElement("ul", {
+        var indicatorsProps = utils.mergeProps({
           className: _className3
-        }, _indicators);
+        }, ptm('indicators'));
+        return /*#__PURE__*/React__namespace.createElement("ul", indicatorsProps, _indicators);
       }
       return null;
     };
-    var otherProps = CarouselBase.getOtherProps(props);
     var className = utils.classNames('p-carousel p-component', {
       'p-carousel-vertical': isVertical,
       'p-carousel-horizontal': !isVertical
@@ -646,14 +696,16 @@ this.primereact.carousel = (function (exports, React, PrimeReact, hooks, chevron
     var indicators = createIndicators();
     var header = createHeader();
     var footer = createFooter();
-    return /*#__PURE__*/React__namespace.createElement("div", _extends({
-      ref: elementRef,
+    var rootProps = utils.mergeProps({
       id: props.id,
+      ref: elementRef,
       className: className,
       style: props.style
-    }, otherProps), header, /*#__PURE__*/React__namespace.createElement("div", {
+    }, CarouselBase.getOtherProps(props), ptm('root'));
+    var contentProps = utils.mergeProps({
       className: contentClassName
-    }, content, indicators), footer);
+    }, ptm('content'));
+    return /*#__PURE__*/React__namespace.createElement("div", rootProps, header, /*#__PURE__*/React__namespace.createElement("div", contentProps, content, indicators), footer);
   }));
   CarouselItem.displayName = 'CarouselItem';
   Carousel.displayName = 'Carousel';
@@ -664,4 +716,4 @@ this.primereact.carousel = (function (exports, React, PrimeReact, hooks, chevron
 
   return exports;
 
-})({}, React, primereact.api, primereact.hooks, primereact.icons.chevrondown, primereact.icons.chevronleft, primereact.icons.chevronright, primereact.icons.chevronup, primereact.ripple, primereact.utils);
+})({}, React, primereact.api, primereact.hooks, primereact.icons.chevrondown, primereact.icons.chevronleft, primereact.icons.chevronright, primereact.icons.chevronup, primereact.ripple, primereact.utils, primereact.componentbase);

package/carousel/carousel.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.carousel=function(e,t,n,r,a,l,c,u,o,i){"use strict";function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(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 m=p(t),f=s(n);function v(){return v=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},v.apply(this,arguments)}function d(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){if(Array.isArray(e))return d(e)}function g(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function b(e,t){if(e){if("string"==typeof e)return d(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)?d(e,t):void 0}}function y(){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 N(e){if(Array.isArray(e))return e}function I(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l,c,u=[],o=!0,i=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(r=l.call(n)).done)&&(u.push(r.value),u.length!==t);o=!0);}catch(e){i=!0,a=e}finally{try{if(!o&&null!=n.return&&(c=n.return(),Object(c)!==c))return}finally{if(i)throw a}}return u}}function E(){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,t){return N(e)||I(e,t)||b(e,t)||E()}var P={defaultProps:{__TYPE:"Carousel",id:null,value:null,page:0,header:null,footer:null,style:null,className:null,itemTemplate:null,circular:!1,showIndicators:!0,showNavigators:!0,autoplayInterval:0,numVisible:1,numScroll:1,prevIcon:null,nextIcon:null,responsiveOptions:null,orientation:"horizontal",verticalViewPortHeight:"300px",contentClassName:null,containerClassName:null,indicatorsContentClassName:null,onPageChange:null,children:void 0},getProps:function(e){return i.ObjectUtils.getMergedProps(e,P.defaultProps)},getOtherProps:function(e){return i.ObjectUtils.getDiffProps(e,P.defaultProps)}},S=m.memo((function(e){var t=e.template(e.item),n=i.classNames(e.className,"p-carousel-item",{"p-carousel-item-active":e.active,"p-carousel-item-start":e.start,"p-carousel-item-end":e.end});return m.createElement("div",{className:n},t)})),O=m.memo(m.forwardRef((function(e,t){var s=P.getProps(e),p=C(m.useState(s.numVisible),2),d=p[0],N=p[1],I=C(m.useState(s.numScroll),2),E=I[0],O=I[1],w=C(m.useState(s.page*s.numScroll*-1),2),j=w[0],R=w[1],k=C(m.useState(s.page),2),x=k[0],T=k[1],M=m.useRef(null),A=m.useRef(null),U=m.useRef(0),V=m.useRef(!!s.autoplayInterval),D=m.useRef(""),L=m.useRef(20),_=m.useRef(null),H=m.useRef(null),z=m.useRef(null),X=m.useRef(!1),Y=m.useRef(null),J=r.usePrevious(E),q=r.usePrevious(d),F=r.usePrevious(s.value),W=r.usePrevious(s.page),$="vertical"===s.orientation,B=s.circular||!!s.autoplayInterval,G=B&&s.value&&s.value.length>=d,K=s.value?Math.max(Math.ceil((s.value.length-d)/E)+1,0):0,Q=K&&s.autoplayInterval&&V.current,Z=s.onPageChange&&!Q,ee=Z?s.page:x,te=C(r.useResizeListener({listener:function(){re()},when:s.responsiveOptions}),1)[0],ne=function(e,t){var n=j;null!=t?(n=E*t*-1,G&&(n-=d),X.current=!1):(n+=E*e,X.current&&(n+=U.current-E*e,X.current=!1),t=Math.abs(Math.floor((G?n+d:n)/E)));G&&x===K-1&&-1===e?(n=-1*(s.value.length+d),t=0):G&&0===x&&1===e?(n=0,t=K-1):t===K-1&&U.current>0&&(n+=-1*U.current-E*e,X.current=!0),A.current&&(i.DomHandler.removeClass(A.current,"p-items-hidden"),ve(n),A.current.style.transition="transform 500ms ease 0s"),de(t),R(n)},re=function(){if(A.current&&Y.current){for(var e=window.innerWidth,t={numVisible:s.numVisible,numScroll:s.numScroll},n=0;n<Y.current.length;n++){var r=Y.current[n];parseInt(r.breakpoint,10)>=e&&(t=r)}if(E!==t.numScroll){var a=Math.floor(ee*E/t.numScroll),l=t.numScroll*a*-1;G&&(l-=t.numVisible),R(l),O(t.numScroll),de(a)}d!==t.numVisible&&N(t.numVisible)}},ae=function(e,t){(B||0!==ee)&&ne(1,t),V.current=!1,e.cancelable&&e.preventDefault()},le=function(e,t){(B||ee<K-1)&&ne(-1,t),V.current=!1,e.cancelable&&e.preventDefault()},ce=function(e,t){t>ee?le(e,t):t<ee&&ae(e,t)},ue=function(e){A.current&&"transform"===e.propertyName&&(i.DomHandler.addClass(A.current,"p-items-hidden"),A.current.style.transition="",0!==x&&x!==K-1||!G||ve(j))},oe=function(e){var t=e.changedTouches[0];_.current={x:t.pageX,y:t.pageY}},ie=function(e){e.cancelable&&e.preventDefault()},se=function(e){var t=e.changedTouches[0];pe(e,$?t.pageY-_.current.y:t.pageX-_.current.x)},pe=function(e,t){Math.abs(t)>L&&(t<0?le(e):ae(e))},me=function(){H.current&&clearInterval(H.current)},fe=function(){z.current||(z.current=i.DomHandler.createInlineStyle(f.default.nonce));var e,t="\n            .p-carousel[".concat(D.current,"] .p-carousel-item {\n                flex: 1 0 ").concat(100/d,"%\n            }\n        ");if(s.responsiveOptions){Y.current=h(e=s.responsiveOptions)||g(e)||b(e)||y(),Y.current.sort((function(e,t){return i.ObjectUtils.sort(e.breakpoint,t.breakpoint,-1,f.default.locale,f.default.nullSortOrder)}));for(var n=0;n<Y.current.length;n++){var r=Y.current[n];t+="\n                    @media screen and (max-width: ".concat(r.breakpoint,") {\n                        .p-carousel[").concat(D.current,"] .p-carousel-item {\n                            flex: 1 0 ").concat(100/r.numVisible,"%\n                        }\n                    }\n                ")}}z.current.innerHTML=t},ve=function(e){A.current&&(A.current.style.transform=$?"translate3d(0, ".concat(e*(100/d),"%, 0)"):"translate3d(".concat(e*(100/d),"%, 0, 0)"))},de=function(e){!Z&&T(e),s.onPageChange&&s.onPageChange({page:e})};m.useImperativeHandle(t,(function(){return{props:s,getElement:function(){return M.current}}})),r.useMountEffect((function(){M.current&&(D.current=i.UniqueComponentId(),M.current.setAttribute(D.current,"")),fe(),re(),ve(j),te()})),r.useUpdateEffect((function(){var e=!1,t=j;if(s.autoplayInterval&&me(),J!==E||q!==d||s.value&&F&&F.length!==s.value.length){U.current=(s.value.length-d)%E;var n=ee;0!==K&&n>=K&&(de(n=K-1),e=!0),t=n*E*-1,G&&(t-=d),n===K-1&&U.current>0?(t+=-1*U.current+E,X.current=!0):X.current=!1,t!==j&&(R(t),e=!0),ve(t)}G&&(0===x?t=-1*d:0===t&&(t=-1*s.value.length,U.current>0&&(X.current=!0)),t!==j&&(R(t),e=!0)),W!==s.page&&(s.page>W&&s.page<=K-1?ne(-1,s.page):s.page<W&&ne(1,s.page)),!e&&Q&&(H.current=setInterval((function(){ne(-1,x===K-1?0:x+1)}),s.autoplayInterval))})),r.useUnmountEffect((function(){s.autoplayInterval&&me()}));var he=function(){if(s.value&&s.value.length){var e=null,t=null;if(G){var n=null;e=(n=s.value.slice(-1*d)).map((function(e,t){return m.createElement(S,{key:t+"_scloned",className:"p-carousel-item-cloned",template:s.itemTemplate,item:e,active:-1*j===s.value.length+d,start:0===t,end:t===n.length-1})})),t=(n=s.value.slice(0,d)).map((function(e,t){return m.createElement(S,{key:t+"_fcloned",className:"p-carousel-item-cloned",template:s.itemTemplate,item:e,active:0===j,start:0===t,end:t===n.length-1})}))}var r=s.value.map((function(e,t){var n=G?-1*(j+d):-1*j,r=n+d-1;return m.createElement(S,{key:t,template:s.itemTemplate,item:e,active:n<=t&&r>=t,start:n===t,end:r===t})}));return m.createElement(m.Fragment,null,e,r,t)}},ge=function(){if(s.showNavigators){var e=(!B||s.value&&s.value.length<d)&&0===ee,t=i.classNames("p-carousel-prev p-link",{"p-disabled":e}),r="p-carousel-prev-icon",a=i.IconUtils.getJSXIcon($?s.prevIcon||m.createElement(u.ChevronUpIcon,{className:r}):s.prevIcon||m.createElement(l.ChevronLeftIcon,{className:r}),{className:t},{props:s});return m.createElement("button",{type:"button",className:t,onClick:ae,disabled:e,"aria-label":n.ariaLabel("previousPageLabel")},a,m.createElement(o.Ripple,null))}return null},be=function(){if(s.showNavigators){var e=(!B||s.value&&s.value.length<d)&&(ee===K-1||0===K),t=i.classNames("p-carousel-next p-link",{"p-disabled":e}),r="p-carousel-next-icon",l=i.IconUtils.getJSXIcon($?s.nextIcon||m.createElement(a.ChevronDownIcon,{className:r}):s.nextIcon||m.createElement(c.ChevronRightIcon,{className:r}),{className:t},{props:s});return m.createElement("button",{type:"button",className:t,onClick:le,disabled:e,"aria-label":n.ariaLabel("nextPageLabel")},l,m.createElement(o.Ripple,null))}return null},ye=function(e){var t="carousel-indicator-"+e,r=i.classNames("p-carousel-indicator",{"p-highlight":ee===e});return m.createElement("li",{key:t,className:r},m.createElement("button",{type:"button",className:"p-link",onClick:function(t){return ce(t,e)},"aria-label":"".concat(n.ariaLabel("pageLabel")," ").concat(e+1)},m.createElement(o.Ripple,null)))},Ne=P.getOtherProps(s),Ie=i.classNames("p-carousel p-component",{"p-carousel-vertical":$,"p-carousel-horizontal":!$},s.className),Ee=i.classNames("p-carousel-content",s.contentClassName),Ce=function(){var e=he(),t=$?s.verticalViewPortHeight:"auto",n=ge(),r=be(),a=i.classNames("p-carousel-container",s.containerClassName);return m.createElement("div",{className:a},n,m.createElement("div",{className:"p-carousel-items-content",style:{height:t},onTouchStart:oe,onTouchMove:ie,onTouchEnd:se},m.createElement("div",{ref:A,className:"p-carousel-items-container",onTransitionEnd:ue},e)),r)}(),Pe=function(){if(s.showIndicators){for(var e=i.classNames("p-carousel-indicators p-reset",s.indicatorsContentClassName),t=[],n=0;n<K;n++)t.push(ye(n));return m.createElement("ul",{className:e},t)}return null}(),Se=s.header?m.createElement("div",{className:"p-carousel-header"},s.header):null,Oe=s.footer?m.createElement("div",{className:"p-carousel-footer"},s.footer):null;return m.createElement("div",v({ref:M,id:s.id,className:Ie,style:s.style},Ne),Se,m.createElement("div",{className:Ee},Ce,Pe),Oe)})));return S.displayName="CarouselItem",O.displayName="Carousel",e.Carousel=O,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.icons.chevrondown,primereact.icons.chevronleft,primereact.icons.chevronright,primereact.icons.chevronup,primereact.ripple,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.carousel=function(e,t,r,n,a,o,l,u,c,i,s){"use strict";function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var f=p(t),v=m(r);function d(e){return d="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},d(e)}function g(e,t){if("object"!==d(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==d(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function b(e){var t=g(e,"string");return"symbol"===d(t)?t:String(t)}function h(e,t,r){return(t=b(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function P(e){if(Array.isArray(e))return y(e)}function N(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function I(e,t){if(e){if("string"==typeof e)return y(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?y(e,t):void 0}}function S(){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 E(e){if(Array.isArray(e))return e}function O(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,o,l,u=[],c=!0,i=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=o.call(r)).done)&&(u.push(n.value),u.length!==t);c=!0);}catch(e){i=!0,a=e}finally{try{if(!c&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(i)throw a}}return u}}function C(){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,t){return E(e)||O(e,t)||I(e,t)||C()}var j=s.ComponentBase.extend({defaultProps:{__TYPE:"Carousel",id:null,value:null,page:0,header:null,footer:null,style:null,className:null,itemTemplate:null,circular:!1,showIndicators:!0,showNavigators:!0,autoplayInterval:0,numVisible:1,numScroll:1,prevIcon:null,nextIcon:null,responsiveOptions:null,orientation:"horizontal",verticalViewPortHeight:"300px",contentClassName:null,containerClassName:null,indicatorsContentClassName:null,onPageChange:null,children:void 0}});function R(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function k(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?R(Object(r),!0).forEach((function(t){h(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):R(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var x=f.memo((function(e){var t=e.template(e.item),r=i.classNames(e.className,"p-carousel-item",{"p-carousel-item-active":e.active,"p-carousel-item-start":e.start,"p-carousel-item-end":e.end}),n=e.ptm(e.className&&"p-carousel-item-cloned"===e.className?"itemCloned":"item"),a=i.mergeProps({className:r},n);return f.createElement("div",a,t)})),T=f.memo(f.forwardRef((function(e,t){var s=j.getProps(e),m=w(f.useState(s.numVisible),2),p=m[0],d=m[1],g=w(f.useState(s.numScroll),2),b=g[0],h=g[1],y=w(f.useState(s.page*s.numScroll*-1),2),E=y[0],O=y[1],C=w(f.useState(s.page),2),R=C[0],T=C[1],D=j.setMetaData({props:s,state:{numVisible:p,numScroll:b,totalShiftedItems:E,page:R}}).ptm,M=f.useRef(null),V=f.useRef(null),A=f.useRef(0),L=f.useRef(!!s.autoplayInterval),U=f.useRef(""),_=f.useRef(20),H=f.useRef(null),B=f.useRef(null),z=f.useRef(null),X=f.useRef(!1),Y=f.useRef(null),J=n.usePrevious(b),q=n.usePrevious(p),F=n.usePrevious(s.value),W=n.usePrevious(s.page),$="vertical"===s.orientation,G=s.circular||!!s.autoplayInterval,K=G&&s.value&&s.value.length>=p,Q=s.value?Math.max(Math.ceil((s.value.length-p)/b)+1,0):0,Z=Q&&s.autoplayInterval&&L.current,ee=s.onPageChange&&!Z,te=ee?s.page:R,re=w(n.useResizeListener({listener:function(){ae()},when:s.responsiveOptions}),1)[0],ne=function(e,t){var r=E;null!=t?(r=b*t*-1,K&&(r-=p),X.current=!1):(r+=b*e,X.current&&(r+=A.current-b*e,X.current=!1),t=Math.abs(Math.floor((K?r+p:r)/b)));K&&R===Q-1&&-1===e?(r=-1*(s.value.length+p),t=0):K&&0===R&&1===e?(r=0,t=Q-1):t===Q-1&&A.current>0&&(r+=-1*A.current-b*e,X.current=!0),V.current&&(i.DomHandler.removeClass(V.current,"p-items-hidden"),de(r),V.current.style.transition="transform 500ms ease 0s"),ge(t),O(r)},ae=function(){if(V.current&&Y.current){for(var e=window.innerWidth,t={numVisible:s.numVisible,numScroll:s.numScroll},r=0;r<Y.current.length;r++){var n=Y.current[r];parseInt(n.breakpoint,10)>=e&&(t=n)}if(b!==t.numScroll){var a=Math.floor(te*b/t.numScroll),o=t.numScroll*a*-1;K&&(o-=t.numVisible),O(o),h(t.numScroll),ge(a)}p!==t.numVisible&&d(t.numVisible)}},oe=function(e,t){(G||0!==te)&&ne(1,t),L.current=!1,e.cancelable&&e.preventDefault()},le=function(e,t){(G||te<Q-1)&&ne(-1,t),L.current=!1,e.cancelable&&e.preventDefault()},ue=function(e,t){t>te?le(e,t):t<te&&oe(e,t)},ce=function(e){V.current&&"transform"===e.propertyName&&(i.DomHandler.addClass(V.current,"p-items-hidden"),V.current.style.transition="",0!==R&&R!==Q-1||!K||de(E))},ie=function(e){var t=e.changedTouches[0];H.current={x:t.pageX,y:t.pageY}},se=function(e){e.cancelable&&e.preventDefault()},me=function(e){var t=e.changedTouches[0];pe(e,$?t.pageY-H.current.y:t.pageX-H.current.x)},pe=function(e,t){Math.abs(t)>_&&(t<0?le(e):oe(e))},fe=function(){B.current&&clearInterval(B.current)},ve=function(){z.current||(z.current=i.DomHandler.createInlineStyle(v.default.nonce));var e,t="\n            .p-carousel[".concat(U.current,"] .p-carousel-item {\n                flex: 1 0 ").concat(100/p,"%\n            }\n        ");if(s.responsiveOptions){Y.current=P(e=s.responsiveOptions)||N(e)||I(e)||S(),Y.current.sort((function(e,t){return i.ObjectUtils.sort(e.breakpoint,t.breakpoint,-1,v.default.locale,v.default.nullSortOrder)}));for(var r=0;r<Y.current.length;r++){var n=Y.current[r];t+="\n                    @media screen and (max-width: ".concat(n.breakpoint,") {\n                        .p-carousel[").concat(U.current,"] .p-carousel-item {\n                            flex: 1 0 ").concat(100/n.numVisible,"%\n                        }\n                    }\n                ")}}z.current.innerHTML=t},de=function(e){V.current&&(V.current.style.transform=$?"translate3d(0, ".concat(e*(100/p),"%, 0)"):"translate3d(".concat(e*(100/p),"%, 0, 0)"))},ge=function(e){!ee&&T(e),s.onPageChange&&s.onPageChange({page:e})};f.useImperativeHandle(t,(function(){return{props:s,getElement:function(){return M.current}}})),n.useMountEffect((function(){M.current&&(U.current=i.UniqueComponentId(),M.current.setAttribute(U.current,"")),ve(),ae(),de(E),re()})),n.useUpdateEffect((function(){var e=!1,t=E;if(s.autoplayInterval&&fe(),J!==b||q!==p||s.value&&F&&F.length!==s.value.length){A.current=(s.value.length-p)%b;var r=te;0!==Q&&r>=Q&&(ge(r=Q-1),e=!0),t=r*b*-1,K&&(t-=p),r===Q-1&&A.current>0?(t+=-1*A.current+b,X.current=!0):X.current=!1,t!==E&&(O(t),e=!0),de(t)}K&&(0===R?t=-1*p:0===t&&(t=-1*s.value.length,A.current>0&&(X.current=!0)),t!==E&&(O(t),e=!0)),W!==s.page&&(s.page>W&&s.page<=Q-1?ne(-1,s.page):s.page<W&&ne(1,s.page)),!e&&Z&&(B.current=setInterval((function(){ne(-1,R===Q-1?0:R+1)}),s.autoplayInterval))})),n.useUnmountEffect((function(){s.autoplayInterval&&fe()}));var be=function(){if(s.value&&s.value.length){var e=null,t=null;if(K){var r=null;e=(r=s.value.slice(-1*p)).map((function(e,t){return f.createElement(x,{key:t+"_scloned",className:"p-carousel-item-cloned",template:s.itemTemplate,item:e,active:-1*E===s.value.length+p,start:0===t,end:t===r.length-1,ptm:D})})),t=(r=s.value.slice(0,p)).map((function(e,t){return f.createElement(x,{key:t+"_fcloned",className:"p-carousel-item-cloned",template:s.itemTemplate,item:e,active:0===E,start:0===t,end:t===r.length-1,ptm:D})}))}var n=s.value.map((function(e,t){var r=K?-1*(E+p):-1*E,n=r+p-1;return f.createElement(x,{key:t,template:s.itemTemplate,item:e,active:r<=t&&n>=t,start:r===t,end:n===t,ptm:D})}));return f.createElement(f.Fragment,null,e,n,t)}},he=function(){if(s.showNavigators){var e=(!G||s.value&&s.value.length<p)&&0===te,t=i.classNames("p-carousel-prev p-link",{"p-disabled":e}),n=i.mergeProps({className:"p-carousel-prev-icon"},D("previousButtonIcon")),a=i.IconUtils.getJSXIcon($?s.prevIcon||f.createElement(u.ChevronUpIcon,n):s.prevIcon||f.createElement(o.ChevronLeftIcon,n),k({},n),{props:s}),l=i.mergeProps({type:"button",className:t,onClick:function(e){return oe(e)},disabled:e,"aria-label":r.ariaLabel("previousPageLabel")},D("previousButton"));return f.createElement("button",l,a,f.createElement(c.Ripple,null))}return null},ye=function(){if(s.showNavigators){var e=(!G||s.value&&s.value.length<p)&&(te===Q-1||0===Q),t=i.classNames("p-carousel-next p-link",{"p-disabled":e}),n=i.mergeProps({className:"p-carousel-next-icon"},D("nextButtonIcon")),o=i.IconUtils.getJSXIcon($?s.nextIcon||f.createElement(a.ChevronDownIcon,n):s.nextIcon||f.createElement(l.ChevronRightIcon,n),k({},n),{props:s}),u=i.mergeProps({type:"button",className:t,onClick:function(e){return le(e)},disabled:e,"aria-label":r.ariaLabel("nextPageLabel")},D("nextButton"));return f.createElement("button",u,o,f.createElement(c.Ripple,null))}return null},Pe=function(e){var t="carousel-indicator-"+e,n=i.classNames("p-carousel-indicator",{"p-highlight":te===e}),a=i.mergeProps({key:t,className:n},D("indicator")),o=i.mergeProps({type:"button",className:"p-link",onClick:function(t){return ue(t,e)},"aria-label":"".concat(r.ariaLabel("pageLabel")," ").concat(e+1)},D("indicatorButton"));return f.createElement("li",a,f.createElement("button",o,f.createElement(c.Ripple,null)))},Ne=i.classNames("p-carousel p-component",{"p-carousel-vertical":$,"p-carousel-horizontal":!$},s.className),Ie=i.classNames("p-carousel-content",s.contentClassName),Se=function(){var e=be(),t=$?s.verticalViewPortHeight:"auto",r=he(),n=ye(),a=i.classNames("p-carousel-container",s.containerClassName),o=i.mergeProps({className:"p-carousel-items-content",style:{height:t},onTouchStart:function(e){return ie(e)},onTouchMove:function(e){return se(e)},onTouchEnd:function(e){return me(e)}},D("itemsContent")),l=i.mergeProps({className:a},D("container")),u=i.mergeProps({ref:V,className:"p-carousel-items-container",onTransitionEnd:ce},D("itemsContainer"));return f.createElement("div",l,r,f.createElement("div",o,f.createElement("div",u,e)),n)}(),Ee=function(){if(s.showIndicators){for(var e=i.classNames("p-carousel-indicators p-reset",s.indicatorsContentClassName),t=[],r=0;r<Q;r++)t.push(Pe(r));var n=i.mergeProps({className:e},D("indicators"));return f.createElement("ul",n,t)}return null}(),Oe=function(){if(s.header){var e=i.mergeProps({className:"p-carousel-header"},D("header"));return f.createElement("div",e,s.header)}return null}(),Ce=function(){if(s.footer){var e=i.mergeProps({className:"p-carousel-footer"},D("footer"));return f.createElement("div",e,s.footer)}return null}(),we=i.mergeProps({id:s.id,ref:M,className:Ne,style:s.style},j.getOtherProps(s),D("root")),je=i.mergeProps({className:Ie},D("content"));return f.createElement("div",we,Oe,f.createElement("div",je,Se,Ee),Ce)})));return x.displayName="CarouselItem",T.displayName="Carousel",e.Carousel=T,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.icons.chevrondown,primereact.icons.chevronleft,primereact.icons.chevronright,primereact.icons.chevronup,primereact.ripple,primereact.utils,primereact.componentbase);

package/cascadeselect/cascadeselect.cjs.js

@@ -6,12 +6,12 @@ var React = require('react');
 var PrimeReact = require('primereact/api');
 var csstransition = require('primereact/csstransition');
 var hooks = require('primereact/hooks');
+var chevrondown = require('primereact/icons/chevrondown');
 var overlayservice = require('primereact/overlayservice');
 var portal = require('primereact/portal');
 var utils = require('primereact/utils');
 var ripple = require('primereact/ripple');
 var angleright = require('primereact/icons/angleright');
-var chevrondown = require('primereact/icons/chevrondown');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -109,36 +109,37 @@ function _slicedToArray(arr, i) {
 var CascadeSelectBase = {
   defaultProps: {
     __TYPE: 'CascadeSelect',
+    appendTo: null,
+    ariaLabelledBy: null,
+    autoFocus: false,
+    breakpoint: undefined,
+    className: null,
+    dataKey: null,
+    disabled: false,
+    dropdownIcon: null,
     id: null,
+    inputId: null,
     inputRef: null,
-    style: null,
-    className: null,
-    value: null,
+    itemTemplate: null,
     name: null,
-    options: null,
-    optionLabel: null,
-    optionValue: null,
+    onBeforeHide: null,
+    onBeforeShow: null,
+    onChange: null,
+    onGroupChange: null,
+    onHide: null,
+    onShow: null,
+    optionGroupChildren: null,
     optionGroupIcon: null,
     optionGroupLabel: null,
-    optionGroupChildren: null,
+    optionLabel: null,
+    optionValue: null,
+    options: null,
     placeholder: null,
-    itemTemplate: null,
-    disabled: false,
-    dataKey: null,
-    breakpoint: undefined,
-    inputId: null,
+    scrollHeight: '400px',
+    style: null,
     tabIndex: null,
-    ariaLabelledBy: null,
-    appendTo: null,
     transitionOptions: null,
-    dropdownIcon: null,
-    scrollHeight: '400px',
-    onChange: null,
-    onGroupChange: null,
-    onBeforeShow: null,
-    onBeforeHide: null,
-    onShow: null,
-    onHide: null,
+    value: null,
     children: undefined
   },
   getProps: function getProps(props) {
@@ -576,6 +577,9 @@ var CascadeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
     if (props.breakpoint) {
       !attributeSelectorState && setAttributeSelectorState(utils.UniqueComponentId());
     }
+    if (props.autoFocus) {
+      utils.DomHandler.focus(inputRef.current, props.autoFocus);
+    }
   });
   React__namespace.useEffect(function () {
     utils.ObjectUtils.combinedRefs(inputRef, props.inputRef);

package/cascadeselect/cascadeselect.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/csstransition"),r=require("primereact/hooks"),o=require("primereact/overlayservice"),l=require("primereact/portal"),a=require("primereact/utils"),i=require("primereact/ripple"),c=require("primereact/icons/angleright"),u=require("primereact/icons/chevrondown");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(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 d=p(e),f=s(t);function m(){return m=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},m.apply(this,arguments)}function v(e){if(Array.isArray(e))return e}function b(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,a,i=[],c=!0,u=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=l.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return i}}function h(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 y(e,t){if(e){if("string"==typeof e)return h(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)?h(e,t):void 0}}function g(){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 O(e,t){return v(e)||b(e,t)||y(e,t)||g()}var S={defaultProps:{__TYPE:"CascadeSelect",id:null,inputRef:null,style:null,className:null,value:null,name:null,options:null,optionLabel:null,optionValue:null,optionGroupIcon:null,optionGroupLabel:null,optionGroupChildren:null,placeholder:null,itemTemplate:null,disabled:!1,dataKey:null,breakpoint:void 0,inputId:null,tabIndex:null,ariaLabelledBy:null,appendTo:null,transitionOptions:null,dropdownIcon:null,scrollHeight:"400px",onChange:null,onGroupChange:null,onBeforeShow:null,onBeforeHide:null,onShow:null,onHide:null,children:void 0},getProps:function(e){return a.ObjectUtils.getMergedProps(e,S.defaultProps)},getOtherProps:function(e){return a.ObjectUtils.getDiffProps(e,S.defaultProps)}},E=d.memo((function(e){var t=O(d.useState(null),2),n=t[0],o=t[1],l=d.useRef(null),u=function(t){e.onOptionSelect&&e.onOptionSelect(t)},s=function(t,r){var l=t.currentTarget.parentElement;switch(t.key){case"Down":case"ArrowDown":var a=p(l);a&&a.children[0].focus();break;case"Up":case"ArrowUp":var i=m(l);i&&i.children[0].focus();break;case"Right":case"ArrowRight":g(r)&&(n===r?l.children[1].children[0].children[0].focus():o(r));break;case"Left":case"ArrowLeft":o(null);var c=t.currentTarget.parentElement.parentElement.previousElementSibling;c&&c.focus();break;case"Enter":v(t,r);break;case"Tab":case"Escape":e.onPanelHide&&(e.onPanelHide(),t.preventDefault())}t.preventDefault()},p=function e(t){var n=t.nextElementSibling;return n?a.DomHandler.hasClass(n,"p-disabled")||!a.DomHandler.hasClass(n,"p-cascadeselect-item")?e(n):n:null},m=function e(t){var n=t.previousElementSibling;return n?a.DomHandler.hasClass(n,"p-disabled")||!a.DomHandler.hasClass(n,"p-cascadeselect-item")?e(n):n:null},v=function(t,n){g(n)?(o((function(e){return e===n?null:n})),e.onOptionGroupSelect&&e.onOptionGroupSelect({originalEvent:t,value:n})):e.onOptionSelect&&e.onOptionSelect({originalEvent:t,value:y(n)})},b=function(t){e.onOptionGroupSelect&&e.onOptionGroupSelect(t)},h=function(t){return e.optionLabel?a.ObjectUtils.resolveFieldData(t,e.optionLabel):t},y=function(t){return e.optionValue?a.ObjectUtils.resolveFieldData(t,e.optionValue):t},g=function(t){return Object.prototype.hasOwnProperty.call(t,e.optionGroupChildren[e.level])},S=function(t){return g(t)?(n=t,e.optionGroupLabel?a.ObjectUtils.resolveFieldData(n,e.optionGroupLabel):null):h(t);var n};r.useMountEffect((function(){if(e.selectionPath&&e.options&&!e.dirty){var t=e.options.find((function(t){return e.selectionPath.includes(t)}));t&&o(t)}var n,r,i,c,u;e.root||(r=a.DomHandler.getOffset(n=l.current.parentElement),i=a.DomHandler.getViewport(),c=l.current.offsetParent?l.current.offsetWidth:a.DomHandler.getHiddenElementOuterWidth(element),u=a.DomHandler.getOuterWidth(n.children[0]),parseInt(r.left,10)+u+c>i.width-a.DomHandler.calculateScrollbarWidth()&&(l.current.style.left="-100%"))})),r.useUpdateEffect((function(){o(null)}),[e.parentActive]);var w=function(t){if(g(t)&&n===t){var r=a.ObjectUtils.resolveFieldData(t,e.optionGroupChildren[e.level]);return d.createElement(E,{options:r,className:"p-cascadeselect-sublist",selectionPath:e.selectionPath,optionLabel:e.optionLabel,optionValue:e.optionValue,level:e.level+1,onOptionSelect:u,onOptionGroupSelect:b,parentActive:n===t,optionGroupLabel:e.optionGroupLabel,optionGroupChildren:e.optionGroupChildren,dirty:e.dirty,template:e.template,onPanelHide:e.onPanelHide})}return null},D=function(t,r){var o=a.classNames("p-cascadeselect-item",{"p-cascadeselect-item-group":g(t),"p-cascadeselect-item-active p-highlight":n===t},t.className),l=w(t),u=e.template?a.ObjectUtils.getJSXElement(e.template,y(t)):d.createElement("span",{className:"p-cascadeselect-item-text"},S(t)),p="p-cascadeselect-group-icon",f=e.optionGroupIcon||d.createElement(c.AngleRightIcon,{className:p}),m=g(t)&&a.IconUtils.getJSXIcon(f,{className:p},{props:e}),b=S(t)+"_"+r;return d.createElement("li",{key:b,className:o,style:t.style,role:"none"},d.createElement("div",{className:"p-cascadeselect-item-content",onClick:function(e){return v(e,t)},tabIndex:0,onKeyDown:function(e){return s(e,t)}},u,m,d.createElement(i.Ripple,null)),l)},H=a.classNames("p-cascadeselect-panel p-cascadeselect-items",e.className,{"p-input-filled":"filled"===f.default.inputStyle,"p-ripple-disabled":!1===f.default.ripple}),I=e.options?e.options.map(D):null;return d.createElement("ul",{ref:l,className:H,role:"listbox","aria-orientation":"horizontal"},I)}));function w(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=D(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,a=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return a=e.done,e},e:function(e){i=!0,l=e},f:function(){try{a||null==n.return||n.return()}finally{if(i)throw l}}}}function D(e,t){if(e){if("string"==typeof e)return H(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)?H(e,t):void 0}}function H(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}var I=d.memo(d.forwardRef((function(e,t){var i=S.getProps(e),c=O(d.useState(!1),2),s=c[0],p=c[1],v=O(d.useState(!1),2),b=v[0],h=v[1],y=O(d.useState(null),2),g=y[0],D=y[1],H=d.useRef(null),I=d.useRef(null),j=d.useRef(null),P=d.useRef(null),C=d.useRef(null),G=d.useRef(!1),x=d.useRef(null),U=O(r.useOverlayListener({target:H,overlay:I,listener:function(e,t){t.valid&&J()},when:b}),2),N=U[0],A=U[1],L=function(e){i.onChange&&i.onChange({originalEvent:e,value:e.value}),_(),J(),a.DomHandler.focus(j.current)},R=function(e){G.current=!0,i.onGroupChange&&i.onGroupChange(e)},k=function(e){return(i.optionLabel?a.ObjectUtils.resolveFieldData(e,i.optionLabel):e)||e},T=function(e){return i.optionValue?a.ObjectUtils.resolveFieldData(e,i.optionValue):e},q=function(e,t){return a.ObjectUtils.resolveFieldData(e,i.optionGroupChildren[t])},V=function(e,t){return Object.prototype.hasOwnProperty.call(e,i.optionGroupChildren[t])},_=function(){var e;if(null!=i.value&&i.options){var t,n=w(i.options);try{for(n.s();!(t=n.n()).done;){if(e=B(t.value,0))break}}catch(e){n.e(e)}finally{n.f()}}x.current=e},B=function e(t,n){if(V(t,n)){var r,o,l=w(q(t,n));try{for(l.s();!(o=l.n()).done;){if(r=e(o.value,n+1))return r.unshift(t),r}}catch(e){l.e(e)}finally{l.f()}}else if(a.ObjectUtils.equals(i.value,T(t),i.dataKey))return[t];return null},F=function(e){i.disabled||I.current&&I.current.contains(e.target)||(a.DomHandler.focus(j.current),b?J():z())},M=function(){p(!0)},K=function(){p(!1)},W=function(e){switch(e.which){case 40:b?a.DomHandler.findSingle(I.current,".p-cascadeselect-item").children[0].focus():e.altKey&&i.options&&i.options.length&&z(),e.preventDefault();break;case 32:b?J():z(),e.preventDefault();break;case 9:J()}},Z=function(e){o.OverlayService.emit("overlay-click",{originalEvent:e,target:H.current})},z=function(){i.onBeforeShow&&i.onBeforeShow(),h(!0)},J=function(){i.onBeforeHide&&i.onBeforeHide(),h(!1),a.DomHandler.focus(j.current)},X=function(){a.ZIndexUtils.set("overlay",I.current,f.default.autoZIndex,f.default.zIndex.overlay),ee(),g&&i.breakpoint&&(I.current.setAttribute(g+"_panel",""),te())},$=function(){N(),i.onShow&&i.onShow()},Y=function(){A(),G.current=!1},Q=function(){a.ZIndexUtils.clear(I.current),i.onHide&&i.onHide(),ne()},ee=function(){a.DomHandler.alignOverlay(I.current,P.current.parentElement,i.appendTo||f.default.appendTo)},te=function(){if(!C.current){C.current=a.DomHandler.createInlineStyle(f.default.nonce);var e="".concat(g,"_panel"),t="\n@media screen and (max-width: ".concat(i.breakpoint,") {\n    .p-cascadeselect-panel[").concat(e,"] .p-cascadeselect-items-wrapper > ul {\n        max-height: ").concat(i.scrollHeight,";\n        overflow: ").concat(i.scrollHeight?"auto":"",";\n    }\n\n    .p-cascadeselect-panel[").concat(e,"] .p-cascadeselect-sublist {\n        position: relative;\n    }\n\n    .p-cascadeselect-panel[").concat(e,"] .p-cascadeselect-item-active > .p-cascadeselect-sublist {\n        left: 0 !important;\n        box-shadow: none;\n        border-radius: 0;\n        padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n    }\n\n    .p-cascadeselect-panel[").concat(e,'] .p-cascadeselect-group-icon:before {\n        content: "\\e930";\n    }\n}\n');C.current.innerHTML=t}},ne=function(){C.current=a.DomHandler.removeInlineStyle(C.current)};d.useImperativeHandle(t,(function(){return{props:i,getElement:function(){return H.current},getOverlay:function(){return I.current},getInput:function(){return j.current},getLabel:function(){return P.current},focus:function(){return a.DomHandler.focus(j.current)}}})),r.useMountEffect((function(){i.breakpoint&&!g&&D(a.UniqueComponentId())})),d.useEffect((function(){a.ObjectUtils.combinedRefs(j,i.inputRef)}),[j,i.inputRef]),r.useUpdateEffect((function(){_()}),[i.value]),r.useUnmountEffect((function(){a.ZIndexUtils.clear(I.current)}));var re=function(){var e="p-cascadeselect-trigger-icon",t=a.IconUtils.getJSXIcon(i.dropdownIcon||d.createElement(u.ChevronDownIcon,{className:e}),{className:e},{props:i});return d.createElement("div",{className:"p-cascadeselect-trigger",role:"button","aria-haspopup":"listbox","aria-expanded":b},t)},oe=S.getOtherProps(i);a.ObjectUtils.reduceKeys(oe,a.DomHandler.DATA_PROPS);var le,ae,ie,ce,ue,se,pe,de,fe=a.ObjectUtils.reduceKeys(oe,a.DomHandler.ARIA_PROPS);return ce=a.classNames("p-cascadeselect p-component p-inputwrapper",{"p-disabled":i.disabled,"p-focus":s,"p-inputwrapper-filled":i.value,"p-inputwrapper-focus":s||b},i.className),le=i.value?k(i.value):void 0,ue=d.createElement("div",{className:"p-hidden-accessible"},d.createElement("input",m({ref:j,type:"text",id:i.inputId,name:i.name,defaultValue:le,readOnly:!0,disabled:i.disabled,onFocus:M,onBlur:K,onKeyDown:W,tabIndex:i.tabIndex,"aria-haspopup":"listbox"},fe))),ae=i.value?k(i.value):i.placeholder||"p-emptylabel",ie=a.classNames("p-cascadeselect-label ",{"p-placeholder":ae===i.placeholder,"p-cascadeselect-label-empty":!i.value&&"p-emptylabel"===ae}),se=d.createElement("span",{ref:P,className:ie},ae),pe=re(),de=d.createElement(l.Portal,{element:d.createElement(n.CSSTransition,{nodeRef:I,classNames:"p-connected-overlay",in:b,timeout:{enter:120,exit:100},options:i.transitionOptions,unmountOnExit:!0,onEnter:X,onEntered:$,onExit:Y,onExited:Q},d.createElement("div",{ref:I,className:"p-cascadeselect-panel p-component",onClick:Z},d.createElement("div",{className:"p-cascadeselect-items-wrapper"},d.createElement(E,{options:i.options,selectionPath:x.current,className:"p-cascadeselect-items",optionGroupIcon:i.optionGroupIcon,optionLabel:i.optionLabel,optionValue:i.optionValue,level:0,optionGroupLabel:i.optionGroupLabel,optionGroupChildren:i.optionGroupChildren,onOptionSelect:L,onOptionGroupSelect:R,root:!0,template:i.itemTemplate,onPanelHide:J})))),appendTo:i.appendTo}),d.createElement("div",m({ref:H,id:i.id,className:ce,style:i.style},oe,{onClick:F}),ue,se,pe,de)})));I.displayName="CascadeSelect",exports.CascadeSelect=I;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/csstransition"),r=require("primereact/hooks"),o=require("primereact/icons/chevrondown"),l=require("primereact/overlayservice"),a=require("primereact/portal"),i=require("primereact/utils"),c=require("primereact/ripple"),u=require("primereact/icons/angleright");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(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 d=p(e),f=s(t);function m(){return m=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},m.apply(this,arguments)}function v(e){if(Array.isArray(e))return e}function b(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,a,i=[],c=!0,u=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=l.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return i}}function h(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 y(e,t){if(e){if("string"==typeof e)return h(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)?h(e,t):void 0}}function g(){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 O(e,t){return v(e)||b(e,t)||y(e,t)||g()}var S={defaultProps:{__TYPE:"CascadeSelect",appendTo:null,ariaLabelledBy:null,autoFocus:!1,breakpoint:void 0,className:null,dataKey:null,disabled:!1,dropdownIcon:null,id:null,inputId:null,inputRef:null,itemTemplate:null,name:null,onBeforeHide:null,onBeforeShow:null,onChange:null,onGroupChange:null,onHide:null,onShow:null,optionGroupChildren:null,optionGroupIcon:null,optionGroupLabel:null,optionLabel:null,optionValue:null,options:null,placeholder:null,scrollHeight:"400px",style:null,tabIndex:null,transitionOptions:null,value:null,children:void 0},getProps:function(e){return i.ObjectUtils.getMergedProps(e,S.defaultProps)},getOtherProps:function(e){return i.ObjectUtils.getDiffProps(e,S.defaultProps)}},E=d.memo((function(e){var t=O(d.useState(null),2),n=t[0],o=t[1],l=d.useRef(null),a=function(t){e.onOptionSelect&&e.onOptionSelect(t)},s=function(t,r){var l=t.currentTarget.parentElement;switch(t.key){case"Down":case"ArrowDown":var a=p(l);a&&a.children[0].focus();break;case"Up":case"ArrowUp":var i=m(l);i&&i.children[0].focus();break;case"Right":case"ArrowRight":g(r)&&(n===r?l.children[1].children[0].children[0].focus():o(r));break;case"Left":case"ArrowLeft":o(null);var c=t.currentTarget.parentElement.parentElement.previousElementSibling;c&&c.focus();break;case"Enter":v(t,r);break;case"Tab":case"Escape":e.onPanelHide&&(e.onPanelHide(),t.preventDefault())}t.preventDefault()},p=function e(t){var n=t.nextElementSibling;return n?i.DomHandler.hasClass(n,"p-disabled")||!i.DomHandler.hasClass(n,"p-cascadeselect-item")?e(n):n:null},m=function e(t){var n=t.previousElementSibling;return n?i.DomHandler.hasClass(n,"p-disabled")||!i.DomHandler.hasClass(n,"p-cascadeselect-item")?e(n):n:null},v=function(t,n){g(n)?(o((function(e){return e===n?null:n})),e.onOptionGroupSelect&&e.onOptionGroupSelect({originalEvent:t,value:n})):e.onOptionSelect&&e.onOptionSelect({originalEvent:t,value:y(n)})},b=function(t){e.onOptionGroupSelect&&e.onOptionGroupSelect(t)},h=function(t){return e.optionLabel?i.ObjectUtils.resolveFieldData(t,e.optionLabel):t},y=function(t){return e.optionValue?i.ObjectUtils.resolveFieldData(t,e.optionValue):t},g=function(t){return Object.prototype.hasOwnProperty.call(t,e.optionGroupChildren[e.level])},S=function(t){return g(t)?(n=t,e.optionGroupLabel?i.ObjectUtils.resolveFieldData(n,e.optionGroupLabel):null):h(t);var n};r.useMountEffect((function(){if(e.selectionPath&&e.options&&!e.dirty){var t=e.options.find((function(t){return e.selectionPath.includes(t)}));t&&o(t)}var n,r,a,c,u;e.root||(r=i.DomHandler.getOffset(n=l.current.parentElement),a=i.DomHandler.getViewport(),c=l.current.offsetParent?l.current.offsetWidth:i.DomHandler.getHiddenElementOuterWidth(element),u=i.DomHandler.getOuterWidth(n.children[0]),parseInt(r.left,10)+u+c>a.width-i.DomHandler.calculateScrollbarWidth()&&(l.current.style.left="-100%"))})),r.useUpdateEffect((function(){o(null)}),[e.parentActive]);var w=function(t){if(g(t)&&n===t){var r=i.ObjectUtils.resolveFieldData(t,e.optionGroupChildren[e.level]);return d.createElement(E,{options:r,className:"p-cascadeselect-sublist",selectionPath:e.selectionPath,optionLabel:e.optionLabel,optionValue:e.optionValue,level:e.level+1,onOptionSelect:a,onOptionGroupSelect:b,parentActive:n===t,optionGroupLabel:e.optionGroupLabel,optionGroupChildren:e.optionGroupChildren,dirty:e.dirty,template:e.template,onPanelHide:e.onPanelHide})}return null},D=function(t,r){var o=i.classNames("p-cascadeselect-item",{"p-cascadeselect-item-group":g(t),"p-cascadeselect-item-active p-highlight":n===t},t.className),l=w(t),a=e.template?i.ObjectUtils.getJSXElement(e.template,y(t)):d.createElement("span",{className:"p-cascadeselect-item-text"},S(t)),p="p-cascadeselect-group-icon",f=e.optionGroupIcon||d.createElement(u.AngleRightIcon,{className:p}),m=g(t)&&i.IconUtils.getJSXIcon(f,{className:p},{props:e}),b=S(t)+"_"+r;return d.createElement("li",{key:b,className:o,style:t.style,role:"none"},d.createElement("div",{className:"p-cascadeselect-item-content",onClick:function(e){return v(e,t)},tabIndex:0,onKeyDown:function(e){return s(e,t)}},a,m,d.createElement(c.Ripple,null)),l)},H=i.classNames("p-cascadeselect-panel p-cascadeselect-items",e.className,{"p-input-filled":"filled"===f.default.inputStyle,"p-ripple-disabled":!1===f.default.ripple}),I=e.options?e.options.map(D):null;return d.createElement("ul",{ref:l,className:H,role:"listbox","aria-orientation":"horizontal"},I)}));function w(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=D(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,a=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return a=e.done,e},e:function(e){i=!0,l=e},f:function(){try{a||null==n.return||n.return()}finally{if(i)throw l}}}}function D(e,t){if(e){if("string"==typeof e)return H(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)?H(e,t):void 0}}function H(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}var I=d.memo(d.forwardRef((function(e,t){var c=S.getProps(e),u=O(d.useState(!1),2),s=u[0],p=u[1],v=O(d.useState(!1),2),b=v[0],h=v[1],y=O(d.useState(null),2),g=y[0],D=y[1],H=d.useRef(null),I=d.useRef(null),j=d.useRef(null),P=d.useRef(null),C=d.useRef(null),G=d.useRef(!1),x=d.useRef(null),U=O(r.useOverlayListener({target:H,overlay:I,listener:function(e,t){t.valid&&J()},when:b}),2),N=U[0],A=U[1],L=function(e){c.onChange&&c.onChange({originalEvent:e,value:e.value}),V(),J(),i.DomHandler.focus(j.current)},R=function(e){G.current=!0,c.onGroupChange&&c.onGroupChange(e)},k=function(e){return(c.optionLabel?i.ObjectUtils.resolveFieldData(e,c.optionLabel):e)||e},T=function(e){return c.optionValue?i.ObjectUtils.resolveFieldData(e,c.optionValue):e},q=function(e,t){return i.ObjectUtils.resolveFieldData(e,c.optionGroupChildren[t])},F=function(e,t){return Object.prototype.hasOwnProperty.call(e,c.optionGroupChildren[t])},V=function(){var e;if(null!=c.value&&c.options){var t,n=w(c.options);try{for(n.s();!(t=n.n()).done;){if(e=_(t.value,0))break}}catch(e){n.e(e)}finally{n.f()}}x.current=e},_=function e(t,n){if(F(t,n)){var r,o,l=w(q(t,n));try{for(l.s();!(o=l.n()).done;){if(r=e(o.value,n+1))return r.unshift(t),r}}catch(e){l.e(e)}finally{l.f()}}else if(i.ObjectUtils.equals(c.value,T(t),c.dataKey))return[t];return null},B=function(e){c.disabled||I.current&&I.current.contains(e.target)||(i.DomHandler.focus(j.current),b?J():z())},M=function(){p(!0)},K=function(){p(!1)},W=function(e){switch(e.which){case 40:b?i.DomHandler.findSingle(I.current,".p-cascadeselect-item").children[0].focus():e.altKey&&c.options&&c.options.length&&z(),e.preventDefault();break;case 32:b?J():z(),e.preventDefault();break;case 9:J()}},Z=function(e){l.OverlayService.emit("overlay-click",{originalEvent:e,target:H.current})},z=function(){c.onBeforeShow&&c.onBeforeShow(),h(!0)},J=function(){c.onBeforeHide&&c.onBeforeHide(),h(!1),i.DomHandler.focus(j.current)},X=function(){i.ZIndexUtils.set("overlay",I.current,f.default.autoZIndex,f.default.zIndex.overlay),ee(),g&&c.breakpoint&&(I.current.setAttribute(g+"_panel",""),te())},$=function(){N(),c.onShow&&c.onShow()},Y=function(){A(),G.current=!1},Q=function(){i.ZIndexUtils.clear(I.current),c.onHide&&c.onHide(),ne()},ee=function(){i.DomHandler.alignOverlay(I.current,P.current.parentElement,c.appendTo||f.default.appendTo)},te=function(){if(!C.current){C.current=i.DomHandler.createInlineStyle(f.default.nonce);var e="".concat(g,"_panel"),t="\n@media screen and (max-width: ".concat(c.breakpoint,") {\n    .p-cascadeselect-panel[").concat(e,"] .p-cascadeselect-items-wrapper > ul {\n        max-height: ").concat(c.scrollHeight,";\n        overflow: ").concat(c.scrollHeight?"auto":"",";\n    }\n\n    .p-cascadeselect-panel[").concat(e,"] .p-cascadeselect-sublist {\n        position: relative;\n    }\n\n    .p-cascadeselect-panel[").concat(e,"] .p-cascadeselect-item-active > .p-cascadeselect-sublist {\n        left: 0 !important;\n        box-shadow: none;\n        border-radius: 0;\n        padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n    }\n\n    .p-cascadeselect-panel[").concat(e,'] .p-cascadeselect-group-icon:before {\n        content: "\\e930";\n    }\n}\n');C.current.innerHTML=t}},ne=function(){C.current=i.DomHandler.removeInlineStyle(C.current)};d.useImperativeHandle(t,(function(){return{props:c,getElement:function(){return H.current},getOverlay:function(){return I.current},getInput:function(){return j.current},getLabel:function(){return P.current},focus:function(){return i.DomHandler.focus(j.current)}}})),r.useMountEffect((function(){c.breakpoint&&!g&&D(i.UniqueComponentId()),c.autoFocus&&i.DomHandler.focus(j.current,c.autoFocus)})),d.useEffect((function(){i.ObjectUtils.combinedRefs(j,c.inputRef)}),[j,c.inputRef]),r.useUpdateEffect((function(){V()}),[c.value]),r.useUnmountEffect((function(){i.ZIndexUtils.clear(I.current)}));var re=function(){var e="p-cascadeselect-trigger-icon",t=i.IconUtils.getJSXIcon(c.dropdownIcon||d.createElement(o.ChevronDownIcon,{className:e}),{className:e},{props:c});return d.createElement("div",{className:"p-cascadeselect-trigger",role:"button","aria-haspopup":"listbox","aria-expanded":b},t)},oe=S.getOtherProps(c);i.ObjectUtils.reduceKeys(oe,i.DomHandler.DATA_PROPS);var le,ae,ie,ce,ue,se,pe,de,fe=i.ObjectUtils.reduceKeys(oe,i.DomHandler.ARIA_PROPS);return ce=i.classNames("p-cascadeselect p-component p-inputwrapper",{"p-disabled":c.disabled,"p-focus":s,"p-inputwrapper-filled":c.value,"p-inputwrapper-focus":s||b},c.className),le=c.value?k(c.value):void 0,ue=d.createElement("div",{className:"p-hidden-accessible"},d.createElement("input",m({ref:j,type:"text",id:c.inputId,name:c.name,defaultValue:le,readOnly:!0,disabled:c.disabled,onFocus:M,onBlur:K,onKeyDown:W,tabIndex:c.tabIndex,"aria-haspopup":"listbox"},fe))),ae=c.value?k(c.value):c.placeholder||"p-emptylabel",ie=i.classNames("p-cascadeselect-label ",{"p-placeholder":ae===c.placeholder,"p-cascadeselect-label-empty":!c.value&&"p-emptylabel"===ae}),se=d.createElement("span",{ref:P,className:ie},ae),pe=re(),de=d.createElement(a.Portal,{element:d.createElement(n.CSSTransition,{nodeRef:I,classNames:"p-connected-overlay",in:b,timeout:{enter:120,exit:100},options:c.transitionOptions,unmountOnExit:!0,onEnter:X,onEntered:$,onExit:Y,onExited:Q},d.createElement("div",{ref:I,className:"p-cascadeselect-panel p-component",onClick:Z},d.createElement("div",{className:"p-cascadeselect-items-wrapper"},d.createElement(E,{options:c.options,selectionPath:x.current,className:"p-cascadeselect-items",optionGroupIcon:c.optionGroupIcon,optionLabel:c.optionLabel,optionValue:c.optionValue,level:0,optionGroupLabel:c.optionGroupLabel,optionGroupChildren:c.optionGroupChildren,onOptionSelect:L,onOptionGroupSelect:R,root:!0,template:c.itemTemplate,onPanelHide:J})))),appendTo:c.appendTo}),d.createElement("div",m({ref:H,id:c.id,className:ce,style:c.style},oe,{onClick:B}),ue,se,pe,de)})));I.displayName="CascadeSelect",exports.CascadeSelect=I;

package/cascadeselect/cascadeselect.d.ts

@@ -45,6 +45,11 @@ export interface CascadeSelectProps extends Omit<React.DetailedHTMLProps<React.I
      * Unique identifier of the element.
      */
     id?: string | undefined;
+    /**
+     * When present, it specifies that the component should automatically get focus on load.
+     * @defaultValue false
+     */
+    autoFocus?: boolean | undefined;
     /**
      * Reference of the input element.
      */