primereact 8.7.2 → 9.0.0-beta.1

package/cascadeselect/cascadeselect.esm.js

@@ -11,14 +11,12 @@ function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
   return _extends.apply(this, arguments);
@@ -29,42 +27,40 @@ function _arrayWithHoles(arr) {
 }
 
 function _iterableToArrayLimit(arr, i) {
-  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-  if (_i == null) return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-
-  var _s, _e;
-
-  try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-
-      if (i && _arr.length === i) break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
     try {
-      if (!_n && _i["return"] != null) _i["return"]();
+      if (_x = (_i = _i.call(arr)).next, 0 === i) {
+        if (Object(_i) !== _i) return;
+        _n = !1;
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
+        ;
+      }
+    } catch (err) {
+      _d = !0, _e = err;
     } finally {
-      if (_d) throw _e;
+      try {
+        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
     }
+    return _arr;
   }
-
-  return _arr;
 }
 
 function _arrayLikeToArray$1(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;
 }
 
@@ -87,52 +83,40 @@ function _slicedToArray(arr, i) {
 
 var CascadeSelectSub = /*#__PURE__*/React.memo(function (props) {
   var _React$useState = React.useState(null),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      activeOptionState = _React$useState2[0],
-      setActiveOptionState = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    activeOptionState = _React$useState2[0],
+    setActiveOptionState = _React$useState2[1];
   var elementRef = React.useRef(null);
-
   var position = function position() {
     var parentItem = elementRef.current.parentElement;
     var containerOffset = DomHandler.getOffset(parentItem);
     var viewport = DomHandler.getViewport();
     var sublistWidth = elementRef.current.offsetParent ? elementRef.current.offsetWidth : DomHandler.getHiddenElementOuterWidth(element);
     var itemOuterWidth = DomHandler.getOuterWidth(parentItem.children[0]);
-
     if (parseInt(containerOffset.left, 10) + itemOuterWidth + sublistWidth > viewport.width - DomHandler.calculateScrollbarWidth()) {
       elementRef.current.style.left = '-100%';
     }
   };
-
   var onOptionSelect = function onOptionSelect(event) {
     props.onOptionSelect && props.onOptionSelect(event);
   };
-
   var _onKeyDown = function onKeyDown(event, option) {
     var listItem = event.currentTarget.parentElement;
-
     switch (event.key) {
       case 'Down':
       case 'ArrowDown':
         var nextItem = findNextItem(listItem);
-
         if (nextItem) {
           nextItem.children[0].focus();
         }
-
         break;
-
       case 'Up':
       case 'ArrowUp':
         var prevItem = findPrevItem(listItem);
-
         if (prevItem) {
           prevItem.children[0].focus();
         }
-
         break;
-
       case 'Right':
       case 'ArrowRight':
         if (isOptionGroup(option)) {
@@ -142,53 +126,41 @@ var CascadeSelectSub = /*#__PURE__*/React.memo(function (props) {
             setActiveOptionState(option);
           }
         }
-
         break;
-
       case 'Left':
       case 'ArrowLeft':
         setActiveOptionState(null);
         var parentList = event.currentTarget.parentElement.parentElement.previousElementSibling;
-
         if (parentList) {
           parentList.focus();
         }
-
         break;
-
       case 'Enter':
         onOptionClick(event, option);
         break;
-
       case 'Tab':
       case 'Escape':
         if (props.onPanelHide) {
           props.onPanelHide();
           event.preventDefault();
         }
-
         break;
     }
-
     event.preventDefault();
   };
-
   var findNextItem = function findNextItem(item) {
     var nextItem = item.nextElementSibling;
     return nextItem ? DomHandler.hasClass(nextItem, 'p-disabled') || !DomHandler.hasClass(nextItem, 'p-cascadeselect-item') ? findNextItem(nextItem) : nextItem : null;
   };
-
   var findPrevItem = function findPrevItem(item) {
     var prevItem = item.previousElementSibling;
     return prevItem ? DomHandler.hasClass(prevItem, 'p-disabled') || !DomHandler.hasClass(prevItem, 'p-cascadeselect-item') ? findPrevItem(prevItem) : prevItem : null;
   };
-
   var onOptionClick = function onOptionClick(event, option) {
     if (isOptionGroup(option)) {
       setActiveOptionState(function (prevActiveOption) {
         return prevActiveOption === option ? null : option;
       });
-
       if (props.onOptionGroupSelect) {
         props.onOptionGroupSelect({
           originalEvent: event,
@@ -204,35 +176,27 @@ var CascadeSelectSub = /*#__PURE__*/React.memo(function (props) {
       }
     }
   };
-
   var onOptionGroupSelect = function onOptionGroupSelect(event) {
     props.onOptionGroupSelect && props.onOptionGroupSelect(event);
   };
-
   var getOptionLabel = function getOptionLabel(option) {
     return props.optionLabel ? ObjectUtils.resolveFieldData(option, props.optionLabel) : option;
   };
-
   var getOptionValue = function getOptionValue(option) {
     return props.optionValue ? ObjectUtils.resolveFieldData(option, props.optionValue) : option;
   };
-
   var getOptionGroupLabel = function getOptionGroupLabel(optionGroup) {
     return props.optionGroupLabel ? ObjectUtils.resolveFieldData(optionGroup, props.optionGroupLabel) : null;
   };
-
   var getOptionGroupChildren = function getOptionGroupChildren(optionGroup) {
     return ObjectUtils.resolveFieldData(optionGroup, props.optionGroupChildren[props.level]);
   };
-
   var isOptionGroup = function isOptionGroup(option) {
     return Object.prototype.hasOwnProperty.call(option, props.optionGroupChildren[props.level]);
   };
-
   var getOptionLabelToRender = function getOptionLabelToRender(option) {
     return isOptionGroup(option) ? getOptionGroupLabel(option) : getOptionLabel(option);
   };
-
   useMountEffect(function () {
     if (props.selectionPath && props.options && !props.dirty) {
       var activeOption = props.options.find(function (o) {
@@ -240,7 +204,6 @@ var CascadeSelectSub = /*#__PURE__*/React.memo(function (props) {
       });
       activeOption && setActiveOptionState(activeOption);
     }
-
     if (!props.root) {
       position();
     }
@@ -248,7 +211,6 @@ var CascadeSelectSub = /*#__PURE__*/React.memo(function (props) {
   useUpdateEffect(function () {
     setActiveOptionState(null);
   }, [props.parentActive]);
-
   var createSubmenu = function createSubmenu(option) {
     if (isOptionGroup(option) && activeOptionState === option) {
       var options = getOptionGroupChildren(option);
@@ -271,10 +233,8 @@ var CascadeSelectSub = /*#__PURE__*/React.memo(function (props) {
         onPanelHide: props.onPanelHide
       });
     }
-
     return null;
   };
-
   var createOption = function createOption(option, index) {
     var className = classNames('p-cascadeselect-item', {
       'p-cascadeselect-item-group': isOptionGroup(option),
@@ -304,12 +264,13 @@ var CascadeSelectSub = /*#__PURE__*/React.memo(function (props) {
       }
     }, content, optionGroup, /*#__PURE__*/React.createElement(Ripple, null)), submenu);
   };
-
   var createMenu = function createMenu() {
     return props.options ? props.options.map(createOption) : null;
   };
-
-  var className = classNames('p-cascadeselect-panel p-cascadeselect-items', props.className);
+  var className = classNames('p-cascadeselect-panel p-cascadeselect-items', props.className, {
+    'p-input-filled': PrimeReact.inputStyle === 'filled',
+    'p-ripple-disabled': PrimeReact.ripple === false
+  });
   var submenu = createMenu();
   return /*#__PURE__*/React.createElement("ul", {
     ref: elementRef,
@@ -320,41 +281,35 @@ var CascadeSelectSub = /*#__PURE__*/React.memo(function (props) {
 });
 
 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; }
 var CascadeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      focusedState = _React$useState2[0],
-      setFocusedState = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    focusedState = _React$useState2[0],
+    setFocusedState = _React$useState2[1];
   var _React$useState3 = React.useState(false),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      overlayVisibleState = _React$useState4[0],
-      setOverlayVisibleState = _React$useState4[1];
-
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    overlayVisibleState = _React$useState4[0],
+    setOverlayVisibleState = _React$useState4[1];
   var elementRef = React.useRef(null);
   var overlayRef = React.useRef(null);
   var inputRef = React.useRef(null);
   var labelRef = React.useRef(null);
   var dirty = React.useRef(false);
   var selectionPath = React.useRef(null);
-
   var _useOverlayListener = useOverlayListener({
-    target: elementRef,
-    overlay: overlayRef,
-    listener: function listener(event, _ref) {
-      var valid = _ref.valid;
-      valid && hide();
-    },
-    when: overlayVisibleState
-  }),
-      _useOverlayListener2 = _slicedToArray(_useOverlayListener, 2),
-      bindOverlayListener = _useOverlayListener2[0],
-      unbindOverlayListener = _useOverlayListener2[1];
-
+      target: elementRef,
+      overlay: overlayRef,
+      listener: function listener(event, _ref) {
+        var valid = _ref.valid;
+        valid && hide();
+      },
+      when: overlayVisibleState
+    }),
+    _useOverlayListener2 = _slicedToArray(_useOverlayListener, 2),
+    bindOverlayListener = _useOverlayListener2[0],
+    unbindOverlayListener = _useOverlayListener2[1];
   var onOptionSelect = function onOptionSelect(event) {
     if (props.onChange) {
       props.onChange({
@@ -362,46 +317,36 @@ var CascadeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
         value: event.value
       });
     }
-
     updateSelectionPath();
     hide();
     DomHandler.focus(inputRef.current);
   };
-
   var onOptionGroupSelect = function onOptionGroupSelect(event) {
     dirty.current = true;
     props.onGroupChange && props.onGroupChange(event);
   };
-
   var getOptionLabel = function getOptionLabel(option) {
     var label = props.optionLabel ? ObjectUtils.resolveFieldData(option, props.optionLabel) : option;
     return label || option;
   };
-
   var getOptionValue = function getOptionValue(option) {
     return props.optionValue ? ObjectUtils.resolveFieldData(option, props.optionValue) : option;
   };
-
   var getOptionGroupChildren = function getOptionGroupChildren(optionGroup, level) {
     return ObjectUtils.resolveFieldData(optionGroup, props.optionGroupChildren[level]);
   };
-
   var isOptionGroup = function isOptionGroup(option, level) {
     return Object.prototype.hasOwnProperty.call(option, props.optionGroupChildren[level]);
   };
-
   var updateSelectionPath = function updateSelectionPath() {
     var path;
-
     if (props.value != null && props.options) {
       var _iterator = _createForOfIteratorHelper(props.options),
-          _step;
-
+        _step;
       try {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
           var option = _step.value;
           path = findModelOptionInGroup(option, 0);
-
           if (path) {
             break;
           }
@@ -412,22 +357,17 @@ var CascadeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
         _iterator.f();
       }
     }
-
     selectionPath.current = path;
   };
-
   var findModelOptionInGroup = function findModelOptionInGroup(option, level) {
     if (isOptionGroup(option, level)) {
       var selectedOption;
-
       var _iterator2 = _createForOfIteratorHelper(getOptionGroupChildren(option, level)),
-          _step2;
-
+        _step2;
       try {
         for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
           var childOption = _step2.value;
           selectedOption = findModelOptionInGroup(childOption, level + 1);
-
           if (selectedOption) {
             selectedOption.unshift(option);
             return selectedOption;
@@ -441,29 +381,23 @@ var CascadeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
     } else if (ObjectUtils.equals(props.value, getOptionValue(option), props.dataKey)) {
       return [option];
     }
-
     return null;
   };
-
   var onClick = function onClick(event) {
     if (props.disabled) {
       return;
     }
-
     if (!overlayRef.current || !overlayRef.current.contains(event.target)) {
       DomHandler.focus(inputRef.current);
       overlayVisibleState ? hide() : show();
     }
   };
-
   var onInputFocus = function onInputFocus() {
     setFocusedState(true);
   };
-
   var onInputBlur = function onInputBlur() {
     setFocusedState(false);
   };
-
   var onInputKeyDown = function onInputKeyDown(event) {
     switch (event.which) {
       //down
@@ -473,65 +407,55 @@ var CascadeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
         } else if (event.altKey && props.options && props.options.length) {
           show();
         }
-
         event.preventDefault();
         break;
-      //space
 
+      //space
       case 32:
         overlayVisibleState ? hide() : show();
         event.preventDefault();
         break;
-      //tab
 
+      //tab
       case 9:
         hide();
         break;
     }
   };
-
   var onPanelClick = function onPanelClick(event) {
     OverlayService.emit('overlay-click', {
       originalEvent: event,
       target: elementRef.current
     });
   };
-
   var show = function show() {
     props.onBeforeShow && props.onBeforeShow();
     setOverlayVisibleState(true);
   };
-
   var hide = function hide() {
     props.onBeforeHide && props.onBeforeHide();
     setOverlayVisibleState(false);
     DomHandler.focus(inputRef.current);
   };
-
   var onOverlayEnter = function onOverlayEnter() {
     ZIndexUtils.set('overlay', overlayRef.current, PrimeReact.autoZIndex, PrimeReact.zIndex['overlay']);
     alignOverlay();
   };
-
   var onOverlayEntered = function onOverlayEntered() {
     bindOverlayListener();
     props.onShow && props.onShow();
   };
-
   var onOverlayExit = function onOverlayExit() {
     unbindOverlayListener();
     dirty.current = false;
   };
-
   var onOverlayExited = function onOverlayExited() {
     ZIndexUtils.clear(overlayRef.current);
     props.onHide && props.onHide();
   };
-
   var alignOverlay = function alignOverlay() {
     DomHandler.alignOverlay(overlayRef.current, labelRef.current.parentElement, props.appendTo || PrimeReact.appendTo);
   };
-
   React.useImperativeHandle(ref, function () {
     return {
       props: props,
@@ -546,6 +470,9 @@ var CascadeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
       },
       getLabel: function getLabel() {
         return labelRef.current;
+      },
+      focus: function focus() {
+        return DomHandler.focus(inputRef.current);
       }
     };
   });
@@ -558,7 +485,6 @@ var CascadeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
   useUnmountEffect(function () {
     ZIndexUtils.clear(overlayRef.current);
   });
-
   var createKeyboardHelper = function createKeyboardHelper() {
     var value = props.value ? getOptionLabel(props.value) : undefined;
     return /*#__PURE__*/React.createElement("div", {
@@ -578,7 +504,6 @@ var CascadeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
       "aria-haspopup": "listbox"
     }, ariaProps)));
   };
-
   var createLabel = function createLabel() {
     var label = props.value ? getOptionLabel(props.value) : props.placeholder || 'p-emptylabel';
     var labelClassName = classNames('p-cascadeselect-label ', {
@@ -590,7 +515,6 @@ var CascadeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
       className: labelClassName
     }, label);
   };
-
   var createDropdownIcon = function createDropdownIcon() {
     var iconClassName = classNames('p-cascadeselect-trigger-icon', props.dropdownIcon);
     return /*#__PURE__*/React.createElement("div", {
@@ -602,7 +526,6 @@ var CascadeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
       className: iconClassName
     }));
   };
-
   var createOverlay = function createOverlay() {
     var overlay = /*#__PURE__*/React.createElement(CSSTransition, {
       nodeRef: overlayRef,
@@ -644,7 +567,6 @@ var CascadeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
       appendTo: props.appendTo
     });
   };
-
   var createElement = function createElement() {
     var className = classNames('p-cascadeselect p-component p-inputwrapper', {
       'p-disabled': props.disabled,
@@ -665,7 +587,6 @@ var CascadeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
       onClick: onClick
     }), keyboardHelper, labelElement, dropdownIcon, overlay);
   };
-
   var otherProps = ObjectUtils.findDiffKeys(props, CascadeSelect.defaultProps);
   ObjectUtils.reduceKeys(otherProps, DomHandler.DATA_PROPS);
   var ariaProps = ObjectUtils.reduceKeys(otherProps, DomHandler.ARIA_PROPS);

package/cascadeselect/cascadeselect.esm.min.js

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