primereact 9.0.0-rc.1 → 9.1.0

package/README.md

@@ -5,11 +5,11 @@
 [![Discord Chat](https://img.shields.io/discord/557940238991753223.svg?color=7289da&label=chat&logo=discord)](https://discord.gg/gzKFYnpmCY)
 [![Stackoverflow](https://img.shields.io/badge/StackOverflow-primereact-chocolate.svg)](https://stackoverflow.com/questions/tagged/primereact)
 
-[![PrimeReact Hero](https://www.primefaces.org/wp-content/uploads/2021/12/primereact-release-7.jpeg)](https://www.primefaces.org/primereact)
+[![PrimeReact Hero](https://www.primefaces.org/wp-content/uploads/2021/12/primereact-release-7.jpeg)](https://www.primereact.org)
 
 # PrimeReact
 
-PrimeReact is a rich set of open source UI Components for React. See [PrimeReact homepage](https://www.primefaces.org/primereact) for live showcase and documentation.
+PrimeReact is a rich set of open source UI Components for React. See [PrimeReact homepage](https://www.primereact.org) for live showcase and documentation.
 
 ## Download
 

package/accordion/accordion.d.ts

@@ -2,7 +2,7 @@
  *
  * Accordion groups a collection of contents in tabs.
  *
- * [Live Demo](https://www.primefaces.org/primereact/accordion/)
+ * [Live Demo](https://www.primereact.org/accordion/)
  *
  * Helper Components:
  *
@@ -172,7 +172,7 @@ export interface AccordionProps extends Omit<React.DetailedHTMLProps<React.HTMLA
  *
  * _Accordion groups a collection of contents in tabs._
  *
- * [Live Demo](https://www.primefaces.org/primereact/accordion/)
+ * [Live Demo](https://www.primereact.org/accordion/)
  * --- ---
  * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *

package/autocomplete/autocomplete.d.ts

@@ -2,7 +2,7 @@
  *
  * AutoComplete is an input component that provides real-time suggestions while being typed.
  *
- * [Live Demo](https://www.primefaces.org/primereact/autocomplete/)
+ * [Live Demo](https://www.primereact.org/autocomplete/)
  *
  * @module autocomplete
  *
@@ -378,7 +378,7 @@ export interface AutoCompleteProps extends Omit<React.DetailedHTMLProps<React.HT
  *
  * _AutoComplete is an input component that provides real-time suggestions while being typed._
  *
- * [Live Demo](https://www.primefaces.org/primereact/autocomplete/)
+ * [Live Demo](https://www.primereact.org/autocomplete/)
  * --- ---
  * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *

package/avatar/avatar.d.ts

@@ -2,7 +2,7 @@
  *
  * Avatar represents people using icons, labels and images.
  *
- * [Live Demo](https://www.primefaces.org/primereact/avatar)
+ * [Live Demo](https://www.primereact.org/avatar)
  *
  * @module avatar
  *
@@ -73,7 +73,7 @@ export interface AvatarProps extends Omit<React.DetailedHTMLProps<React.HTMLAttr
  *
  * _Avatar represents people using icons, labels and images._
  *
- * [Live Demo](https://www.primefaces.org/primereact/avatar/)
+ * [Live Demo](https://www.primereact.org/avatar/)
  * --- ---
  * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *

package/avatargroup/avatargroup.d.ts

@@ -2,7 +2,7 @@
  *
  * A set of Avatars can be displayed together using the AvatarGroup component.
  *
- * [Live Demo](https://www.primefaces.org/primereact/avatar/)
+ * [Live Demo](https://www.primereact.org/avatar/)
  *
  * @module avatargroup
  *
@@ -26,7 +26,7 @@ export interface AvatarGroupProps extends Omit<React.DetailedHTMLProps<React.HTM
  *
  * _A set of Avatars can be displayed together using the AvatarGroup component._
  *
- * [Live Demo](https://www.primefaces.org/primereact/avatargroup/)
+ * [Live Demo](https://www.primereact.org/avatargroup/)
  * --- ---
  * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *

package/badge/badge.d.ts

@@ -2,7 +2,7 @@
  *
  * Badge represents people using icons, labels and images.
  *
- * [Live Demo](https://www.primefaces.org/primereact/badge)
+ * [Live Demo](https://www.primereact.org/badge)
  *
  * @module badge
  *
@@ -41,7 +41,7 @@ export interface BadgeProps extends Omit<React.DetailedHTMLProps<React.HTMLAttri
  *
  * _Badge represents people using icons, labels and images._
  *
- * [Live Demo](https://www.primefaces.org/primereact/badge/)
+ * [Live Demo](https://www.primereact.org/badge/)
  * --- ---
  * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *

package/blockui/blockui.d.ts

@@ -2,7 +2,7 @@
  *
  * BlockUI represents people using icons, labels and images.
  *
- * [Live Demo](https://www.primefaces.org/primereact/blockui)
+ * [Live Demo](https://www.primereact.org/blockui)
  *
  * @module blockui
  *
@@ -66,7 +66,7 @@ export interface BlockUIProps extends Omit<React.DetailedHTMLProps<React.HTMLAtt
  *
  * _BlockUI represents people using icons, labels and images._
  *
- * [Live Demo](https://www.primefaces.org/primereact/blockui/)
+ * [Live Demo](https://www.primereact.org/blockui/)
  * --- ---
  * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *

package/breadcrumb/breadcrumb.d.ts

@@ -2,7 +2,7 @@
  *
  * Breadcrumb provides contextual information about page hierarchy.
  *
- * [Live Demo](https://www.primefaces.org/primereact/breadcrumb/)
+ * [Live Demo](https://www.primereact.org/breadcrumb/)
  *
  * @module breadcrumb
  *
@@ -35,7 +35,7 @@ export interface BreadCrumbProps extends Omit<React.DetailedHTMLProps<React.HTML
  *
  * _Breadcrumb provides contextual information about page hierarchy._
  *
- * [Live Demo](https://www.primefaces.org/primereact/breadcrumb/)
+ * [Live Demo](https://www.primereact.org/breadcrumb/)
  * --- ---
  * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *

package/button/button.cjs.js

@@ -90,8 +90,15 @@ var ButtonBase = {
     icon: null,
     iconPos: 'left',
     badge: null,
+    severity: null,
+    rounded: false,
+    raised: false,
+    outlined: false,
+    text: false,
+    link: false,
     badgeClassName: null,
     tooltip: null,
+    size: null,
     tooltipOptions: null,
     disabled: false,
     loading: false,
@@ -108,6 +115,7 @@ var ButtonBase = {
 };
 
 var Button = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var _classNames2;
   var props = ButtonBase.getProps(inProps);
   var elementRef = React__namespace.useRef(ref);
   React__namespace.useEffect(function () {
@@ -153,13 +161,18 @@ var Button = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
   var showTooltip = !disabled || props.tooltipOptions && props.tooltipOptions.showOnDisabled;
   var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip) && showTooltip;
   var otherProps = ButtonBase.getOtherProps(props);
-  var className = utils.classNames('p-button p-component', props.className, _defineProperty({
+  var className = utils.classNames('p-button p-component', props.className, (_classNames2 = {
     'p-button-icon-only': (props.icon || props.loading && props.loadingIcon) && !props.label && !props.children,
     'p-button-vertical': (props.iconPos === 'top' || props.iconPos === 'bottom') && props.label,
     'p-disabled': disabled,
     'p-button-loading': props.loading,
+    'p-button-outlined': props.outlined,
+    'p-button-raised': props.raised,
+    'p-button-link': props.link,
+    'p-button-text': props.text,
+    'p-button-rounded': props.rounded,
     'p-button-loading-label-only': props.loading && !props.icon && props.label
-  }, "p-button-loading-".concat(props.iconPos), props.loading && props.loadingIcon && props.label));
+  }, _defineProperty(_classNames2, "p-button-loading-".concat(props.iconPos), props.loading && props.loadingIcon && props.label), _defineProperty(_classNames2, "p-button-".concat(props.size), props.size), _defineProperty(_classNames2, "p-button-".concat(props.severity), props.severity), _classNames2));
   var icon = createIcon();
   var label = createLabel();
   var badge = createBadge();

package/button/button.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/ripple"),n=require("primereact/tooltip"),o=require("primereact/utils");function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var r=l(e);function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},i.apply(this,arguments)}function a(e){return a="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},a(e)}function c(e,t){if("object"!==a(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==a(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function u(e){var t=c(e,"string");return"symbol"===a(t)?t:String(t)}function s(e,t,n){return(t=u(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var p={defaultProps:{__TYPE:"Button",label:null,icon:null,iconPos:"left",badge:null,badgeClassName:null,tooltip:null,tooltipOptions:null,disabled:!1,loading:!1,loadingIcon:"pi pi-spinner pi-spin",visible:!0,children:void 0},getProps:function(e){return o.ObjectUtils.getMergedProps(e,p.defaultProps)},getOtherProps:function(e){return o.ObjectUtils.getDiffProps(e,p.defaultProps)}},b=r.memo(r.forwardRef((function(e,l){var a=p.getProps(e),c=r.useRef(l);if(r.useEffect((function(){o.ObjectUtils.combinedRefs(c,l)}),[c,l]),!1===a.visible)return null;var u=a.disabled||a.loading,b=!u||a.tooltipOptions&&a.tooltipOptions.showOnDisabled,d=o.ObjectUtils.isNotEmpty(a.tooltip)&&b,f=p.getOtherProps(a),g=o.classNames("p-button p-component",a.className,s({"p-button-icon-only":(a.icon||a.loading&&a.loadingIcon)&&!a.label&&!a.children,"p-button-vertical":("top"===a.iconPos||"bottom"===a.iconPos)&&a.label,"p-disabled":u,"p-button-loading":a.loading,"p-button-loading-label-only":a.loading&&!a.icon&&a.label},"p-button-loading-".concat(a.iconPos),a.loading&&a.loadingIcon&&a.label)),m=function(){var e=a.loading?a.loadingIcon:a.icon,t=o.classNames("p-button-icon p-c",s({"p-button-loading-icon":a.loading},"p-button-icon-".concat(a.iconPos),a.label));return o.IconUtils.getJSXIcon(e,{className:t},{props:a})}(),y=a.label?r.createElement("span",{className:"p-button-label p-c"},a.label):!a.children&&!a.label&&r.createElement("span",{className:"p-button-label p-c",dangerouslySetInnerHTML:{__html:"&nbsp;"}}),v=function(){if(a.badge){var e=o.classNames("p-badge",a.badgeClassName);return r.createElement("span",{className:e},a.badge)}return null}();return r.createElement(r.Fragment,null,r.createElement("button",i({ref:c,"aria-label":a.label?a.label+(a.badge?" "+a.badge:""):a["aria-label"]},f,{className:g,disabled:u}),m,y,a.children,v,r.createElement(t.Ripple,null)),d&&r.createElement(n.Tooltip,i({target:c,content:a.tooltip},a.tooltipOptions)))})));b.displayName="Button",exports.Button=b;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/ripple"),n=require("primereact/tooltip"),o=require("primereact/utils");function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var r=l(e);function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},i.apply(this,arguments)}function a(e){return a="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},a(e)}function u(e,t){if("object"!==a(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==a(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function c(e){var t=u(e,"string");return"symbol"===a(t)?t:String(t)}function s(e,t,n){return(t=c(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var p={defaultProps:{__TYPE:"Button",label:null,icon:null,iconPos:"left",badge:null,severity:null,rounded:!1,raised:!1,outlined:!1,text:!1,link:!1,badgeClassName:null,tooltip:null,size:null,tooltipOptions:null,disabled:!1,loading:!1,loadingIcon:"pi pi-spinner pi-spin",visible:!0,children:void 0},getProps:function(e){return o.ObjectUtils.getMergedProps(e,p.defaultProps)},getOtherProps:function(e){return o.ObjectUtils.getDiffProps(e,p.defaultProps)}},b=r.memo(r.forwardRef((function(e,l){var a,u=p.getProps(e),c=r.useRef(l);if(r.useEffect((function(){o.ObjectUtils.combinedRefs(c,l)}),[c,l]),!1===u.visible)return null;var b=u.disabled||u.loading,d=!b||u.tooltipOptions&&u.tooltipOptions.showOnDisabled,f=o.ObjectUtils.isNotEmpty(u.tooltip)&&d,g=p.getOtherProps(u),m=o.classNames("p-button p-component",u.className,(s(a={"p-button-icon-only":(u.icon||u.loading&&u.loadingIcon)&&!u.label&&!u.children,"p-button-vertical":("top"===u.iconPos||"bottom"===u.iconPos)&&u.label,"p-disabled":b,"p-button-loading":u.loading,"p-button-outlined":u.outlined,"p-button-raised":u.raised,"p-button-link":u.link,"p-button-text":u.text,"p-button-rounded":u.rounded,"p-button-loading-label-only":u.loading&&!u.icon&&u.label},"p-button-loading-".concat(u.iconPos),u.loading&&u.loadingIcon&&u.label),s(a,"p-button-".concat(u.size),u.size),s(a,"p-button-".concat(u.severity),u.severity),a)),y=function(){var e=u.loading?u.loadingIcon:u.icon,t=o.classNames("p-button-icon p-c",s({"p-button-loading-icon":u.loading},"p-button-icon-".concat(u.iconPos),u.label));return o.IconUtils.getJSXIcon(e,{className:t},{props:u})}(),v=u.label?r.createElement("span",{className:"p-button-label p-c"},u.label):!u.children&&!u.label&&r.createElement("span",{className:"p-button-label p-c",dangerouslySetInnerHTML:{__html:"&nbsp;"}}),O=function(){if(u.badge){var e=o.classNames("p-badge",u.badgeClassName);return r.createElement("span",{className:e},u.badge)}return null}();return r.createElement(r.Fragment,null,r.createElement("button",i({ref:c,"aria-label":u.label?u.label+(u.badge?" "+u.badge:""):u["aria-label"]},g,{className:m,disabled:b}),y,v,u.children,O,r.createElement(t.Ripple,null)),f&&r.createElement(n.Tooltip,i({target:c,content:u.tooltip},u.tooltipOptions)))})));b.displayName="Button",exports.Button=b;

package/button/button.d.ts

@@ -1,8 +1,8 @@
 /**
  *
- * Button is an extension to standard input element with icons and theming.
+ * Button is an extension to standard button element with icons and theming.
  *
- * [Live Demo](https://www.primefaces.org/primereact/button/)
+ * [Live Demo](https://www.primereact.org/button/)
  *
  * @module button
  *
@@ -38,6 +38,39 @@ export interface ButtonProps extends Omit<React.DetailedHTMLProps<React.ButtonHT
      * Name of the icon or JSX.Element for icon.
      */
     icon?: IconType<ButtonProps> | undefined;
+    /**
+     * Add a textual class to the button without a background initially.
+     * @defaultValue false
+     */
+    text?: boolean | undefined;
+    /**
+     * Add a circular border radius to the button.
+     * @defaultValue false
+     */
+    rounded?: boolean | undefined;
+    /**
+     * Add a shadow to indicate elevation.
+     * @defaultValue false
+     */
+    raised?: boolean | undefined;
+    /**
+     * Add a border class without a background initially.
+     * @defaultValue false
+     */
+    outlined?: boolean | undefined;
+    /**
+     * Add a link style to the button.
+     * @defaultValue false
+     */
+    link?: boolean | undefined;
+    /**
+     * Defines the style of the button, valid values are "secondary", "success", "info", "warning", "danger".
+     */
+    severity?: 'secondary' | 'success' | 'info' | 'warning' | 'danger' | undefined;
+    /**
+     * Defines the size of the button, valid values are "small" and "large".
+     */
+    size?: 'small' | 'large' | undefined;
     /**
      * Position of the icon, valid values are "left", "right", "top" and "bottom".
      * @defaultValue left
@@ -71,4 +104,15 @@ export interface ButtonProps extends Omit<React.DetailedHTMLProps<React.ButtonHT
     visible?: boolean | undefined;
 }
 
+/**
+ * **PrimeReact - Button**
+ *
+ * _Button is an extension to standard button element with icons and theming._
+ *
+ * [Live Demo](https://www.primereact.org/button/)
+ * --- ---
+ * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class Button extends React.Component<ButtonProps, any> {}

package/button/button.esm.js

@@ -66,8 +66,15 @@ var ButtonBase = {
     icon: null,
     iconPos: 'left',
     badge: null,
+    severity: null,
+    rounded: false,
+    raised: false,
+    outlined: false,
+    text: false,
+    link: false,
     badgeClassName: null,
     tooltip: null,
+    size: null,
     tooltipOptions: null,
     disabled: false,
     loading: false,
@@ -84,6 +91,7 @@ var ButtonBase = {
 };
 
 var Button = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var _classNames2;
   var props = ButtonBase.getProps(inProps);
   var elementRef = React.useRef(ref);
   React.useEffect(function () {
@@ -129,13 +137,18 @@ var Button = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (in
   var showTooltip = !disabled || props.tooltipOptions && props.tooltipOptions.showOnDisabled;
   var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip) && showTooltip;
   var otherProps = ButtonBase.getOtherProps(props);
-  var className = classNames('p-button p-component', props.className, _defineProperty({
+  var className = classNames('p-button p-component', props.className, (_classNames2 = {
     'p-button-icon-only': (props.icon || props.loading && props.loadingIcon) && !props.label && !props.children,
     'p-button-vertical': (props.iconPos === 'top' || props.iconPos === 'bottom') && props.label,
     'p-disabled': disabled,
     'p-button-loading': props.loading,
+    'p-button-outlined': props.outlined,
+    'p-button-raised': props.raised,
+    'p-button-link': props.link,
+    'p-button-text': props.text,
+    'p-button-rounded': props.rounded,
     'p-button-loading-label-only': props.loading && !props.icon && props.label
-  }, "p-button-loading-".concat(props.iconPos), props.loading && props.loadingIcon && props.label));
+  }, _defineProperty(_classNames2, "p-button-loading-".concat(props.iconPos), props.loading && props.loadingIcon && props.label), _defineProperty(_classNames2, "p-button-".concat(props.size), props.size), _defineProperty(_classNames2, "p-button-".concat(props.severity), props.severity), _classNames2));
   var icon = createIcon();
   var label = createLabel();
   var badge = createBadge();

package/button/button.esm.min.js

@@ -1 +1 @@
-import*as t from"react";import{Ripple as e}from"primereact/ripple";import{Tooltip as n}from"primereact/tooltip";import{ObjectUtils as o,classNames as l,IconUtils as r}from"primereact/utils";function i(){return i=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t},i.apply(this,arguments)}function a(t){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},a(t)}function c(t,e){if("object"!==a(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var o=n.call(t,e||"default");if("object"!==a(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}function p(t){var e=c(t,"string");return"symbol"===a(e)?e:String(e)}function u(t,e,n){return(e=p(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var s={defaultProps:{__TYPE:"Button",label:null,icon:null,iconPos:"left",badge:null,badgeClassName:null,tooltip:null,tooltipOptions:null,disabled:!1,loading:!1,loadingIcon:"pi pi-spinner pi-spin",visible:!0,children:void 0},getProps:function(t){return o.getMergedProps(t,s.defaultProps)},getOtherProps:function(t){return o.getDiffProps(t,s.defaultProps)}},b=t.memo(t.forwardRef((function(a,c){var p=s.getProps(a),b=t.useRef(c);if(t.useEffect((function(){o.combinedRefs(b,c)}),[b,c]),!1===p.visible)return null;var d=p.disabled||p.loading,m=!d||p.tooltipOptions&&p.tooltipOptions.showOnDisabled,f=o.isNotEmpty(p.tooltip)&&m,g=s.getOtherProps(p),y=l("p-button p-component",p.className,u({"p-button-icon-only":(p.icon||p.loading&&p.loadingIcon)&&!p.label&&!p.children,"p-button-vertical":("top"===p.iconPos||"bottom"===p.iconPos)&&p.label,"p-disabled":d,"p-button-loading":p.loading,"p-button-loading-label-only":p.loading&&!p.icon&&p.label},"p-button-loading-".concat(p.iconPos),p.loading&&p.loadingIcon&&p.label)),v=function(){var t=p.loading?p.loadingIcon:p.icon,e=l("p-button-icon p-c",u({"p-button-loading-icon":p.loading},"p-button-icon-".concat(p.iconPos),p.label));return r.getJSXIcon(t,{className:e},{props:p})}(),P=p.label?t.createElement("span",{className:"p-button-label p-c"},p.label):!p.children&&!p.label&&t.createElement("span",{className:"p-button-label p-c",dangerouslySetInnerHTML:{__html:"&nbsp;"}}),h=function(){if(p.badge){var e=l("p-badge",p.badgeClassName);return t.createElement("span",{className:e},p.badge)}return null}();return t.createElement(t.Fragment,null,t.createElement("button",i({ref:b,"aria-label":p.label?p.label+(p.badge?" "+p.badge:""):p["aria-label"]},g,{className:y,disabled:d}),v,P,p.children,h,t.createElement(e,null)),f&&t.createElement(n,i({target:b,content:p.tooltip},p.tooltipOptions)))})));b.displayName="Button";export{b as Button};
+import*as t from"react";import{Ripple as e}from"primereact/ripple";import{Tooltip as n}from"primereact/tooltip";import{ObjectUtils as o,classNames as l,IconUtils as i}from"primereact/utils";function r(){return r=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t},r.apply(this,arguments)}function a(t){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},a(t)}function u(t,e){if("object"!==a(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var o=n.call(t,e||"default");if("object"!==a(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}function p(t){var e=u(t,"string");return"symbol"===a(e)?e:String(e)}function c(t,e,n){return(e=p(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var s={defaultProps:{__TYPE:"Button",label:null,icon:null,iconPos:"left",badge:null,severity:null,rounded:!1,raised:!1,outlined:!1,text:!1,link:!1,badgeClassName:null,tooltip:null,size:null,tooltipOptions:null,disabled:!1,loading:!1,loadingIcon:"pi pi-spinner pi-spin",visible:!0,children:void 0},getProps:function(t){return o.getMergedProps(t,s.defaultProps)},getOtherProps:function(t){return o.getDiffProps(t,s.defaultProps)}},b=t.memo(t.forwardRef((function(a,u){var p,b=s.getProps(a),d=t.useRef(u);if(t.useEffect((function(){o.combinedRefs(d,u)}),[d,u]),!1===b.visible)return null;var m=b.disabled||b.loading,f=!m||b.tooltipOptions&&b.tooltipOptions.showOnDisabled,g=o.isNotEmpty(b.tooltip)&&f,y=s.getOtherProps(b),v=l("p-button p-component",b.className,(c(p={"p-button-icon-only":(b.icon||b.loading&&b.loadingIcon)&&!b.label&&!b.children,"p-button-vertical":("top"===b.iconPos||"bottom"===b.iconPos)&&b.label,"p-disabled":m,"p-button-loading":b.loading,"p-button-outlined":b.outlined,"p-button-raised":b.raised,"p-button-link":b.link,"p-button-text":b.text,"p-button-rounded":b.rounded,"p-button-loading-label-only":b.loading&&!b.icon&&b.label},"p-button-loading-".concat(b.iconPos),b.loading&&b.loadingIcon&&b.label),c(p,"p-button-".concat(b.size),b.size),c(p,"p-button-".concat(b.severity),b.severity),p)),P=function(){var t=b.loading?b.loadingIcon:b.icon,e=l("p-button-icon p-c",c({"p-button-loading-icon":b.loading},"p-button-icon-".concat(b.iconPos),b.label));return i.getJSXIcon(t,{className:e},{props:b})}(),h=b.label?t.createElement("span",{className:"p-button-label p-c"},b.label):!b.children&&!b.label&&t.createElement("span",{className:"p-button-label p-c",dangerouslySetInnerHTML:{__html:"&nbsp;"}}),O=function(){if(b.badge){var e=l("p-badge",b.badgeClassName);return t.createElement("span",{className:e},b.badge)}return null}();return t.createElement(t.Fragment,null,t.createElement("button",r({ref:d,"aria-label":b.label?b.label+(b.badge?" "+b.badge:""):b["aria-label"]},y,{className:v,disabled:m}),P,h,b.children,O,t.createElement(e,null)),g&&t.createElement(n,r({target:d,content:b.tooltip},b.tooltipOptions)))})));b.displayName="Button";export{b as Button};

package/button/button.js

@@ -85,8 +85,15 @@ this.primereact.button = (function (exports, React, ripple, tooltip, utils) {
       icon: null,
       iconPos: 'left',
       badge: null,
+      severity: null,
+      rounded: false,
+      raised: false,
+      outlined: false,
+      text: false,
+      link: false,
       badgeClassName: null,
       tooltip: null,
+      size: null,
       tooltipOptions: null,
       disabled: false,
       loading: false,
@@ -103,6 +110,7 @@ this.primereact.button = (function (exports, React, ripple, tooltip, utils) {
   };
 
   var Button = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var _classNames2;
     var props = ButtonBase.getProps(inProps);
     var elementRef = React__namespace.useRef(ref);
     React__namespace.useEffect(function () {
@@ -148,13 +156,18 @@ this.primereact.button = (function (exports, React, ripple, tooltip, utils) {
     var showTooltip = !disabled || props.tooltipOptions && props.tooltipOptions.showOnDisabled;
     var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip) && showTooltip;
     var otherProps = ButtonBase.getOtherProps(props);
-    var className = utils.classNames('p-button p-component', props.className, _defineProperty({
+    var className = utils.classNames('p-button p-component', props.className, (_classNames2 = {
       'p-button-icon-only': (props.icon || props.loading && props.loadingIcon) && !props.label && !props.children,
       'p-button-vertical': (props.iconPos === 'top' || props.iconPos === 'bottom') && props.label,
       'p-disabled': disabled,
       'p-button-loading': props.loading,
+      'p-button-outlined': props.outlined,
+      'p-button-raised': props.raised,
+      'p-button-link': props.link,
+      'p-button-text': props.text,
+      'p-button-rounded': props.rounded,
       'p-button-loading-label-only': props.loading && !props.icon && props.label
-    }, "p-button-loading-".concat(props.iconPos), props.loading && props.loadingIcon && props.label));
+    }, _defineProperty(_classNames2, "p-button-loading-".concat(props.iconPos), props.loading && props.loadingIcon && props.label), _defineProperty(_classNames2, "p-button-".concat(props.size), props.size), _defineProperty(_classNames2, "p-button-".concat(props.severity), props.severity), _classNames2));
     var icon = createIcon();
     var label = createLabel();
     var badge = createBadge();

package/button/button.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.button=function(e,t,n,o,l){"use strict";function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var i=r(t);function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},a.apply(this,arguments)}function c(e){return c="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},c(e)}function s(e,t){if("object"!==c(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==c(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function u(e){var t=s(e,"string");return"symbol"===c(t)?t:String(t)}function p(e,t,n){return(t=u(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var b={defaultProps:{__TYPE:"Button",label:null,icon:null,iconPos:"left",badge:null,badgeClassName:null,tooltip:null,tooltipOptions:null,disabled:!1,loading:!1,loadingIcon:"pi pi-spinner pi-spin",visible:!0,children:void 0},getProps:function(e){return l.ObjectUtils.getMergedProps(e,b.defaultProps)},getOtherProps:function(e){return l.ObjectUtils.getDiffProps(e,b.defaultProps)}},d=i.memo(i.forwardRef((function(e,t){var r=b.getProps(e),c=i.useRef(t);if(i.useEffect((function(){l.ObjectUtils.combinedRefs(c,t)}),[c,t]),!1===r.visible)return null;var s=r.disabled||r.loading,u=!s||r.tooltipOptions&&r.tooltipOptions.showOnDisabled,d=l.ObjectUtils.isNotEmpty(r.tooltip)&&u,f=b.getOtherProps(r),m=l.classNames("p-button p-component",r.className,p({"p-button-icon-only":(r.icon||r.loading&&r.loadingIcon)&&!r.label&&!r.children,"p-button-vertical":("top"===r.iconPos||"bottom"===r.iconPos)&&r.label,"p-disabled":s,"p-button-loading":r.loading,"p-button-loading-label-only":r.loading&&!r.icon&&r.label},"p-button-loading-".concat(r.iconPos),r.loading&&r.loadingIcon&&r.label)),g=function(){var e=r.loading?r.loadingIcon:r.icon,t=l.classNames("p-button-icon p-c",p({"p-button-loading-icon":r.loading},"p-button-icon-".concat(r.iconPos),r.label));return l.IconUtils.getJSXIcon(e,{className:t},{props:r})}(),y=r.label?i.createElement("span",{className:"p-button-label p-c"},r.label):!r.children&&!r.label&&i.createElement("span",{className:"p-button-label p-c",dangerouslySetInnerHTML:{__html:"&nbsp;"}}),v=function(){if(r.badge){var e=l.classNames("p-badge",r.badgeClassName);return i.createElement("span",{className:e},r.badge)}return null}();return i.createElement(i.Fragment,null,i.createElement("button",a({ref:c,"aria-label":r.label?r.label+(r.badge?" "+r.badge:""):r["aria-label"]},f,{className:m,disabled:s}),g,y,r.children,v,i.createElement(n.Ripple,null)),d&&i.createElement(o.Tooltip,a({target:c,content:r.tooltip},r.tooltipOptions)))})));return d.displayName="Button",e.Button=d,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.ripple,primereact.tooltip,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.button=function(t,e,n,o,l){"use strict";function i(t){if(t&&t.__esModule)return t;var e=Object.create(null);return t&&Object.keys(t).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,o.get?o:{enumerable:!0,get:function(){return t[n]}})}})),e.default=t,Object.freeze(e)}var r=i(e);function a(){return a=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t},a.apply(this,arguments)}function c(t){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},c(t)}function u(t,e){if("object"!==c(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var o=n.call(t,e||"default");if("object"!==c(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}function s(t){var e=u(t,"string");return"symbol"===c(e)?e:String(e)}function p(t,e,n){return(e=s(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var b={defaultProps:{__TYPE:"Button",label:null,icon:null,iconPos:"left",badge:null,severity:null,rounded:!1,raised:!1,outlined:!1,text:!1,link:!1,badgeClassName:null,tooltip:null,size:null,tooltipOptions:null,disabled:!1,loading:!1,loadingIcon:"pi pi-spinner pi-spin",visible:!0,children:void 0},getProps:function(t){return l.ObjectUtils.getMergedProps(t,b.defaultProps)},getOtherProps:function(t){return l.ObjectUtils.getDiffProps(t,b.defaultProps)}},d=r.memo(r.forwardRef((function(t,e){var i,c=b.getProps(t),u=r.useRef(e);if(r.useEffect((function(){l.ObjectUtils.combinedRefs(u,e)}),[u,e]),!1===c.visible)return null;var s=c.disabled||c.loading,d=!s||c.tooltipOptions&&c.tooltipOptions.showOnDisabled,f=l.ObjectUtils.isNotEmpty(c.tooltip)&&d,m=b.getOtherProps(c),g=l.classNames("p-button p-component",c.className,(p(i={"p-button-icon-only":(c.icon||c.loading&&c.loadingIcon)&&!c.label&&!c.children,"p-button-vertical":("top"===c.iconPos||"bottom"===c.iconPos)&&c.label,"p-disabled":s,"p-button-loading":c.loading,"p-button-outlined":c.outlined,"p-button-raised":c.raised,"p-button-link":c.link,"p-button-text":c.text,"p-button-rounded":c.rounded,"p-button-loading-label-only":c.loading&&!c.icon&&c.label},"p-button-loading-".concat(c.iconPos),c.loading&&c.loadingIcon&&c.label),p(i,"p-button-".concat(c.size),c.size),p(i,"p-button-".concat(c.severity),c.severity),i)),y=function(){var t=c.loading?c.loadingIcon:c.icon,e=l.classNames("p-button-icon p-c",p({"p-button-loading-icon":c.loading},"p-button-icon-".concat(c.iconPos),c.label));return l.IconUtils.getJSXIcon(t,{className:e},{props:c})}(),v=c.label?r.createElement("span",{className:"p-button-label p-c"},c.label):!c.children&&!c.label&&r.createElement("span",{className:"p-button-label p-c",dangerouslySetInnerHTML:{__html:"&nbsp;"}}),O=function(){if(c.badge){var t=l.classNames("p-badge",c.badgeClassName);return r.createElement("span",{className:t},c.badge)}return null}();return r.createElement(r.Fragment,null,r.createElement("button",a({ref:u,"aria-label":c.label?c.label+(c.badge?" "+c.badge:""):c["aria-label"]},m,{className:g,disabled:s}),y,v,c.children,O,r.createElement(n.Ripple,null)),f&&r.createElement(o.Tooltip,a({target:u,content:c.tooltip},c.tooltipOptions)))})));return d.displayName="Button",t.Button=d,Object.defineProperty(t,"__esModule",{value:!0}),t}({},React,primereact.ripple,primereact.tooltip,primereact.utils);

package/calendar/calendar.d.ts

@@ -2,7 +2,7 @@
  *
  * Calendar also known as DatePicker, is a form component to work with dates.
  *
- * [Live Demo](https://www.primefaces.org/primereact/calendar/)
+ * [Live Demo](https://www.primereact.org/calendar/)
  *
  * @module calendar
  *
@@ -593,7 +593,7 @@ export interface CalendarProps {
  *
  * _Calendar also known as DatePicker, is a form component to work with dates._
  *
- * [Live Demo](https://www.primefaces.org/primereact/calendar/)
+ * [Live Demo](https://www.primereact.org/calendar/)
  * --- ---
  * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *

package/card/card.d.ts

@@ -2,7 +2,7 @@
  *
  * Card is a flexible container component.
  *
- * [Live Demo](https://www.primefaces.org/primereact/card/)
+ * [Live Demo](https://www.primereact.org/card/)
  *
  * @module card
  *
@@ -42,7 +42,7 @@ export interface CardProps extends Omit<React.DetailedHTMLProps<React.HTMLAttrib
  *
  * _Card is a flexible container component._
  *
- * [Live Demo](https://www.primefaces.org/primereact/card/)
+ * [Live Demo](https://www.primereact.org/card/)
  * --- ---
  * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *

package/carousel/carousel.d.ts

@@ -2,7 +2,7 @@
  *
  * Carousel is a content slider featuring various customization options.
  *
- * [Live Demo](https://www.primefaces.org/primereact/carousel)
+ * [Live Demo](https://www.primereact.org/carousel)
  *
  * @module carousel
  *
@@ -12,7 +12,6 @@ import * as React from 'react';
 /**
  * Custom responsive option
  * @see {@link CarouselProps.responsiveOptions}
- * @group Misc
  */
 interface CarouselResponsiveOption {
     /**
@@ -140,7 +139,7 @@ export interface CarouselProps extends Omit<React.DetailedHTMLProps<React.HTMLAt
  *
  * _Carousel is a content slider featuring various customization options._
  *
- * [Live Demo](https://www.primefaces.org/primereact/carousel/)
+ * [Live Demo](https://www.primereact.org/carousel/)
  * --- ---
  * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *

package/cascadeselect/cascadeselect.cjs.js

@@ -122,12 +122,14 @@ var CascadeSelectBase = {
     itemTemplate: null,
     disabled: false,
     dataKey: null,
+    breakpoint: undefined,
     inputId: null,
     tabIndex: null,
     ariaLabelledBy: null,
     appendTo: null,
     transitionOptions: null,
     dropdownIcon: 'pi pi-chevron-down',
+    scrollHeight: '400px',
     onChange: null,
     onGroupChange: null,
     onBeforeShow: null,
@@ -356,10 +358,15 @@ var CascadeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     overlayVisibleState = _React$useState4[0],
     setOverlayVisibleState = _React$useState4[1];
+  var _React$useState5 = React__namespace.useState(null),
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    attributeSelectorState = _React$useState6[0],
+    setAttributeSelectorState = _React$useState6[1];
   var elementRef = React__namespace.useRef(null);
   var overlayRef = React__namespace.useRef(null);
   var inputRef = React__namespace.useRef(null);
   var labelRef = React__namespace.useRef(null);
+  var styleElementRef = React__namespace.useRef(null);
   var dirty = React__namespace.useRef(false);
   var selectionPath = React__namespace.useRef(null);
   var _useOverlayListener = hooks.useOverlayListener({
@@ -504,6 +511,10 @@ var CascadeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
   var onOverlayEnter = function onOverlayEnter() {
     utils.ZIndexUtils.set('overlay', overlayRef.current, PrimeReact__default["default"].autoZIndex, PrimeReact__default["default"].zIndex['overlay']);
     alignOverlay();
+    if (attributeSelectorState && props.breakpoint) {
+      overlayRef.current.setAttribute(attributeSelectorState + '_panel', '');
+      createStyle();
+    }
   };
   var onOverlayEntered = function onOverlayEntered() {
     bindOverlayListener();
@@ -516,10 +527,22 @@ var CascadeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
   var onOverlayExited = function onOverlayExited() {
     utils.ZIndexUtils.clear(overlayRef.current);
     props.onHide && props.onHide();
+    destroyStyle();
   };
   var alignOverlay = function alignOverlay() {
     utils.DomHandler.alignOverlay(overlayRef.current, labelRef.current.parentElement, props.appendTo || PrimeReact__default["default"].appendTo);
   };
+  var createStyle = function createStyle() {
+    if (!styleElementRef.current) {
+      styleElementRef.current = utils.DomHandler.createInlineStyle(PrimeReact__default["default"].nonce);
+      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 !important;\n        box-shadow: none;\n        border-radius: 0;\n        padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n    }\n\n    .p-cascadeselect-panel[").concat(selector, "] .p-cascadeselect-group-icon:before {\n        content: \"\\e930\";\n    }\n}\n");
+      styleElementRef.current.innerHTML = innerHTML;
+    }
+  };
+  var destroyStyle = function destroyStyle() {
+    styleElementRef.current = utils.DomHandler.removeInlineStyle(styleElementRef.current);
+  };
   React__namespace.useImperativeHandle(ref, function () {
     return {
       props: props,
@@ -540,6 +563,11 @@ var CascadeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
       }
     };
   });
+  hooks.useMountEffect(function () {
+    if (props.breakpoint) {
+      !attributeSelectorState && setAttributeSelectorState(utils.UniqueComponentId());
+    }
+  });
   React__namespace.useEffect(function () {
     utils.ObjectUtils.combinedRefs(inputRef, props.inputRef);
   }, [inputRef, props.inputRef]);

package/cascadeselect/cascadeselect.cjs.min.js

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