primereact 10.0.0 → 10.0.2

package/cascadeselect/cascadeselect.esm.min.mjs

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