primereact 10.0.0 → 10.0.2

package/treeselect/treeselect.esm.min.mjs

@@ -1 +0,0 @@
-import*as e from"react";import t,{PrimeReactContext as n,localeOption as r}from"primereact/api";import{ComponentBase as l,useHandleStyle as o}from"primereact/componentbase";import{useOverlayListener as a,useMountEffect as i,useUpdateEffect as c,useUnmountEffect as s}from"primereact/hooks";import{ChevronDownIcon as p}from"primereact/icons/chevrondown";import{SearchIcon as u}from"primereact/icons/search";import{TimesIcon as f}from"primereact/icons/times";import{OverlayService as d}from"primereact/overlayservice";import{Ripple as m}from"primereact/ripple";import{Tree as y}from"primereact/tree";import{classNames as v,mergeProps as g,ObjectUtils as b,DomHandler as h,ZIndexUtils as E,IconUtils as w}from"primereact/utils";import{CSSTransition as S}from"primereact/csstransition";import{Portal as O}from"primereact/portal";function x(){return x=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},x.apply(this,arguments)}function I(e){return I="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},I(e)}function N(e,t){if("object"!==I(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==I(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function C(e){var t=N(e,"string");return"symbol"===I(t)?t:String(t)}function j(e,t,n){return(t=C(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function k(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,l,o,a,i=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){s=!0,l=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw l}}return i}}function T(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 T(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)?T(e,t):void 0}}function F(){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 M(e,t){return k(e)||P(e,t)||D(e,t)||F()}var V=l.extend({defaultProps:{__TYPE:"TreeSelect",appendTo:null,ariaLabel:null,ariaLabelledBy:null,className:null,closeIcon:null,clearIcon:null,disabled:!1,display:"comma",dropdownIcon:null,emptyMessage:null,expandedKeys:null,filter:!1,filterBy:"label",filterIcon:null,filterInputAutoFocus:!0,filterLocale:void 0,filterMode:"lenient",filterPlaceholder:null,filterTemplate:null,filterValue:null,inputId:null,inputRef:null,metaKeySelection:!0,name:null,nodeTemplate:null,onChange:null,onFilterValueChange:null,onHide:null,onNodeCollapse:null,onNodeExpand:null,onNodeSelect:null,onNodeUnselect:null,onShow:null,options:null,panelClassName:null,panelFooterTemplate:null,panelHeaderTemplate:null,panelStyle:null,placeholder:null,resetFilterOnHide:!1,scrollHeight:"400px",selectionMode:"single",showClear:!1,style:null,tabIndex:null,togglerTemplate:null,transitionOptions:null,value:null,valueTemplate:null,children:void 0},css:{classes:{root:function(e){var t=e.props,n=e.focusedState;return v("p-treeselect p-component p-inputwrapper",{"p-treeselect-chip":"chip"===t.display,"p-treeselect-clearable":t.showClear&&!t.disabled,"p-disabled":t.disabled,"p-focus":n,"p-inputwrapper-filled":!e.isValueEmpty,"p-inputwrapper-focus":n||e.overlayVisibleState},t.className)},label:function(e){var t=e.props,n=e.isValueEmpty;return v("p-treeselect-label",{"p-placeholder":(0,e.getLabel)()===t.placeholder,"p-treeselect-label-empty":!t.placeholder&&n})},panel:function(e){var n=e.context;return v("p-treeselect-panel p-component",e.panelProps.panelClassName,{"p-input-filled":n&&"filled"===n.inputStyle||"filled"===t.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===t.ripple})},labelContainer:"p-treeselect-label-container",tokenLabel:"p-treeselect-token-label",token:"p-treeselect-token",trigger:"p-treeselect-trigger",triggerIcon:"p-treeselect-trigger-icon p-clickable",emptyMessage:"p-treeselect-empty-message",filterContainer:"p-treeselect-filter-container",filter:"p-treeselect-filter p-inputtext p-component",filterIcon:"p-treeselect-filter-icon",closeIcon:"p-treeselect-close-icon",clearIcon:"p-treeselect-clear-icon p-clickable",closeButton:"p-treeselect-close p-link",header:"p-treeselect-header",wrapper:"p-treeselect-items-wrapper",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-treeselect {\n        display: inline-flex;\n        cursor: pointer;\n        position: relative;\n        user-select: none;\n    }\n    \n    .p-treeselect-trigger {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }\n    \n    .p-treeselect-label-container {\n        overflow: hidden;\n        flex: 1 1 auto;\n        cursor: pointer;\n    }\n    \n    .p-treeselect-label  {\n        display: block;\n        white-space: nowrap;\n        cursor: pointer;\n        overflow: hidden;\n        text-overflow: ellipsis;\n    }\n    \n    .p-treeselect-label-empty {\n        overflow: hidden;\n        visibility: hidden;\n    }\n    \n    .p-treeselect-token {\n        cursor: default;\n        display: inline-flex;\n        align-items: center;\n        flex: 0 0 auto;\n    }\n    \n    .p-treeselect .p-treeselect-panel {\n        min-width: 100%;\n    }\n    \n    .p-treeselect-items-wrapper {\n        overflow: auto;\n    }\n    \n    .p-treeselect-header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n    }\n    \n    .p-treeselect-filter-container {\n        position: relative;\n        flex: 1 1 auto;\n    }\n    \n    .p-treeselect-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-treeselect-filter-container .p-inputtext {\n        width: 100%;\n    }\n    \n    .p-treeselect-close {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n        overflow: hidden;\n        position: relative;\n        margin-left: auto;\n    }\n    \n    .p-treeselect-clear-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-fluid .p-treeselect {\n        display: flex;\n}\n}\n"}});function A(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?A(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):A(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var H=e.forwardRef((function(t,r){var l,o,a,i,c=e.useContext(n),s=t.ptm,p=t.cx,u=function(e,n){return s(e,R({hostName:t.hostName},n))},f=(l={maxHeight:t.scrollHeight||"auto"},o=g({className:p("panel",{panelProps:t,context:c}),style:t.panelStyle,onClick:t.onClick},u("panel")),a=g({className:p("wrapper"),style:l},u("wrapper")),i=g({classNames:p("transition"),in:t.in,timeout:{enter:120,exit:100},options:t.transitionOptions,unmountOnExit:!0,onEnter:t.onEnter,onEntered:t.onEntered,onExit:t.onExit,onExited:t.onExited},u("transition")),e.createElement(S,x({nodeRef:r},i),e.createElement("div",x({ref:r},o),t.header,e.createElement("div",a,t.children),t.footer)));return e.createElement(O,{element:f,appendTo:t.appendTo})}));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 L(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){j(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}function B(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=J(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,l=function(){};return{s:l,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:l}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,a=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return a=e.done,e},e:function(e){i=!0,o=e},f:function(){try{a||null==n.return||n.return()}finally{if(i)throw o}}}}function J(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}H.displayName="TreeSelectPanel";var X=e.memo(e.forwardRef((function(l,v){var S=e.useContext(n),O=V.getProps(l,S),I=M(e.useState(!1),2),N=I[0],C=I[1],k=M(e.useState(!1),2),P=k[0],T=k[1],D=M(e.useState(O.expandedKeys),2),F=D[0],A=D[1],R=M(e.useState(""),2),K=R[0],J=R[1],U=e.useRef(null),X=e.useRef(null),_=e.useRef(null),z=e.useRef(O.inputRef),Z=e.useRef(null),$=e.useRef(null),W=O.onToggle?O.expandedKeys:F,Y=O.onFilterValueChange?O.filterValue:K,q=b.isEmpty(O.value),G=b.isEmpty(O.options),Q="single"===O.selectionMode,ee="checkbox"===O.selectionMode,te={props:O,state:{focused:N,overlayVisible:P,expandedKeys:W,filterValue:Y}},ne=V.setMetaData(te),re=ne.ptm,le=ne.cx;o(V.css.styles,ne.isUnstyled,{name:"treeselect"});var oe={filter:function(e){return Se(e)},reset:function(){return Oe()}},ae=M(a({target:U,overlay:X,listener:function(e,t){t.valid&&ue()},when:P}),2),ie=ae[0],ce=ae[1],se=function(){return Ve.length?Ve.map((function(e){return e.label})).join(", "):O.placeholder},pe=function(){T(!0)},ue=function(){T(!1)},fe=function(){C(!0)},de=function(){C(!1)},me=function(e){O.onChange&&($.current=!0,O.onChange({originalEvent:e.originalEvent,value:e.value,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:O.name,id:O.id,value:e.value}}))},ye=function(e){O.onChange&&($.current=!0,O.onChange({originalEvent:e,value:void 0,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:O.name,id:O.id,value:void 0}}))},ve=function(e){O.onNodeSelect&&O.onNodeSelect(e),Q&&ue()},ge=function(e){O.onNodeUnselect&&O.onNodeUnselect(e)},be=function(e){O.onToggle?O.onToggle(e):A(e.value)},he=function(e){J(e.value)},Ee=function(e){switch(e.which){case 40:!P&&e.altKey&&pe();break;case 32:P||(pe(),e.preventDefault());break;case 13:case 27:P&&(ue(),e.preventDefault());break;case 9:ue()}},we=function(e){13===e.which&&e.preventDefault()},Se=function(e){var t=e.target.value;O.onFilterValueChange?O.onFilterValueChange({originalEvent:e,value:t}):J(t)},Oe=function(){J("")},xe=function(){h.alignOverlay(X.current,Z.current.parentElement,O.appendTo||S&&S.appendTo||t.appendTo)},Ie=function(){var e=h.findSingle(X.current,".p-treenode-content.p-highlight");e&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"start"})},Ne=function e(t,n,r){if(t){if(Ce(t,n)&&(r.push(t),delete n[t.key]),Object.keys(n).length&&t.children){var l,o=B(t.children);try{for(o.s();!(l=o.n()).done;){e(l.value,n,r)}}catch(e){o.e(e)}finally{o.f()}}}else{var a,i=B(O.options);try{for(i.s();!(a=i.n()).done;){e(a.value,n,r)}}catch(e){i.e(e)}finally{i.f()}}},Ce=function(e,t){return ee?t[e.key]&&t[e.key].checked:t[e.key]},je=function(){var e=Q?j({},"".concat(O.value),!0):L({},O.value);A({}),e&&O.options&&ke(null,null,e)},ke=function e(t,n,r){if(t){if(Ce(t,r)&&(Pe(n),delete r[t.key]),Object.keys(r).length&&t.children){var l,o=B(t.children);try{for(o.s();!(l=o.n()).done;){var a=l.value;n.push(t.key),e(a,n,r)}}catch(e){o.e(e)}finally{o.f()}}}else{var i,c=B(O.options);try{for(c.s();!(i=c.n()).done;){e(i.value,[],r)}}catch(e){c.e(e)}finally{c.f()}}},Pe=function(e){if(e.length>0){var t,n=L({},F||{}),r=B(e);try{for(r.s();!(t=r.n()).done;){n[t.value]=!0}}catch(e){r.e(e)}finally{r.f()}A(n)}};e.useImperativeHandle(v,(function(){return{props:O,clear:ye,show:pe,hide:ue,focus:function(){return h.focus(z.current)},getElement:function(){return U.current}}})),e.useEffect((function(){b.combinedRefs(z,O.inputRef)}),[z,O.inputRef]),i((function(){je(),O.autoFocus&&h.focus(z.current,O.autoFocus)})),c((function(){P&&O.filter&&xe()})),c((function(){je()}),[O.options]),c((function(){P&&F&&xe()}),[F]),c((function(){P&&($.current||je(),$.current=!1)}),[O.value]),s((function(){E.clear(X.current)}));var Te,De,Fe,Me=function(){if(O.filter){var t=b.isNotEmpty(Y)?Y:"",n=g({className:le("filterContainer")},re("filterContainer")),r=g({ref:_,type:"text",value:t,autoComplete:"off",className:le("filter"),placeholder:O.filterPlaceholder,onKeyDown:we,onChange:Se,disabled:O.disabled},re("filter")),l=g({className:le("filterIcon")},re("filterIcon")),o=w.getJSXIcon(O.filterIcon||e.createElement(u,l),L({},l),{props:O}),a=e.createElement("div",n,e.createElement("input",r),o);if(O.filterTemplate)a=b.getJSXElement(O.filterTemplate,{className:"p-treeselect-filter-container",element:a,filterOptions:oe,filterInputKeyDown:we,filterInputChange:Se,filterIconClassName:"p-dropdown-filter-icon",props:O});return e.createElement(e.Fragment,null,a)}},Ve=function(){var e=[];if(b.isNotEmpty(O.value)&&O.options){var t=Q?j({},"".concat(O.value),!0):L({},O.value);Ne(null,t,e)}return e}(),Ae=V.getOtherProps(O),Re=b.reduceKeys(Ae,h.ARIA_PROPS),He=g({ref:U,className:le("root",{focusedState:N,overlayVisibleState:P,isValueEmpty:q}),style:O.style,onClick:function(e){O.disabled||X.current&&X.current.contains(e.target)||h.hasClass(e.target,"p-treeselect-close")||(h.focus(z.current),P?ue():pe())}},V.getOtherProps(O),re("root")),Ke=(Te=g({className:"p-hidden-accessible"},re("hiddenInputWrapper")),De=g(L({ref:z,role:"listbox",id:O.inputId,type:"text","aria-expanded":P,onFocus:fe,onBlur:de,onKeyDown:Ee,disabled:O.disabled,tabIndex:O.tabIndex},Re),re("hiddenInput")),e.createElement("div",Te,e.createElement("input",x({},De,{readOnly:!0})))),Le=function(){var t=g({className:le("token")},re("token")),n=g({className:le("tokenLabel")},re("tokenLabel")),r=g({className:le("labelContainer")},re("labelContainer")),l=g({className:le("label",{isValueEmpty:q,getLabel:se})},re("label")),o=null;return O.valueTemplate?o=b.getJSXElement(O.valueTemplate,Ve,O):"comma"===O.display?o=se()||"empty":"chip"===O.display&&(o=e.createElement(e.Fragment,null,Ve&&Ve.map((function(r,l){return e.createElement("div",x({},t,{key:"".concat(r.key,"_").concat(l)}),e.createElement("span",n,r.label))})),q&&(O.placeholder||"empty"))),e.createElement("div",r,e.createElement("div",l,o))}(),Be=function(){var t=g({ref:Z,className:le("trigger"),role:"button","aria-haspopup":"listbox","aria-expanded":P},re("trigger")),n=g({className:le("triggerIcon")},re("triggerIcon")),r=w.getJSXIcon(O.dropdownIcon||e.createElement(p,n),L({},n),{props:O});return e.createElement("div",t,r)}(),Je=function(){if(null!=O.value&&O.showClear&&!O.disabled){var t=g({className:le("clearIcon"),onPointerUp:ye},re("clearIcon"));return w.getJSXIcon(O.clearIcon||e.createElement(f,t),L({},t),{props:O})}return null}(),Ue=(Fe=g({className:le("emptyMessage")},re("emptyMessage")),e.createElement(e.Fragment,null,e.createElement(y,{expandedKeys:W,filter:O.filter,filterBy:O.filterBy,filterLocale:O.filterLocale,filterMode:O.filterMode,filterPlaceholder:O.filterPlaceholder,filterValue:Y,metaKeySelection:O.metaKeySelection,nodeTemplate:O.nodeTemplate,onCollapse:O.onNodeCollapse,onExpand:O.onNodeExpand,onFilterValueChange:he,onSelect:ve,onSelectionChange:me,onToggle:be,onUnselect:ge,selectionKeys:O.value,selectionMode:O.selectionMode,showHeader:!1,togglerTemplate:O.togglerTemplate,value:O.options,pt:re("tree"),__parentMetadata:{parent:te}}),G&&e.createElement("div",Fe,O.emptyMessage||r("emptyMessage")))),Xe=function(){var t=Me(),n=g({className:le("closeIcon"),"aria-hidden":!0},re("closeIcon")),l=w.getJSXIcon(O.closeIcon||e.createElement(f,n),L({},n),{props:O}),o=g({type:"button",className:le("closeButton"),onClick:ue,"aria-label":r("close")},re("closeButton")),a=g({className:le("header")},re("header")),i=e.createElement("button",o,l,e.createElement(m,null)),c=e.createElement("div",a,t,i);return O.panelHeaderTemplate?b.getJSXElement(O.panelHeaderTemplate,{className:"p-treeselect-header",filterElement:t,closeElement:i,closeElementClassName:"p-treeselect-close p-link",closeIconClassName:"p-treeselect-close-icon",onCloseClick:ue,element:c,props:O}):c}(),_e=b.getJSXElement(O.panelFooterTemplate,O);return e.createElement("div",He,Ke,Le,Je,Be,e.createElement(H,{hostName:"TreeSelect",ref:X,appendTo:O.appendTo,panelStyle:O.panelStyle,panelClassName:O.panelClassName,scrollHeight:O.scrollHeight,onClick:function(e){d.emit("overlay-click",{originalEvent:e,target:U.current})},header:Xe,footer:_e,transitionOptions:O.transitionOptions,in:P,onEnter:function(){E.set("overlay",X.current,S&&S.autoZIndex||t.autoZIndex,S&&S.zIndex.overlay||t.zIndex.overlay),h.addStyles(X.current,{position:"absolute",top:"0",left:"0"}),xe(),Ie()},onEntered:function(){ie(),O.filter&&O.filterInputAutoFocus&&h.focus(_.current,O.filterInputAutoFocus),O.onShow&&O.onShow()},onExit:function(){ce()},onExited:function(){O.filter&&O.resetFilterOnHide&&Oe(),E.clear(X.current),O.onHide&&O.onHide()},ptm:re,cx:le},Ue))})));X.displayName="TreeSelect";export{X as TreeSelect};