primereact 10.2.1 → 10.3.1

package/cascadeselect/cascadeselect.d.ts

@@ -9,6 +9,7 @@
  */
 import * as React from 'react';
 import { CSSTransitionProps as ReactCSSTransitionProps } from 'react-transition-group/CSSTransition';
+import { APIOptions } from '../api/api';
 import { ComponentHooks } from '../componentbase/componentbase';
 import { CSSTransitionProps } from '../csstransition';
 import { PassThroughOptions } from '../passthrough';
@@ -24,6 +25,7 @@ export declare type CascadeSelectPassThroughTransitionType = ReactCSSTransitionP
 export interface CascadeSelectPassThroughMethodOptions {
     props: CascadeSelectProps;
     state: CascadeSelectState;
+    context: CascadeSelectContext;
 }
 
 /**
@@ -34,18 +36,35 @@ export interface CascadeSelectState {
      * Current focused state as a boolean.
      * @defaultValue false
      */
-    focused: boolean;
+    focused?: boolean;
     /**
      * Current overlay visible state as a boolean.
      * @defaultValue false
      */
-    overlayVisible: boolean;
+    overlayVisible?: boolean;
     /**
      * Current overlay attributeSelector state as a string.
      */
-    attributeSelector: string;
+    attributeSelector?: string;
+    /**
+     * For items, this is the state of the item.
+     */
+    selected?: boolean;
+    /**
+     * For items, this is whether it is a group item or not.
+     */
+    grouped?: boolean;
 }
 
+/**
+ * Defines current inline context in CascadeSelect component.
+ */
+export interface CascadeSelectContext extends APIOptions {
+    /**
+     * Label of the currently selected item
+     */
+    label?: string;
+}
 /**
  * Custom passthrough(pt) options.
  * @see {@link CascadeSelectProps.pt}
@@ -87,6 +106,10 @@ export interface CascadeSelectPassThroughOptions {
      * Uses to pass attributes to the item's DOM element.
      */
     item?: CascadeSelectPassThroughType<React.HTMLAttributes<HTMLLIElement>>;
+    /**
+     * Uses to pass attributes to the sub-list's DOM element.
+     */
+    sublist?: CascadeSelectPassThroughType<React.HTMLAttributes<HTMLUListElement>>;
     /**
      * Uses to pass attributes to the content's DOM element.
      */
@@ -233,7 +256,7 @@ export interface CascadeSelectProps extends Omit<React.DetailedHTMLProps<React.I
      * DOM element instance where the overlay panel should be mounted. Valid values are any DOM Element and "self". The "self" value is used to render a component where it is located.
      * @defaultValue document.body
      */
-    appendTo?: 'self' | HTMLElement | undefined | null;
+    appendTo?: 'self' | HTMLElement | undefined | null | (() => HTMLElement);
     /**
      * The properties of CSSTransition can be customized, except for "nodeRef" and "in" properties.
      * @type {CSSTransitionProps}

package/cascadeselect/cascadeselect.esm.js

@@ -3,8 +3,9 @@ import * as React from 'react';
 import PrimeReact, { PrimeReactContext } from 'primereact/api';
 import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
 import { CSSTransition } from 'primereact/csstransition';
-import { useMountEffect, useUpdateEffect, useOverlayListener, useOnEscapeKey, useUnmountEffect } from 'primereact/hooks';
+import { useMountEffect, useUpdateEffect, useOverlayListener, useDisplayOrder, useGlobalOnEscapeKey, ESC_KEY_HANDLING_PRIORITIES, useUnmountEffect } from 'primereact/hooks';
 import { ChevronDownIcon } from 'primereact/icons/chevrondown';
+import { SpinnerIcon } from 'primereact/icons/spinner';
 import { OverlayService } from 'primereact/overlayservice';
 import { Portal } from 'primereact/portal';
 import { classNames, mergeProps, DomHandler, ObjectUtils, IconUtils, UniqueComponentId, ZIndexUtils } from 'primereact/utils';
@@ -151,16 +152,18 @@ var classes = {
   },
   sublist: 'p-cascadeselect-panel p-cascadeselect-items p-cascadeselect-sublist',
   item: function item(_ref4) {
-    var option = _ref4.option,
-      isOptionGroup = _ref4.isOptionGroup,
-      activeOptionState = _ref4.activeOptionState;
+    _ref4.option;
+      var isGroup = _ref4.isGroup,
+      isSelected = _ref4.isSelected;
     return classNames('p-cascadeselect-item', {
-      'p-cascadeselect-item-group': isOptionGroup(option),
-      'p-cascadeselect-item-active p-highlight': activeOptionState === option
+      'p-cascadeselect-item-group': isGroup,
+      'p-cascadeselect-item-active p-highlight': isSelected
     });
   },
   dropdownIcon: 'p-cascadeselect-trigger-icon',
+  loadingIcon: 'p-cascadeselect-trigger-icon',
   dropdownButton: 'p-cascadeselect-trigger',
+  loadingButton: 'p-cascadeselect-trigger',
   wrapper: 'p-cascadeselect-items-wrapper',
   panel: 'p-cascadeselect-panel p-component',
   content: 'p-cascadeselect-item-content',
@@ -179,6 +182,7 @@ var CascadeSelectBase = ComponentBase.extend({
     className: null,
     dataKey: null,
     disabled: false,
+    loadingIcon: null,
     dropdownIcon: null,
     id: null,
     inputId: null,
@@ -222,9 +226,10 @@ var CascadeSelectSub = /*#__PURE__*/React.memo(function (props) {
   var context = React.useContext(PrimeReactContext);
   var ptm = props.ptm,
     cx = props.cx;
-  var getPTOptions = function getPTOptions(key) {
+  var getPTOptions = function getPTOptions(key, options) {
     return ptm(key, {
-      hostName: props.hostName
+      hostName: props.hostName,
+      state: _objectSpread$1({}, options)
     });
   };
   var position = function position() {
@@ -349,7 +354,9 @@ var CascadeSelectSub = /*#__PURE__*/React.memo(function (props) {
     }
   });
   useUpdateEffect(function () {
-    setActiveOptionState(null);
+    if (!props.parentActive) {
+      setActiveOptionState(null);
+    }
   }, [props.parentActive]);
   var createSubmenu = function createSubmenu(option) {
     if (isOptionGroup(option) && activeOptionState === option) {
@@ -402,17 +409,22 @@ var CascadeSelectSub = /*#__PURE__*/React.memo(function (props) {
         return _onKeyDown(event, option);
       }
     }, getPTOptions('content'));
+    var isSelected = activeOptionState === option;
+    var isGroup = isOptionGroup(option);
     var itemProps = mergeProps({
       className: classNames(option.className, cx('item', {
         option: option,
-        isOptionGroup: isOptionGroup,
-        activeOptionState: activeOptionState
+        isGroup: isGroup,
+        isSelected: isSelected
       })),
       style: option.style,
       role: 'none',
-      'data-p-item-group': isOptionGroup(option),
-      'data-p-highlight': activeOptionState === option
-    }, getPTOptions('item'));
+      'data-p-item-group': isGroup,
+      'data-p-highlight': isSelected
+    }, getPTOptions('item', {
+      selected: isSelected,
+      group: isGroup
+    }));
     return /*#__PURE__*/React.createElement("li", _extends({
       key: key
     }, itemProps), /*#__PURE__*/React.createElement("div", contentProps, content, optionGroup, /*#__PURE__*/React.createElement(Ripple, null)), submenu);
@@ -432,11 +444,11 @@ var CascadeSelectSub = /*#__PURE__*/React.memo(function (props) {
   return /*#__PURE__*/React.createElement("ul", listProps, submenu);
 });
 
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } 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 normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 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 _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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var CascadeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var context = React.useContext(PrimeReactContext);
   var props = CascadeSelectBase.getProps(inProps, context);
@@ -458,7 +470,8 @@ var CascadeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
         focused: focusedState,
         overlayVisible: overlayVisibleState,
         attributeSelector: attributeSelectorState
-      }
+      },
+      context: _objectSpread({}, context)
     }),
     ptm = _CascadeSelectBase$se.ptm,
     cx = _CascadeSelectBase$se.cx,
@@ -485,8 +498,13 @@ var CascadeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
     _useOverlayListener2 = _slicedToArray(_useOverlayListener, 2),
     bindOverlayListener = _useOverlayListener2[0],
     unbindOverlayListener = _useOverlayListener2[1];
-  useOnEscapeKey(overlayRef, overlayVisibleState, function () {
-    return hide();
+  var cascadeSelectOverlayDisplayOrder = useDisplayOrder('cascade-select', overlayVisibleState);
+  useGlobalOnEscapeKey({
+    callback: function callback() {
+      hide();
+    },
+    when: overlayVisibleState,
+    priority: [ESC_KEY_HANDLING_PRIORITIES.CASCADE_SELECT, cascadeSelectOverlayDisplayOrder]
   });
   var onOptionSelect = function onOptionSelect(event) {
     if (props.onChange) {
@@ -562,7 +580,7 @@ var CascadeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
     return null;
   };
   var _onClick = function onClick(event) {
-    if (props.disabled) {
+    if (props.disabled || props.loading) {
       return;
     }
     if (!overlayRef.current || !overlayRef.current.contains(event.target)) {
@@ -581,7 +599,7 @@ var CascadeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
       //down
       case 40:
         if (overlayVisibleState) {
-          DomHandler.findSingle(overlayRef.current, '.p-cascadeselect-item').children[0].focus();
+          DomHandler.findSingle(overlayRef.current, '[data-pc-section="item"]').children[0].focus();
         } else if (event.altKey && props.options && props.options.length) {
           show();
         }
@@ -646,7 +664,7 @@ var CascadeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
   };
   var createStyle = function createStyle() {
     if (!styleElementRef.current) {
-      styleElementRef.current = DomHandler.createInlineStyle(context && context.nonce || PrimeReact.nonce);
+      styleElementRef.current = DomHandler.createInlineStyle(context && context.nonce || PrimeReact.nonce, context && context.styleContainer);
       var selector = "".concat(attributeSelectorState, "_panel");
       var innerHTML = "\n@media screen and (max-width: ".concat(props.breakpoint, ") {\n    .p-cascadeselect-panel[").concat(selector, "] .p-cascadeselect-items-wrapper > ul {\n        max-height: ").concat(props.scrollHeight, ";\n        overflow: ").concat(props.scrollHeight ? 'auto' : '', ";\n    }\n\n    .p-cascadeselect-panel[").concat(selector, "] .p-cascadeselect-sublist {\n        position: relative;\n    }\n\n    .p-cascadeselect-panel[").concat(selector, "] .p-cascadeselect-item-active > .p-cascadeselect-sublist {\n        left: 0;\n        box-shadow: none;\n        border-radius: 0;\n        padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n    }\n\n    .p-cascadeselect-panel[").concat(selector, "] .p-cascadeselect-group-icon:before {\n        content: \"\\e930\";\n    }\n}\n");
       styleElementRef.current.innerHTML = innerHTML;
@@ -723,9 +741,31 @@ var CascadeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
       className: cx('label', {
         label: label
       })
-    }, ptm('label'));
+    }, ptm('label', {
+      context: _objectSpread({
+        label: label
+      }, context)
+    }));
     return /*#__PURE__*/React.createElement("span", labelProps, label);
   };
+  var createLoadingIcon = function createLoadingIcon() {
+    var loadingIconProps = mergeProps({
+      className: cx('loadingIcon')
+    }, ptm('loadingIcon'));
+    var icon = props.loadingIcon || /*#__PURE__*/React.createElement(SpinnerIcon, {
+      spin: true
+    });
+    var loadingIcon = IconUtils.getJSXIcon(icon, _objectSpread({}, loadingIconProps), {
+      props: props
+    });
+    var loadingButtonProps = mergeProps({
+      className: cx('loadingButton'),
+      role: 'button',
+      'aria-haspopup': 'listbox',
+      'aria-expanded': overlayVisibleState
+    }, ptm('dropdownButton'));
+    return /*#__PURE__*/React.createElement("div", loadingButtonProps, loadingIcon);
+  };
   var createDropdownIcon = function createDropdownIcon() {
     var dropdownIconProps = mergeProps({
       className: cx('dropdownIcon')
@@ -776,6 +816,7 @@ var CascadeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
       optionGroupIcon: props.optionGroupIcon,
       optionLabel: props.optionLabel,
       optionValue: props.optionValue,
+      parentActive: props.value != null,
       level: 0,
       optionGroupLabel: props.optionGroupLabel,
       optionGroupChildren: props.optionGroupChildren,
@@ -795,7 +836,7 @@ var CascadeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
   var createElement = function createElement() {
     var keyboardHelper = createKeyboardHelper();
     var labelElement = createLabel();
-    var dropdownIcon = createDropdownIcon();
+    var dropdownIcon = props.loading ? createLoadingIcon() : createDropdownIcon();
     var overlay = createOverlay();
     var rootProps = mergeProps({
       id: props.id,

package/cascadeselect/cascadeselect.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import t,{PrimeReactContext as n}from"primereact/api";import{ComponentBase as r,useHandleStyle as o}from"primereact/componentbase";import{CSSTransition as a}from"primereact/csstransition";import{useMountEffect as l,useUpdateEffect as i,useOverlayListener as c,useOnEscapeKey as u,useUnmountEffect as s}from"primereact/hooks";import{ChevronDownIcon as p}from"primereact/icons/chevrondown";import{OverlayService as d}from"primereact/overlayservice";import{Portal as f}from"primereact/portal";import{classNames as m,mergeProps as b,DomHandler as v,ObjectUtils as y,IconUtils as h,UniqueComponentId as g,ZIndexUtils as w}from"primereact/utils";import{AngleRightIcon as O}from"primereact/icons/angleright";import{Ripple as S}from"primereact/ripple";function E(){return E=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},E.apply(this,arguments)}function x(e){return x="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},x(e)}function P(e,t){if("object"!==x(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==x(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function j(e){var t=P(e,"string");return"symbol"===x(t)?t:String(t)}function I(e,t,n){return(t=j(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function G(e){if(Array.isArray(e))return e}function C(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a,l,i=[],c=!0,u=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=a.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw o}}return i}}function D(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function k(e,t){if(e){if("string"==typeof e)return D(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?D(e,t):void 0}}function N(){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 A(e,t){return G(e)||C(e,t)||k(e,t)||N()}var L=r.extend({defaultProps:{__TYPE:"CascadeSelect",appendTo:null,ariaLabelledBy:null,autoFocus:!1,breakpoint:void 0,className:null,dataKey:null,disabled:!1,dropdownIcon:null,id:null,inputId:null,inputRef:null,itemTemplate:null,name:null,onBeforeHide:null,onBeforeShow:null,onChange:null,onGroupChange:null,onHide:null,onShow:null,optionGroupChildren:null,optionGroupIcon:null,optionGroupLabel:null,optionLabel:null,optionValue:null,options:null,placeholder:null,scrollHeight:"400px",style:null,tabIndex:null,transitionOptions:null,value:null,children:void 0},css:{classes:{root:function(e){var t=e.props,n=e.focusedState;return m("p-cascadeselect p-component p-inputwrapper",{"p-disabled":t.disabled,"p-focus":n,"p-inputwrapper-filled":t.value,"p-inputwrapper-focus":n||e.overlayVisibleState},t.className)},label:function(e){var t=e.props,n=e.label;return m("p-cascadeselect-label ",{"p-placeholder":n===t.placeholder,"p-cascadeselect-label-empty":!t.value&&"p-emptylabel"===n})},list:function(e){var n=e.context;return m("p-cascadeselect-panel p-cascadeselect-items",{"p-input-filled":n&&"filled"===n.inputStyle||"filled"===t.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===t.ripple})},sublist:"p-cascadeselect-panel p-cascadeselect-items p-cascadeselect-sublist",item:function(e){var t=e.option,n=e.activeOptionState;return m("p-cascadeselect-item",{"p-cascadeselect-item-group":(0,e.isOptionGroup)(t),"p-cascadeselect-item-active p-highlight":n===t})},dropdownIcon:"p-cascadeselect-trigger-icon",dropdownButton:"p-cascadeselect-trigger",wrapper:"p-cascadeselect-items-wrapper",panel:"p-cascadeselect-panel p-component",content:"p-cascadeselect-item-content",optionGroupIcon:"p-cascadeselect-group-icon",text:"p-cascadeselect-item-text",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-cascadeselect {\n        display: inline-flex;\n        cursor: pointer;\n        position: relative;\n        user-select: none;\n    }\n    \n    .p-cascadeselect-trigger {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }\n    \n    .p-cascadeselect-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-cascadeselect-label-empty {\n        overflow: hidden;\n        visibility: hidden;\n    }\n    \n    .p-cascadeselect .p-cascadeselect-panel {\n        min-width: 100%;\n    }\n    \n    .p-cascadeselect-panel {\n        position: absolute;\n        top: 0;\n        left: 0;\n    }\n    \n    .p-cascadeselect-item {\n        cursor: pointer;\n        font-weight: normal;\n        white-space: nowrap;\n    }\n    \n    .p-cascadeselect-item-content {\n        display: flex;\n        align-items: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-cascadeselect-group-icon {\n        margin-left: auto;\n    }\n    \n    .p-cascadeselect-items {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        min-width: 100%;\n    }\n    \n    .p-fluid .p-cascadeselect {\n        display: flex;\n    }\n    \n    .p-fluid .p-cascadeselect .p-cascadeselect-label {\n        width: 1%;\n    }\n    \n    .p-cascadeselect-sublist {\n        position: absolute;\n        min-width: 100%;\n        z-index: 1;\n        display: none;\n    }\n    \n    .p-cascadeselect-item-active {\n        overflow: visible;\n    }\n    \n    .p-cascadeselect-item-active > .p-cascadeselect-sublist {\n        display: block;\n        left: 100%;\n        top: 0;\n    }\n}\n"}});function R(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?R(Object(n),!0).forEach((function(t){I(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):R(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var T=e.memo((function(t){var r=A(e.useState(null),2),o=r[0],a=r[1],c=e.useRef(null),u=e.useContext(n),s=t.ptm,p=t.cx,d=function(e){return s(e,{hostName:t.hostName})},f=function(e){t.onOptionSelect&&t.onOptionSelect(e)},g=function(e,n){var r=e.currentTarget.parentElement;switch(e.key){case"Down":case"ArrowDown":var l=w(r);l&&l.children[0].focus();break;case"Up":case"ArrowUp":var i=x(r);i&&i.children[0].focus();break;case"Right":case"ArrowRight":C(n)&&(o===n?r.children[1].children[0].children[0].focus():a(n));break;case"Left":case"ArrowLeft":a(null);var c=e.currentTarget.parentElement.parentElement.previousElementSibling;c&&c.focus();break;case"Enter":P(e,n);break;case"Tab":case"Escape":t.onPanelHide&&(t.onPanelHide(),e.preventDefault())}e.preventDefault()},w=function e(t){var n=t.nextElementSibling;return n?v.hasClass(n,"p-disabled")||!v.hasClass(n,"p-cascadeselect-item")?e(n):n:null},x=function e(t){var n=t.previousElementSibling;return n?v.hasClass(n,"p-disabled")||!v.hasClass(n,"p-cascadeselect-item")?e(n):n:null},P=function(e,n){C(n)?(a((function(e){return e===n?null:n})),t.onOptionGroupSelect&&t.onOptionGroupSelect({originalEvent:e,value:n})):t.onOptionSelect&&t.onOptionSelect({originalEvent:e,value:G(n)})},j=function(e){t.onOptionGroupSelect&&t.onOptionGroupSelect(e)},I=function(e){return t.optionLabel?y.resolveFieldData(e,t.optionLabel):e},G=function(e){return t.optionValue?y.resolveFieldData(e,t.optionValue):e},C=function(e){return Object.prototype.hasOwnProperty.call(e,t.optionGroupChildren[t.level])},D=function(e){return C(e)?(n=e,t.optionGroupLabel?y.resolveFieldData(n,t.optionGroupLabel):null):I(e);var n};l((function(){if(t.selectionPath&&t.options&&!t.dirty){var e=t.options.find((function(e){return t.selectionPath.includes(e)}));e&&a(e)}var n,r,o,l,i;t.root||(r=v.getOffset(n=c.current.parentElement),o=v.getViewport(),l=c.current.offsetParent?c.current.offsetWidth:v.getHiddenElementOuterWidth(element),i=v.getOuterWidth(n.children[0]),parseInt(r.left,10)+i+l>o.width-v.calculateScrollbarWidth()&&(c.current.style.left="-100%"))})),i((function(){a(null)}),[t.parentActive]);var k=function(n){if(C(n)&&o===n){var r=y.resolveFieldData(n,t.optionGroupChildren[t.level]),a=o===n,l=t.level+1;return e.createElement(T,{hostName:t.hostName,options:r,className:p("sublist"),selectionPath:t.selectionPath,optionLabel:t.optionLabel,optionValue:t.optionValue,level:l,onOptionSelect:f,onOptionGroupSelect:j,parentActive:a,optionGroupLabel:t.optionGroupLabel,optionGroupChildren:t.optionGroupChildren,dirty:t.dirty,template:t.template,onPanelHide:t.onPanelHide,ptm:s,cx:p})}return null},N=function(n,r){var a=k(n),l=b({className:p("text")},d("text")),i=t.template?y.getJSXElement(t.template,G(n)):e.createElement("span",l,D(n)),c=b({className:p("optionGroupIcon")},d("optionGroupIcon")),u=t.optionGroupIcon||e.createElement(O,c),s=C(n)&&h.getJSXIcon(u,H({},c),{props:t}),f=D(n)+"_"+r,v=b({className:p("content"),onClick:function(e){return P(e,n)},tabIndex:0,onKeyDown:function(e){return g(e,n)}},d("content")),w=b({className:m(n.className,p("item",{option:n,isOptionGroup:C,activeOptionState:o})),style:n.style,role:"none","data-p-item-group":C(n),"data-p-highlight":o===n},d("item"));return e.createElement("li",E({key:f},w),e.createElement("div",v,i,s,e.createElement(S,null)),a)},L=t.options?t.options.map(N):null,R=b({ref:c,className:p(0===t.level?"list":"sublist",{context:u}),role:"listbox","aria-orientation":"horizontal"},d(0===t.level?"list":"sublist"));return e.createElement("ul",R,L)}));function V(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 B(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?V(Object(n),!0).forEach((function(t){I(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):V(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function F(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 a,l=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return l=e.done,e},e:function(e){i=!0,a=e},f:function(){try{l||null==n.return||n.return()}finally{if(i)throw a}}}}function K(e,t){if(e){if("string"==typeof e)return _(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)?_(e,t):void 0}}function _(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var M=e.memo(e.forwardRef((function(r,m){var O=e.useContext(n),S=L.getProps(r,O),x=A(e.useState(!1),2),P=x[0],j=x[1],I=A(e.useState(!1),2),G=I[0],C=I[1],D=A(e.useState(null),2),k=D[0],N=D[1],R=L.setMetaData({props:S,state:{focused:P,overlayVisible:G,attributeSelector:k}}),H=R.ptm,V=R.cx;o(L.css.styles,R.isUnstyled,{name:"cascadeselect"});var K=e.useRef(null),_=e.useRef(null),M=e.useRef(null),U=e.useRef(null),z=e.useRef(null),W=e.useRef(!1),J=e.useRef(null),X=A(c({target:K,overlay:_,listener:function(e,t){t.valid&&ue()},when:G}),2),Z=X[0],$=X[1];u(_,G,(function(){return ue()}));var q=function(e){S.onChange&&S.onChange({originalEvent:e,value:e.value}),re(),ue(),v.focus(M.current)},Y=function(e){W.current=!0,S.onGroupChange&&S.onGroupChange(e)},Q=function(e){return(S.optionLabel?y.resolveFieldData(e,S.optionLabel):e)||e},ee=function(e){return S.optionValue?y.resolveFieldData(e,S.optionValue):e},te=function(e,t){return y.resolveFieldData(e,S.optionGroupChildren[t])},ne=function(e,t){return Object.prototype.hasOwnProperty.call(e,S.optionGroupChildren[t])},re=function(){var e;if(null!=S.value&&S.options){var t,n=F(S.options);try{for(n.s();!(t=n.n()).done;){if(e=oe(t.value,0))break}}catch(e){n.e(e)}finally{n.f()}}J.current=e},oe=function e(t,n){if(ne(t,n)){var r,o,a=F(te(t,n));try{for(a.s();!(o=a.n()).done;){if(r=e(o.value,n+1))return r.unshift(t),r}}catch(e){a.e(e)}finally{a.f()}}else if(y.equals(S.value,ee(t),S.dataKey))return[t];return null},ae=function(){j(!0)},le=function(){j(!1)},ie=function(e){switch(e.which){case 40:G?v.findSingle(_.current,".p-cascadeselect-item").children[0].focus():e.altKey&&S.options&&S.options.length&&ce(),e.preventDefault();break;case 32:G?ue():ce(),e.preventDefault();break;case 9:ue()}},ce=function(){S.onBeforeShow&&S.onBeforeShow(),C(!0)},ue=function(){S.onBeforeHide&&S.onBeforeHide(),C(!1),v.focus(M.current)},se=function(){w.set("overlay",_.current,O&&O.autoZIndex||t.autoZIndex,O&&O.zIndex.overlay||t.zIndex.overlay),v.addStyles(_.current,{position:"absolute",top:"0",left:"0"}),me(),k&&S.breakpoint&&(_.current.setAttribute(k+"_panel",""),be())},pe=function(){Z(),S.onShow&&S.onShow()},de=function(){$(),W.current=!1},fe=function(){w.clear(_.current),S.onHide&&S.onHide(),ve()},me=function(){v.alignOverlay(_.current,U.current.parentElement,S.appendTo||O&&O.appendTo||t.appendTo)},be=function(){if(!z.current){z.current=v.createInlineStyle(O&&O.nonce||t.nonce);var e="".concat(k,"_panel"),n="\n@media screen and (max-width: ".concat(S.breakpoint,") {\n    .p-cascadeselect-panel[").concat(e,"] .p-cascadeselect-items-wrapper > ul {\n        max-height: ").concat(S.scrollHeight,";\n        overflow: ").concat(S.scrollHeight?"auto":"",";\n    }\n\n    .p-cascadeselect-panel[").concat(e,"] .p-cascadeselect-sublist {\n        position: relative;\n    }\n\n    .p-cascadeselect-panel[").concat(e,"] .p-cascadeselect-item-active > .p-cascadeselect-sublist {\n        left: 0;\n        box-shadow: none;\n        border-radius: 0;\n        padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n    }\n\n    .p-cascadeselect-panel[").concat(e,'] .p-cascadeselect-group-icon:before {\n        content: "\\e930";\n    }\n}\n');z.current.innerHTML=n}},ve=function(){z.current=v.removeInlineStyle(z.current)};e.useImperativeHandle(m,(function(){return{props:S,getElement:function(){return K.current},getOverlay:function(){return _.current},getInput:function(){return M.current},getLabel:function(){return U.current},focus:function(){return v.focus(M.current)}}})),l((function(){S.breakpoint&&!k&&N(g()),S.autoFocus&&v.focus(M.current,S.autoFocus),me()})),e.useEffect((function(){y.combinedRefs(M,S.inputRef)}),[M,S.inputRef]),i((function(){re()}),[S.value]),s((function(){w.clear(_.current)}));var ye=function(){var t=b({className:V("dropdownIcon")},H("dropdownIcon")),n=h.getJSXIcon(S.dropdownIcon||e.createElement(p,t),B({},t),{props:S}),r=b({className:V("dropdownButton"),role:"button","aria-haspopup":"listbox","aria-expanded":G},H("dropdownButton"));return e.createElement("div",r,n)},he=b({className:V("wrapper")},H("wrapper")),ge=b({ref:_,className:V("panel"),onClick:function(e){d.emit("overlay-click",{originalEvent:e,target:K.current})}},H("panel")),we=function(){var t=b({classNames:V("transition"),in:G,timeout:{enter:120,exit:100},options:S.transitionOptions,unmountOnExit:!0,onEnter:se,onEntered:pe,onExit:de,onExited:fe},H("transition")),n=e.createElement(a,E({nodeRef:_},t),e.createElement("div",ge,e.createElement("div",he,e.createElement(T,{hostName:"CascadeSelect",options:S.options,selectionPath:J.current,optionGroupIcon:S.optionGroupIcon,optionLabel:S.optionLabel,optionValue:S.optionValue,level:0,optionGroupLabel:S.optionGroupLabel,optionGroupChildren:S.optionGroupChildren,onOptionSelect:q,onOptionGroupSelect:Y,root:!0,template:S.itemTemplate,onPanelHide:ue,ptm:H,cx:V}))));return e.createElement(f,{element:n,appendTo:S.appendTo})},Oe=L.getOtherProps(S);y.reduceKeys(Oe,v.DATA_PROPS);var Se,Ee,xe,Pe,je,Ie,Ge,Ce,De,ke,Ne=y.reduceKeys(Oe,v.ARIA_PROPS);return Se=S.value?Q(S.value):void 0,Ee=b({className:"p-hidden-accessible"},H("hiddenSelectedMessage")),xe=b(B({ref:M,type:"text",id:S.inputId,name:S.name,defaultValue:Se,readOnly:!0,disabled:S.disabled,onFocus:ae,onBlur:le,onKeyDown:function(e){return ie(e)},tabIndex:S.tabIndex,"aria-haspopup":"listbox"},Ne),H("input")),Ie=e.createElement("div",Ee,e.createElement("input",xe)),Pe=S.value?Q(S.value):S.placeholder||"p-emptylabel",je=b({ref:U,className:V("label",{label:Pe})},H("label")),Ge=e.createElement("span",je,Pe),Ce=ye(),De=we(),ke=b({id:S.id,ref:K,className:V("root",{focusedState:P,overlayVisibleState:G}),style:S.style,onClick:function(e){return t=e,void(S.disabled||_.current&&_.current.contains(t.target)||(v.focus(M.current),G?ue():ce()));var t}},Oe,H("root")),e.createElement("div",ke,Ie,Ge,Ce,De)})));M.displayName="CascadeSelect";export{M as CascadeSelect};
+import*as e from"react";import n,{PrimeReactContext as t}from"primereact/api";import{ComponentBase as r,useHandleStyle as o}from"primereact/componentbase";import{CSSTransition as a}from"primereact/csstransition";import{useMountEffect as l,useUpdateEffect as i,useOverlayListener as c,useDisplayOrder as u,useGlobalOnEscapeKey as s,ESC_KEY_HANDLING_PRIORITIES as p,useUnmountEffect as d}from"primereact/hooks";import{ChevronDownIcon as f}from"primereact/icons/chevrondown";import{SpinnerIcon as m}from"primereact/icons/spinner";import{OverlayService as b}from"primereact/overlayservice";import{Portal as v}from"primereact/portal";import{classNames as y,mergeProps as h,DomHandler as g,ObjectUtils as w,IconUtils as O,UniqueComponentId as S,ZIndexUtils as E}from"primereact/utils";import{AngleRightIcon as x}from"primereact/icons/angleright";import{Ripple as I}from"primereact/ripple";function P(){return P=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},P.apply(this,arguments)}function j(e){return j="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},j(e)}function G(e,n){if("object"!==j(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==j(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function C(e){var n=G(e,"string");return"symbol"===j(n)?n:String(n)}function A(e,n,t){return(n=C(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function D(e){if(Array.isArray(e))return e}function N(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,a,l,i=[],c=!0,u=!1;try{if(a=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=a.call(t)).done)&&(i.push(r.value),i.length!==n);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(u)throw o}}return i}}function k(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 L(e,n){if(e){if("string"==typeof e)return k(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)?k(e,n):void 0}}function R(){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 T(e,n){return D(e)||N(e,n)||L(e,n)||R()}var H=r.extend({defaultProps:{__TYPE:"CascadeSelect",appendTo:null,ariaLabelledBy:null,autoFocus:!1,breakpoint:void 0,className:null,dataKey:null,disabled:!1,loadingIcon:null,dropdownIcon:null,id:null,inputId:null,inputRef:null,itemTemplate:null,name:null,onBeforeHide:null,onBeforeShow:null,onChange:null,onGroupChange:null,onHide:null,onShow:null,optionGroupChildren:null,optionGroupIcon:null,optionGroupLabel:null,optionLabel:null,optionValue:null,options:null,placeholder:null,scrollHeight:"400px",style:null,tabIndex:null,transitionOptions:null,value:null,children:void 0},css:{classes:{root:function(e){var n=e.props,t=e.focusedState;return y("p-cascadeselect p-component p-inputwrapper",{"p-disabled":n.disabled,"p-focus":t,"p-inputwrapper-filled":n.value,"p-inputwrapper-focus":t||e.overlayVisibleState},n.className)},label:function(e){var n=e.props,t=e.label;return y("p-cascadeselect-label ",{"p-placeholder":t===n.placeholder,"p-cascadeselect-label-empty":!n.value&&"p-emptylabel"===t})},list:function(e){var t=e.context;return y("p-cascadeselect-panel p-cascadeselect-items",{"p-input-filled":t&&"filled"===t.inputStyle||"filled"===n.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===n.ripple})},sublist:"p-cascadeselect-panel p-cascadeselect-items p-cascadeselect-sublist",item:function(e){return y("p-cascadeselect-item",{"p-cascadeselect-item-group":e.isGroup,"p-cascadeselect-item-active p-highlight":e.isSelected})},dropdownIcon:"p-cascadeselect-trigger-icon",loadingIcon:"p-cascadeselect-trigger-icon",dropdownButton:"p-cascadeselect-trigger",loadingButton:"p-cascadeselect-trigger",wrapper:"p-cascadeselect-items-wrapper",panel:"p-cascadeselect-panel p-component",content:"p-cascadeselect-item-content",optionGroupIcon:"p-cascadeselect-group-icon",text:"p-cascadeselect-item-text",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-cascadeselect {\n        display: inline-flex;\n        cursor: pointer;\n        position: relative;\n        user-select: none;\n    }\n    \n    .p-cascadeselect-trigger {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }\n    \n    .p-cascadeselect-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-cascadeselect-label-empty {\n        overflow: hidden;\n        visibility: hidden;\n    }\n    \n    .p-cascadeselect .p-cascadeselect-panel {\n        min-width: 100%;\n    }\n    \n    .p-cascadeselect-panel {\n        position: absolute;\n        top: 0;\n        left: 0;\n    }\n    \n    .p-cascadeselect-item {\n        cursor: pointer;\n        font-weight: normal;\n        white-space: nowrap;\n    }\n    \n    .p-cascadeselect-item-content {\n        display: flex;\n        align-items: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-cascadeselect-group-icon {\n        margin-left: auto;\n    }\n    \n    .p-cascadeselect-items {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        min-width: 100%;\n    }\n    \n    .p-fluid .p-cascadeselect {\n        display: flex;\n    }\n    \n    .p-fluid .p-cascadeselect .p-cascadeselect-label {\n        width: 1%;\n    }\n    \n    .p-cascadeselect-sublist {\n        position: absolute;\n        min-width: 100%;\n        z-index: 1;\n        display: none;\n    }\n    \n    .p-cascadeselect-item-active {\n        overflow: visible;\n    }\n    \n    .p-cascadeselect-item-active > .p-cascadeselect-sublist {\n        display: block;\n        left: 100%;\n        top: 0;\n    }\n}\n"}});function B(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 V(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?B(Object(t),!0).forEach((function(n){A(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):B(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var F=e.memo((function(n){var r=T(e.useState(null),2),o=r[0],a=r[1],c=e.useRef(null),u=e.useContext(t),s=n.ptm,p=n.cx,d=function(e,t){return s(e,{hostName:n.hostName,state:V({},t)})},f=function(e){n.onOptionSelect&&n.onOptionSelect(e)},m=function(e,t){var r=e.currentTarget.parentElement;switch(e.key){case"Down":case"ArrowDown":var l=b(r);l&&l.children[0].focus();break;case"Up":case"ArrowUp":var i=v(r);i&&i.children[0].focus();break;case"Right":case"ArrowRight":C(t)&&(o===t?r.children[1].children[0].children[0].focus():a(t));break;case"Left":case"ArrowLeft":a(null);var c=e.currentTarget.parentElement.parentElement.previousElementSibling;c&&c.focus();break;case"Enter":S(e,t);break;case"Tab":case"Escape":n.onPanelHide&&(n.onPanelHide(),e.preventDefault())}e.preventDefault()},b=function e(n){var t=n.nextElementSibling;return t?g.hasClass(t,"p-disabled")||!g.hasClass(t,"p-cascadeselect-item")?e(t):t:null},v=function e(n){var t=n.previousElementSibling;return t?g.hasClass(t,"p-disabled")||!g.hasClass(t,"p-cascadeselect-item")?e(t):t:null},S=function(e,t){C(t)?(a((function(e){return e===t?null:t})),n.onOptionGroupSelect&&n.onOptionGroupSelect({originalEvent:e,value:t})):n.onOptionSelect&&n.onOptionSelect({originalEvent:e,value:G(t)})},E=function(e){n.onOptionGroupSelect&&n.onOptionGroupSelect(e)},j=function(e){return n.optionLabel?w.resolveFieldData(e,n.optionLabel):e},G=function(e){return n.optionValue?w.resolveFieldData(e,n.optionValue):e},C=function(e){return Object.prototype.hasOwnProperty.call(e,n.optionGroupChildren[n.level])},A=function(e){return C(e)?(t=e,n.optionGroupLabel?w.resolveFieldData(t,n.optionGroupLabel):null):j(e);var t};l((function(){if(n.selectionPath&&n.options&&!n.dirty){var e=n.options.find((function(e){return n.selectionPath.includes(e)}));e&&a(e)}var t,r,o,l,i;n.root||(r=g.getOffset(t=c.current.parentElement),o=g.getViewport(),l=c.current.offsetParent?c.current.offsetWidth:g.getHiddenElementOuterWidth(element),i=g.getOuterWidth(t.children[0]),parseInt(r.left,10)+i+l>o.width-g.calculateScrollbarWidth()&&(c.current.style.left="-100%"))})),i((function(){n.parentActive||a(null)}),[n.parentActive]);var D=function(t){if(C(t)&&o===t){var r=w.resolveFieldData(t,n.optionGroupChildren[n.level]),a=o===t,l=n.level+1;return e.createElement(F,{hostName:n.hostName,options:r,className:p("sublist"),selectionPath:n.selectionPath,optionLabel:n.optionLabel,optionValue:n.optionValue,level:l,onOptionSelect:f,onOptionGroupSelect:E,parentActive:a,optionGroupLabel:n.optionGroupLabel,optionGroupChildren:n.optionGroupChildren,dirty:n.dirty,template:n.template,onPanelHide:n.onPanelHide,ptm:s,cx:p})}return null},N=function(t,r){var a=D(t),l=h({className:p("text")},d("text")),i=n.template?w.getJSXElement(n.template,G(t)):e.createElement("span",l,A(t)),c=h({className:p("optionGroupIcon")},d("optionGroupIcon")),u=n.optionGroupIcon||e.createElement(x,c),s=C(t)&&O.getJSXIcon(u,V({},c),{props:n}),f=A(t)+"_"+r,b=h({className:p("content"),onClick:function(e){return S(e,t)},tabIndex:0,onKeyDown:function(e){return m(e,t)}},d("content")),v=o===t,g=C(t),E=h({className:y(t.className,p("item",{option:t,isGroup:g,isSelected:v})),style:t.style,role:"none","data-p-item-group":g,"data-p-highlight":v},d("item",{selected:v,group:g}));return e.createElement("li",P({key:f},E),e.createElement("div",b,i,s,e.createElement(I,null)),a)},k=n.options?n.options.map(N):null,L=h({ref:c,className:p(0===n.level?"list":"sublist",{context:u}),role:"listbox","aria-orientation":"horizontal"},d(0===n.level?"list":"sublist"));return e.createElement("ul",L,k)}));function _(e,n){var t="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!t){if(Array.isArray(e)||(t=K(e))||n&&e&&"number"==typeof e.length){t&&(e=t);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 a,l=!0,i=!1;return{s:function(){t=t.call(e)},n:function(){var e=t.next();return l=e.done,e},e:function(e){i=!0,a=e},f:function(){try{l||null==t.return||t.return()}finally{if(i)throw a}}}}function K(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 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 U(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 z(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?U(Object(t),!0).forEach((function(n){A(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):U(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var J=e.memo(e.forwardRef((function(r,y){var x=e.useContext(t),I=H.getProps(r,x),j=T(e.useState(!1),2),G=j[0],C=j[1],A=T(e.useState(!1),2),D=A[0],N=A[1],k=T(e.useState(null),2),L=k[0],R=k[1],B=H.setMetaData({props:I,state:{focused:G,overlayVisible:D,attributeSelector:L},context:z({},x)}),V=B.ptm,K=B.cx;o(H.css.styles,B.isUnstyled,{name:"cascadeselect"});var M=e.useRef(null),U=e.useRef(null),J=e.useRef(null),W=e.useRef(null),X=e.useRef(null),Z=e.useRef(!1),$=e.useRef(null),q=T(c({target:M,overlay:U,listener:function(e,n){n.valid&&fe()},when:D}),2),Y=q[0],Q=q[1],ee=u("cascade-select",D);s({callback:function(){fe()},when:D,priority:[p.CASCADE_SELECT,ee]});var ne=function(e){I.onChange&&I.onChange({originalEvent:e,value:e.value}),ie(),fe(),g.focus(J.current)},te=function(e){Z.current=!0,I.onGroupChange&&I.onGroupChange(e)},re=function(e){return(I.optionLabel?w.resolveFieldData(e,I.optionLabel):e)||e},oe=function(e){return I.optionValue?w.resolveFieldData(e,I.optionValue):e},ae=function(e,n){return w.resolveFieldData(e,I.optionGroupChildren[n])},le=function(e,n){return Object.prototype.hasOwnProperty.call(e,I.optionGroupChildren[n])},ie=function(){var e;if(null!=I.value&&I.options){var n,t=_(I.options);try{for(t.s();!(n=t.n()).done;){if(e=ce(n.value,0))break}}catch(e){t.e(e)}finally{t.f()}}$.current=e},ce=function e(n,t){if(le(n,t)){var r,o,a=_(ae(n,t));try{for(a.s();!(o=a.n()).done;){if(r=e(o.value,t+1))return r.unshift(n),r}}catch(e){a.e(e)}finally{a.f()}}else if(w.equals(I.value,oe(n),I.dataKey))return[n];return null},ue=function(){C(!0)},se=function(){C(!1)},pe=function(e){switch(e.which){case 40:D?g.findSingle(U.current,'[data-pc-section="item"]').children[0].focus():e.altKey&&I.options&&I.options.length&&de(),e.preventDefault();break;case 32:D?fe():de(),e.preventDefault();break;case 9:fe()}},de=function(){I.onBeforeShow&&I.onBeforeShow(),N(!0)},fe=function(){I.onBeforeHide&&I.onBeforeHide(),N(!1),g.focus(J.current)},me=function(){E.set("overlay",U.current,x&&x.autoZIndex||n.autoZIndex,x&&x.zIndex.overlay||n.zIndex.overlay),g.addStyles(U.current,{position:"absolute",top:"0",left:"0"}),he(),L&&I.breakpoint&&(U.current.setAttribute(L+"_panel",""),ge())},be=function(){Y(),I.onShow&&I.onShow()},ve=function(){Q(),Z.current=!1},ye=function(){E.clear(U.current),I.onHide&&I.onHide(),we()},he=function(){g.alignOverlay(U.current,W.current.parentElement,I.appendTo||x&&x.appendTo||n.appendTo)},ge=function(){if(!X.current){X.current=g.createInlineStyle(x&&x.nonce||n.nonce,x&&x.styleContainer);var e="".concat(L,"_panel"),t="\n@media screen and (max-width: ".concat(I.breakpoint,") {\n    .p-cascadeselect-panel[").concat(e,"] .p-cascadeselect-items-wrapper > ul {\n        max-height: ").concat(I.scrollHeight,";\n        overflow: ").concat(I.scrollHeight?"auto":"",";\n    }\n\n    .p-cascadeselect-panel[").concat(e,"] .p-cascadeselect-sublist {\n        position: relative;\n    }\n\n    .p-cascadeselect-panel[").concat(e,"] .p-cascadeselect-item-active > .p-cascadeselect-sublist {\n        left: 0;\n        box-shadow: none;\n        border-radius: 0;\n        padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n    }\n\n    .p-cascadeselect-panel[").concat(e,'] .p-cascadeselect-group-icon:before {\n        content: "\\e930";\n    }\n}\n');X.current.innerHTML=t}},we=function(){X.current=g.removeInlineStyle(X.current)};e.useImperativeHandle(y,(function(){return{props:I,getElement:function(){return M.current},getOverlay:function(){return U.current},getInput:function(){return J.current},getLabel:function(){return W.current},focus:function(){return g.focus(J.current)}}})),l((function(){I.breakpoint&&!L&&R(S()),I.autoFocus&&g.focus(J.current,I.autoFocus),he()})),e.useEffect((function(){w.combinedRefs(J,I.inputRef)}),[J,I.inputRef]),i((function(){ie()}),[I.value]),d((function(){E.clear(U.current)}));var Oe=function(){var n=h({className:K("dropdownIcon")},V("dropdownIcon")),t=O.getJSXIcon(I.dropdownIcon||e.createElement(f,n),z({},n),{props:I}),r=h({className:K("dropdownButton"),role:"button","aria-haspopup":"listbox","aria-expanded":D},V("dropdownButton"));return e.createElement("div",r,t)},Se=h({className:K("wrapper")},V("wrapper")),Ee=h({ref:U,className:K("panel"),onClick:function(e){b.emit("overlay-click",{originalEvent:e,target:M.current})}},V("panel")),xe=function(){var n=h({classNames:K("transition"),in:D,timeout:{enter:120,exit:100},options:I.transitionOptions,unmountOnExit:!0,onEnter:me,onEntered:be,onExit:ve,onExited:ye},V("transition")),t=e.createElement(a,P({nodeRef:U},n),e.createElement("div",Ee,e.createElement("div",Se,e.createElement(F,{hostName:"CascadeSelect",options:I.options,selectionPath:$.current,optionGroupIcon:I.optionGroupIcon,optionLabel:I.optionLabel,optionValue:I.optionValue,parentActive:null!=I.value,level:0,optionGroupLabel:I.optionGroupLabel,optionGroupChildren:I.optionGroupChildren,onOptionSelect:ne,onOptionGroupSelect:te,root:!0,template:I.itemTemplate,onPanelHide:fe,ptm:V,cx:K}))));return e.createElement(v,{element:t,appendTo:I.appendTo})},Ie=H.getOtherProps(I);w.reduceKeys(Ie,g.DATA_PROPS);var Pe,je,Ge,Ce,Ae,De,Ne,ke,Le,Re,Te,He,Be,Ve=w.reduceKeys(Ie,g.ARIA_PROPS);return Pe=I.value?re(I.value):void 0,je=h({className:"p-hidden-accessible"},V("hiddenSelectedMessage")),Ge=h(z({ref:J,type:"text",id:I.inputId,name:I.name,defaultValue:Pe,readOnly:!0,disabled:I.disabled,onFocus:ue,onBlur:se,onKeyDown:function(e){return pe(e)},tabIndex:I.tabIndex,"aria-haspopup":"listbox"},Ve),V("input")),Le=e.createElement("div",je,e.createElement("input",Ge)),Ce=I.value?re(I.value):I.placeholder||"p-emptylabel",Ae=h({ref:W,className:K("label",{label:Ce})},V("label",{context:z({label:Ce},x)})),Re=e.createElement("span",Ae,Ce),Te=I.loading?(De=h({className:K("loadingIcon")},V("loadingIcon")),Ne=O.getJSXIcon(I.loadingIcon||e.createElement(m,{spin:!0}),z({},De),{props:I}),ke=h({className:K("loadingButton"),role:"button","aria-haspopup":"listbox","aria-expanded":D},V("dropdownButton")),e.createElement("div",ke,Ne)):Oe(),He=xe(),Be=h({id:I.id,ref:M,className:K("root",{focusedState:G,overlayVisibleState:D}),style:I.style,onClick:function(e){return n=e,void(I.disabled||I.loading||U.current&&U.current.contains(n.target)||(g.focus(J.current),D?fe():de()));var n}},Ie,V("root")),e.createElement("div",Be,Le,Re,Te,He)})));J.displayName="CascadeSelect";export{J as CascadeSelect};

package/cascadeselect/cascadeselect.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.cascadeselect = (function (exports, React, PrimeReact, componentbase, csstransition, hooks, chevrondown, overlayservice, portal, utils, angleright, ripple) {
+this.primereact.cascadeselect = (function (exports, React, PrimeReact, componentbase, csstransition, hooks, chevrondown, spinner, overlayservice, portal, utils, angleright, ripple) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -165,16 +165,18 @@ this.primereact.cascadeselect = (function (exports, React, PrimeReact, component
     },
     sublist: 'p-cascadeselect-panel p-cascadeselect-items p-cascadeselect-sublist',
     item: function item(_ref4) {
-      var option = _ref4.option,
-        isOptionGroup = _ref4.isOptionGroup,
-        activeOptionState = _ref4.activeOptionState;
+      _ref4.option;
+        var isGroup = _ref4.isGroup,
+        isSelected = _ref4.isSelected;
       return utils.classNames('p-cascadeselect-item', {
-        'p-cascadeselect-item-group': isOptionGroup(option),
-        'p-cascadeselect-item-active p-highlight': activeOptionState === option
+        'p-cascadeselect-item-group': isGroup,
+        'p-cascadeselect-item-active p-highlight': isSelected
       });
     },
     dropdownIcon: 'p-cascadeselect-trigger-icon',
+    loadingIcon: 'p-cascadeselect-trigger-icon',
     dropdownButton: 'p-cascadeselect-trigger',
+    loadingButton: 'p-cascadeselect-trigger',
     wrapper: 'p-cascadeselect-items-wrapper',
     panel: 'p-cascadeselect-panel p-component',
     content: 'p-cascadeselect-item-content',
@@ -193,6 +195,7 @@ this.primereact.cascadeselect = (function (exports, React, PrimeReact, component
       className: null,
       dataKey: null,
       disabled: false,
+      loadingIcon: null,
       dropdownIcon: null,
       id: null,
       inputId: null,
@@ -236,9 +239,10 @@ this.primereact.cascadeselect = (function (exports, React, PrimeReact, component
     var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
     var ptm = props.ptm,
       cx = props.cx;
-    var getPTOptions = function getPTOptions(key) {
+    var getPTOptions = function getPTOptions(key, options) {
       return ptm(key, {
-        hostName: props.hostName
+        hostName: props.hostName,
+        state: _objectSpread$1({}, options)
       });
     };
     var position = function position() {
@@ -363,7 +367,9 @@ this.primereact.cascadeselect = (function (exports, React, PrimeReact, component
       }
     });
     hooks.useUpdateEffect(function () {
-      setActiveOptionState(null);
+      if (!props.parentActive) {
+        setActiveOptionState(null);
+      }
     }, [props.parentActive]);
     var createSubmenu = function createSubmenu(option) {
       if (isOptionGroup(option) && activeOptionState === option) {
@@ -416,17 +422,22 @@ this.primereact.cascadeselect = (function (exports, React, PrimeReact, component
           return _onKeyDown(event, option);
         }
       }, getPTOptions('content'));
+      var isSelected = activeOptionState === option;
+      var isGroup = isOptionGroup(option);
       var itemProps = utils.mergeProps({
         className: utils.classNames(option.className, cx('item', {
           option: option,
-          isOptionGroup: isOptionGroup,
-          activeOptionState: activeOptionState
+          isGroup: isGroup,
+          isSelected: isSelected
         })),
         style: option.style,
         role: 'none',
-        'data-p-item-group': isOptionGroup(option),
-        'data-p-highlight': activeOptionState === option
-      }, getPTOptions('item'));
+        'data-p-item-group': isGroup,
+        'data-p-highlight': isSelected
+      }, getPTOptions('item', {
+        selected: isSelected,
+        group: isGroup
+      }));
       return /*#__PURE__*/React__namespace.createElement("li", _extends({
         key: key
       }, itemProps), /*#__PURE__*/React__namespace.createElement("div", contentProps, content, optionGroup, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null)), submenu);
@@ -446,11 +457,11 @@ this.primereact.cascadeselect = (function (exports, React, PrimeReact, component
     return /*#__PURE__*/React__namespace.createElement("ul", listProps, submenu);
   });
 
-  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } 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 normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
   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 _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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var CascadeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
     var props = CascadeSelectBase.getProps(inProps, context);
@@ -472,7 +483,8 @@ this.primereact.cascadeselect = (function (exports, React, PrimeReact, component
           focused: focusedState,
           overlayVisible: overlayVisibleState,
           attributeSelector: attributeSelectorState
-        }
+        },
+        context: _objectSpread({}, context)
       }),
       ptm = _CascadeSelectBase$se.ptm,
       cx = _CascadeSelectBase$se.cx,
@@ -499,8 +511,13 @@ this.primereact.cascadeselect = (function (exports, React, PrimeReact, component
       _useOverlayListener2 = _slicedToArray(_useOverlayListener, 2),
       bindOverlayListener = _useOverlayListener2[0],
       unbindOverlayListener = _useOverlayListener2[1];
-    hooks.useOnEscapeKey(overlayRef, overlayVisibleState, function () {
-      return hide();
+    var cascadeSelectOverlayDisplayOrder = hooks.useDisplayOrder('cascade-select', overlayVisibleState);
+    hooks.useGlobalOnEscapeKey({
+      callback: function callback() {
+        hide();
+      },
+      when: overlayVisibleState,
+      priority: [hooks.ESC_KEY_HANDLING_PRIORITIES.CASCADE_SELECT, cascadeSelectOverlayDisplayOrder]
     });
     var onOptionSelect = function onOptionSelect(event) {
       if (props.onChange) {
@@ -576,7 +593,7 @@ this.primereact.cascadeselect = (function (exports, React, PrimeReact, component
       return null;
     };
     var _onClick = function onClick(event) {
-      if (props.disabled) {
+      if (props.disabled || props.loading) {
         return;
       }
       if (!overlayRef.current || !overlayRef.current.contains(event.target)) {
@@ -595,7 +612,7 @@ this.primereact.cascadeselect = (function (exports, React, PrimeReact, component
         //down
         case 40:
           if (overlayVisibleState) {
-            utils.DomHandler.findSingle(overlayRef.current, '.p-cascadeselect-item').children[0].focus();
+            utils.DomHandler.findSingle(overlayRef.current, '[data-pc-section="item"]').children[0].focus();
           } else if (event.altKey && props.options && props.options.length) {
             show();
           }
@@ -660,7 +677,7 @@ this.primereact.cascadeselect = (function (exports, React, PrimeReact, component
     };
     var createStyle = function createStyle() {
       if (!styleElementRef.current) {
-        styleElementRef.current = utils.DomHandler.createInlineStyle(context && context.nonce || PrimeReact__default["default"].nonce);
+        styleElementRef.current = utils.DomHandler.createInlineStyle(context && context.nonce || PrimeReact__default["default"].nonce, context && context.styleContainer);
         var selector = "".concat(attributeSelectorState, "_panel");
         var innerHTML = "\n@media screen and (max-width: ".concat(props.breakpoint, ") {\n    .p-cascadeselect-panel[").concat(selector, "] .p-cascadeselect-items-wrapper > ul {\n        max-height: ").concat(props.scrollHeight, ";\n        overflow: ").concat(props.scrollHeight ? 'auto' : '', ";\n    }\n\n    .p-cascadeselect-panel[").concat(selector, "] .p-cascadeselect-sublist {\n        position: relative;\n    }\n\n    .p-cascadeselect-panel[").concat(selector, "] .p-cascadeselect-item-active > .p-cascadeselect-sublist {\n        left: 0;\n        box-shadow: none;\n        border-radius: 0;\n        padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n    }\n\n    .p-cascadeselect-panel[").concat(selector, "] .p-cascadeselect-group-icon:before {\n        content: \"\\e930\";\n    }\n}\n");
         styleElementRef.current.innerHTML = innerHTML;
@@ -737,9 +754,31 @@ this.primereact.cascadeselect = (function (exports, React, PrimeReact, component
         className: cx('label', {
           label: label
         })
-      }, ptm('label'));
+      }, ptm('label', {
+        context: _objectSpread({
+          label: label
+        }, context)
+      }));
       return /*#__PURE__*/React__namespace.createElement("span", labelProps, label);
     };
+    var createLoadingIcon = function createLoadingIcon() {
+      var loadingIconProps = utils.mergeProps({
+        className: cx('loadingIcon')
+      }, 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 loadingButtonProps = utils.mergeProps({
+        className: cx('loadingButton'),
+        role: 'button',
+        'aria-haspopup': 'listbox',
+        'aria-expanded': overlayVisibleState
+      }, ptm('dropdownButton'));
+      return /*#__PURE__*/React__namespace.createElement("div", loadingButtonProps, loadingIcon);
+    };
     var createDropdownIcon = function createDropdownIcon() {
       var dropdownIconProps = utils.mergeProps({
         className: cx('dropdownIcon')
@@ -790,6 +829,7 @@ this.primereact.cascadeselect = (function (exports, React, PrimeReact, component
         optionGroupIcon: props.optionGroupIcon,
         optionLabel: props.optionLabel,
         optionValue: props.optionValue,
+        parentActive: props.value != null,
         level: 0,
         optionGroupLabel: props.optionGroupLabel,
         optionGroupChildren: props.optionGroupChildren,
@@ -809,7 +849,7 @@ this.primereact.cascadeselect = (function (exports, React, PrimeReact, component
     var createElement = function createElement() {
       var keyboardHelper = createKeyboardHelper();
       var labelElement = createLabel();
-      var dropdownIcon = createDropdownIcon();
+      var dropdownIcon = props.loading ? createLoadingIcon() : createDropdownIcon();
       var overlay = createOverlay();
       var rootProps = utils.mergeProps({
         id: props.id,
@@ -839,4 +879,4 @@ this.primereact.cascadeselect = (function (exports, React, PrimeReact, component
 
   return exports;
 
-})({}, React, primereact.api, primereact.componentbase, primereact.csstransition, primereact.hooks, primereact.icons.chevrondown, primereact.overlayservice, primereact.portal, primereact.utils, primereact.icons.angleright, primereact.ripple);
+})({}, React, primereact.api, primereact.componentbase, primereact.csstransition, primereact.hooks, primereact.icons.chevrondown, primereact.icons.spinner, primereact.overlayservice, primereact.portal, primereact.utils, primereact.icons.angleright, primereact.ripple);