primereact 9.0.0 → 9.1.0

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

@@ -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

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/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;

package/cascadeselect/cascadeselect.d.ts

@@ -101,6 +101,10 @@ export interface CascadeSelectProps extends Omit<React.DetailedHTMLProps<React.I
      * A property to uniquely identify an option.
      */
     dataKey?: string | undefined;
+    /**
+     * The breakpoint to define the maximum width boundary when responsiveness is enabled.
+     */
+    breakpoint?: string | undefined;
     /**
      * Identifier of the underlying input element.
      */
@@ -128,6 +132,11 @@ export interface CascadeSelectProps extends Omit<React.DetailedHTMLProps<React.I
      * @defaultValue pi pi-chevron-down
      */
     dropdownIcon?: string | undefined;
+    /**
+     * Maximum height of the options panel on responsive mode.
+     * @defaultValue 400px
+     */
+    scrollHeight?: string | undefined;
     /**
      * Callback to invoke on value change
      * @param {CascadeSelectChangeEvent} event - Custom change event

package/cascadeselect/cascadeselect.esm.js

@@ -4,7 +4,7 @@ import { CSSTransition } from 'primereact/csstransition';
 import { useMountEffect, useUpdateEffect, useOverlayListener, useUnmountEffect } from 'primereact/hooks';
 import { OverlayService } from 'primereact/overlayservice';
 import { Portal } from 'primereact/portal';
-import { ObjectUtils, classNames, DomHandler, ZIndexUtils } from 'primereact/utils';
+import { ObjectUtils, classNames, DomHandler, UniqueComponentId, ZIndexUtils } from 'primereact/utils';
 import { Ripple } from 'primereact/ripple';
 
 function _extends() {
@@ -95,12 +95,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,
@@ -329,10 +331,15 @@ var CascadeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     overlayVisibleState = _React$useState4[0],
     setOverlayVisibleState = _React$useState4[1];
+  var _React$useState5 = React.useState(null),
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    attributeSelectorState = _React$useState6[0],
+    setAttributeSelectorState = _React$useState6[1];
   var elementRef = React.useRef(null);
   var overlayRef = React.useRef(null);
   var inputRef = React.useRef(null);
   var labelRef = React.useRef(null);
+  var styleElementRef = React.useRef(null);
   var dirty = React.useRef(false);
   var selectionPath = React.useRef(null);
   var _useOverlayListener = useOverlayListener({
@@ -477,6 +484,10 @@ var CascadeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
   var onOverlayEnter = function onOverlayEnter() {
     ZIndexUtils.set('overlay', overlayRef.current, PrimeReact.autoZIndex, PrimeReact.zIndex['overlay']);
     alignOverlay();
+    if (attributeSelectorState && props.breakpoint) {
+      overlayRef.current.setAttribute(attributeSelectorState + '_panel', '');
+      createStyle();
+    }
   };
   var onOverlayEntered = function onOverlayEntered() {
     bindOverlayListener();
@@ -489,10 +500,22 @@ var CascadeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
   var onOverlayExited = function onOverlayExited() {
     ZIndexUtils.clear(overlayRef.current);
     props.onHide && props.onHide();
+    destroyStyle();
   };
   var alignOverlay = function alignOverlay() {
     DomHandler.alignOverlay(overlayRef.current, labelRef.current.parentElement, props.appendTo || PrimeReact.appendTo);
   };
+  var createStyle = function createStyle() {
+    if (!styleElementRef.current) {
+      styleElementRef.current = DomHandler.createInlineStyle(PrimeReact.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 = DomHandler.removeInlineStyle(styleElementRef.current);
+  };
   React.useImperativeHandle(ref, function () {
     return {
       props: props,
@@ -513,6 +536,11 @@ var CascadeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
       }
     };
   });
+  useMountEffect(function () {
+    if (props.breakpoint) {
+      !attributeSelectorState && setAttributeSelectorState(UniqueComponentId());
+    }
+  });
   React.useEffect(function () {
     ObjectUtils.combinedRefs(inputRef, props.inputRef);
   }, [inputRef, props.inputRef]);

package/cascadeselect/cascadeselect.esm.min.js

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