primereact 10.3.0 → 10.3.2

package/cascadeselect/cascadeselect.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.cascadeselect = (function (exports, React, PrimeReact, componentbase, csstransition, hooks, chevrondown, overlayservice, portal, utils, angleright, ripple, spinner) {
+this.primereact.cascadeselect = (function (exports, React, PrimeReact, componentbase, csstransition, hooks, chevrondown, spinner, overlayservice, portal, utils, angleright, ripple) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -165,12 +165,12 @@ this.primereact.cascadeselect = (function (exports, React, PrimeReact, component
     },
     sublist: 'p-cascadeselect-panel p-cascadeselect-items p-cascadeselect-sublist',
     item: function item(_ref4) {
-      var option = _ref4.option,
-        isOptionGroup = _ref4.isOptionGroup,
-        activeOptionState = _ref4.activeOptionState;
+      _ref4.option;
+        var isGroup = _ref4.isGroup,
+        isSelected = _ref4.isSelected;
       return utils.classNames('p-cascadeselect-item', {
-        'p-cascadeselect-item-group': isOptionGroup(option),
-        'p-cascadeselect-item-active p-highlight': activeOptionState === option
+        'p-cascadeselect-item-group': isGroup,
+        'p-cascadeselect-item-active p-highlight': isSelected
       });
     },
     dropdownIcon: 'p-cascadeselect-trigger-icon',
@@ -231,6 +231,7 @@ this.primereact.cascadeselect = (function (exports, React, PrimeReact, component
   function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var CascadeSelectSub = /*#__PURE__*/React__namespace.memo(function (props) {
+    var mergeProps = hooks.useMergeProps();
     var _React$useState = React__namespace.useState(null),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       activeOptionState = _React$useState2[0],
@@ -239,9 +240,10 @@ this.primereact.cascadeselect = (function (exports, React, PrimeReact, component
     var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
     var ptm = props.ptm,
       cx = props.cx;
-    var getPTOptions = function getPTOptions(key) {
+    var getPTOptions = function getPTOptions(key, options) {
       return ptm(key, {
-        hostName: props.hostName
+        hostName: props.hostName,
+        state: _objectSpread$1({}, options)
       });
     };
     var position = function position() {
@@ -366,7 +368,9 @@ this.primereact.cascadeselect = (function (exports, React, PrimeReact, component
       }
     });
     hooks.useUpdateEffect(function () {
-      setActiveOptionState(null);
+      if (!props.parentActive) {
+        setActiveOptionState(null);
+      }
     }, [props.parentActive]);
     var createSubmenu = function createSubmenu(option) {
       if (isOptionGroup(option) && activeOptionState === option) {
@@ -397,11 +401,11 @@ this.primereact.cascadeselect = (function (exports, React, PrimeReact, component
     };
     var createOption = function createOption(option, index) {
       var submenu = createSubmenu(option);
-      var textProps = utils.mergeProps({
+      var textProps = mergeProps({
         className: cx('text')
       }, getPTOptions('text'));
       var content = props.template ? utils.ObjectUtils.getJSXElement(props.template, getOptionValue(option)) : /*#__PURE__*/React__namespace.createElement("span", textProps, getOptionLabelToRender(option));
-      var optionGroupIconProps = utils.mergeProps({
+      var optionGroupIconProps = mergeProps({
         className: cx('optionGroupIcon')
       }, getPTOptions('optionGroupIcon'));
       var icon = props.optionGroupIcon || /*#__PURE__*/React__namespace.createElement(angleright.AngleRightIcon, optionGroupIconProps);
@@ -409,7 +413,7 @@ this.primereact.cascadeselect = (function (exports, React, PrimeReact, component
         props: props
       });
       var key = getOptionLabelToRender(option) + '_' + index;
-      var contentProps = utils.mergeProps({
+      var contentProps = mergeProps({
         className: cx('content'),
         onClick: function onClick(event) {
           return onOptionClick(event, option);
@@ -419,17 +423,22 @@ this.primereact.cascadeselect = (function (exports, React, PrimeReact, component
           return _onKeyDown(event, option);
         }
       }, getPTOptions('content'));
-      var itemProps = utils.mergeProps({
+      var isSelected = activeOptionState === option;
+      var isGroup = isOptionGroup(option);
+      var itemProps = mergeProps({
         className: utils.classNames(option.className, cx('item', {
           option: option,
-          isOptionGroup: isOptionGroup,
-          activeOptionState: activeOptionState
+          isGroup: isGroup,
+          isSelected: isSelected
         })),
         style: option.style,
         role: 'none',
-        'data-p-item-group': isOptionGroup(option),
-        'data-p-highlight': activeOptionState === option
-      }, getPTOptions('item'));
+        'data-p-item-group': isGroup,
+        'data-p-highlight': isSelected
+      }, getPTOptions('item', {
+        selected: isSelected,
+        group: isGroup
+      }));
       return /*#__PURE__*/React__namespace.createElement("li", _extends({
         key: key
       }, itemProps), /*#__PURE__*/React__namespace.createElement("div", contentProps, content, optionGroup, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null)), submenu);
@@ -438,7 +447,7 @@ this.primereact.cascadeselect = (function (exports, React, PrimeReact, component
       return props.options ? props.options.map(createOption) : null;
     };
     var submenu = createMenu();
-    var listProps = utils.mergeProps({
+    var listProps = mergeProps({
       ref: elementRef,
       className: cx(props.level === 0 ? 'list' : 'sublist', {
         context: context
@@ -449,12 +458,13 @@ this.primereact.cascadeselect = (function (exports, React, PrimeReact, component
     return /*#__PURE__*/React__namespace.createElement("ul", listProps, submenu);
   });
 
-  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
   function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
   function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var CascadeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
     var props = CascadeSelectBase.getProps(inProps, context);
     var _React$useState = React__namespace.useState(false),
@@ -475,7 +485,8 @@ this.primereact.cascadeselect = (function (exports, React, PrimeReact, component
           focused: focusedState,
           overlayVisible: overlayVisibleState,
           attributeSelector: attributeSelectorState
-        }
+        },
+        context: _objectSpread({}, context)
       }),
       ptm = _CascadeSelectBase$se.ptm,
       cx = _CascadeSelectBase$se.cx,
@@ -502,6 +513,14 @@ this.primereact.cascadeselect = (function (exports, React, PrimeReact, component
       _useOverlayListener2 = _slicedToArray(_useOverlayListener, 2),
       bindOverlayListener = _useOverlayListener2[0],
       unbindOverlayListener = _useOverlayListener2[1];
+    var cascadeSelectOverlayDisplayOrder = hooks.useDisplayOrder('cascade-select', overlayVisibleState);
+    hooks.useGlobalOnEscapeKey({
+      callback: function callback() {
+        hide();
+      },
+      when: overlayVisibleState && cascadeSelectOverlayDisplayOrder,
+      priority: [hooks.ESC_KEY_HANDLING_PRIORITIES.CASCADE_SELECT, cascadeSelectOverlayDisplayOrder]
+    });
     var onOptionSelect = function onOptionSelect(event) {
       if (props.onChange) {
         props.onChange({
@@ -595,7 +614,7 @@ this.primereact.cascadeselect = (function (exports, React, PrimeReact, component
         //down
         case 40:
           if (overlayVisibleState) {
-            utils.DomHandler.findSingle(overlayRef.current, '.p-cascadeselect-item').children[0].focus();
+            utils.DomHandler.findSingle(overlayRef.current, '[data-pc-section="item"]').children[0].focus();
           } else if (event.altKey && props.options && props.options.length) {
             show();
           }
@@ -660,7 +679,7 @@ this.primereact.cascadeselect = (function (exports, React, PrimeReact, component
     };
     var createStyle = function createStyle() {
       if (!styleElementRef.current) {
-        styleElementRef.current = utils.DomHandler.createInlineStyle(context && context.nonce || PrimeReact__default["default"].nonce);
+        styleElementRef.current = utils.DomHandler.createInlineStyle(context && context.nonce || PrimeReact__default["default"].nonce, context && context.styleContainer);
         var selector = "".concat(attributeSelectorState, "_panel");
         var innerHTML = "\n@media screen and (max-width: ".concat(props.breakpoint, ") {\n    .p-cascadeselect-panel[").concat(selector, "] .p-cascadeselect-items-wrapper > ul {\n        max-height: ").concat(props.scrollHeight, ";\n        overflow: ").concat(props.scrollHeight ? 'auto' : '', ";\n    }\n\n    .p-cascadeselect-panel[").concat(selector, "] .p-cascadeselect-sublist {\n        position: relative;\n    }\n\n    .p-cascadeselect-panel[").concat(selector, "] .p-cascadeselect-item-active > .p-cascadeselect-sublist {\n        left: 0;\n        box-shadow: none;\n        border-radius: 0;\n        padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n    }\n\n    .p-cascadeselect-panel[").concat(selector, "] .p-cascadeselect-group-icon:before {\n        content: \"\\e930\";\n    }\n}\n");
         styleElementRef.current.innerHTML = innerHTML;
@@ -709,10 +728,10 @@ this.primereact.cascadeselect = (function (exports, React, PrimeReact, component
     });
     var createKeyboardHelper = function createKeyboardHelper() {
       var value = props.value ? getOptionLabel(props.value) : undefined;
-      var hiddenSelectedMessageProps = utils.mergeProps({
+      var hiddenSelectedMessageProps = mergeProps({
         className: 'p-hidden-accessible'
       }, ptm('hiddenSelectedMessage'));
-      var inputProps = utils.mergeProps(_objectSpread({
+      var inputProps = mergeProps(_objectSpread({
         ref: inputRef,
         type: 'text',
         id: props.inputId,
@@ -732,16 +751,20 @@ this.primereact.cascadeselect = (function (exports, React, PrimeReact, component
     };
     var createLabel = function createLabel() {
       var label = props.value ? getOptionLabel(props.value) : props.placeholder || 'p-emptylabel';
-      var labelProps = utils.mergeProps({
+      var labelProps = mergeProps({
         ref: labelRef,
         className: cx('label', {
           label: label
         })
-      }, ptm('label'));
+      }, ptm('label', {
+        context: _objectSpread({
+          label: label
+        }, context)
+      }));
       return /*#__PURE__*/React__namespace.createElement("span", labelProps, label);
     };
     var createLoadingIcon = function createLoadingIcon() {
-      var loadingIconProps = utils.mergeProps({
+      var loadingIconProps = mergeProps({
         className: cx('loadingIcon')
       }, ptm('loadingIcon'));
       var icon = props.loadingIcon || /*#__PURE__*/React__namespace.createElement(spinner.SpinnerIcon, {
@@ -750,7 +773,7 @@ this.primereact.cascadeselect = (function (exports, React, PrimeReact, component
       var loadingIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, loadingIconProps), {
         props: props
       });
-      var loadingButtonProps = utils.mergeProps({
+      var loadingButtonProps = mergeProps({
         className: cx('loadingButton'),
         role: 'button',
         'aria-haspopup': 'listbox',
@@ -759,14 +782,14 @@ this.primereact.cascadeselect = (function (exports, React, PrimeReact, component
       return /*#__PURE__*/React__namespace.createElement("div", loadingButtonProps, loadingIcon);
     };
     var createDropdownIcon = function createDropdownIcon() {
-      var dropdownIconProps = utils.mergeProps({
+      var dropdownIconProps = mergeProps({
         className: cx('dropdownIcon')
       }, ptm('dropdownIcon'));
       var icon = props.dropdownIcon || /*#__PURE__*/React__namespace.createElement(chevrondown.ChevronDownIcon, dropdownIconProps);
       var dropdownIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, dropdownIconProps), {
         props: props
       });
-      var dropdownButtonProps = utils.mergeProps({
+      var dropdownButtonProps = mergeProps({
         className: cx('dropdownButton'),
         role: 'button',
         'aria-haspopup': 'listbox',
@@ -774,10 +797,10 @@ this.primereact.cascadeselect = (function (exports, React, PrimeReact, component
       }, ptm('dropdownButton'));
       return /*#__PURE__*/React__namespace.createElement("div", dropdownButtonProps, dropdownIcon);
     };
-    var wrapperProps = utils.mergeProps({
+    var wrapperProps = mergeProps({
       className: cx('wrapper')
     }, ptm('wrapper'));
-    var panelProps = utils.mergeProps({
+    var panelProps = mergeProps({
       ref: overlayRef,
       className: cx('panel'),
       onClick: function onClick(e) {
@@ -785,7 +808,7 @@ this.primereact.cascadeselect = (function (exports, React, PrimeReact, component
       }
     }, ptm('panel'));
     var createOverlay = function createOverlay() {
-      var transitionProps = utils.mergeProps({
+      var transitionProps = mergeProps({
         classNames: cx('transition'),
         "in": overlayVisibleState,
         timeout: {
@@ -808,6 +831,7 @@ this.primereact.cascadeselect = (function (exports, React, PrimeReact, component
         optionGroupIcon: props.optionGroupIcon,
         optionLabel: props.optionLabel,
         optionValue: props.optionValue,
+        parentActive: props.value != null,
         level: 0,
         optionGroupLabel: props.optionGroupLabel,
         optionGroupChildren: props.optionGroupChildren,
@@ -829,7 +853,7 @@ this.primereact.cascadeselect = (function (exports, React, PrimeReact, component
       var labelElement = createLabel();
       var dropdownIcon = props.loading ? createLoadingIcon() : createDropdownIcon();
       var overlay = createOverlay();
-      var rootProps = utils.mergeProps({
+      var rootProps = mergeProps({
         id: props.id,
         ref: elementRef,
         className: cx('root', {
@@ -857,4 +881,4 @@ this.primereact.cascadeselect = (function (exports, React, PrimeReact, component
 
   return exports;
 
-})({}, React, primereact.api, primereact.componentbase, primereact.csstransition, primereact.hooks, primereact.icons.chevrondown, primereact.overlayservice, primereact.portal, primereact.utils, primereact.icons.angleright, primereact.ripple, primereact.icons.spinner);
+})({}, React, primereact.api, primereact.componentbase, primereact.csstransition, primereact.hooks, primereact.icons.chevrondown, primereact.icons.spinner, primereact.overlayservice, primereact.portal, primereact.utils, primereact.icons.angleright, primereact.ripple);

package/cascadeselect/cascadeselect.min.js

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

package/chart/chart.cjs.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var api = require('primereact/api');
+var componentbase = require('primereact/componentbase');
 var hooks = require('primereact/hooks');
 var utils = require('primereact/utils');
-var componentbase = require('primereact/componentbase');
 
 function _interopNamespace(e) {
     if (e && e.__esModule) return e;
@@ -72,6 +72,7 @@ var ChartJS = function () {
   }
 }();
 var PrimeReactChart = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = hooks.useMergeProps();
   var context = React__namespace.useContext(api.PrimeReactContext);
   var props = ChartBase.getProps(inProps, context);
   var _ChartBase$setMetaDat = ChartBase.setMetaData({
@@ -156,13 +157,13 @@ var PrimeReactChart = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
   });
   var title = props.options && props.options.plugins && props.options.plugins.title && props.options.plugins.title.text;
   var ariaLabel = props.ariaLabel || title;
-  var rootProps = utils.mergeProps({
+  var rootProps = mergeProps({
     id: props.id,
     ref: elementRef,
     style: sx('root'),
     className: cx('root')
   }, ChartBase.getOtherProps(props), ptm('root'));
-  var canvasProps = utils.mergeProps({
+  var canvasProps = mergeProps({
     ref: canvasRef,
     width: props.width,
     height: props.height,

package/chart/chart.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/hooks"),n=require("primereact/utils"),u=require("primereact/componentbase");function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var i=a(e),o=u.ComponentBase.extend({defaultProps:{__TYPE:"Chart",id:null,type:null,data:null,options:null,plugins:null,width:null,height:null,style:null,className:null,children:void 0},css:{classes:{root:function(e){return n.classNames("p-chart",e.props.className)}},inlineStyles:{root:function(e){var t=e.props;return Object.assign({width:t.width,height:t.height},t.style)}},styles:"\n        @layer primereact {\n            .p-chart {\n                position: relative\n            }\n        }\n        "}}),s=function(){try{return Chart}catch(e){return null}}(),c=i.memo(i.forwardRef((function(e,c){var l=i.useContext(t.PrimeReactContext),p=o.getProps(e,l),f=o.setMetaData({props:p}),d=f.ptm,h=f.cx,g=f.sx;u.useHandleStyle(o.css.styles,f.isUnstyled,{name:"chart"});var m=i.useRef(null),y=i.useRef(null),v=i.useRef(null),b=function(){P();var e={type:p.type,data:p.data,options:p.options,plugins:p.plugins};s?y.current=new s(v.current,e):Promise.resolve().then((function(){return a(require("chart.js/auto"))})).then((function(t){P(),v.current&&t&&(y.current=t.default?new t.default(v.current,e):new t(v.current,e))}))},P=function(){y.current&&(y.current.destroy(),y.current=null)};i.useImperativeHandle(c,(function(){return{props:p,getCanvas:function(){return v.current},getChart:function(){return y.current},getBase64Image:function(){return y.current.toBase64Image()},getElement:function(){return m.current},generateLegend:function(){return y.current&&y.current.generateLegend()},refresh:function(){return y.current&&y.current.update()}}})),i.useEffect((function(){b()})),r.useUnmountEffect((function(){P()}));var w=p.ariaLabel||p.options&&p.options.plugins&&p.options.plugins.title&&p.options.plugins.title.text,C=n.mergeProps({id:p.id,ref:m,style:g("root"),className:h("root")},o.getOtherProps(p),d("root")),O=n.mergeProps({ref:v,width:p.width,height:p.height,role:"img","aria-label":w},d("canvas"));return i.createElement("div",C,i.createElement("canvas",O))})),(function(e,t){return e.data===t.data&&e.options===t.options&&e.type===t.type}));c.displayName="Chart",exports.Chart=c;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/componentbase"),n=require("primereact/hooks"),u=require("primereact/utils");function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var i=a(e),o=r.ComponentBase.extend({defaultProps:{__TYPE:"Chart",id:null,type:null,data:null,options:null,plugins:null,width:null,height:null,style:null,className:null,children:void 0},css:{classes:{root:function(e){return u.classNames("p-chart",e.props.className)}},inlineStyles:{root:function(e){var t=e.props;return Object.assign({width:t.width,height:t.height},t.style)}},styles:"\n        @layer primereact {\n            .p-chart {\n                position: relative\n            }\n        }\n        "}}),s=function(){try{return Chart}catch(e){return null}}(),c=i.memo(i.forwardRef((function(e,u){var c=n.useMergeProps(),l=i.useContext(t.PrimeReactContext),p=o.getProps(e,l),f=o.setMetaData({props:p}),d=f.ptm,h=f.cx,g=f.sx;r.useHandleStyle(o.css.styles,f.isUnstyled,{name:"chart"});var m=i.useRef(null),y=i.useRef(null),v=i.useRef(null),b=function(){w();var e={type:p.type,data:p.data,options:p.options,plugins:p.plugins};s?y.current=new s(v.current,e):Promise.resolve().then((function(){return a(require("chart.js/auto"))})).then((function(t){w(),v.current&&t&&(y.current=t.default?new t.default(v.current,e):new t(v.current,e))}))},w=function(){y.current&&(y.current.destroy(),y.current=null)};i.useImperativeHandle(u,(function(){return{props:p,getCanvas:function(){return v.current},getChart:function(){return y.current},getBase64Image:function(){return y.current.toBase64Image()},getElement:function(){return m.current},generateLegend:function(){return y.current&&y.current.generateLegend()},refresh:function(){return y.current&&y.current.update()}}})),i.useEffect((function(){b()})),n.useUnmountEffect((function(){w()}));var P=p.ariaLabel||p.options&&p.options.plugins&&p.options.plugins.title&&p.options.plugins.title.text,C=c({id:p.id,ref:m,style:g("root"),className:h("root")},o.getOtherProps(p),d("root")),O=c({ref:v,width:p.width,height:p.height,role:"img","aria-label":P},d("canvas"));return i.createElement("div",C,i.createElement("canvas",O))})),(function(e,t){return e.data===t.data&&e.options===t.options&&e.type===t.type}));c.displayName="Chart",exports.Chart=c;

package/chart/chart.esm.js

@@ -1,9 +1,9 @@
 'use client';
 import * as React from 'react';
 import { PrimeReactContext } from 'primereact/api';
-import { useUnmountEffect } from 'primereact/hooks';
-import { classNames, mergeProps } from 'primereact/utils';
 import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
+import { useMergeProps, useUnmountEffect } from 'primereact/hooks';
+import { classNames } from 'primereact/utils';
 
 var ChartBase = ComponentBase.extend({
   defaultProps: {
@@ -48,6 +48,7 @@ var ChartJS = function () {
   }
 }();
 var PrimeReactChart = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = ChartBase.getProps(inProps, context);
   var _ChartBase$setMetaDat = ChartBase.setMetaData({

package/chart/chart.esm.min.js

@@ -1 +1 @@
-import*as t from"react";import{PrimeReactContext as e}from"primereact/api";import{useUnmountEffect as r}from"primereact/hooks";import{classNames as n,mergeProps as a}from"primereact/utils";import{ComponentBase as u,useHandleStyle as o}from"primereact/componentbase";var i=u.extend({defaultProps:{__TYPE:"Chart",id:null,type:null,data:null,options:null,plugins:null,width:null,height:null,style:null,className:null,children:void 0},css:{classes:{root:function(t){return n("p-chart",t.props.className)}},inlineStyles:{root:function(t){var e=t.props;return Object.assign({width:e.width,height:e.height},e.style)}},styles:"\n        @layer primereact {\n            .p-chart {\n                position: relative\n            }\n        }\n        "}}),s=function(){try{return Chart}catch(t){return null}}(),l=t.memo(t.forwardRef((function(n,u){var l=t.useContext(e),c=i.getProps(n,l),p=i.setMetaData({props:c}),f=p.ptm,m=p.cx,h=p.sx;o(i.css.styles,p.isUnstyled,{name:"chart"});var d=t.useRef(null),g=t.useRef(null),y=t.useRef(null),v=function(){w();var t={type:c.type,data:c.data,options:c.options,plugins:c.plugins};s?g.current=new s(y.current,t):import("chart.js/auto").then((function(e){w(),y.current&&e&&(g.current=e.default?new e.default(y.current,t):new e(y.current,t))}))},w=function(){g.current&&(g.current.destroy(),g.current=null)};t.useImperativeHandle(u,(function(){return{props:c,getCanvas:function(){return y.current},getChart:function(){return g.current},getBase64Image:function(){return g.current.toBase64Image()},getElement:function(){return d.current},generateLegend:function(){return g.current&&g.current.generateLegend()},refresh:function(){return g.current&&g.current.update()}}})),t.useEffect((function(){v()})),r((function(){w()}));var C=c.ariaLabel||c.options&&c.options.plugins&&c.options.plugins.title&&c.options.plugins.title.text,x=a({id:c.id,ref:d,style:h("root"),className:m("root")},i.getOtherProps(c),f("root")),E=a({ref:y,width:c.width,height:c.height,role:"img","aria-label":C},f("canvas"));return t.createElement("div",x,t.createElement("canvas",E))})),(function(t,e){return t.data===e.data&&t.options===e.options&&t.type===e.type}));l.displayName="Chart";export{l as Chart};
+import*as t from"react";import{PrimeReactContext as e}from"primereact/api";import{ComponentBase as r,useHandleStyle as n}from"primereact/componentbase";import{useMergeProps as a,useUnmountEffect as u}from"primereact/hooks";import{classNames as o}from"primereact/utils";var i=r.extend({defaultProps:{__TYPE:"Chart",id:null,type:null,data:null,options:null,plugins:null,width:null,height:null,style:null,className:null,children:void 0},css:{classes:{root:function(t){return o("p-chart",t.props.className)}},inlineStyles:{root:function(t){var e=t.props;return Object.assign({width:e.width,height:e.height},e.style)}},styles:"\n        @layer primereact {\n            .p-chart {\n                position: relative\n            }\n        }\n        "}}),s=function(){try{return Chart}catch(t){return null}}(),l=t.memo(t.forwardRef((function(r,o){var l=a(),c=t.useContext(e),p=i.getProps(r,c),f=i.setMetaData({props:p}),m=f.ptm,h=f.cx,d=f.sx;n(i.css.styles,f.isUnstyled,{name:"chart"});var g=t.useRef(null),y=t.useRef(null),v=t.useRef(null),w=function(){C();var t={type:p.type,data:p.data,options:p.options,plugins:p.plugins};s?y.current=new s(v.current,t):import("chart.js/auto").then((function(e){C(),v.current&&e&&(y.current=e.default?new e.default(v.current,t):new e(v.current,t))}))},C=function(){y.current&&(y.current.destroy(),y.current=null)};t.useImperativeHandle(o,(function(){return{props:p,getCanvas:function(){return v.current},getChart:function(){return y.current},getBase64Image:function(){return y.current.toBase64Image()},getElement:function(){return g.current},generateLegend:function(){return y.current&&y.current.generateLegend()},refresh:function(){return y.current&&y.current.update()}}})),t.useEffect((function(){w()})),u((function(){C()}));var x=p.ariaLabel||p.options&&p.options.plugins&&p.options.plugins.title&&p.options.plugins.title.text,E=l({id:p.id,ref:g,style:d("root"),className:h("root")},i.getOtherProps(p),m("root")),b=l({ref:v,width:p.width,height:p.height,role:"img","aria-label":x},m("canvas"));return t.createElement("div",E,t.createElement("canvas",b))})),(function(t,e){return t.data===e.data&&t.options===e.options&&t.type===e.type}));l.displayName="Chart";export{l as Chart};

package/chart/chart.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.chart = (function (exports, React, api, hooks, utils, componentbase) {
+this.primereact.chart = (function (exports, React, api, componentbase, hooks, utils) {
     'use strict';
 
     function _interopNamespace(e) {
@@ -65,6 +65,7 @@ this.primereact.chart = (function (exports, React, api, hooks, utils, componentb
       }
     }();
     var PrimeReactChart = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+      var mergeProps = hooks.useMergeProps();
       var context = React__namespace.useContext(api.PrimeReactContext);
       var props = ChartBase.getProps(inProps, context);
       var _ChartBase$setMetaDat = ChartBase.setMetaData({
@@ -149,13 +150,13 @@ this.primereact.chart = (function (exports, React, api, hooks, utils, componentb
       });
       var title = props.options && props.options.plugins && props.options.plugins.title && props.options.plugins.title.text;
       var ariaLabel = props.ariaLabel || title;
-      var rootProps = utils.mergeProps({
+      var rootProps = mergeProps({
         id: props.id,
         ref: elementRef,
         style: sx('root'),
         className: cx('root')
       }, ChartBase.getOtherProps(props), ptm('root'));
-      var canvasProps = utils.mergeProps({
+      var canvasProps = mergeProps({
         ref: canvasRef,
         width: props.width,
         height: props.height,
@@ -174,4 +175,4 @@ this.primereact.chart = (function (exports, React, api, hooks, utils, componentb
 
     return exports;
 
-})({}, React, primereact.api, primereact.hooks, primereact.utils, primereact.componentbase);
+})({}, React, primereact.api, primereact.componentbase, primereact.hooks, primereact.utils);

package/chart/chart.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.chart=function(e,t,r,n,u,a){"use strict";function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var s=i(t),o=a.ComponentBase.extend({defaultProps:{__TYPE:"Chart",id:null,type:null,data:null,options:null,plugins:null,width:null,height:null,style:null,className:null,children:void 0},css:{classes:{root:function(e){return u.classNames("p-chart",e.props.className)}},inlineStyles:{root:function(e){var t=e.props;return Object.assign({width:t.width,height:t.height},t.style)}},styles:"\n        @layer primereact {\n            .p-chart {\n                position: relative\n            }\n        }\n        "}}),c=function(){try{return Chart}catch(e){return null}}(),l=s.memo(s.forwardRef((function(e,t){var i=s.useContext(r.PrimeReactContext),l=o.getProps(e,i),p=o.setMetaData({props:l}),f=p.ptm,d=p.cx,h=p.sx;a.useHandleStyle(o.css.styles,p.isUnstyled,{name:"chart"});var m=s.useRef(null),g=s.useRef(null),y=s.useRef(null),v=function(){b();var e={type:l.type,data:l.data,options:l.options,plugins:l.plugins};c?g.current=new c(y.current,e):import("chart.js/auto").then((function(t){b(),y.current&&t&&(g.current=t.default?new t.default(y.current,e):new t(y.current,e))}))},b=function(){g.current&&(g.current.destroy(),g.current=null)};s.useImperativeHandle(t,(function(){return{props:l,getCanvas:function(){return y.current},getChart:function(){return g.current},getBase64Image:function(){return g.current.toBase64Image()},getElement:function(){return m.current},generateLegend:function(){return g.current&&g.current.generateLegend()},refresh:function(){return g.current&&g.current.update()}}})),s.useEffect((function(){v()})),n.useUnmountEffect((function(){b()}));var w=l.ariaLabel||l.options&&l.options.plugins&&l.options.plugins.title&&l.options.plugins.title.text,P=u.mergeProps({id:l.id,ref:m,style:h("root"),className:d("root")},o.getOtherProps(l),f("root")),C=u.mergeProps({ref:y,width:l.width,height:l.height,role:"img","aria-label":w},f("canvas"));return s.createElement("div",P,s.createElement("canvas",C))})),(function(e,t){return e.data===t.data&&e.options===t.options&&e.type===t.type}));return l.displayName="Chart",e.Chart=l,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.utils,primereact.componentbase);
+this.primereact=this.primereact||{},this.primereact.chart=function(e,t,r,n,u,a){"use strict";function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var s=i(t),o=n.ComponentBase.extend({defaultProps:{__TYPE:"Chart",id:null,type:null,data:null,options:null,plugins:null,width:null,height:null,style:null,className:null,children:void 0},css:{classes:{root:function(e){return a.classNames("p-chart",e.props.className)}},inlineStyles:{root:function(e){var t=e.props;return Object.assign({width:t.width,height:t.height},t.style)}},styles:"\n        @layer primereact {\n            .p-chart {\n                position: relative\n            }\n        }\n        "}}),c=function(){try{return Chart}catch(e){return null}}(),l=s.memo(s.forwardRef((function(e,t){var a=u.useMergeProps(),i=s.useContext(r.PrimeReactContext),l=o.getProps(e,i),p=o.setMetaData({props:l}),f=p.ptm,d=p.cx,h=p.sx;n.useHandleStyle(o.css.styles,p.isUnstyled,{name:"chart"});var m=s.useRef(null),g=s.useRef(null),y=s.useRef(null),v=function(){b();var e={type:l.type,data:l.data,options:l.options,plugins:l.plugins};c?g.current=new c(y.current,e):import("chart.js/auto").then((function(t){b(),y.current&&t&&(g.current=t.default?new t.default(y.current,e):new t(y.current,e))}))},b=function(){g.current&&(g.current.destroy(),g.current=null)};s.useImperativeHandle(t,(function(){return{props:l,getCanvas:function(){return y.current},getChart:function(){return g.current},getBase64Image:function(){return g.current.toBase64Image()},getElement:function(){return m.current},generateLegend:function(){return g.current&&g.current.generateLegend()},refresh:function(){return g.current&&g.current.update()}}})),s.useEffect((function(){v()})),u.useUnmountEffect((function(){b()}));var w=l.ariaLabel||l.options&&l.options.plugins&&l.options.plugins.title&&l.options.plugins.title.text,C=a({id:l.id,ref:m,style:h("root"),className:d("root")},o.getOtherProps(l),f("root")),O=a({ref:y,width:l.width,height:l.height,role:"img","aria-label":w},f("canvas"));return s.createElement("div",C,s.createElement("canvas",O))})),(function(e,t){return e.data===t.data&&e.options===t.options&&e.type===t.type}));return l.displayName="Chart",e.Chart=l,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils);