primereact 10.2.0 → 10.3.0

package/dock/dock.js

@@ -78,6 +78,37 @@ this.primereact.dock = (function (exports, React, api, componentbase, hooks, rip
     return obj;
   }
 
+  function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+    return arr2;
+  }
+
+  function _arrayWithoutHoles(arr) {
+    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+  }
+
+  function _iterableToArray(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+  }
+
+  function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(o);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+  }
+
+  function _nonIterableSpread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+
+  function _toConsumableArray(arr) {
+    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+  }
+
   function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
   }
@@ -110,21 +141,6 @@ this.primereact.dock = (function (exports, React, api, componentbase, hooks, rip
     }
   }
 
-  function _arrayLikeToArray(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-    return arr2;
-  }
-
-  function _unsupportedIterableToArray(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(o);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-  }
-
   function _nonIterableRest() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
@@ -143,15 +159,18 @@ this.primereact.dock = (function (exports, React, api, componentbase, hooks, rip
     },
     menuitem: function menuitem(_ref2) {
       var currentIndexState = _ref2.currentIndexState,
-        index = _ref2.index;
+        index = _ref2.index,
+        active = _ref2.active;
       return utils.classNames('p-dock-item', {
         'p-dock-item-second-prev': currentIndexState - 2 === index,
         'p-dock-item-prev': currentIndexState - 1 === index,
         'p-dock-item-current': currentIndexState === index,
         'p-dock-item-next': currentIndexState + 1 === index,
-        'p-dock-item-second-next': currentIndexState + 2 === index
+        'p-dock-item-second-next': currentIndexState + 2 === index,
+        'p-focus': active
       });
     },
+    content: 'p-menuitem-content',
     header: 'p-dock-header',
     menu: 'p-dock-list',
     footer: 'p-dock-footer',
@@ -161,9 +180,9 @@ this.primereact.dock = (function (exports, React, api, componentbase, hooks, rip
         'p-dock-magnification': props.magnification
       });
     },
-    container: 'p-dock-container'
+    container: 'p-dock-list-container'
   };
-  var styles = "\n@layer primereact {\n    .p-dock {\n        position: absolute;\n        z-index: 1;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        pointer-events: none;\n    }\n    \n    .p-dock-container {\n        display: flex;\n        pointer-events: auto;\n    }\n    \n    .p-dock-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        pointer-events: auto;\n    }\n    \n    .p-dock-magnification .p-dock-item {\n        transition: all .2s cubic-bezier(0.4, 0, 0.2, 1);\n        will-change: transform;\n    }\n    \n    .p-dock-action {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n        overflow: hidden;\n        cursor: default;\n    }\n    \n    .p-dock-magnification .p-dock-item-second-prev,\n    .p-dock-magnification .p-dock-item-second-next {\n        transform: scale(1.2);\n    }\n    \n    .p-dock-magnification .p-dock-item-prev,\n    .p-dock-magnification .p-dock-item-next {\n        transform: scale(1.4);\n    }\n    \n    .p-dock-magnification .p-dock-item-current {\n        transform: scale(1.6);\n        z-index: 1;\n    }\n    \n    /* Position */\n    /* top */\n    .p-dock-top {\n        left: 0;\n        top: 0;\n        width: 100%;\n    }\n    \n    .p-dock-top.p-dock-magnification .p-dock-item {\n        transform-origin: center top;\n    }\n    \n    .p-dock-top .p-dock-container {\n        flex-direction: column-reverse;\n    }\n    \n    /* bottom */\n    .p-dock-bottom {\n        left: 0;\n        bottom: 0;\n        width: 100%;\n    }\n    \n    .p-dock-bottom.p-dock-magnification .p-dock-item {\n        transform-origin: center bottom;\n    }\n    \n    .p-dock-bottom .p-dock-container {\n        flex-direction: column;\n    }\n    \n    /* right */\n    .p-dock-right {\n        right: 0;\n        top: 0;\n        height: 100%;\n    }\n    \n    .p-dock-right.p-dock-magnification .p-dock-item {\n        transform-origin: center right;\n    }\n    \n    .p-dock-right .p-dock-list {\n        flex-direction: column;\n    }\n    \n    /* left */\n    .p-dock-left {\n        left: 0;\n        top: 0;\n        height: 100%;\n    }\n    \n    .p-dock-left.p-dock-magnification .p-dock-item {\n        transform-origin: center left;\n    }\n    \n    .p-dock-left .p-dock-list {\n        flex-direction: column;\n    }\n    \n    .p-dock-left .p-dock-container {\n        flex-direction: row-reverse;\n    }\n}\n";
+  var styles = "\n@layer primereact {\n    .p-dock {\n        position: absolute;\n        z-index: 1;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        pointer-events: none;\n    }\n\n    .p-dock-list-container {\n        display: flex;\n        pointer-events: auto;\n    }\n\n    .p-dock-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        pointer-events: auto;\n    }\n\n    .p-dock-magnification .p-dock-item {\n        transition: all .2s cubic-bezier(0.4, 0, 0.2, 1);\n        will-change: transform;\n    }\n\n    .p-dock-action {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n        overflow: hidden;\n        cursor: default;\n    }\n\n    .p-dock-magnification .p-dock-item-second-prev,\n    .p-dock-magnification .p-dock-item-second-next {\n        transform: scale(1.2);\n    }\n\n    .p-dock-magnification .p-dock-item-prev,\n    .p-dock-magnification .p-dock-item-next {\n        transform: scale(1.4);\n    }\n\n    .p-dock-magnification .p-dock-item-current {\n        transform: scale(1.6);\n        z-index: 1;\n    }\n\n    /* Position */\n    /* top */\n    .p-dock-top {\n        left: 0;\n        top: 0;\n        width: 100%;\n    }\n\n    .p-dock-top.p-dock-magnification .p-dock-item {\n        transform-origin: center top;\n    }\n\n    .p-dock-top .p-dock-list-container {\n        flex-direction: column-reverse;\n    }\n\n    /* bottom */\n    .p-dock-bottom {\n        left: 0;\n        bottom: 0;\n        width: 100%;\n    }\n\n    .p-dock-bottom.p-dock-magnification .p-dock-item {\n        transform-origin: center bottom;\n    }\n\n    .p-dock-bottom .p-dock-list-container {\n        flex-direction: column;\n    }\n\n    /* right */\n    .p-dock-right {\n        right: 0;\n        top: 0;\n        height: 100%;\n    }\n\n    .p-dock-right.p-dock-magnification .p-dock-item {\n        transform-origin: center right;\n    }\n\n    .p-dock-right .p-dock-list {\n        flex-direction: column;\n    }\n\n    /* left */\n    .p-dock-left {\n        left: 0;\n        top: 0;\n        height: 100%;\n    }\n\n    .p-dock-left.p-dock-magnification .p-dock-item {\n        transform-origin: center left;\n    }\n\n    .p-dock-left .p-dock-list {\n        flex-direction: column;\n    }\n\n    .p-dock-left .p-dock-list-container {\n        flex-direction: row-reverse;\n    }\n}\n";
   var DockBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'Dock',
@@ -171,6 +190,9 @@ this.primereact.dock = (function (exports, React, api, componentbase, hooks, rip
       style: null,
       className: null,
       model: null,
+      tabIndex: 0,
+      onFocus: null,
+      onBlur: null,
       position: 'bottom',
       magnification: true,
       header: null,
@@ -190,12 +212,20 @@ this.primereact.dock = (function (exports, React, api, componentbase, hooks, rip
       _React$useState2 = _slicedToArray(_React$useState, 2),
       currentIndexState = _React$useState2[0],
       setCurrentIndexState = _React$useState2[1];
+    var _React$useState3 = React__namespace.useState(false),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      focused = _React$useState4[0],
+      setFocused = _React$useState4[1];
+    var _React$useState5 = React__namespace.useState(-1),
+      _React$useState6 = _slicedToArray(_React$useState5, 2),
+      focusedOptionIndex = _React$useState6[0],
+      setFocusedOptionIndex = _React$useState6[1];
     var context = React__namespace.useContext(api.PrimeReactContext);
     var props = DockBase.getProps(inProps, context);
-    var _React$useState3 = React__namespace.useState(props.id),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      idState = _React$useState4[0],
-      setIdState = _React$useState4[1];
+    var _React$useState7 = React__namespace.useState(props.id),
+      _React$useState8 = _slicedToArray(_React$useState7, 2),
+      idState = _React$useState8[0],
+      setIdState = _React$useState8[1];
     var _DockBase$setMetaData = DockBase.setMetaData({
         props: props,
         state: {
@@ -207,6 +237,7 @@ this.primereact.dock = (function (exports, React, api, componentbase, hooks, rip
       cx = _DockBase$setMetaData.cx,
       isUnstyled = _DockBase$setMetaData.isUnstyled;
     var elementRef = React__namespace.useRef(null);
+    var listRef = React__namespace.useRef(null);
     componentbase.useHandleStyle(DockBase.css.styles, isUnstyled, {
       name: 'dock'
     });
@@ -233,6 +264,90 @@ this.primereact.dock = (function (exports, React, api, componentbase, hooks, rip
       }
       e.preventDefault();
     };
+    var onListFocus = function onListFocus(event) {
+      setFocused(true);
+      changeFocusedOptionIndex(0);
+      props.onFocus && props.onFocus(event);
+    };
+    var onListBlur = function onListBlur(event) {
+      setFocused(false);
+      setFocusedOptionIndex(-1);
+      props.onBlur && props.onBlur(event);
+    };
+    var onListKeyDown = function onListKeyDown(event) {
+      switch (event.code) {
+        case 'ArrowDown':
+          if (props.position === 'left' || props.position === 'right') onArrowDownKey();
+          event.preventDefault();
+          break;
+        case 'ArrowUp':
+          if (props.position === 'left' || props.position === 'right') onArrowUpKey();
+          event.preventDefault();
+          break;
+        case 'ArrowRight':
+          if (props.position === 'top' || props.position === 'bottom') onArrowDownKey();
+          event.preventDefault();
+          break;
+        case 'ArrowLeft':
+          if (props.position === 'top' || props.position === 'bottom') onArrowUpKey();
+          event.preventDefault();
+          break;
+        case 'Home':
+          onHomeKey();
+          event.preventDefault();
+          break;
+        case 'End':
+          onEndKey();
+          event.preventDefault();
+          break;
+        case 'Enter':
+        case 'Space':
+          onSpaceKey();
+          event.preventDefault();
+          break;
+      }
+    };
+    var onArrowDownKey = function onArrowDownKey() {
+      var optionIndex = findNextOptionIndex(focusedOptionIndex);
+      changeFocusedOptionIndex(optionIndex);
+    };
+    var onArrowUpKey = function onArrowUpKey() {
+      var optionIndex = findPrevOptionIndex(focusedOptionIndex);
+      changeFocusedOptionIndex(optionIndex);
+    };
+    var onHomeKey = function onHomeKey() {
+      changeFocusedOptionIndex(0);
+    };
+    var onEndKey = function onEndKey() {
+      changeFocusedOptionIndex(utils.DomHandler.find(listRef.current, 'li[data-pc-section="menuitem"][data-p-disabled="false"]').length - 1);
+    };
+    var onSpaceKey = function onSpaceKey() {
+      var element = utils.DomHandler.findSingle(listRef.current, "li[id=\"".concat("".concat(focusedOptionIndex), "\"]"));
+      var anchorElement = element && utils.DomHandler.findSingle(element, '[data-pc-section="action"]');
+      anchorElement ? anchorElement.click() : element && element.click();
+    };
+    var findNextOptionIndex = function findNextOptionIndex(index) {
+      var menuitems = utils.DomHandler.find(listRef.current, 'li[data-pc-section="menuitem"][data-p-disabled="false"]');
+      var matchedOptionIndex = _toConsumableArray(menuitems).findIndex(function (link) {
+        return link.id === index;
+      });
+      return matchedOptionIndex > -1 ? matchedOptionIndex + 1 : 0;
+    };
+    var findPrevOptionIndex = function findPrevOptionIndex(index) {
+      var menuitems = utils.DomHandler.find(listRef.current, 'li[data-pc-section="menuitem"][data-p-disabled="false"]');
+      var matchedOptionIndex = _toConsumableArray(menuitems).findIndex(function (link) {
+        return link.id === index;
+      });
+      return matchedOptionIndex > -1 ? matchedOptionIndex - 1 : 0;
+    };
+    var changeFocusedOptionIndex = function changeFocusedOptionIndex(index) {
+      var menuitems = utils.DomHandler.find(listRef.current, 'li[data-pc-section="menuitem"][data-p-disabled="false"]');
+      var order = index >= menuitems.length ? menuitems.length - 1 : index < 0 ? 0 : index;
+      setFocusedOptionIndex(menuitems[order].getAttribute('id'));
+    };
+    var isItemActive = function isItemActive(id) {
+      return id === focusedOptionIndex;
+    };
     var createItem = function createItem(item, index) {
       if (item.visible === false) {
         return null;
@@ -256,10 +371,14 @@ this.primereact.dock = (function (exports, React, api, componentbase, hooks, rip
       });
       var actionProps = utils.mergeProps({
         href: url || '#',
-        role: 'menuitem',
+        onFocus: function onFocus(event) {
+          return event.stopPropagation();
+        },
         className: cx('action', {
           disabled: disabled
         }),
+        'aria-hidden': 'true',
+        tabIndex: -1,
         target: target,
         'data-pr-tooltip': label,
         onClick: function onClick(e) {
@@ -274,25 +393,35 @@ this.primereact.dock = (function (exports, React, api, componentbase, hooks, rip
           },
           className: contentClassName,
           iconClassName: iconClassName,
+          'aria-hidden': 'true',
+          tabIndex: -1,
           element: content,
           props: props,
           index: index
         };
         content = utils.ObjectUtils.getJSXElement(template, item, defaultContentOptions);
       }
-      var menuitemProps = utils.mergeProps({
+      var contentProps = utils.mergeProps({
+        className: cx('content')
+      }, getPTOptions('content', item, index));
+      var active = isItemActive(key);
+      var menuitemProps = utils.mergeProps(_defineProperty(_defineProperty({
         id: key,
+        role: 'menuitem',
         key: key,
+        'aria-label': label,
+        'aria-disabled': disabled,
+        'data-p-focused': active,
+        'data-p-disabled': disabled || false,
         className: cx('menuitem', {
           currentIndexState: currentIndexState,
-          index: index
-        }),
-        role: 'none',
-        onMouseEnter: function onMouseEnter() {
-          return onItemMouseEnter(index);
-        }
-      }, getPTOptions('menuitem', item, index));
-      return /*#__PURE__*/React__namespace.createElement("li", menuitemProps, content);
+          index: index,
+          active: isItemActive(key)
+        })
+      }, "role", 'none'), "onMouseEnter", function onMouseEnter() {
+        return onItemMouseEnter(index);
+      }), getPTOptions('menuitem', item, index));
+      return /*#__PURE__*/React__namespace.createElement("li", menuitemProps, /*#__PURE__*/React__namespace.createElement("div", contentProps, content));
     };
     var createItems = function createItems() {
       return props.model ? props.model.map(createItem) : null;
@@ -312,8 +441,15 @@ this.primereact.dock = (function (exports, React, api, componentbase, hooks, rip
     var createList = function createList() {
       var items = createItems();
       var menuProps = utils.mergeProps({
+        ref: listRef,
         className: cx('menu'),
         role: 'menu',
+        'aria-orientation': props.position === 'bottom' || props.position === 'top' ? 'horizontal' : 'vertical',
+        'aria-activedescendant': focused ? focusedOptionIndex !== -1 ? focusedOptionIndex : null : undefined,
+        tabIndex: props.tabIndex || 0,
+        onFocus: onListFocus,
+        onBlur: onListBlur,
+        onKeyDown: onListKeyDown,
         onMouseLeave: onListMouseLeave
       }, ptm('menu'));
       return /*#__PURE__*/React__namespace.createElement("ul", menuProps, items);

package/dock/dock.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.dock=function(e,n,t,r,o,i,c){"use strict";function a(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 l=a(n);function s(){return s=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},s.apply(this,arguments)}function p(e){return p="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},p(e)}function u(e,n){if("object"!==p(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==p(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function m(e){var n=u(e,"string");return"symbol"===p(n)?n:String(n)}function d(e){if(Array.isArray(e))return e}function f(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,c,a=[],l=!0,s=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=i.call(t)).done)&&(a.push(r.value),a.length!==n);l=!0);}catch(e){s=!0,o=e}finally{try{if(!l&&null!=t.return&&(c=t.return(),Object(c)!==c))return}finally{if(s)throw o}}return a}}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 g(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 k(){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 y(e,n){return d(e)||f(e,n)||g(e,n)||k()}var v=r.ComponentBase.extend({defaultProps:{__TYPE:"Dock",id:null,style:null,className:null,model:null,position:"bottom",magnification:!0,header:null,footer:null,children:void 0},css:{classes:{icon:"p-dock-action-icon",action:function(e){return c.classNames("p-dock-action",{"p-disabled":e.disabled})},menuitem:function(e){var n=e.currentIndexState,t=e.index;return c.classNames("p-dock-item",{"p-dock-item-second-prev":n-2===t,"p-dock-item-prev":n-1===t,"p-dock-item-current":n===t,"p-dock-item-next":n+1===t,"p-dock-item-second-next":n+2===t})},header:"p-dock-header",menu:"p-dock-list",footer:"p-dock-footer",root:function(e){var n=e.props;return c.classNames("p-dock p-component p-dock-".concat(n.position),{"p-dock-magnification":n.magnification})},container:"p-dock-container"},styles:"\n@layer primereact {\n    .p-dock {\n        position: absolute;\n        z-index: 1;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        pointer-events: none;\n    }\n    \n    .p-dock-container {\n        display: flex;\n        pointer-events: auto;\n    }\n    \n    .p-dock-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        pointer-events: auto;\n    }\n    \n    .p-dock-magnification .p-dock-item {\n        transition: all .2s cubic-bezier(0.4, 0, 0.2, 1);\n        will-change: transform;\n    }\n    \n    .p-dock-action {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n        overflow: hidden;\n        cursor: default;\n    }\n    \n    .p-dock-magnification .p-dock-item-second-prev,\n    .p-dock-magnification .p-dock-item-second-next {\n        transform: scale(1.2);\n    }\n    \n    .p-dock-magnification .p-dock-item-prev,\n    .p-dock-magnification .p-dock-item-next {\n        transform: scale(1.4);\n    }\n    \n    .p-dock-magnification .p-dock-item-current {\n        transform: scale(1.6);\n        z-index: 1;\n    }\n    \n    /* Position */\n    /* top */\n    .p-dock-top {\n        left: 0;\n        top: 0;\n        width: 100%;\n    }\n    \n    .p-dock-top.p-dock-magnification .p-dock-item {\n        transform-origin: center top;\n    }\n    \n    .p-dock-top .p-dock-container {\n        flex-direction: column-reverse;\n    }\n    \n    /* bottom */\n    .p-dock-bottom {\n        left: 0;\n        bottom: 0;\n        width: 100%;\n    }\n    \n    .p-dock-bottom.p-dock-magnification .p-dock-item {\n        transform-origin: center bottom;\n    }\n    \n    .p-dock-bottom .p-dock-container {\n        flex-direction: column;\n    }\n    \n    /* right */\n    .p-dock-right {\n        right: 0;\n        top: 0;\n        height: 100%;\n    }\n    \n    .p-dock-right.p-dock-magnification .p-dock-item {\n        transform-origin: center right;\n    }\n    \n    .p-dock-right .p-dock-list {\n        flex-direction: column;\n    }\n    \n    /* left */\n    .p-dock-left {\n        left: 0;\n        top: 0;\n        height: 100%;\n    }\n    \n    .p-dock-left.p-dock-magnification .p-dock-item {\n        transform-origin: center left;\n    }\n    \n    .p-dock-left .p-dock-list {\n        flex-direction: column;\n    }\n    \n    .p-dock-left .p-dock-container {\n        flex-direction: row-reverse;\n    }\n}\n"}});function h(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function O(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?h(Object(t),!0).forEach((function(n){var r,o,i;r=e,i=t[n],(o=m(o=n))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):h(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var j=l.memo(l.forwardRef((function(e,n){var a=y(l.useState(-3),2),p=a[0],u=a[1],m=l.useContext(t.PrimeReactContext),d=v.getProps(e,m),f=y(l.useState(d.id),2),b=f[0],g=f[1],k=v.setMetaData({props:d,state:{id:b,currentIndex:p}}),h=k.ptm,j=k.cx,x=k.isUnstyled,P=l.useRef(null);r.useHandleStyle(v.css.styles,x,{name:"dock"});var S=function(e,n,t){return h(e,{context:{index:t,item:n}})},w=function(){u(-3)},E=function(e){u(e)},N=function(e,n){n.command&&n.command({originalEvent:e,item:n}),e.preventDefault()},D=function(e,n){if(!1===e.visible)return null;var t=e.disabled,r=e.icon,o=e.label,a=e.template,s=e.url,u=e.target,m=e.id||b+"_"+n,f=c.classNames("p-dock-action",{"p-disabled":t}),g=c.classNames("p-dock-action-icon",r),k=c.mergeProps({className:j("icon")},S("icon",e,n)),y=c.IconUtils.getJSXIcon(r,O({},k),{props:d}),v=c.mergeProps({href:s||"#",role:"menuitem",className:j("action",{disabled:t}),target:u,"data-pr-tooltip":o,onClick:function(n){return N(n,e)}},S("action",e,n)),h=l.createElement("a",v,y,l.createElement(i.Ripple,null));a&&(h=c.ObjectUtils.getJSXElement(a,e,{onClick:function(n){return N(n,e)},className:f,iconClassName:g,element:h,props:d,index:n}));var x=c.mergeProps({id:m,key:m,className:j("menuitem",{currentIndexState:p,index:n}),role:"none",onMouseEnter:function(){return E(n)}},S("menuitem",e,n));return l.createElement("li",x,h)};o.useMountEffect((function(){b||g(c.UniqueComponentId())})),l.useImperativeHandle(n,(function(){return{props:d,getElement:function(){return P.current}}}));var I,C,M=function(){if(d.header){var e=c.ObjectUtils.getJSXElement(d.header,{props:d}),n=c.mergeProps({className:j("header")},h("header"));return l.createElement("div",n,e)}return null}(),U=(I=d.model?d.model.map(D):null,C=c.mergeProps({className:j("menu"),role:"menu",onMouseLeave:w},h("menu")),l.createElement("ul",C,I)),_=function(){if(d.footer){var e=c.ObjectUtils.getJSXElement(d.footer,{props:d}),n=c.mergeProps({className:j("footer")},h("footer"));return l.createElement("div",n,e)}return null}(),A=c.mergeProps({className:c.classNames(d.className,j("root")),style:d.style},v.getOtherProps(d),h("root")),R=c.mergeProps({className:j("container")},h("container"));return l.createElement("div",s({id:d.id,ref:P},A),l.createElement("div",R,M,U,_))})));return j.displayName="Dock",e.Dock=j,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.ripple,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.dock=function(e,n,t,r,o,i,a){"use strict";function c(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 l=c(n);function s(){return s=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},s.apply(this,arguments)}function u(e){return u="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},u(e)}function p(e,n){if("object"!==u(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==u(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function d(e){var n=p(e,"string");return"symbol"===u(n)?n:String(n)}function f(e,n,t){return(n=d(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function m(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 b(e){if(Array.isArray(e))return m(e)}function g(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function v(e,n){if(e){if("string"==typeof e)return m(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)?m(e,n):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 k(e){return b(e)||g(e)||v(e)||y()}function h(e){if(Array.isArray(e))return e}function O(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,a,c=[],l=!0,s=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=i.call(t)).done)&&(c.push(r.value),c.length!==n);l=!0);}catch(e){s=!0,o=e}finally{try{if(!l&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(s)throw o}}return c}}function x(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function j(e,n){return h(e)||O(e,n)||v(e,n)||x()}var S=r.ComponentBase.extend({defaultProps:{__TYPE:"Dock",id:null,style:null,className:null,model:null,tabIndex:0,onFocus:null,onBlur:null,position:"bottom",magnification:!0,header:null,footer:null,children:void 0},css:{classes:{icon:"p-dock-action-icon",action:function(e){return a.classNames("p-dock-action",{"p-disabled":e.disabled})},menuitem:function(e){var n=e.currentIndexState,t=e.index;return a.classNames("p-dock-item",{"p-dock-item-second-prev":n-2===t,"p-dock-item-prev":n-1===t,"p-dock-item-current":n===t,"p-dock-item-next":n+1===t,"p-dock-item-second-next":n+2===t,"p-focus":e.active})},content:"p-menuitem-content",header:"p-dock-header",menu:"p-dock-list",footer:"p-dock-footer",root:function(e){var n=e.props;return a.classNames("p-dock p-component p-dock-".concat(n.position),{"p-dock-magnification":n.magnification})},container:"p-dock-list-container"},styles:"\n@layer primereact {\n    .p-dock {\n        position: absolute;\n        z-index: 1;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        pointer-events: none;\n    }\n\n    .p-dock-list-container {\n        display: flex;\n        pointer-events: auto;\n    }\n\n    .p-dock-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        pointer-events: auto;\n    }\n\n    .p-dock-magnification .p-dock-item {\n        transition: all .2s cubic-bezier(0.4, 0, 0.2, 1);\n        will-change: transform;\n    }\n\n    .p-dock-action {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n        overflow: hidden;\n        cursor: default;\n    }\n\n    .p-dock-magnification .p-dock-item-second-prev,\n    .p-dock-magnification .p-dock-item-second-next {\n        transform: scale(1.2);\n    }\n\n    .p-dock-magnification .p-dock-item-prev,\n    .p-dock-magnification .p-dock-item-next {\n        transform: scale(1.4);\n    }\n\n    .p-dock-magnification .p-dock-item-current {\n        transform: scale(1.6);\n        z-index: 1;\n    }\n\n    /* Position */\n    /* top */\n    .p-dock-top {\n        left: 0;\n        top: 0;\n        width: 100%;\n    }\n\n    .p-dock-top.p-dock-magnification .p-dock-item {\n        transform-origin: center top;\n    }\n\n    .p-dock-top .p-dock-list-container {\n        flex-direction: column-reverse;\n    }\n\n    /* bottom */\n    .p-dock-bottom {\n        left: 0;\n        bottom: 0;\n        width: 100%;\n    }\n\n    .p-dock-bottom.p-dock-magnification .p-dock-item {\n        transform-origin: center bottom;\n    }\n\n    .p-dock-bottom .p-dock-list-container {\n        flex-direction: column;\n    }\n\n    /* right */\n    .p-dock-right {\n        right: 0;\n        top: 0;\n        height: 100%;\n    }\n\n    .p-dock-right.p-dock-magnification .p-dock-item {\n        transform-origin: center right;\n    }\n\n    .p-dock-right .p-dock-list {\n        flex-direction: column;\n    }\n\n    /* left */\n    .p-dock-left {\n        left: 0;\n        top: 0;\n        height: 100%;\n    }\n\n    .p-dock-left.p-dock-magnification .p-dock-item {\n        transform-origin: center left;\n    }\n\n    .p-dock-left .p-dock-list {\n        flex-direction: column;\n    }\n\n    .p-dock-left .p-dock-list-container {\n        flex-direction: row-reverse;\n    }\n}\n"}});function P(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function w(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?P(Object(t),!0).forEach((function(n){f(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):P(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var D=l.memo(l.forwardRef((function(e,n){var c=j(l.useState(-3),2),u=c[0],p=c[1],d=j(l.useState(!1),2),m=d[0],b=d[1],g=j(l.useState(-1),2),v=g[0],y=g[1],h=l.useContext(t.PrimeReactContext),O=S.getProps(e,h),x=j(l.useState(O.id),2),P=x[0],D=x[1],E=S.setMetaData({props:O,state:{id:P,currentIndex:u}}),N=E.ptm,I=E.cx,A=E.isUnstyled,H=l.useRef(null),C=l.useRef(null);r.useHandleStyle(S.css.styles,A,{name:"dock"});var U=function(e,n,t){return N(e,{context:{index:t,item:n}})},M=function(){p(-3)},R=function(e){p(e)},_=function(e,n){n.command&&n.command({originalEvent:e,item:n}),e.preventDefault()},z=function(e){b(!0),$(0),O.onFocus&&O.onFocus(e)},B=function(e){b(!1),y(-1),O.onBlur&&O.onBlur(e)},F=function(e){switch(e.code){case"ArrowDown":"left"!==O.position&&"right"!==O.position||J(),e.preventDefault();break;case"ArrowUp":"left"!==O.position&&"right"!==O.position||T(),e.preventDefault();break;case"ArrowRight":"top"!==O.position&&"bottom"!==O.position||J(),e.preventDefault();break;case"ArrowLeft":"top"!==O.position&&"bottom"!==O.position||T(),e.preventDefault();break;case"Home":X(),e.preventDefault();break;case"End":L(),e.preventDefault();break;case"Enter":case"Space":q(),e.preventDefault()}},J=function(){var e=K(v);$(e)},T=function(){var e=Y(v);$(e)},X=function(){$(0)},L=function(){$(a.DomHandler.find(C.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]').length-1)},q=function(){var e=a.DomHandler.findSingle(C.current,'li[id="'.concat("".concat(v),'"]')),n=e&&a.DomHandler.findSingle(e,'[data-pc-section="action"]');n?n.click():e&&e.click()},K=function(e){var n=k(a.DomHandler.find(C.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n+1:0},Y=function(e){var n=k(a.DomHandler.find(C.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n-1:0},$=function(e){var n=a.DomHandler.find(C.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]');y(n[e>=n.length?n.length-1:e<0?0:e].getAttribute("id"))},G=function(e){return e===v},Q=function(e,n){if(!1===e.visible)return null;var t=e.disabled,r=e.icon,o=e.label,c=e.template,s=e.url,p=e.target,d=e.id||P+"_"+n,m=a.classNames("p-dock-action",{"p-disabled":t}),b=a.classNames("p-dock-action-icon",r),g=a.mergeProps({className:I("icon")},U("icon",e,n)),v=a.IconUtils.getJSXIcon(r,w({},g),{props:O}),y=a.mergeProps({href:s||"#",onFocus:function(e){return e.stopPropagation()},className:I("action",{disabled:t}),"aria-hidden":"true",tabIndex:-1,target:p,"data-pr-tooltip":o,onClick:function(n){return _(n,e)}},U("action",e,n)),k=l.createElement("a",y,v,l.createElement(i.Ripple,null));c&&(k=a.ObjectUtils.getJSXElement(c,e,{onClick:function(n){return _(n,e)},className:m,iconClassName:b,"aria-hidden":"true",tabIndex:-1,element:k,props:O,index:n}));var h=a.mergeProps({className:I("content")},U("content",e,n)),x=G(d),j=a.mergeProps(f(f({id:d,role:"menuitem",key:d,"aria-label":o,"aria-disabled":t,"data-p-focused":x,"data-p-disabled":t||!1,className:I("menuitem",{currentIndexState:u,index:n,active:G(d)})},"role","none"),"onMouseEnter",(function(){return R(n)})),U("menuitem",e,n));return l.createElement("li",j,l.createElement("div",h,k))};o.useMountEffect((function(){P||D(a.UniqueComponentId())})),l.useImperativeHandle(n,(function(){return{props:O,getElement:function(){return H.current}}}));var V,W,Z=function(){if(O.header){var e=a.ObjectUtils.getJSXElement(O.header,{props:O}),n=a.mergeProps({className:I("header")},N("header"));return l.createElement("div",n,e)}return null}(),ee=(V=O.model?O.model.map(Q):null,W=a.mergeProps({ref:C,className:I("menu"),role:"menu","aria-orientation":"bottom"===O.position||"top"===O.position?"horizontal":"vertical","aria-activedescendant":m?-1!==v?v:null:void 0,tabIndex:O.tabIndex||0,onFocus:z,onBlur:B,onKeyDown:F,onMouseLeave:M},N("menu")),l.createElement("ul",W,V)),ne=function(){if(O.footer){var e=a.ObjectUtils.getJSXElement(O.footer,{props:O}),n=a.mergeProps({className:I("footer")},N("footer"));return l.createElement("div",n,e)}return null}(),te=a.mergeProps({className:a.classNames(O.className,I("root")),style:O.style},S.getOtherProps(O),N("root")),re=a.mergeProps({className:I("container")},N("container"));return l.createElement("div",s({id:O.id,ref:H},te),l.createElement("div",re,Z,ee,ne))})));return D.displayName="Dock",e.Dock=D,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.ripple,primereact.utils);

package/dropdown/dropdown.cjs.js

@@ -17,6 +17,7 @@ var search = require('primereact/icons/search');
 var portal = require('primereact/portal');
 var virtualscroller = require('primereact/virtualscroller');
 var ripple = require('primereact/ripple');
+var spinner = require('primereact/icons/spinner');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -182,6 +183,7 @@ var classes = {
     });
   },
   dropdownIcon: 'p-dropdown-trigger-icon p-clickable',
+  loadingIcon: 'p-dropdown-trigger-icon p-clickable',
   clearIcon: 'p-dropdown-clear-icon p-clickable',
   filterIcon: 'p-dropdown-filter-icon',
   filterContainer: function filterContainer(_ref4) {
@@ -731,7 +733,7 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     return utils.DomHandler.hasClass(event.target, 'p-dropdown-clear-icon') || utils.DomHandler.hasClass(event.target, 'p-dropdown-filter-clear-icon');
   };
   var _onClick = function onClick(event) {
-    if (props.disabled) {
+    if (props.disabled || props.loading) {
       return;
     }
     props.onClick && props.onClick(event);
@@ -1332,6 +1334,27 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     }
     return null;
   };
+  var createLoadingIcon = function createLoadingIcon() {
+    var loadingIconProps = utils.mergeProps({
+      className: cx('loadingIcon'),
+      'data-pr-overlay-visible': overlayVisibleState
+    }, ptm('loadingIcon'));
+    var icon = props.loadingIcon || /*#__PURE__*/React__namespace.createElement(spinner.SpinnerIcon, {
+      spin: true
+    });
+    var loadingIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, loadingIconProps), {
+      props: props
+    });
+    var ariaLabel = props.placeholder || props.ariaLabel;
+    var loadingButtonProps = utils.mergeProps({
+      className: cx('trigger'),
+      role: 'button',
+      'aria-haspopup': 'listbox',
+      'aria-expanded': overlayVisibleState,
+      'aria-label': ariaLabel
+    }, ptm('trigger'));
+    return /*#__PURE__*/React__namespace.createElement("div", loadingButtonProps, loadingIcon);
+  };
   var createDropdownIcon = function createDropdownIcon() {
     var dropdownIconProps = utils.mergeProps({
       className: cx('dropdownIcon'),
@@ -1359,7 +1382,7 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   var hiddenSelect = createHiddenSelect();
   var keyboardHelper = createKeyboardHelper();
   var labelElement = createLabel();
-  var dropdownIcon = createDropdownIcon();
+  var dropdownIcon = props.loading ? createLoadingIcon() : createDropdownIcon();
   var clearIcon = createClearIcon();
   var rootProps = utils.mergeProps({
     id: props.id,

package/dropdown/dropdown.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/hooks"),o=require("primereact/icons/chevrondown"),l=require("primereact/icons/times"),i=require("primereact/overlayservice"),a=require("primereact/tooltip"),u=require("primereact/utils"),p=require("primereact/csstransition"),c=require("primereact/icons/search"),s=require("primereact/portal"),d=require("primereact/virtualscroller"),f=require("primereact/ripple");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function v(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 b=v(e),g=m(t);function y(){return y=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},y.apply(this,arguments)}function h(e){return h="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},h(e)}function w(e,t){if("object"!==h(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==h(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function O(e){var t=w(e,"string");return"symbol"===h(t)?t:String(t)}function E(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}function I(e){if(Array.isArray(e))return e}function S(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,i,a=[],u=!0,p=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=l.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){p=!0,o=e}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(p)throw o}}return a}}function x(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 P(e,t){if(e){if("string"==typeof e)return x(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)?x(e,t):void 0}}function j(){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 I(e)||S(e,t)||P(e,t)||j()}var D=n.ComponentBase.extend({defaultProps:{__TYPE:"Dropdown",__parentMetadata:null,appendTo:null,ariaLabel:null,ariaLabelledBy:null,autoFocus:!1,children:void 0,className:null,clearIcon:null,dataKey:null,disabled:!1,dropdownIcon:null,editable:!1,emptyFilterMessage:null,emptyMessage:null,filter:!1,filterBy:null,filterClearIcon:null,filterIcon:null,filterInputAutoFocus:!0,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,focusInputRef:null,id:null,inputId:null,inputRef:null,itemTemplate:null,maxLength:null,name:null,onBlur:null,onChange:null,onContextMenu:null,onFilter:null,onFocus:null,onHide:null,onMouseDown:null,onShow:null,optionDisabled:null,optionGroupChildren:"items",optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,panelClassName:null,panelFooterTemplate:null,panelStyle:null,placeholder:null,required:!1,resetFilterOnHide:!1,scrollHeight:"200px",showClear:!1,showFilterClear:!1,showOnFocus:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,transitionOptions:null,value:null,valueTemplate:null,virtualScrollerOptions:null},css:{classes:{root:function(e){var t=e.props,n=e.focusedState,r=e.overlayVisibleState;return u.classNames("p-dropdown p-component p-inputwrapper",{"p-disabled":t.disabled,"p-focus":n,"p-dropdown-clearable":t.showClear&&!t.disabled,"p-inputwrapper-filled":u.ObjectUtils.isNotEmpty(t.value),"p-inputwrapper-focus":n||r})},input:function(e){var t=e.props,n=e.label;return t.editable?"p-dropdown-label p-inputtext":u.classNames("p-dropdown-label p-inputtext",{"p-placeholder":null===n&&t.placeholder,"p-dropdown-label-empty":null===n&&!t.placeholder})},trigger:"p-dropdown-trigger",emptyMessage:"p-dropdown-empty-message",itemGroup:function(e){var t=e.optionGroupLabel;return u.classNames("p-dropdown-item-group",{"p-dropdown-item-empty":!t||0===t.length})},dropdownIcon:"p-dropdown-trigger-icon p-clickable",clearIcon:"p-dropdown-clear-icon p-clickable",filterIcon:"p-dropdown-filter-icon",filterContainer:function(e){return u.classNames("p-dropdown-filter-container",{"p-dropdown-clearable-filter":!!e.clearIcon})},filterInput:"p-dropdown-filter p-inputtext p-component",list:function(e){return"p-dropdown-items"},panel:function(e){var t=e.context;return u.classNames("p-dropdown-panel p-component",{"p-input-filled":t&&"filled"===t.inputStyle||"filled"===g.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===g.default.ripple})},item:function(e){var t=e.label;return u.classNames("p-dropdown-item",{"p-highlight":e.selected,"p-disabled":e.disabled,"p-dropdown-item-empty":!t||0===t.length})},wrapper:"p-dropdown-items-wrapper",header:"p-dropdown-header",footer:"p-dropdown-footer",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-dropdown {\n        display: inline-flex;\n        cursor: pointer;\n        position: relative;\n        user-select: none;\n    }\n    \n    .p-dropdown-trigger {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }\n    \n    .p-dropdown-label {\n        display: block;\n        white-space: nowrap;\n        overflow: hidden;\n        flex: 1 1 auto;\n        width: 1%;\n        text-overflow: ellipsis;\n        cursor: pointer;\n    }\n    \n    .p-dropdown-label-empty {\n        overflow: hidden;\n        visibility: hidden;\n    }\n    \n    input.p-dropdown-label  {\n        cursor: default;\n    }\n    \n    .p-dropdown .p-dropdown-panel {\n        min-width: 100%;\n    }\n    \n    .p-dropdown-panel {\n        position: absolute;\n        top: 0;\n        left: 0;\n    }\n    \n    .p-dropdown-items-wrapper {\n        overflow: auto;\n    }\n    \n    .p-dropdown-item {\n        cursor: pointer;\n        font-weight: normal;\n        white-space: nowrap;\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .p-dropdown-items {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n    \n    .p-dropdown-filter {\n        width: 100%;\n    }\n    \n    .p-dropdown-filter-container {\n        position: relative;\n    }\n    \n    .p-dropdown-clear-icon,\n    .p-dropdown-filter-icon,\n    .p-dropdown-filter-clear-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-fluid .p-dropdown {\n        display: flex;\n    }\n    \n    .p-fluid .p-dropdown .p-dropdown-label {\n        width: 1%;\n    }\n}\n",inlineStyles:{wrapper:function(e){return{maxHeight:e.props.scrollHeight||"auto"}},panel:function(e){}}}}),N=b.memo((function(e){var t=e.ptm,n=e.cx,r=e.selected,o=e.disabled,l=e.option,i=e.label,a=e.template?u.ObjectUtils.getJSXElement(e.template,e.option):e.label,p=u.mergeProps({role:"option",key:e.label,className:u.classNames(l.className,n("item",{selected:r,disabled:o,label:i})),style:e.style,onClick:function(t){return n=t,void(e.onClick&&e.onClick({originalEvent:n,option:l}));var n},"aria-label":i,"aria-selected":r,"data-p-highlight":r,"data-p-disabled":o},t("item",{context:{selected:r,disabled:o}}));return b.createElement("li",p,a,b.createElement(f.Ripple,null))}));function F(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function L(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?F(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):F(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}N.displayName="DropdownItem";var T=b.memo(b.forwardRef((function(e,n){var r=e.ptm,o=e.cx,i=e.sx,a=b.useContext(t.PrimeReactContext);b.useRef(null);var f,m,v,g,h,w=b.useRef(null),O=!(e.visibleOptions&&e.visibleOptions.length)&&e.hasFilter,E={filter:function(e){return P(e)},reset:function(){return e.resetFilter()}},I=function(t,n){return r(t,L({hostName:e.hostName},n))},S=function(){e.onEnter((function(){if(e.virtualScrollerRef.current){var t=e.getSelectedOptionIndex();-1!==t&&setTimeout((function(){return e.virtualScrollerRef.current.scrollToIndex(t)}),0)}}))},x=function(){e.onEntered((function(){e.filter&&e.filterInputAutoFocus&&u.DomHandler.focus(w.current,!1)}))},P=function(t){e.virtualScrollerRef.current&&e.virtualScrollerRef.current.scrollToIndex(0),e.onFilterInputChange&&e.onFilterInputChange(t)},j=function(){if(e.panelFooterTemplate){var t=u.ObjectUtils.getJSXElement(e.panelFooterTemplate,e,e.onOverlayHide),n=u.mergeProps({className:o("footer")},I("footer"));return b.createElement("div",n,t)}return null},C=function(t,n){return e.getOptionGroupChildren(t).map((function(t,l){var i=e.getOptionLabel(t),a=l+"_"+e.getOptionRenderKey(t),u=e.isOptionDisabled(t);return b.createElement(N,{key:a,label:i,option:t,style:n,template:e.itemTemplate,selected:e.isSelected(t),disabled:u,onClick:e.onOptionClick,ptm:r,cx:o})}))},D=function(n,r){var l=u.ObjectUtils.getJSXElement(n,e)||t.localeOption(r?"emptyFilterMessage":"emptyMessage"),i=u.mergeProps({className:o("emptyMessage")},I("emptyMessage"));return b.createElement("li",i,l)},F=function(t,n){var l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i={height:l.props?l.props.itemSize:void 0};if(i=L(L({},i),t.style),e.optionGroupLabel){var a=e.optionGroupLabel,p=e.optionGroupTemplate?u.ObjectUtils.getJSXElement(e.optionGroupTemplate,t,n):e.getOptionGroupLabel(t),c=C(t,i),s=n+"_"+e.getOptionGroupRenderKey(t),d=u.mergeProps({className:o("itemGroup",{optionGroupLabel:a}),style:i},I("itemGroup"));return b.createElement(b.Fragment,{key:s},b.createElement("li",d,p),c)}var f=e.getOptionLabel(t),m=n+"_"+e.getOptionRenderKey(t),v=e.isOptionDisabled(t);return b.createElement(N,{key:m,label:f,option:t,style:i,template:e.itemTemplate,selected:e.isSelected(t),disabled:v,onClick:e.onOptionClick,ptm:r,cx:o})},T=function(){if(e.showFilterClear&&e.filterValue){var n=t.localeOption("clear"),r=u.mergeProps({className:o("clearIcon"),"aria-label":n,onClick:function(){return e.onFilterClearIconClick((function(){return u.DomHandler.focus(w.current)}))}},I("clearIcon"));return u.IconUtils.getJSXIcon(e.filterClearIcon||b.createElement(l.TimesIcon,r),L({},r),{props:e})}return null},R=function(){if(e.filter){var t=T(),n=u.mergeProps({className:o("filterIcon")},I("filterIcon")),r=u.IconUtils.getJSXIcon(e.filterIcon||b.createElement(c.SearchIcon,n),L({},n),{props:e}),l=u.mergeProps({className:o("filterContainer",{clearIcon:t})},I("filterContainer")),i=u.mergeProps({ref:w,type:"text",autoComplete:"off",className:o("filterInput"),placeholder:e.filterPlaceholder,onKeyDown:e.onFilterInputKeyDown,onChange:function(e){return P(e)},value:e.filterValue},I("filterInput")),a=b.createElement("div",l,b.createElement("input",i),t,r);if(e.filterTemplate){var p={className:u.classNames("p-dropdown-filter-container",{"p-dropdown-clearable-filter":!!t}),element:a,filterOptions:E,filterInputKeyDown:e.onFilterInputKeyDown,filterInputChange:P,filterIconClassName:"p-dropdown-filter-icon",clearIcon:t,props:e};a=u.ObjectUtils.getJSXElement(e.filterTemplate,p)}var s=u.mergeProps({className:o("header")},I("header"));return b.createElement("div",s,a)}return null},U=function(){if(e.virtualScrollerOptions){var t=L(L({},e.virtualScrollerOptions),{style:L(L({},e.virtualScrollerOptions.style),{height:e.scrollHeight}),className:u.classNames("p-dropdown-items-wrapper",e.virtualScrollerOptions.className),items:e.visibleOptions,autoSize:!0,onLazyLoad:function(t){return e.virtualScrollerOptions.onLazyLoad(L(L({},t),{filter:e.filterValue}))},itemTemplate:function(e,t){return e&&F(e,t.index,t)},contentTemplate:function(t){var n=O?D(e.hasFilter?e.emptyFilterMessage:e.emptyMessage):t.children,r=u.mergeProps({ref:t.contentRef,style:t.style,className:u.classNames(t.className,o("list",{virtualScrollerProps:e.virtualScrollerOptions})),role:"listbox"},I("list"));return b.createElement("ul",r,n)}});return b.createElement(d.VirtualScroller,y({ref:e.virtualScrollerRef},t,{pt:r("virtualScroller")}))}var n=u.ObjectUtils.isNotEmpty(e.visibleOptions)?e.visibleOptions.map(F):e.hasFilter?D(e.emptyFilterMessage,!0):D(e.emptyMessage),l=u.mergeProps({className:o("wrapper"),style:i("wrapper")},I("wrapper")),a=u.mergeProps({className:o("list"),role:"listbox"},I("list"));return b.createElement("div",l,b.createElement("ul",a,n))},k=(f=R(),m=U(),v=j(),g=u.mergeProps({className:u.classNames(e.panelClassName,o("panel",{context:a})),style:i("panel"),onClick:e.onClick},I("panel")),h=u.mergeProps({classNames:o("transition"),in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:S,onEntered:x,onExit:e.onExit,onExited:e.onExited},I("transition")),b.createElement(p.CSSTransition,y({nodeRef:n},h),b.createElement("div",y({ref:n},g),f,m,v)));return b.createElement(s.Portal,{element:k,appendTo:e.appendTo})})));function R(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=U(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,i=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){a=!0,l=e},f:function(){try{i||null==n.return||n.return()}finally{if(a)throw l}}}}function U(e,t){if(e){if("string"==typeof e)return k(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)?k(e,t):void 0}}function k(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 M(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function G(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?M(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):M(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}T.displayName="DropdownPanel";var H=b.memo(b.forwardRef((function(e,p){var c=b.useContext(t.PrimeReactContext),s=D.getProps(e,c),d=C(b.useState(""),2),f=d[0],m=d[1],v=C(b.useState(!1),2),w=v[0],O=v[1],I=C(b.useState(!1),2),S=I[0],x=I[1],P=b.useRef(null),j=b.useRef(null),N=b.useRef(s.inputRef),F=b.useRef(s.focusInputRef),L=b.useRef(null),U=b.useRef(null),k=b.useRef(null),M=b.useRef(null),H=s.virtualScrollerOptions&&s.virtualScrollerOptions.lazy,q=u.ObjectUtils.isNotEmpty(f),A=s.appendTo||c&&c.appendTo||g.default.appendTo,K=D.setMetaData(G(G({props:s},s.__parentMetadata),{},{state:{filter:f,focused:w,overlayVisible:S}})),V=K.ptm,_=K.cx,B=K.sx;n.useHandleStyle(D.css.styles,K.isUnstyled,{name:"dropdown"});var J=C(r.useOverlayListener({target:P,overlay:j,listener:function(e,t){t.valid&&("outside"===t.type?!Z(e)&&he():he())},when:S}),2),X=J[0],z=J[1],Z=function(e){return u.DomHandler.hasClass(e.target,"p-dropdown-clear-icon")||u.DomHandler.hasClass(e.target,"p-dropdown-filter-clear-icon")},$=function(e){s.showOnFocus&&!S&&ye(),O(!0),s.onFocus&&s.onFocus(e)},W=function(e){O(!1),s.onBlur&&setTimeout((function(){var t=N.current?N.current.value:void 0;s.onBlur({originalEvent:e.originalEvent,value:t,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:s.name,id:s.id,value:t}})}),200)},Y=function(e){switch(e.which){case 40:ee(e);break;case 38:Q(e);break;case 32:case 13:S?he():ye(),e.preventDefault();break;case 27:case 9:he();break;default:le(e)}},Q=function(e){if(Ne){var t=re(ve());t&&me({originalEvent:e,option:t})}e.preventDefault()},ee=function(e){if(Ne)if(!S&&e.altKey)ye();else{var t=te(ve());t&&me({originalEvent:e,option:t})}e.preventDefault()},te=function e(t){if(s.optionGroupLabel){var n=-1===t?0:t.group,r=-1===t?-1:t.option,o=ne(xe(Ne[n]),r);return o||(n+1!==Ne.length?e({group:n+1,option:-1}):null)}return ne(Ne,t)},ne=function e(t,n){var r=n+1;if(r===t.length)return null;var o=t[r];return Se(o)?e(r):o},re=function e(t){if(-1===t)return null;if(s.optionGroupLabel){var n=t.group,r=t.option,o=oe(xe(Ne[n]),r);return o||(n>0?e({group:n-1,option:xe(Ne[n-1]).length}):null)}return oe(Ne,t)},oe=function(e,t){var n=t-1;if(n<0)return null;var r=e[n];return Se(r)?re(n):r},le=function(e){U.current&&clearTimeout(U.current);var t=e.key;if("Shift"!==t&&"Control"!==t&&"Alt"!==t){if(k.current=M.current===t?t:k.current?k.current+t:t,M.current=t,k.current){var n=ve(),r=s.optionGroupLabel?ue(n):ie(n+1);r&&me({originalEvent:e,option:r})}U.current=setTimeout((function(){k.current=null}),250)}},ie=function(e){return k.current?ae(e,Ne.length)||ae(0,e):null},ae=function(e,t){for(var n=e;n<t;n++){var r=Ne[n];if(pe(r))return r}return null},ue=function(e){for(var t=-1===e?{group:0,option:-1}:e,n=t.group;n<Ne.length;n++)for(var r=xe(Ne[n]),o=t.group===n?t.option+1:0;o<r.length;o++)if(pe(r[o]))return r[o];for(var l=0;l<=t.group;l++)for(var i=xe(Ne[l]),a=0;a<(t.group===l?t.option:i.length);a++)if(pe(i[a]))return i[a];return null},pe=function(e){var t=Ee(e);return!!t&&(t=t.toLocaleLowerCase(s.filterLocale)).startsWith(k.current.toLocaleLowerCase(s.filterLocale))},ce=function(e){s.onChange&&s.onChange({originalEvent:e.originalEvent,value:e.target.value,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:s.name,id:s.id,value:e.target.value}})},se=function(e){O(!0),he(),s.onFocus&&s.onFocus(e)},de=function(e){m(""),s.onFilter&&s.onFilter({filter:""}),e&&e()},fe=function(e){s.onChange&&s.onChange({originalEvent:e,value:void 0,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:s.name,id:s.id,value:void 0}}),Oe()},me=function(e){if(Fe!==e.option){Oe(e.option);var t=Ie(e.option);s.onChange&&s.onChange({originalEvent:e.originalEvent,value:t,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:s.name,id:s.id,value:t}})}},ve=function(e){if(e=e||Ne,null!=s.value&&e){if(!s.optionGroupLabel)return ge(s.value,e);for(var t=0;t<e.length;t++){var n=ge(s.value,xe(e[t]));if(-1!==n)return{group:t,option:n}}}return-1},be=function(){return s.optionValue?null:s.dataKey},ge=function(e,t){var n=be();return t.findIndex((function(t){return u.ObjectUtils.equals(e,Ie(t),n)}))},ye=function(){x(!0)},he=function(){x(!1)},we=function(){u.DomHandler.alignOverlay(j.current,N.current.parentElement,s.appendTo||c&&c.appendTo||g.default.appendTo)},Oe=function(e){N.current&&(N.current.value=e?Ee(e):s.value||"")},Ee=function(e){return s.optionLabel?u.ObjectUtils.resolveFieldData(e,s.optionLabel):e&&void 0!==e.label?e.label:e},Ie=function(e){return s.optionValue?u.ObjectUtils.resolveFieldData(e,s.optionValue):e&&void 0!==e.value?e.value:e},Se=function(e){return s.optionDisabled?u.ObjectUtils.isFunction(s.optionDisabled)?s.optionDisabled(e):u.ObjectUtils.resolveFieldData(e,s.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},xe=function(e){return u.ObjectUtils.resolveFieldData(e,s.optionGroupChildren)},Pe=function(){if(s.editable&&N.current){var e=Fe?Ee(Fe):null;N.current.value=e||s.value||""}};b.useImperativeHandle(p,(function(){return{props:s,show:ye,hide:he,clear:fe,focus:function(){return u.DomHandler.focus(F.current)},getElement:function(){return P.current},getOverlay:function(){return j.current},getInput:function(){return N.current},getFocusInput:function(){return F.current},getVirtualScroller:function(){return L.current}}})),b.useEffect((function(){u.ObjectUtils.combinedRefs(N,s.inputRef),u.ObjectUtils.combinedRefs(F,s.focusInputRef)}),[N,s.inputRef,F,s.focusInputRef]),r.useMountEffect((function(){s.autoFocus&&u.DomHandler.focus(F.current,s.autoFocus),we()})),r.useUpdateEffect((function(){var e;S&&s.value&&(e=u.DomHandler.findSingle(j.current,"li.p-highlight"))&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"nearest"})}),[S,s.value]),r.useUpdateEffect((function(){S&&f&&s.filter&&we()}),[S,f,s.filter]),r.useUpdateEffect((function(){!f||s.options&&0!==s.options.length||m(""),Pe(),N.current&&(N.current.selectedIndex=1)})),r.useUnmountEffect((function(){u.ZIndexUtils.clear(j.current)}));var je,Ce,De,Ne=function(){if(q&&!H){var e=f.trim().toLocaleLowerCase(s.filterLocale),n=s.filterBy?s.filterBy.split(","):[s.optionLabel||"label"];if(s.optionGroupLabel){var r,o=[],l=R(s.options);try{for(l.s();!(r=l.n()).done;){var i=r.value,a=t.FilterService.filter(xe(i),n,e,s.filterMatchMode,s.filterLocale);a&&a.length&&o.push(G(G({},i),E({},"".concat(s.optionGroupChildren),a)))}}catch(e){l.e(e)}finally{l.f()}return o}return t.FilterService.filter(s.options,n,e,s.filterMatchMode,s.filterLocale)}return s.options}(),Fe=-1!==(je=ve(s.options))?s.optionGroupLabel?xe(s.options[je.group])[je.option]:s.options[je]:null,Le=u.ObjectUtils.isNotEmpty(s.tooltip),Te=D.getOtherProps(s),Re=u.ObjectUtils.reduceKeys(Te,u.DomHandler.ARIA_PROPS),Ue=function(){var e={value:"",label:s.placeholder};if(Fe){var t=Ie(Fe);e={value:"object"===h(t)?s.options.findIndex((function(e){return e===t})):t,label:Ee(Fe)}}var n=u.mergeProps({className:"p-hidden-accessible p-dropdown-hidden-select"},V("hiddenSelectedMessage")),r=u.mergeProps({ref:N,required:s.required,defaultValue:e.value,name:s.name,tabIndex:-1,"aria-hidden":"true"},V("select")),o=u.mergeProps({value:e.value},V("option"));return b.createElement("div",n,b.createElement("select",r,b.createElement("option",o,e.label)))}(),ke=(Ce=u.mergeProps({className:"p-hidden-accessible"},V("hiddenSelectedMessage")),De=u.mergeProps(G({ref:F,id:s.inputId,type:"text",readOnly:!0,"aria-haspopup":"listbox",onFocus:$,onBlur:W,onKeyDown:Y,disabled:s.disabled,tabIndex:s.tabIndex},Re),V("input")),b.createElement("div",Ce,b.createElement("input",De))),Me=function(){var e=u.ObjectUtils.isNotEmpty(Fe)?Ee(Fe):null;if(s.editable){var t=u.mergeProps(G({ref:N,type:"text",defaultValue:e||s.value||"",className:_("input",{label:e}),disabled:s.disabled,placeholder:s.placeholder,maxLength:s.maxLength,onInput:ce,onFocus:se,onBlur:W,"aria-haspopup":"listbox"},Re),V("input"));return b.createElement("input",t)}var n=s.valueTemplate?u.ObjectUtils.getJSXElement(s.valueTemplate,Fe,s):e||s.placeholder||"empty",r=u.mergeProps({ref:N,className:_("input",{label:e})},V("input"));return b.createElement("span",r,n)}(),Ge=function(){var e=u.mergeProps({className:_("dropdownIcon"),"data-pr-overlay-visible":S},V("dropdownIcon")),t=u.IconUtils.getJSXIcon(s.dropdownIcon||b.createElement(o.ChevronDownIcon,e),G({},e),{props:s}),n=s.placeholder||s.ariaLabel,r=u.mergeProps({className:_("trigger"),role:"button","aria-haspopup":"listbox","aria-expanded":S,"aria-label":n},V("trigger"));return b.createElement("div",r,t)}(),He=function(){if(null!=s.value&&s.showClear&&!s.disabled){var e=u.mergeProps({className:_("clearIcon"),onPointerUp:fe},V("clearIcon"));return u.IconUtils.getJSXIcon(s.clearIcon||b.createElement(l.TimesIcon,e),G({},e),{props:s})}return null}(),qe=u.mergeProps({id:s.id,ref:P,className:u.classNames(s.className,_("root",{focusedState:w,overlayVisibleState:S})),style:s.style,onClick:function(e){return t=e,void(s.disabled||(s.onClick&&s.onClick(t),t.defaultPrevented||u.DomHandler.hasClass(t.target,"p-dropdown-clear-icon")||"INPUT"===t.target.tagName||j.current&&j.current&&j.current.contains(t.target)||(u.DomHandler.focus(F.current),S?he():ye())));var t},onMouseDown:s.onMouseDown,onContextMenu:s.onContextMenu,"data-p-disabled":s.disabled,"data-p-focus":w},Te,V("root"));return b.createElement(b.Fragment,null,b.createElement("div",qe,ke,Ue,Me,He,Ge,b.createElement(T,y({hostName:"Dropdown",ref:j,visibleOptions:Ne,virtualScrollerRef:L},s,{appendTo:A,onClick:function(e){i.OverlayService.emit("overlay-click",{originalEvent:e,target:P.current})},onOptionClick:function(e){e.option.disabled||(me(e),u.DomHandler.focus(F.current)),he()},filterValue:f,hasFilter:q,onFilterClearIconClick:function(e){de(e)},resetFilter:de,onFilterInputKeyDown:function(e){switch(e.which){case 40:ee(e);break;case 38:Q(e);break;case 13:case 27:he(),e.preventDefault()}},onFilterInputChange:function(e){var t=e.target.value;m(t),s.onFilter&&s.onFilter({originalEvent:e,filter:t})},getOptionLabel:Ee,getOptionRenderKey:function(e){return s.dataKey?u.ObjectUtils.resolveFieldData(e,s.dataKey):Ee(e)},isOptionDisabled:Se,getOptionGroupChildren:xe,getOptionGroupLabel:function(e){return u.ObjectUtils.resolveFieldData(e,s.optionGroupLabel)},getOptionGroupRenderKey:function(e){return u.ObjectUtils.resolveFieldData(e,s.optionGroupLabel)},isSelected:function(e){return u.ObjectUtils.equals(s.value,Ie(e),be())},getSelectedOptionIndex:ve,in:S,onEnter:function(e){u.ZIndexUtils.set("overlay",j.current,c&&c.autoZIndex||g.default.autoZIndex,c&&c.zIndex.overlay||g.default.zIndex.overlay),u.DomHandler.addStyles(j.current,{position:"absolute",top:"0",left:"0"}),we(),e&&e()},onEntered:function(e){e&&e(),X(),s.onShow&&s.onShow()},onExit:function(){z()},onExited:function(){s.filter&&s.resetFilterOnHide&&de(),u.ZIndexUtils.clear(j.current),s.onHide&&s.onHide()},ptm:V,cx:_,sx:B}))),Le&&b.createElement(a.Tooltip,y({target:P,content:s.tooltip},s.tooltipOptions,{pt:V("tooltip")})))})));H.displayName="Dropdown",exports.Dropdown=H;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/hooks"),o=require("primereact/icons/chevrondown"),l=require("primereact/icons/times"),i=require("primereact/overlayservice"),a=require("primereact/tooltip"),u=require("primereact/utils"),p=require("primereact/csstransition"),c=require("primereact/icons/search"),s=require("primereact/portal"),d=require("primereact/virtualscroller"),f=require("primereact/ripple"),m=require("primereact/icons/spinner");function v(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function g(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 b=g(e),y=v(t);function h(){return h=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},h.apply(this,arguments)}function w(e){return w="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},w(e)}function O(e,t){if("object"!==w(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==w(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function E(e){var t=O(e,"string");return"symbol"===w(t)?t:String(t)}function I(e,t,n){return(t=E(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function S(e){if(Array.isArray(e))return e}function x(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,i,a=[],u=!0,p=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=l.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){p=!0,o=e}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(p)throw o}}return a}}function P(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 j(e,t){if(e){if("string"==typeof e)return P(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)?P(e,t):void 0}}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 D(e,t){return S(e)||x(e,t)||j(e,t)||C()}var N=n.ComponentBase.extend({defaultProps:{__TYPE:"Dropdown",__parentMetadata:null,appendTo:null,ariaLabel:null,ariaLabelledBy:null,autoFocus:!1,children:void 0,className:null,clearIcon:null,dataKey:null,disabled:!1,dropdownIcon:null,editable:!1,emptyFilterMessage:null,emptyMessage:null,filter:!1,filterBy:null,filterClearIcon:null,filterIcon:null,filterInputAutoFocus:!0,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,focusInputRef:null,id:null,inputId:null,inputRef:null,itemTemplate:null,maxLength:null,name:null,onBlur:null,onChange:null,onContextMenu:null,onFilter:null,onFocus:null,onHide:null,onMouseDown:null,onShow:null,optionDisabled:null,optionGroupChildren:"items",optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,panelClassName:null,panelFooterTemplate:null,panelStyle:null,placeholder:null,required:!1,resetFilterOnHide:!1,scrollHeight:"200px",showClear:!1,showFilterClear:!1,showOnFocus:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,transitionOptions:null,value:null,valueTemplate:null,virtualScrollerOptions:null},css:{classes:{root:function(e){var t=e.props,n=e.focusedState,r=e.overlayVisibleState;return u.classNames("p-dropdown p-component p-inputwrapper",{"p-disabled":t.disabled,"p-focus":n,"p-dropdown-clearable":t.showClear&&!t.disabled,"p-inputwrapper-filled":u.ObjectUtils.isNotEmpty(t.value),"p-inputwrapper-focus":n||r})},input:function(e){var t=e.props,n=e.label;return t.editable?"p-dropdown-label p-inputtext":u.classNames("p-dropdown-label p-inputtext",{"p-placeholder":null===n&&t.placeholder,"p-dropdown-label-empty":null===n&&!t.placeholder})},trigger:"p-dropdown-trigger",emptyMessage:"p-dropdown-empty-message",itemGroup:function(e){var t=e.optionGroupLabel;return u.classNames("p-dropdown-item-group",{"p-dropdown-item-empty":!t||0===t.length})},dropdownIcon:"p-dropdown-trigger-icon p-clickable",loadingIcon:"p-dropdown-trigger-icon p-clickable",clearIcon:"p-dropdown-clear-icon p-clickable",filterIcon:"p-dropdown-filter-icon",filterContainer:function(e){return u.classNames("p-dropdown-filter-container",{"p-dropdown-clearable-filter":!!e.clearIcon})},filterInput:"p-dropdown-filter p-inputtext p-component",list:function(e){return"p-dropdown-items"},panel:function(e){var t=e.context;return u.classNames("p-dropdown-panel p-component",{"p-input-filled":t&&"filled"===t.inputStyle||"filled"===y.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===y.default.ripple})},item:function(e){var t=e.label;return u.classNames("p-dropdown-item",{"p-highlight":e.selected,"p-disabled":e.disabled,"p-dropdown-item-empty":!t||0===t.length})},wrapper:"p-dropdown-items-wrapper",header:"p-dropdown-header",footer:"p-dropdown-footer",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-dropdown {\n        display: inline-flex;\n        cursor: pointer;\n        position: relative;\n        user-select: none;\n    }\n    \n    .p-dropdown-trigger {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }\n    \n    .p-dropdown-label {\n        display: block;\n        white-space: nowrap;\n        overflow: hidden;\n        flex: 1 1 auto;\n        width: 1%;\n        text-overflow: ellipsis;\n        cursor: pointer;\n    }\n    \n    .p-dropdown-label-empty {\n        overflow: hidden;\n        visibility: hidden;\n    }\n    \n    input.p-dropdown-label  {\n        cursor: default;\n    }\n    \n    .p-dropdown .p-dropdown-panel {\n        min-width: 100%;\n    }\n    \n    .p-dropdown-panel {\n        position: absolute;\n        top: 0;\n        left: 0;\n    }\n    \n    .p-dropdown-items-wrapper {\n        overflow: auto;\n    }\n    \n    .p-dropdown-item {\n        cursor: pointer;\n        font-weight: normal;\n        white-space: nowrap;\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .p-dropdown-items {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n    \n    .p-dropdown-filter {\n        width: 100%;\n    }\n    \n    .p-dropdown-filter-container {\n        position: relative;\n    }\n    \n    .p-dropdown-clear-icon,\n    .p-dropdown-filter-icon,\n    .p-dropdown-filter-clear-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-fluid .p-dropdown {\n        display: flex;\n    }\n    \n    .p-fluid .p-dropdown .p-dropdown-label {\n        width: 1%;\n    }\n}\n",inlineStyles:{wrapper:function(e){return{maxHeight:e.props.scrollHeight||"auto"}},panel:function(e){}}}}),F=b.memo((function(e){var t=e.ptm,n=e.cx,r=e.selected,o=e.disabled,l=e.option,i=e.label,a=e.template?u.ObjectUtils.getJSXElement(e.template,e.option):e.label,p=u.mergeProps({role:"option",key:e.label,className:u.classNames(l.className,n("item",{selected:r,disabled:o,label:i})),style:e.style,onClick:function(t){return n=t,void(e.onClick&&e.onClick({originalEvent:n,option:l}));var n},"aria-label":i,"aria-selected":r,"data-p-highlight":r,"data-p-disabled":o},t("item",{context:{selected:r,disabled:o}}));return b.createElement("li",p,a,b.createElement(f.Ripple,null))}));function L(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function T(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?L(Object(n),!0).forEach((function(t){I(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):L(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}F.displayName="DropdownItem";var U=b.memo(b.forwardRef((function(e,n){var r=e.ptm,o=e.cx,i=e.sx,a=b.useContext(t.PrimeReactContext);b.useRef(null);var f,m,v,g,y,w=b.useRef(null),O=!(e.visibleOptions&&e.visibleOptions.length)&&e.hasFilter,E={filter:function(e){return P(e)},reset:function(){return e.resetFilter()}},I=function(t,n){return r(t,T({hostName:e.hostName},n))},S=function(){e.onEnter((function(){if(e.virtualScrollerRef.current){var t=e.getSelectedOptionIndex();-1!==t&&setTimeout((function(){return e.virtualScrollerRef.current.scrollToIndex(t)}),0)}}))},x=function(){e.onEntered((function(){e.filter&&e.filterInputAutoFocus&&u.DomHandler.focus(w.current,!1)}))},P=function(t){e.virtualScrollerRef.current&&e.virtualScrollerRef.current.scrollToIndex(0),e.onFilterInputChange&&e.onFilterInputChange(t)},j=function(){if(e.panelFooterTemplate){var t=u.ObjectUtils.getJSXElement(e.panelFooterTemplate,e,e.onOverlayHide),n=u.mergeProps({className:o("footer")},I("footer"));return b.createElement("div",n,t)}return null},C=function(t,n){return e.getOptionGroupChildren(t).map((function(t,l){var i=e.getOptionLabel(t),a=l+"_"+e.getOptionRenderKey(t),u=e.isOptionDisabled(t);return b.createElement(F,{key:a,label:i,option:t,style:n,template:e.itemTemplate,selected:e.isSelected(t),disabled:u,onClick:e.onOptionClick,ptm:r,cx:o})}))},D=function(n,r){var l=u.ObjectUtils.getJSXElement(n,e)||t.localeOption(r?"emptyFilterMessage":"emptyMessage"),i=u.mergeProps({className:o("emptyMessage")},I("emptyMessage"));return b.createElement("li",i,l)},N=function(t,n){var l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i={height:l.props?l.props.itemSize:void 0};if(i=T(T({},i),t.style),e.optionGroupLabel){var a=e.optionGroupLabel,p=e.optionGroupTemplate?u.ObjectUtils.getJSXElement(e.optionGroupTemplate,t,n):e.getOptionGroupLabel(t),c=C(t,i),s=n+"_"+e.getOptionGroupRenderKey(t),d=u.mergeProps({className:o("itemGroup",{optionGroupLabel:a}),style:i},I("itemGroup"));return b.createElement(b.Fragment,{key:s},b.createElement("li",d,p),c)}var f=e.getOptionLabel(t),m=n+"_"+e.getOptionRenderKey(t),v=e.isOptionDisabled(t);return b.createElement(F,{key:m,label:f,option:t,style:i,template:e.itemTemplate,selected:e.isSelected(t),disabled:v,onClick:e.onOptionClick,ptm:r,cx:o})},L=function(){if(e.showFilterClear&&e.filterValue){var n=t.localeOption("clear"),r=u.mergeProps({className:o("clearIcon"),"aria-label":n,onClick:function(){return e.onFilterClearIconClick((function(){return u.DomHandler.focus(w.current)}))}},I("clearIcon"));return u.IconUtils.getJSXIcon(e.filterClearIcon||b.createElement(l.TimesIcon,r),T({},r),{props:e})}return null},U=function(){if(e.filter){var t=L(),n=u.mergeProps({className:o("filterIcon")},I("filterIcon")),r=u.IconUtils.getJSXIcon(e.filterIcon||b.createElement(c.SearchIcon,n),T({},n),{props:e}),l=u.mergeProps({className:o("filterContainer",{clearIcon:t})},I("filterContainer")),i=u.mergeProps({ref:w,type:"text",autoComplete:"off",className:o("filterInput"),placeholder:e.filterPlaceholder,onKeyDown:e.onFilterInputKeyDown,onChange:function(e){return P(e)},value:e.filterValue},I("filterInput")),a=b.createElement("div",l,b.createElement("input",i),t,r);if(e.filterTemplate){var p={className:u.classNames("p-dropdown-filter-container",{"p-dropdown-clearable-filter":!!t}),element:a,filterOptions:E,filterInputKeyDown:e.onFilterInputKeyDown,filterInputChange:P,filterIconClassName:"p-dropdown-filter-icon",clearIcon:t,props:e};a=u.ObjectUtils.getJSXElement(e.filterTemplate,p)}var s=u.mergeProps({className:o("header")},I("header"));return b.createElement("div",s,a)}return null},R=function(){if(e.virtualScrollerOptions){var t=T(T({},e.virtualScrollerOptions),{style:T(T({},e.virtualScrollerOptions.style),{height:e.scrollHeight}),className:u.classNames("p-dropdown-items-wrapper",e.virtualScrollerOptions.className),items:e.visibleOptions,autoSize:!0,onLazyLoad:function(t){return e.virtualScrollerOptions.onLazyLoad(T(T({},t),{filter:e.filterValue}))},itemTemplate:function(e,t){return e&&N(e,t.index,t)},contentTemplate:function(t){var n=O?D(e.hasFilter?e.emptyFilterMessage:e.emptyMessage):t.children,r=u.mergeProps({ref:t.contentRef,style:t.style,className:u.classNames(t.className,o("list",{virtualScrollerProps:e.virtualScrollerOptions})),role:"listbox"},I("list"));return b.createElement("ul",r,n)}});return b.createElement(d.VirtualScroller,h({ref:e.virtualScrollerRef},t,{pt:r("virtualScroller")}))}var n=u.ObjectUtils.isNotEmpty(e.visibleOptions)?e.visibleOptions.map(N):e.hasFilter?D(e.emptyFilterMessage,!0):D(e.emptyMessage),l=u.mergeProps({className:o("wrapper"),style:i("wrapper")},I("wrapper")),a=u.mergeProps({className:o("list"),role:"listbox"},I("list"));return b.createElement("div",l,b.createElement("ul",a,n))},k=(f=U(),m=R(),v=j(),g=u.mergeProps({className:u.classNames(e.panelClassName,o("panel",{context:a})),style:i("panel"),onClick:e.onClick},I("panel")),y=u.mergeProps({classNames:o("transition"),in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:S,onEntered:x,onExit:e.onExit,onExited:e.onExited},I("transition")),b.createElement(p.CSSTransition,h({nodeRef:n},y),b.createElement("div",h({ref:n},g),f,m,v)));return b.createElement(s.Portal,{element:k,appendTo:e.appendTo})})));function R(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=k(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,i=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){a=!0,l=e},f:function(){try{i||null==n.return||n.return()}finally{if(a)throw l}}}}function k(e,t){if(e){if("string"==typeof e)return M(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)?M(e,t):void 0}}function M(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 G(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function H(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?G(Object(n),!0).forEach((function(t){I(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):G(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}U.displayName="DropdownPanel";var q=b.memo(b.forwardRef((function(e,p){var c=b.useContext(t.PrimeReactContext),s=N.getProps(e,c),d=D(b.useState(""),2),f=d[0],v=d[1],g=D(b.useState(!1),2),O=g[0],E=g[1],S=D(b.useState(!1),2),x=S[0],P=S[1],j=b.useRef(null),C=b.useRef(null),F=b.useRef(s.inputRef),L=b.useRef(s.focusInputRef),T=b.useRef(null),k=b.useRef(null),M=b.useRef(null),G=b.useRef(null),q=s.virtualScrollerOptions&&s.virtualScrollerOptions.lazy,A=u.ObjectUtils.isNotEmpty(f),K=s.appendTo||c&&c.appendTo||y.default.appendTo,V=N.setMetaData(H(H({props:s},s.__parentMetadata),{},{state:{filter:f,focused:O,overlayVisible:x}})),_=V.ptm,J=V.cx,X=V.sx;n.useHandleStyle(N.css.styles,V.isUnstyled,{name:"dropdown"});var B=D(r.useOverlayListener({target:j,overlay:C,listener:function(e,t){t.valid&&("outside"===t.type?!$(e)&&we():we())},when:x}),2),z=B[0],Z=B[1],$=function(e){return u.DomHandler.hasClass(e.target,"p-dropdown-clear-icon")||u.DomHandler.hasClass(e.target,"p-dropdown-filter-clear-icon")},W=function(e){s.showOnFocus&&!x&&he(),E(!0),s.onFocus&&s.onFocus(e)},Y=function(e){E(!1),s.onBlur&&setTimeout((function(){var t=F.current?F.current.value:void 0;s.onBlur({originalEvent:e.originalEvent,value:t,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:s.name,id:s.id,value:t}})}),200)},Q=function(e){switch(e.which){case 40:te(e);break;case 38:ee(e);break;case 32:case 13:x?we():he(),e.preventDefault();break;case 27:case 9:we();break;default:ie(e)}},ee=function(e){if(Re){var t=oe(ge());t&&ve({originalEvent:e,option:t})}e.preventDefault()},te=function(e){if(Re)if(!x&&e.altKey)he();else{var t=ne(ge());t&&ve({originalEvent:e,option:t})}e.preventDefault()},ne=function e(t){if(s.optionGroupLabel){var n=-1===t?0:t.group,r=-1===t?-1:t.option,o=re(Pe(Re[n]),r);return o||(n+1!==Re.length?e({group:n+1,option:-1}):null)}return re(Re,t)},re=function e(t,n){var r=n+1;if(r===t.length)return null;var o=t[r];return xe(o)?e(r):o},oe=function e(t){if(-1===t)return null;if(s.optionGroupLabel){var n=t.group,r=t.option,o=le(Pe(Re[n]),r);return o||(n>0?e({group:n-1,option:Pe(Re[n-1]).length}):null)}return le(Re,t)},le=function(e,t){var n=t-1;if(n<0)return null;var r=e[n];return xe(r)?oe(n):r},ie=function(e){k.current&&clearTimeout(k.current);var t=e.key;if("Shift"!==t&&"Control"!==t&&"Alt"!==t){if(M.current=G.current===t?t:M.current?M.current+t:t,G.current=t,M.current){var n=ge(),r=s.optionGroupLabel?pe(n):ae(n+1);r&&ve({originalEvent:e,option:r})}k.current=setTimeout((function(){M.current=null}),250)}},ae=function(e){return M.current?ue(e,Re.length)||ue(0,e):null},ue=function(e,t){for(var n=e;n<t;n++){var r=Re[n];if(ce(r))return r}return null},pe=function(e){for(var t=-1===e?{group:0,option:-1}:e,n=t.group;n<Re.length;n++)for(var r=Pe(Re[n]),o=t.group===n?t.option+1:0;o<r.length;o++)if(ce(r[o]))return r[o];for(var l=0;l<=t.group;l++)for(var i=Pe(Re[l]),a=0;a<(t.group===l?t.option:i.length);a++)if(ce(i[a]))return i[a];return null},ce=function(e){var t=Ie(e);return!!t&&(t=t.toLocaleLowerCase(s.filterLocale)).startsWith(M.current.toLocaleLowerCase(s.filterLocale))},se=function(e){s.onChange&&s.onChange({originalEvent:e.originalEvent,value:e.target.value,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:s.name,id:s.id,value:e.target.value}})},de=function(e){E(!0),we(),s.onFocus&&s.onFocus(e)},fe=function(e){v(""),s.onFilter&&s.onFilter({filter:""}),e&&e()},me=function(e){s.onChange&&s.onChange({originalEvent:e,value:void 0,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:s.name,id:s.id,value:void 0}}),Ee()},ve=function(e){if(ke!==e.option){Ee(e.option);var t=Se(e.option);s.onChange&&s.onChange({originalEvent:e.originalEvent,value:t,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:s.name,id:s.id,value:t}})}},ge=function(e){if(e=e||Re,null!=s.value&&e){if(!s.optionGroupLabel)return ye(s.value,e);for(var t=0;t<e.length;t++){var n=ye(s.value,Pe(e[t]));if(-1!==n)return{group:t,option:n}}}return-1},be=function(){return s.optionValue?null:s.dataKey},ye=function(e,t){var n=be();return t.findIndex((function(t){return u.ObjectUtils.equals(e,Se(t),n)}))},he=function(){P(!0)},we=function(){P(!1)},Oe=function(){u.DomHandler.alignOverlay(C.current,F.current.parentElement,s.appendTo||c&&c.appendTo||y.default.appendTo)},Ee=function(e){F.current&&(F.current.value=e?Ie(e):s.value||"")},Ie=function(e){return s.optionLabel?u.ObjectUtils.resolveFieldData(e,s.optionLabel):e&&void 0!==e.label?e.label:e},Se=function(e){return s.optionValue?u.ObjectUtils.resolveFieldData(e,s.optionValue):e&&void 0!==e.value?e.value:e},xe=function(e){return s.optionDisabled?u.ObjectUtils.isFunction(s.optionDisabled)?s.optionDisabled(e):u.ObjectUtils.resolveFieldData(e,s.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},Pe=function(e){return u.ObjectUtils.resolveFieldData(e,s.optionGroupChildren)},je=function(){if(s.editable&&F.current){var e=ke?Ie(ke):null;F.current.value=e||s.value||""}};b.useImperativeHandle(p,(function(){return{props:s,show:he,hide:we,clear:me,focus:function(){return u.DomHandler.focus(L.current)},getElement:function(){return j.current},getOverlay:function(){return C.current},getInput:function(){return F.current},getFocusInput:function(){return L.current},getVirtualScroller:function(){return T.current}}})),b.useEffect((function(){u.ObjectUtils.combinedRefs(F,s.inputRef),u.ObjectUtils.combinedRefs(L,s.focusInputRef)}),[F,s.inputRef,L,s.focusInputRef]),r.useMountEffect((function(){s.autoFocus&&u.DomHandler.focus(L.current,s.autoFocus),Oe()})),r.useUpdateEffect((function(){var e;x&&s.value&&(e=u.DomHandler.findSingle(C.current,"li.p-highlight"))&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"nearest"})}),[x,s.value]),r.useUpdateEffect((function(){x&&f&&s.filter&&Oe()}),[x,f,s.filter]),r.useUpdateEffect((function(){!f||s.options&&0!==s.options.length||v(""),je(),F.current&&(F.current.selectedIndex=1)})),r.useUnmountEffect((function(){u.ZIndexUtils.clear(C.current)}));var Ce,De,Ne,Fe,Le,Te,Ue,Re=function(){if(A&&!q){var e=f.trim().toLocaleLowerCase(s.filterLocale),n=s.filterBy?s.filterBy.split(","):[s.optionLabel||"label"];if(s.optionGroupLabel){var r,o=[],l=R(s.options);try{for(l.s();!(r=l.n()).done;){var i=r.value,a=t.FilterService.filter(Pe(i),n,e,s.filterMatchMode,s.filterLocale);a&&a.length&&o.push(H(H({},i),I({},"".concat(s.optionGroupChildren),a)))}}catch(e){l.e(e)}finally{l.f()}return o}return t.FilterService.filter(s.options,n,e,s.filterMatchMode,s.filterLocale)}return s.options}(),ke=-1!==(Ce=ge(s.options))?s.optionGroupLabel?Pe(s.options[Ce.group])[Ce.option]:s.options[Ce]:null,Me=u.ObjectUtils.isNotEmpty(s.tooltip),Ge=N.getOtherProps(s),He=u.ObjectUtils.reduceKeys(Ge,u.DomHandler.ARIA_PROPS),qe=function(){var e={value:"",label:s.placeholder};if(ke){var t=Se(ke);e={value:"object"===w(t)?s.options.findIndex((function(e){return e===t})):t,label:Ie(ke)}}var n=u.mergeProps({className:"p-hidden-accessible p-dropdown-hidden-select"},_("hiddenSelectedMessage")),r=u.mergeProps({ref:F,required:s.required,defaultValue:e.value,name:s.name,tabIndex:-1,"aria-hidden":"true"},_("select")),o=u.mergeProps({value:e.value},_("option"));return b.createElement("div",n,b.createElement("select",r,b.createElement("option",o,e.label)))}(),Ae=(De=u.mergeProps({className:"p-hidden-accessible"},_("hiddenSelectedMessage")),Ne=u.mergeProps(H({ref:L,id:s.inputId,type:"text",readOnly:!0,"aria-haspopup":"listbox",onFocus:W,onBlur:Y,onKeyDown:Q,disabled:s.disabled,tabIndex:s.tabIndex},He),_("input")),b.createElement("div",De,b.createElement("input",Ne))),Ke=function(){var e=u.ObjectUtils.isNotEmpty(ke)?Ie(ke):null;if(s.editable){var t=u.mergeProps(H({ref:F,type:"text",defaultValue:e||s.value||"",className:J("input",{label:e}),disabled:s.disabled,placeholder:s.placeholder,maxLength:s.maxLength,onInput:se,onFocus:de,onBlur:Y,"aria-haspopup":"listbox"},He),_("input"));return b.createElement("input",t)}var n=s.valueTemplate?u.ObjectUtils.getJSXElement(s.valueTemplate,ke,s):e||s.placeholder||"empty",r=u.mergeProps({ref:F,className:J("input",{label:e})},_("input"));return b.createElement("span",r,n)}(),Ve=s.loading?(Fe=u.mergeProps({className:J("loadingIcon"),"data-pr-overlay-visible":x},_("loadingIcon")),Le=u.IconUtils.getJSXIcon(s.loadingIcon||b.createElement(m.SpinnerIcon,{spin:!0}),H({},Fe),{props:s}),Te=s.placeholder||s.ariaLabel,Ue=u.mergeProps({className:J("trigger"),role:"button","aria-haspopup":"listbox","aria-expanded":x,"aria-label":Te},_("trigger")),b.createElement("div",Ue,Le)):function(){var e=u.mergeProps({className:J("dropdownIcon"),"data-pr-overlay-visible":x},_("dropdownIcon")),t=u.IconUtils.getJSXIcon(s.dropdownIcon||b.createElement(o.ChevronDownIcon,e),H({},e),{props:s}),n=s.placeholder||s.ariaLabel,r=u.mergeProps({className:J("trigger"),role:"button","aria-haspopup":"listbox","aria-expanded":x,"aria-label":n},_("trigger"));return b.createElement("div",r,t)}(),_e=function(){if(null!=s.value&&s.showClear&&!s.disabled){var e=u.mergeProps({className:J("clearIcon"),onPointerUp:me},_("clearIcon"));return u.IconUtils.getJSXIcon(s.clearIcon||b.createElement(l.TimesIcon,e),H({},e),{props:s})}return null}(),Je=u.mergeProps({id:s.id,ref:j,className:u.classNames(s.className,J("root",{focusedState:O,overlayVisibleState:x})),style:s.style,onClick:function(e){return t=e,void(s.disabled||s.loading||(s.onClick&&s.onClick(t),t.defaultPrevented||u.DomHandler.hasClass(t.target,"p-dropdown-clear-icon")||"INPUT"===t.target.tagName||C.current&&C.current&&C.current.contains(t.target)||(u.DomHandler.focus(L.current),x?we():he())));var t},onMouseDown:s.onMouseDown,onContextMenu:s.onContextMenu,"data-p-disabled":s.disabled,"data-p-focus":O},Ge,_("root"));return b.createElement(b.Fragment,null,b.createElement("div",Je,Ae,qe,Ke,_e,Ve,b.createElement(U,h({hostName:"Dropdown",ref:C,visibleOptions:Re,virtualScrollerRef:T},s,{appendTo:K,onClick:function(e){i.OverlayService.emit("overlay-click",{originalEvent:e,target:j.current})},onOptionClick:function(e){e.option.disabled||(ve(e),u.DomHandler.focus(L.current)),we()},filterValue:f,hasFilter:A,onFilterClearIconClick:function(e){fe(e)},resetFilter:fe,onFilterInputKeyDown:function(e){switch(e.which){case 40:te(e);break;case 38:ee(e);break;case 13:case 27:we(),e.preventDefault()}},onFilterInputChange:function(e){var t=e.target.value;v(t),s.onFilter&&s.onFilter({originalEvent:e,filter:t})},getOptionLabel:Ie,getOptionRenderKey:function(e){return s.dataKey?u.ObjectUtils.resolveFieldData(e,s.dataKey):Ie(e)},isOptionDisabled:xe,getOptionGroupChildren:Pe,getOptionGroupLabel:function(e){return u.ObjectUtils.resolveFieldData(e,s.optionGroupLabel)},getOptionGroupRenderKey:function(e){return u.ObjectUtils.resolveFieldData(e,s.optionGroupLabel)},isSelected:function(e){return u.ObjectUtils.equals(s.value,Se(e),be())},getSelectedOptionIndex:ge,in:x,onEnter:function(e){u.ZIndexUtils.set("overlay",C.current,c&&c.autoZIndex||y.default.autoZIndex,c&&c.zIndex.overlay||y.default.zIndex.overlay),u.DomHandler.addStyles(C.current,{position:"absolute",top:"0",left:"0"}),Oe(),e&&e()},onEntered:function(e){e&&e(),z(),s.onShow&&s.onShow()},onExit:function(){Z()},onExited:function(){s.filter&&s.resetFilterOnHide&&fe(),u.ZIndexUtils.clear(C.current),s.onHide&&s.onHide()},ptm:_,cx:J,sx:X}))),Me&&b.createElement(a.Tooltip,h({target:j,content:s.tooltip},s.tooltipOptions,{pt:_("tooltip")})))})));q.displayName="Dropdown",exports.Dropdown=q;

package/dropdown/dropdown.esm.js

@@ -13,6 +13,7 @@ import { SearchIcon } from 'primereact/icons/search';
 import { Portal } from 'primereact/portal';
 import { VirtualScroller } from 'primereact/virtualscroller';
 import { Ripple } from 'primereact/ripple';
+import { SpinnerIcon } from 'primereact/icons/spinner';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -155,6 +156,7 @@ var classes = {
     });
   },
   dropdownIcon: 'p-dropdown-trigger-icon p-clickable',
+  loadingIcon: 'p-dropdown-trigger-icon p-clickable',
   clearIcon: 'p-dropdown-clear-icon p-clickable',
   filterIcon: 'p-dropdown-filter-icon',
   filterContainer: function filterContainer(_ref4) {
@@ -704,7 +706,7 @@ var Dropdown = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     return DomHandler.hasClass(event.target, 'p-dropdown-clear-icon') || DomHandler.hasClass(event.target, 'p-dropdown-filter-clear-icon');
   };
   var _onClick = function onClick(event) {
-    if (props.disabled) {
+    if (props.disabled || props.loading) {
       return;
     }
     props.onClick && props.onClick(event);
@@ -1305,6 +1307,27 @@ var Dropdown = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     }
     return null;
   };
+  var createLoadingIcon = function createLoadingIcon() {
+    var loadingIconProps = mergeProps({
+      className: cx('loadingIcon'),
+      'data-pr-overlay-visible': overlayVisibleState
+    }, ptm('loadingIcon'));
+    var icon = props.loadingIcon || /*#__PURE__*/React.createElement(SpinnerIcon, {
+      spin: true
+    });
+    var loadingIcon = IconUtils.getJSXIcon(icon, _objectSpread({}, loadingIconProps), {
+      props: props
+    });
+    var ariaLabel = props.placeholder || props.ariaLabel;
+    var loadingButtonProps = mergeProps({
+      className: cx('trigger'),
+      role: 'button',
+      'aria-haspopup': 'listbox',
+      'aria-expanded': overlayVisibleState,
+      'aria-label': ariaLabel
+    }, ptm('trigger'));
+    return /*#__PURE__*/React.createElement("div", loadingButtonProps, loadingIcon);
+  };
   var createDropdownIcon = function createDropdownIcon() {
     var dropdownIconProps = mergeProps({
       className: cx('dropdownIcon'),
@@ -1332,7 +1355,7 @@ var Dropdown = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   var hiddenSelect = createHiddenSelect();
   var keyboardHelper = createKeyboardHelper();
   var labelElement = createLabel();
-  var dropdownIcon = createDropdownIcon();
+  var dropdownIcon = props.loading ? createLoadingIcon() : createDropdownIcon();
   var clearIcon = createClearIcon();
   var rootProps = mergeProps({
     id: props.id,