primereact 7.2.0 → 7.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/calendar/calendar.cjs.js +1 -1
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.esm.js +1 -1
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +1 -1
- package/calendar/calendar.min.js +1 -1
- package/carousel/carousel.cjs.js +212 -5
- package/carousel/carousel.cjs.min.js +1 -1
- package/carousel/carousel.esm.js +212 -5
- package/carousel/carousel.esm.min.js +1 -1
- package/carousel/carousel.js +212 -5
- package/carousel/carousel.min.js +1 -1
- package/core/core.js +34 -3
- package/core/core.min.js +4 -4
- package/datatable/datatable.cjs.js +21 -16
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.d.ts +1 -0
- package/datatable/datatable.esm.js +21 -16
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +21 -16
- package/datatable/datatable.min.js +1 -1
- package/dataview/dataview.cjs.js +1 -5
- package/dataview/dataview.cjs.min.js +1 -1
- package/dataview/dataview.esm.js +1 -5
- package/dataview/dataview.esm.min.js +1 -1
- package/dataview/dataview.js +1 -5
- package/dataview/dataview.min.js +1 -1
- package/dropdown/dropdown.cjs.js +1 -1
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.esm.js +1 -1
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +1 -1
- package/dropdown/dropdown.min.js +1 -1
- package/galleria/galleria.cjs.js +212 -5
- package/galleria/galleria.cjs.min.js +1 -1
- package/galleria/galleria.esm.js +212 -5
- package/galleria/galleria.esm.min.js +1 -1
- package/galleria/galleria.js +212 -5
- package/galleria/galleria.min.js +1 -1
- package/inputnumber/inputnumber.cjs.js +5 -1
- package/inputnumber/inputnumber.cjs.min.js +1 -1
- package/inputnumber/inputnumber.esm.js +5 -1
- package/inputnumber/inputnumber.esm.min.js +1 -1
- package/inputnumber/inputnumber.js +5 -1
- package/inputnumber/inputnumber.min.js +1 -1
- package/knob/knob.cjs.js +1 -1
- package/knob/knob.cjs.min.js +1 -1
- package/knob/knob.esm.js +1 -1
- package/knob/knob.esm.min.js +1 -1
- package/knob/knob.js +1 -1
- package/knob/knob.min.js +1 -1
- package/multiselect/multiselect.cjs.js +1 -1
- package/multiselect/multiselect.cjs.min.js +1 -1
- package/multiselect/multiselect.esm.js +1 -1
- package/multiselect/multiselect.esm.min.js +1 -1
- package/multiselect/multiselect.js +1 -1
- package/multiselect/multiselect.min.js +1 -1
- package/package.json +1 -1
- package/primereact.all.cjs.js +142 -122
- package/primereact.all.cjs.min.js +1 -1
- package/primereact.all.esm.js +142 -122
- package/primereact.all.esm.min.js +1 -1
- package/primereact.all.js +142 -122
- package/primereact.all.min.js +1 -1
- package/resources/primereact.css +7 -2
- package/resources/primereact.min.css +1 -1
- package/resources/themes/arya-blue/theme.css +254 -2
- package/resources/themes/arya-green/theme.css +254 -2
- package/resources/themes/arya-orange/theme.css +254 -2
- package/resources/themes/arya-purple/theme.css +254 -2
- package/resources/themes/bootstrap4-dark-blue/theme.css +254 -2
- package/resources/themes/bootstrap4-dark-purple/theme.css +254 -2
- package/resources/themes/bootstrap4-light-blue/theme.css +252 -0
- package/resources/themes/bootstrap4-light-purple/theme.css +252 -0
- package/resources/themes/fluent-light/theme.css +252 -0
- package/resources/themes/lara-dark-blue/theme.css +261 -44
- package/resources/themes/lara-dark-indigo/theme.css +261 -44
- package/resources/themes/lara-dark-purple/theme.css +261 -44
- package/resources/themes/lara-dark-teal/theme.css +261 -44
- package/resources/themes/lara-light-blue/theme.css +259 -42
- package/resources/themes/lara-light-indigo/theme.css +259 -42
- package/resources/themes/lara-light-purple/theme.css +259 -42
- package/resources/themes/lara-light-teal/theme.css +259 -42
- package/resources/themes/luna-amber/theme.css +252 -0
- package/resources/themes/luna-blue/theme.css +252 -0
- package/resources/themes/luna-green/theme.css +252 -0
- package/resources/themes/luna-pink/theme.css +252 -0
- package/resources/themes/md-dark-deeppurple/theme.css +328 -2
- package/resources/themes/md-dark-indigo/theme.css +328 -2
- package/resources/themes/md-light-deeppurple/theme.css +326 -0
- package/resources/themes/md-light-indigo/theme.css +326 -0
- package/resources/themes/mdc-dark-deeppurple/theme.css +328 -2
- package/resources/themes/mdc-dark-indigo/theme.css +328 -2
- package/resources/themes/mdc-light-deeppurple/theme.css +326 -0
- package/resources/themes/mdc-light-indigo/theme.css +326 -0
- package/resources/themes/nova/theme.css +252 -0
- package/resources/themes/nova-accent/theme.css +252 -0
- package/resources/themes/nova-alt/theme.css +252 -0
- package/resources/themes/rhea/theme.css +252 -0
- package/resources/themes/saga-blue/theme.css +252 -0
- package/resources/themes/saga-green/theme.css +252 -0
- package/resources/themes/saga-orange/theme.css +252 -0
- package/resources/themes/saga-purple/theme.css +252 -0
- package/resources/themes/tailwind-light/theme.css +252 -0
- package/resources/themes/vela-blue/theme.css +254 -2
- package/resources/themes/vela-green/theme.css +254 -2
- package/resources/themes/vela-orange/theme.css +254 -2
- package/resources/themes/vela-purple/theme.css +254 -2
- package/splitbutton/splitbutton.d.ts +4 -1
- package/splitbutton/splitbutton.min.css +1 -1
- package/tabmenu/tabmenu.cjs.js +1 -1
- package/tabmenu/tabmenu.cjs.min.js +1 -1
- package/tabmenu/tabmenu.esm.js +1 -1
- package/tabmenu/tabmenu.esm.min.js +1 -1
- package/tabmenu/tabmenu.js +1 -1
- package/tabmenu/tabmenu.min.js +1 -1
- package/tabview/tabview.cjs.js +1 -1
- package/tabview/tabview.cjs.min.js +1 -1
- package/tabview/tabview.esm.js +1 -1
- package/tabview/tabview.esm.min.js +1 -1
- package/tabview/tabview.js +1 -1
- package/tabview/tabview.min.js +1 -1
- package/toolbar/toolbar.min.css +1 -1
- package/tree/tree.cjs.js +2 -1
- package/tree/tree.cjs.min.js +1 -1
- package/tree/tree.esm.js +2 -1
- package/tree/tree.esm.min.js +1 -1
- package/tree/tree.js +2 -1
- package/tree/tree.min.js +1 -1
- package/treeselect/treeselect.cjs.js +3 -3
- package/treeselect/treeselect.cjs.min.js +1 -1
- package/treeselect/treeselect.esm.js +3 -3
- package/treeselect/treeselect.esm.min.js +1 -1
- package/treeselect/treeselect.js +3 -3
- package/treeselect/treeselect.min.js +1 -1
- package/treetable/treetable.cjs.js +12 -10
- package/treetable/treetable.cjs.min.js +1 -1
- package/treetable/treetable.esm.js +8 -7
- package/treetable/treetable.esm.min.js +1 -1
- package/treetable/treetable.js +12 -10
- package/treetable/treetable.min.js +1 -1
- package/utils/utils.cjs.js +26 -0
- package/utils/utils.cjs.min.js +1 -1
- package/utils/utils.d.ts +1 -0
- package/utils/utils.esm.js +26 -0
- package/utils/utils.esm.min.js +1 -1
- package/utils/utils.js +26 -0
- package/utils/utils.min.js +1 -1
- package/web-types.json +15 -3
- package/resources/themes/lara-dark-blue/fonts/Inter-Bold.woff +0 -0
- package/resources/themes/lara-dark-blue/fonts/Inter-Bold.woff2 +0 -0
- package/resources/themes/lara-dark-blue/fonts/Inter-Light.woff +0 -0
- package/resources/themes/lara-dark-blue/fonts/Inter-Light.woff2 +0 -0
- package/resources/themes/lara-dark-blue/fonts/Inter-Medium.woff +0 -0
- package/resources/themes/lara-dark-blue/fonts/Inter-Medium.woff2 +0 -0
- package/resources/themes/lara-dark-blue/fonts/Inter-Regular.woff +0 -0
- package/resources/themes/lara-dark-blue/fonts/Inter-Regular.woff2 +0 -0
- package/resources/themes/lara-dark-blue/fonts/Inter-SemiBold.woff +0 -0
- package/resources/themes/lara-dark-blue/fonts/Inter-SemiBold.woff2 +0 -0
- package/resources/themes/lara-dark-indigo/fonts/Inter-Bold.woff +0 -0
- package/resources/themes/lara-dark-indigo/fonts/Inter-Bold.woff2 +0 -0
- package/resources/themes/lara-dark-indigo/fonts/Inter-Light.woff +0 -0
- package/resources/themes/lara-dark-indigo/fonts/Inter-Light.woff2 +0 -0
- package/resources/themes/lara-dark-indigo/fonts/Inter-Medium.woff +0 -0
- package/resources/themes/lara-dark-indigo/fonts/Inter-Medium.woff2 +0 -0
- package/resources/themes/lara-dark-indigo/fonts/Inter-Regular.woff +0 -0
- package/resources/themes/lara-dark-indigo/fonts/Inter-Regular.woff2 +0 -0
- package/resources/themes/lara-dark-indigo/fonts/Inter-SemiBold.woff +0 -0
- package/resources/themes/lara-dark-indigo/fonts/Inter-SemiBold.woff2 +0 -0
- package/resources/themes/lara-dark-purple/fonts/Inter-Bold.woff +0 -0
- package/resources/themes/lara-dark-purple/fonts/Inter-Bold.woff2 +0 -0
- package/resources/themes/lara-dark-purple/fonts/Inter-Light.woff +0 -0
- package/resources/themes/lara-dark-purple/fonts/Inter-Light.woff2 +0 -0
- package/resources/themes/lara-dark-purple/fonts/Inter-Medium.woff +0 -0
- package/resources/themes/lara-dark-purple/fonts/Inter-Medium.woff2 +0 -0
- package/resources/themes/lara-dark-purple/fonts/Inter-Regular.woff +0 -0
- package/resources/themes/lara-dark-purple/fonts/Inter-Regular.woff2 +0 -0
- package/resources/themes/lara-dark-purple/fonts/Inter-SemiBold.woff +0 -0
- package/resources/themes/lara-dark-purple/fonts/Inter-SemiBold.woff2 +0 -0
- package/resources/themes/lara-dark-teal/fonts/Inter-Bold.woff +0 -0
- package/resources/themes/lara-dark-teal/fonts/Inter-Bold.woff2 +0 -0
- package/resources/themes/lara-dark-teal/fonts/Inter-Light.woff +0 -0
- package/resources/themes/lara-dark-teal/fonts/Inter-Light.woff2 +0 -0
- package/resources/themes/lara-dark-teal/fonts/Inter-Medium.woff +0 -0
- package/resources/themes/lara-dark-teal/fonts/Inter-Medium.woff2 +0 -0
- package/resources/themes/lara-dark-teal/fonts/Inter-Regular.woff +0 -0
- package/resources/themes/lara-dark-teal/fonts/Inter-Regular.woff2 +0 -0
- package/resources/themes/lara-dark-teal/fonts/Inter-SemiBold.woff +0 -0
- package/resources/themes/lara-dark-teal/fonts/Inter-SemiBold.woff2 +0 -0
- package/resources/themes/lara-light-blue/fonts/Inter-Bold.woff +0 -0
- package/resources/themes/lara-light-blue/fonts/Inter-Bold.woff2 +0 -0
- package/resources/themes/lara-light-blue/fonts/Inter-Light.woff +0 -0
- package/resources/themes/lara-light-blue/fonts/Inter-Light.woff2 +0 -0
- package/resources/themes/lara-light-blue/fonts/Inter-Medium.woff +0 -0
- package/resources/themes/lara-light-blue/fonts/Inter-Medium.woff2 +0 -0
- package/resources/themes/lara-light-blue/fonts/Inter-Regular.woff +0 -0
- package/resources/themes/lara-light-blue/fonts/Inter-Regular.woff2 +0 -0
- package/resources/themes/lara-light-blue/fonts/Inter-SemiBold.woff +0 -0
- package/resources/themes/lara-light-blue/fonts/Inter-SemiBold.woff2 +0 -0
- package/resources/themes/lara-light-indigo/fonts/Inter-Bold.woff +0 -0
- package/resources/themes/lara-light-indigo/fonts/Inter-Bold.woff2 +0 -0
- package/resources/themes/lara-light-indigo/fonts/Inter-Light.woff +0 -0
- package/resources/themes/lara-light-indigo/fonts/Inter-Light.woff2 +0 -0
- package/resources/themes/lara-light-indigo/fonts/Inter-Medium.woff +0 -0
- package/resources/themes/lara-light-indigo/fonts/Inter-Medium.woff2 +0 -0
- package/resources/themes/lara-light-indigo/fonts/Inter-Regular.woff +0 -0
- package/resources/themes/lara-light-indigo/fonts/Inter-Regular.woff2 +0 -0
- package/resources/themes/lara-light-indigo/fonts/Inter-SemiBold.woff +0 -0
- package/resources/themes/lara-light-indigo/fonts/Inter-SemiBold.woff2 +0 -0
- package/resources/themes/lara-light-purple/fonts/Inter-Bold.woff +0 -0
- package/resources/themes/lara-light-purple/fonts/Inter-Bold.woff2 +0 -0
- package/resources/themes/lara-light-purple/fonts/Inter-Light.woff +0 -0
- package/resources/themes/lara-light-purple/fonts/Inter-Light.woff2 +0 -0
- package/resources/themes/lara-light-purple/fonts/Inter-Medium.woff +0 -0
- package/resources/themes/lara-light-purple/fonts/Inter-Medium.woff2 +0 -0
- package/resources/themes/lara-light-purple/fonts/Inter-Regular.woff +0 -0
- package/resources/themes/lara-light-purple/fonts/Inter-Regular.woff2 +0 -0
- package/resources/themes/lara-light-purple/fonts/Inter-SemiBold.woff +0 -0
- package/resources/themes/lara-light-purple/fonts/Inter-SemiBold.woff2 +0 -0
- package/resources/themes/lara-light-teal/fonts/Inter-Bold.woff +0 -0
- package/resources/themes/lara-light-teal/fonts/Inter-Bold.woff2 +0 -0
- package/resources/themes/lara-light-teal/fonts/Inter-Light.woff +0 -0
- package/resources/themes/lara-light-teal/fonts/Inter-Light.woff2 +0 -0
- package/resources/themes/lara-light-teal/fonts/Inter-Medium.woff +0 -0
- package/resources/themes/lara-light-teal/fonts/Inter-Medium.woff2 +0 -0
- package/resources/themes/lara-light-teal/fonts/Inter-Regular.woff +0 -0
- package/resources/themes/lara-light-teal/fonts/Inter-Regular.woff2 +0 -0
- package/resources/themes/lara-light-teal/fonts/Inter-SemiBold.woff +0 -0
- package/resources/themes/lara-light-teal/fonts/Inter-SemiBold.woff2 +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils"),n=require("primereact/api"),r=require("primereact/overlayservice"),i=require("primereact/tree"),l=require("primereact/csstransition"),o=require("primereact/portal"),s=require("primereact/ripple");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=a(e),p=a(n);function u(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function h(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function d(e,t,n){return t&&h(e.prototype,t),n&&h(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function f(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function y(e,t){return y=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},y(e,t)}function v(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&y(e,t)}function m(e){return m="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},m(e)}function b(e,t){if(t&&("object"===m(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return f(e)}function g(e){return g=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},g(e)}function k(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function E(){return E=Object.assign||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},E.apply(this,arguments)}function O(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var S=function(n){v(a,e.Component);var r,i,s=(r=a,i=O(),function(){var e,t=g(r);if(i){var n=g(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return b(this,e)});function a(){return u(this,a),s.apply(this,arguments)}return d(a,[{key:"renderElement",value:function(){var e=t.classNames("p-treeselect-panel p-component",this.props.panelClassName);return c.default.createElement(l.CSSTransition,{nodeRef:this.props.forwardRef,classNames:"p-connected-overlay",in:this.props.in,timeout:{enter:120,exit:100},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.props.onEnter,onEntering:this.props.onEntering,onEntered:this.props.onEntered,onExit:this.props.onExit,onExited:this.props.onExited},c.default.createElement("div",{ref:this.props.forwardRef,className:e,style:this.props.panelStyle,onClick:this.props.onClick},this.props.header,c.default.createElement("div",{className:"p-treeselect-items-wrapper",style:{maxHeight:this.props.scrollHeight||"auto"}},this.props.children),this.props.footer))}},{key:"render",value:function(){var e=this.renderElement();return c.default.createElement(o.Portal,{element:e,appendTo:this.props.appendTo})}}]),a}(),C=c.default.forwardRef((function(e,t){return c.default.createElement(S,E({forwardRef:t},e))}));function w(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=N(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,i=function(){};return{s:i,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,o=!0,s=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){s=!0,l=e},f:function(){try{o||null==n.return||n.return()}finally{if(s)throw l}}}}function N(e,t){if(e){if("string"==typeof e)return x(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)?x(e,t):void 0}}function x(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){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?I(Object(n),!0).forEach((function(t){k(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):I(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function V(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var j=function(l){v(y,e.Component);var o,a,h=(o=y,a=V(),function(){var e,t=g(o);if(a){var n=g(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return b(this,e)});function y(t){var n;return u(this,y),(n=h.call(this,t)).state={focused:!1,overlayVisible:!1,expandedKeys:{}},n.props.onFilterValueChange||(n.state.filterValue=""),n.onClick=n.onClick.bind(f(n)),n.onInputFocus=n.onInputFocus.bind(f(n)),n.onInputBlur=n.onInputBlur.bind(f(n)),n.onInputKeyDown=n.onInputKeyDown.bind(f(n)),n.onFilterInputChange=n.onFilterInputChange.bind(f(n)),n.onFilterInputKeyDown=n.onFilterInputKeyDown.bind(f(n)),n.onOverlayClick=n.onOverlayClick.bind(f(n)),n.onOverlayEnter=n.onOverlayEnter.bind(f(n)),n.onOverlayEntered=n.onOverlayEntered.bind(f(n)),n.onOverlayExit=n.onOverlayExit.bind(f(n)),n.onOverlayExited=n.onOverlayExited.bind(f(n)),n.onSelectionChange=n.onSelectionChange.bind(f(n)),n.onNodeSelect=n.onNodeSelect.bind(f(n)),n.onNodeUnselect=n.onNodeUnselect.bind(f(n)),n.onNodeToggle=n.onNodeToggle.bind(f(n)),n.onFilterValueChange=n.onFilterValueChange.bind(f(n)),n.hide=n.hide.bind(f(n)),n.show=n.show.bind(f(n)),n.overlayRef=e.createRef(),n}return d(y,[{key:"getFilterValue",value:function(){return this.props.onFilterValueChange?this.props.filterValue:this.state.filterValue}},{key:"getSelectedNodes",value:function(){var e=[];if(t.ObjectUtils.isNotEmpty(this.props.value)&&this.props.options){var n="single"===this.props.selectionMode?k({},"".concat(this.props.value),!0):L({},this.props.value);this.findSelectedNodes(null,n,e)}return e}},{key:"getLabel",value:function(){var e=this.getSelectedNodes();return e.length?e.map((function(e){return e.label})).join(", "):this.props.placeholder}},{key:"isValueEmpty",value:function(){return!this.props.value||0===Object.keys(this.props.value).length}},{key:"hasNoOptions",value:function(){return!this.props.options||0===this.props.options.length}},{key:"show",value:function(){this.setState({overlayVisible:!0})}},{key:"hide",value:function(){this.setState({overlayVisible:!1})}},{key:"onInputFocus",value:function(){this.setState({focused:!0})}},{key:"onInputBlur",value:function(){this.setState({focused:!1})}},{key:"onClick",value:function(e){this.props.disabled||this.overlayRef&&this.overlayRef.current&&this.overlayRef.current.contains(e.target)||t.DomHandler.hasClass(e.target,"p-treeselect-close")||(this.focusInput.focus(),this.state.overlayVisible?this.hide():this.show())}},{key:"onSelectionChange",value:function(e){this.props.onChange&&(this.selfChange=!0,this.props.onChange({originalEvent:e.originalEvent,value:e.value,stopPropagation:function(){},preventDefault:function(){},target:{name:this.props.name,id:this.props.id,value:e.value}}))}},{key:"onNodeSelect",value:function(e){this.props.onNodeSelect&&this.props.onNodeSelect(e),"single"===this.props.selectionMode&&this.hide()}},{key:"onNodeUnselect",value:function(e){this.props.onNodeUnselect&&this.props.onNodeUnselect(e)}},{key:"onNodeToggle",value:function(e){this.setState({expandedKeys:e.value})}},{key:"onFilterValueChange",value:function(e){this.setState({filterValue:e.value})}},{key:"onOverlayClick",value:function(e){r.OverlayService.emit("overlay-click",{originalEvent:e,target:this.container})}},{key:"onInputKeyDown",value:function(e){switch(e.which){case 40:!this.state.overlayVisible&&e.altKey&&this.show();break;case 32:this.state.overlayVisible||(this.show(),e.preventDefault());break;case 13:case 27:this.state.overlayVisible&&(this.hide(),e.preventDefault());break;case 9:this.hide()}}},{key:"onFilterInputKeyDown",value:function(e){13===e.which&&e.preventDefault()}},{key:"onFilterInputChange",value:function(e){var t=e.target.value;this.props.onFilterValueChange?this.props.onFilterValueChange({originalEvent:e,value:t}):this.setState({filterValue:t})}},{key:"resetFilter",value:function(){this.setState({filterValue:""})}},{key:"onOverlayEnter",value:function(){t.ZIndexUtils.set("overlay",this.overlayRef.current,p.default.autoZIndex,p.default.zIndex.overlay),this.alignOverlay(),this.scrollInView()}},{key:"onOverlayEntered",value:function(){this.bindDocumentClickListener(),this.bindScrollListener(),this.bindResizeListener(),this.props.filter&&this.props.filterInputAutoFocus&&this.filterInput.focus(),this.props.onShow&&this.props.onShow()}},{key:"onOverlayExit",value:function(){this.unbindDocumentClickListener(),this.unbindScrollListener(),this.unbindResizeListener()}},{key:"onOverlayExited",value:function(){this.props.filter&&this.props.resetFilterOnHide&&this.resetFilter(),t.ZIndexUtils.clear(this.overlayRef.current),this.props.onHide&&this.props.onHide()}},{key:"alignOverlay",value:function(){t.DomHandler.alignOverlay(this.overlayRef.current,this.trigger.parentElement,this.props.appendTo||p.default.appendTo)}},{key:"scrollInView",value:function(){var e=t.DomHandler.findSingle(this.overlayRef.current,".p-treenode-content.p-highlight");e&&e.scrollIntoView({block:"nearest",inline:"start"})}},{key:"bindDocumentClickListener",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){e.state.overlayVisible&&e.isOutsideClicked(t)&&e.hide()},document.addEventListener("click",this.documentClickListener))}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"bindScrollListener",value:function(){var e=this;this.scrollHandler||(this.scrollHandler=new t.ConnectedOverlayScrollHandler(this.container,(function(){e.state.overlayVisible&&e.hide()}))),this.scrollHandler.bindScrollListener()}},{key:"unbindScrollListener",value:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}},{key:"bindResizeListener",value:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.state.overlayVisible&&!t.DomHandler.isTouchDevice()&&e.hide()},window.addEventListener("resize",this.resizeListener))}},{key:"unbindResizeListener",value:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)}},{key:"isOutsideClicked",value:function(e){return this.container&&!(this.container.isSameNode(e.target)||this.container.contains(e.target)||this.overlayRef&&this.overlayRef.current.contains(e.target))}},{key:"findSelectedNodes",value:function(e,t,n){if(e){if(this.isSelected(e,t)&&(n.push(e),delete t[e.key]),Object.keys(t).length&&e.children){var r,i=w(e.children);try{for(i.s();!(r=i.n()).done;){this.findSelectedNodes(r.value,t,n)}}catch(e){i.e(e)}finally{i.f()}}}else{var l,o=w(this.props.options);try{for(o.s();!(l=o.n()).done;){this.findSelectedNodes(l.value,t,n)}}catch(e){o.e(e)}finally{o.f()}}}},{key:"isSelected",value:function(e,t){return"checkbox"===this.props.selectionMode?t[e.key]&&t[e.key].checked:t[e.key]}},{key:"updateTreeState",value:function(){var e="single"===this.props.selectionMode?k({},"".concat(this.props.value),!0):L({},this.props.value);this.setState({expandedKeys:{}}),e&&this.props.options&&this.updateTreeBranchState(null,null,e)}},{key:"updateTreeBranchState",value:function(e,t,n){if(e){if(this.isSelected(e,n)&&(this.expandPath(t),delete n[e.key]),Object.keys(n).length&&e.children){var r,i=w(e.children);try{for(i.s();!(r=i.n()).done;){var l=r.value;t.push(e.key),this.updateTreeBranchState(l,t,n)}}catch(e){i.e(e)}finally{i.f()}}}else{var o,s=w(this.props.options);try{for(s.s();!(o=s.n()).done;){this.updateTreeBranchState(o.value,[],n)}}catch(e){s.e(e)}finally{s.f()}}}},{key:"expandPath",value:function(e){if(e.length>0){var t,n=L({},this.state.expandedKeys||{}),r=w(e);try{for(r.s();!(t=r.n()).done;){n[t.value]=!0}}catch(e){r.e(e)}finally{r.f()}this.setState({expandedKeys:n})}}},{key:"componentDidMount",value:function(){this.updateTreeState()}},{key:"componentDidUpdate",value:function(e,t){this.state.overlayVisible&&((this.props.filter||t.expandedKeys!==this.state.expandedKeys)&&this.alignOverlay(),e.value!==this.props.value&&(this.selfChange||this.updateTreeState(),this.scrollInView(),this.selfChange=!1)),e.options!==this.props.options&&this.updateTreeState()}},{key:"componentWillUnmount",value:function(){this.unbindDocumentClickListener(),this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),t.ZIndexUtils.clear(this.overlayRef.current)}},{key:"renderKeyboardHelper",value:function(){var e=this;return c.default.createElement("div",{className:"p-hidden-accessible"},c.default.createElement("input",{ref:function(t){return e.focusInput=t},role:"listbox",id:this.props.inputId,type:"text",readOnly:!0,"aria-haspopup":"true","aria-expanded":this.state.overlayVisible,onFocus:this.onInputFocus,onBlur:this.onInputBlur,onKeyDown:this.onInputKeyDown,disabled:this.props.disabled,tabIndex:this.props.tabIndex,"aria-label":this.props.ariaLabel,"aria-labelledby":this.props.ariaLabelledBy}))}},{key:"renderLabel",value:function(e){var n=this.isValueEmpty(),r=t.classNames("p-treeselect-label",{"p-placeholder":this.getLabel()===this.props.placeholder,"p-treeselect-label-empty":!this.props.placeholder&&n}),i=null;if(this.props.valueTemplate)i=t.ObjectUtils.getJSXElement(this.props.valueTemplate,e,this.props);else if("comma"===this.props.display)i=this.getLabel()||"empty";else if("chip"===this.props.display){var l=this.getSelectedNodes();i=c.default.createElement(c.default.Fragment,null,l&&l.map((function(e,t){return c.default.createElement("div",{className:"p-treeselect-token",key:"".concat(e.key,"_").concat(t)},c.default.createElement("span",{className:"p-treeselect-token-label"},e.label))})),n&&(this.props.placeholder||"empty"))}return c.default.createElement("div",{className:"p-treeselect-label-container"},c.default.createElement("div",{className:r},i))}},{key:"renderDropdownIcon",value:function(){var e=this,n=t.classNames("p-treeselect-trigger-icon p-clickable",this.props.dropdownIcon);return c.default.createElement("div",{ref:function(t){return e.trigger=t},className:"p-treeselect-trigger",role:"button","aria-haspopup":"listbox","aria-expanded":this.state.overlayVisible},c.default.createElement("span",{className:n}))}},{key:"renderContent",value:function(){var e=this.getFilterValue();return c.default.createElement(c.default.Fragment,null,c.default.createElement(i.Tree,{value:this.props.options,selectionMode:this.props.selectionMode,selectionKeys:this.props.value,metaKeySelection:this.props.metaKeySelection,onSelectionChange:this.onSelectionChange,onSelect:this.onNodeSelect,onUnselect:this.onNodeUnselect,expandedKeys:this.state.expandedKeys,onToggle:this.onNodeToggle,onExpand:this.props.onNodeExpand,onCollapse:this.props.onNodeCollapse,filter:this.props.filter,filterValue:e,filterBy:this.props.filterBy,filterMode:this.props.filterMode,filterPlaceholder:this.props.filterPlaceholder,filterLocale:this.props.filterLocale,showHeader:!1,onFilterValueChange:this.onFilterValueChange}),this.hasNoOptions()&&c.default.createElement("div",{className:"p-treeselect-empty-message"},this.props.emptyMessage||n.localeOption("emptyMessage")))}},{key:"renderFilterElement",value:function(){var e=this;if(this.props.filter){var n=this.getFilterValue();return n=t.ObjectUtils.isNotEmpty(n)?n:"",c.default.createElement("div",{className:"p-treeselect-filter-container"},c.default.createElement("input",{ref:function(t){return e.filterInput=t},type:"text",value:n,autoComplete:"off",className:"p-treeselect-filter p-inputtext p-component",placeholder:this.props.filterPlaceholder,onKeyDown:this.onFilterInputKeyDown,onChange:this.onFilterInputChange,disabled:this.props.disabled}),c.default.createElement("span",{className:"p-treeselect-filter-icon pi pi-search"}))}return null}},{key:"renderHeader",value:function(){var e=this.renderFilterElement(),n=c.default.createElement("button",{type:"button",className:"p-treeselect-close p-link",onClick:this.hide},c.default.createElement("span",{className:"p-treeselect-close-icon pi pi-times"}),c.default.createElement(s.Ripple,null)),r=c.default.createElement("div",{className:"p-treeselect-header"},e,n);return this.props.header?t.ObjectUtils.getJSXElement(this.props.header,{className:"p-treeselect-header",filterElement:e,closeElement:n,closeElementClassName:"p-treeselect-close p-link",closeIconClassName:"p-treeselect-close-icon pi pi-times",onCloseClick:this.hide,element:r,props:this.props}):r}},{key:"render",value:function(){var e=this,n=t.classNames("p-treeselect p-component p-inputwrapper",{"p-treeselect-chip":"chip"===this.props.display,"p-disabled":this.props.disabled,"p-focus":this.state.focused,"p-inputwrapper-filled":!this.isValueEmpty(),"p-inputwrapper-focus":this.state.focused||this.state.overlayVisible},this.props.className),r=this.getSelectedNodes(),i=this.renderKeyboardHelper(),l=this.renderLabel(r),o=this.renderDropdownIcon(),s=this.renderContent(),a=this.renderHeader(),p=t.ObjectUtils.getJSXElement(this.props.footer,this.props);return c.default.createElement("div",{id:this.props.id,ref:function(t){return e.container=t},className:n,style:this.props.style,onClick:this.onClick},i,l,o,c.default.createElement(C,{ref:this.overlayRef,appendTo:this.props.appendTo,panelStyle:this.props.panelStyle,panelClassName:this.props.panelClassName,scrollHeight:this.props.scrollHeight,onClick:this.onOverlayClick,header:a,footer:p,transitionOptions:this.props.transitionOptions,in:this.state.overlayVisible,onEnter:this.onOverlayEnter,onEntered:this.onOverlayEntered,onExit:this.onOverlayExit,onExited:this.onOverlayExited},s))}}]),y}();k(j,"defaultProps",{id:null,value:null,name:null,style:null,className:null,disabled:!1,options:null,scrollHeight:"400px",placeholder:null,tabIndex:null,inputId:null,ariaLabel:null,ariaLabelledBy:null,selectionMode:"single",panelStyle:null,panelClassName:null,appendTo:null,emptyMessage:null,display:"comma",metaKeySelection:!0,valueTemplate:null,panelHeaderTemplate:null,panelFooterTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",filter:!1,filterValue:null,filterBy:"label",filterMode:"lenient",filterPlaceholder:null,filterLocale:void 0,filterInputAutoFocus:!0,resetFilterOnHide:!1,onShow:null,onHide:null,onChange:null,onNodeSelect:null,onNodeUnselect:null,onNodeExpand:null,onNodeCollapse:null,onFilterValueChange:null}),exports.TreeSelect=j;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils"),n=require("primereact/api"),r=require("primereact/overlayservice"),i=require("primereact/tree"),l=require("primereact/csstransition"),o=require("primereact/portal"),s=require("primereact/ripple");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=a(e),p=a(n);function u(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function h(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function d(e,t,n){return t&&h(e.prototype,t),n&&h(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function f(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function y(e,t){return y=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},y(e,t)}function v(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&y(e,t)}function m(e){return m="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},m(e)}function b(e,t){if(t&&("object"===m(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return f(e)}function g(e){return g=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},g(e)}function k(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function E(){return E=Object.assign||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},E.apply(this,arguments)}function O(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var S=function(n){v(a,e.Component);var r,i,s=(r=a,i=O(),function(){var e,t=g(r);if(i){var n=g(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return b(this,e)});function a(){return u(this,a),s.apply(this,arguments)}return d(a,[{key:"renderElement",value:function(){var e=t.classNames("p-treeselect-panel p-component",this.props.panelClassName);return c.default.createElement(l.CSSTransition,{nodeRef:this.props.forwardRef,classNames:"p-connected-overlay",in:this.props.in,timeout:{enter:120,exit:100},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.props.onEnter,onEntering:this.props.onEntering,onEntered:this.props.onEntered,onExit:this.props.onExit,onExited:this.props.onExited},c.default.createElement("div",{ref:this.props.forwardRef,className:e,style:this.props.panelStyle,onClick:this.props.onClick},this.props.header,c.default.createElement("div",{className:"p-treeselect-items-wrapper",style:{maxHeight:this.props.scrollHeight||"auto"}},this.props.children),this.props.footer))}},{key:"render",value:function(){var e=this.renderElement();return c.default.createElement(o.Portal,{element:e,appendTo:this.props.appendTo})}}]),a}(),C=c.default.forwardRef((function(e,t){return c.default.createElement(S,E({forwardRef:t},e))}));function w(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=N(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,i=function(){};return{s:i,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,o=!0,s=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){s=!0,l=e},f:function(){try{o||null==n.return||n.return()}finally{if(s)throw l}}}}function N(e,t){if(e){if("string"==typeof e)return x(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)?x(e,t):void 0}}function x(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){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?I(Object(n),!0).forEach((function(t){k(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):I(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function V(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var j=function(l){v(y,e.Component);var o,a,h=(o=y,a=V(),function(){var e,t=g(o);if(a){var n=g(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return b(this,e)});function y(t){var n;return u(this,y),(n=h.call(this,t)).state={focused:!1,overlayVisible:!1,expandedKeys:{}},n.props.onFilterValueChange||(n.state.filterValue=""),n.onClick=n.onClick.bind(f(n)),n.onInputFocus=n.onInputFocus.bind(f(n)),n.onInputBlur=n.onInputBlur.bind(f(n)),n.onInputKeyDown=n.onInputKeyDown.bind(f(n)),n.onFilterInputChange=n.onFilterInputChange.bind(f(n)),n.onFilterInputKeyDown=n.onFilterInputKeyDown.bind(f(n)),n.onOverlayClick=n.onOverlayClick.bind(f(n)),n.onOverlayEnter=n.onOverlayEnter.bind(f(n)),n.onOverlayEntered=n.onOverlayEntered.bind(f(n)),n.onOverlayExit=n.onOverlayExit.bind(f(n)),n.onOverlayExited=n.onOverlayExited.bind(f(n)),n.onSelectionChange=n.onSelectionChange.bind(f(n)),n.onNodeSelect=n.onNodeSelect.bind(f(n)),n.onNodeUnselect=n.onNodeUnselect.bind(f(n)),n.onNodeToggle=n.onNodeToggle.bind(f(n)),n.onFilterValueChange=n.onFilterValueChange.bind(f(n)),n.hide=n.hide.bind(f(n)),n.show=n.show.bind(f(n)),n.overlayRef=e.createRef(),n}return d(y,[{key:"getFilterValue",value:function(){return this.props.onFilterValueChange?this.props.filterValue:this.state.filterValue}},{key:"getSelectedNodes",value:function(){var e=[];if(t.ObjectUtils.isNotEmpty(this.props.value)&&this.props.options){var n="single"===this.props.selectionMode?k({},"".concat(this.props.value),!0):L({},this.props.value);this.findSelectedNodes(null,n,e)}return e}},{key:"getLabel",value:function(){var e=this.getSelectedNodes();return e.length?e.map((function(e){return e.label})).join(", "):this.props.placeholder}},{key:"isValueEmpty",value:function(){return!this.props.value||0===Object.keys(this.props.value).length}},{key:"hasNoOptions",value:function(){return!this.props.options||0===this.props.options.length}},{key:"show",value:function(){this.setState({overlayVisible:!0})}},{key:"hide",value:function(){this.setState({overlayVisible:!1})}},{key:"onInputFocus",value:function(){this.setState({focused:!0})}},{key:"onInputBlur",value:function(){this.setState({focused:!1})}},{key:"onClick",value:function(e){this.props.disabled||this.overlayRef&&this.overlayRef.current&&this.overlayRef.current.contains(e.target)||t.DomHandler.hasClass(e.target,"p-treeselect-close")||(this.focusInput.focus(),this.state.overlayVisible?this.hide():this.show())}},{key:"onSelectionChange",value:function(e){this.props.onChange&&(this.selfChange=!0,this.props.onChange({originalEvent:e.originalEvent,value:e.value,stopPropagation:function(){},preventDefault:function(){},target:{name:this.props.name,id:this.props.id,value:e.value}}))}},{key:"onNodeSelect",value:function(e){this.props.onNodeSelect&&this.props.onNodeSelect(e),"single"===this.props.selectionMode&&this.hide()}},{key:"onNodeUnselect",value:function(e){this.props.onNodeUnselect&&this.props.onNodeUnselect(e)}},{key:"onNodeToggle",value:function(e){this.setState({expandedKeys:e.value})}},{key:"onFilterValueChange",value:function(e){this.setState({filterValue:e.value})}},{key:"onOverlayClick",value:function(e){r.OverlayService.emit("overlay-click",{originalEvent:e,target:this.container})}},{key:"onInputKeyDown",value:function(e){switch(e.which){case 40:!this.state.overlayVisible&&e.altKey&&this.show();break;case 32:this.state.overlayVisible||(this.show(),e.preventDefault());break;case 13:case 27:this.state.overlayVisible&&(this.hide(),e.preventDefault());break;case 9:this.hide()}}},{key:"onFilterInputKeyDown",value:function(e){13===e.which&&e.preventDefault()}},{key:"onFilterInputChange",value:function(e){var t=e.target.value;this.props.onFilterValueChange?this.props.onFilterValueChange({originalEvent:e,value:t}):this.setState({filterValue:t})}},{key:"resetFilter",value:function(){this.setState({filterValue:""})}},{key:"onOverlayEnter",value:function(){t.ZIndexUtils.set("overlay",this.overlayRef.current,p.default.autoZIndex,p.default.zIndex.overlay),this.alignOverlay(),this.scrollInView()}},{key:"onOverlayEntered",value:function(){this.bindDocumentClickListener(),this.bindScrollListener(),this.bindResizeListener(),this.props.filter&&this.props.filterInputAutoFocus&&this.filterInput.focus(),this.props.onShow&&this.props.onShow()}},{key:"onOverlayExit",value:function(){this.unbindDocumentClickListener(),this.unbindScrollListener(),this.unbindResizeListener()}},{key:"onOverlayExited",value:function(){this.props.filter&&this.props.resetFilterOnHide&&this.resetFilter(),t.ZIndexUtils.clear(this.overlayRef.current),this.props.onHide&&this.props.onHide()}},{key:"alignOverlay",value:function(){t.DomHandler.alignOverlay(this.overlayRef.current,this.trigger.parentElement,this.props.appendTo||p.default.appendTo)}},{key:"scrollInView",value:function(){var e=t.DomHandler.findSingle(this.overlayRef.current,".p-treenode-content.p-highlight");e&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"start"})}},{key:"bindDocumentClickListener",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){e.state.overlayVisible&&e.isOutsideClicked(t)&&e.hide()},document.addEventListener("click",this.documentClickListener))}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"bindScrollListener",value:function(){var e=this;this.scrollHandler||(this.scrollHandler=new t.ConnectedOverlayScrollHandler(this.container,(function(){e.state.overlayVisible&&e.hide()}))),this.scrollHandler.bindScrollListener()}},{key:"unbindScrollListener",value:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}},{key:"bindResizeListener",value:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.state.overlayVisible&&!t.DomHandler.isTouchDevice()&&e.hide()},window.addEventListener("resize",this.resizeListener))}},{key:"unbindResizeListener",value:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)}},{key:"isOutsideClicked",value:function(e){return this.container&&!(this.container.isSameNode(e.target)||this.container.contains(e.target)||this.overlayRef&&this.overlayRef.current.contains(e.target))}},{key:"findSelectedNodes",value:function(e,t,n){if(e){if(this.isSelected(e,t)&&(n.push(e),delete t[e.key]),Object.keys(t).length&&e.children){var r,i=w(e.children);try{for(i.s();!(r=i.n()).done;){this.findSelectedNodes(r.value,t,n)}}catch(e){i.e(e)}finally{i.f()}}}else{var l,o=w(this.props.options);try{for(o.s();!(l=o.n()).done;){this.findSelectedNodes(l.value,t,n)}}catch(e){o.e(e)}finally{o.f()}}}},{key:"isSelected",value:function(e,t){return"checkbox"===this.props.selectionMode?t[e.key]&&t[e.key].checked:t[e.key]}},{key:"updateTreeState",value:function(){var e="single"===this.props.selectionMode?k({},"".concat(this.props.value),!0):L({},this.props.value);this.setState({expandedKeys:{}}),e&&this.props.options&&this.updateTreeBranchState(null,null,e)}},{key:"updateTreeBranchState",value:function(e,t,n){if(e){if(this.isSelected(e,n)&&(this.expandPath(t),delete n[e.key]),Object.keys(n).length&&e.children){var r,i=w(e.children);try{for(i.s();!(r=i.n()).done;){var l=r.value;t.push(e.key),this.updateTreeBranchState(l,t,n)}}catch(e){i.e(e)}finally{i.f()}}}else{var o,s=w(this.props.options);try{for(s.s();!(o=s.n()).done;){this.updateTreeBranchState(o.value,[],n)}}catch(e){s.e(e)}finally{s.f()}}}},{key:"expandPath",value:function(e){if(e.length>0){var t,n=L({},this.state.expandedKeys||{}),r=w(e);try{for(r.s();!(t=r.n()).done;){n[t.value]=!0}}catch(e){r.e(e)}finally{r.f()}this.setState({expandedKeys:n})}}},{key:"componentDidMount",value:function(){this.updateTreeState()}},{key:"componentDidUpdate",value:function(e,t){this.state.overlayVisible&&((this.props.filter||t.expandedKeys!==this.state.expandedKeys)&&this.alignOverlay(),e.value!==this.props.value&&(this.selfChange||this.updateTreeState(),this.scrollInView(),this.selfChange=!1)),e.options!==this.props.options&&this.updateTreeState()}},{key:"componentWillUnmount",value:function(){this.unbindDocumentClickListener(),this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),t.ZIndexUtils.clear(this.overlayRef.current)}},{key:"renderKeyboardHelper",value:function(){var e=this;return c.default.createElement("div",{className:"p-hidden-accessible"},c.default.createElement("input",{ref:function(t){return e.focusInput=t},role:"listbox",id:this.props.inputId,type:"text",readOnly:!0,"aria-haspopup":"true","aria-expanded":this.state.overlayVisible,onFocus:this.onInputFocus,onBlur:this.onInputBlur,onKeyDown:this.onInputKeyDown,disabled:this.props.disabled,tabIndex:this.props.tabIndex,"aria-label":this.props.ariaLabel,"aria-labelledby":this.props.ariaLabelledBy}))}},{key:"renderLabel",value:function(e){var n=this.isValueEmpty(),r=t.classNames("p-treeselect-label",{"p-placeholder":this.getLabel()===this.props.placeholder,"p-treeselect-label-empty":!this.props.placeholder&&n}),i=null;if(this.props.valueTemplate)i=t.ObjectUtils.getJSXElement(this.props.valueTemplate,e,this.props);else if("comma"===this.props.display)i=this.getLabel()||"empty";else if("chip"===this.props.display){var l=this.getSelectedNodes();i=c.default.createElement(c.default.Fragment,null,l&&l.map((function(e,t){return c.default.createElement("div",{className:"p-treeselect-token",key:"".concat(e.key,"_").concat(t)},c.default.createElement("span",{className:"p-treeselect-token-label"},e.label))})),n&&(this.props.placeholder||"empty"))}return c.default.createElement("div",{className:"p-treeselect-label-container"},c.default.createElement("div",{className:r},i))}},{key:"renderDropdownIcon",value:function(){var e=this,n=t.classNames("p-treeselect-trigger-icon p-clickable",this.props.dropdownIcon);return c.default.createElement("div",{ref:function(t){return e.trigger=t},className:"p-treeselect-trigger",role:"button","aria-haspopup":"listbox","aria-expanded":this.state.overlayVisible},c.default.createElement("span",{className:n}))}},{key:"renderContent",value:function(){var e=this.getFilterValue();return c.default.createElement(c.default.Fragment,null,c.default.createElement(i.Tree,{value:this.props.options,selectionMode:this.props.selectionMode,selectionKeys:this.props.value,metaKeySelection:this.props.metaKeySelection,onSelectionChange:this.onSelectionChange,onSelect:this.onNodeSelect,onUnselect:this.onNodeUnselect,expandedKeys:this.state.expandedKeys,onToggle:this.onNodeToggle,onExpand:this.props.onNodeExpand,onCollapse:this.props.onNodeCollapse,filter:this.props.filter,filterValue:e,filterBy:this.props.filterBy,filterMode:this.props.filterMode,filterPlaceholder:this.props.filterPlaceholder,filterLocale:this.props.filterLocale,showHeader:!1,onFilterValueChange:this.onFilterValueChange}),this.hasNoOptions()&&c.default.createElement("div",{className:"p-treeselect-empty-message"},this.props.emptyMessage||n.localeOption("emptyMessage")))}},{key:"renderFilterElement",value:function(){var e=this;if(this.props.filter){var n=this.getFilterValue();return n=t.ObjectUtils.isNotEmpty(n)?n:"",c.default.createElement("div",{className:"p-treeselect-filter-container"},c.default.createElement("input",{ref:function(t){return e.filterInput=t},type:"text",value:n,autoComplete:"off",className:"p-treeselect-filter p-inputtext p-component",placeholder:this.props.filterPlaceholder,onKeyDown:this.onFilterInputKeyDown,onChange:this.onFilterInputChange,disabled:this.props.disabled}),c.default.createElement("span",{className:"p-treeselect-filter-icon pi pi-search"}))}return null}},{key:"renderHeader",value:function(){var e=this.renderFilterElement(),n=c.default.createElement("button",{type:"button",className:"p-treeselect-close p-link",onClick:this.hide},c.default.createElement("span",{className:"p-treeselect-close-icon pi pi-times"}),c.default.createElement(s.Ripple,null)),r=c.default.createElement("div",{className:"p-treeselect-header"},e,n);return this.props.panelHeaderTemplate?t.ObjectUtils.getJSXElement(this.props.panelHeaderTemplate,{className:"p-treeselect-header",filterElement:e,closeElement:n,closeElementClassName:"p-treeselect-close p-link",closeIconClassName:"p-treeselect-close-icon pi pi-times",onCloseClick:this.hide,element:r,props:this.props}):r}},{key:"render",value:function(){var e=this,n=t.classNames("p-treeselect p-component p-inputwrapper",{"p-treeselect-chip":"chip"===this.props.display,"p-disabled":this.props.disabled,"p-focus":this.state.focused,"p-inputwrapper-filled":!this.isValueEmpty(),"p-inputwrapper-focus":this.state.focused||this.state.overlayVisible},this.props.className),r=this.getSelectedNodes(),i=this.renderKeyboardHelper(),l=this.renderLabel(r),o=this.renderDropdownIcon(),s=this.renderContent(),a=this.renderHeader(),p=t.ObjectUtils.getJSXElement(this.props.footer,this.props);return c.default.createElement("div",{id:this.props.id,ref:function(t){return e.container=t},className:n,style:this.props.style,onClick:this.onClick},i,l,o,c.default.createElement(C,{ref:this.overlayRef,appendTo:this.props.appendTo,panelStyle:this.props.panelStyle,panelClassName:this.props.panelClassName,scrollHeight:this.props.scrollHeight,onClick:this.onOverlayClick,header:a,footer:p,transitionOptions:this.props.transitionOptions,in:this.state.overlayVisible,onEnter:this.onOverlayEnter,onEntered:this.onOverlayEntered,onExit:this.onOverlayExit,onExited:this.onOverlayExited},s))}}]),y}();k(j,"defaultProps",{id:null,value:null,name:null,style:null,className:null,disabled:!1,options:null,scrollHeight:"400px",placeholder:null,tabIndex:null,inputId:null,ariaLabel:null,ariaLabelledBy:null,selectionMode:"single",panelStyle:null,panelClassName:null,appendTo:null,emptyMessage:null,display:"comma",metaKeySelection:!0,valueTemplate:null,panelHeaderTemplate:null,panelFooterTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",filter:!1,filterValue:null,filterBy:"label",filterMode:"lenient",filterPlaceholder:null,filterLocale:void 0,filterInputAutoFocus:!0,resetFilterOnHide:!1,onShow:null,onHide:null,onChange:null,onNodeSelect:null,onNodeUnselect:null,onNodeExpand:null,onNodeCollapse:null,onFilterValueChange:null}),exports.TreeSelect=j;
|
|
@@ -494,7 +494,7 @@ var TreeSelect = /*#__PURE__*/function (_Component) {
|
|
|
494
494
|
value: function scrollInView() {
|
|
495
495
|
var highlightItem = DomHandler.findSingle(this.overlayRef.current, '.p-treenode-content.p-highlight');
|
|
496
496
|
|
|
497
|
-
if (highlightItem) {
|
|
497
|
+
if (highlightItem && highlightItem.scrollIntoView) {
|
|
498
498
|
highlightItem.scrollIntoView({
|
|
499
499
|
block: 'nearest',
|
|
500
500
|
inline: 'start'
|
|
@@ -888,7 +888,7 @@ var TreeSelect = /*#__PURE__*/function (_Component) {
|
|
|
888
888
|
className: "p-treeselect-header"
|
|
889
889
|
}, filterElement, closeElement);
|
|
890
890
|
|
|
891
|
-
if (this.props.
|
|
891
|
+
if (this.props.panelHeaderTemplate) {
|
|
892
892
|
var defaultOptions = {
|
|
893
893
|
className: 'p-treeselect-header',
|
|
894
894
|
filterElement: filterElement,
|
|
@@ -899,7 +899,7 @@ var TreeSelect = /*#__PURE__*/function (_Component) {
|
|
|
899
899
|
element: content,
|
|
900
900
|
props: this.props
|
|
901
901
|
};
|
|
902
|
-
return ObjectUtils.getJSXElement(this.props.
|
|
902
|
+
return ObjectUtils.getJSXElement(this.props.panelHeaderTemplate, defaultOptions);
|
|
903
903
|
}
|
|
904
904
|
|
|
905
905
|
return content;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e,{Component as t,createRef as n}from"react";import{classNames as r,ObjectUtils as i,DomHandler as o,ZIndexUtils as l,ConnectedOverlayScrollHandler as s}from"primereact/utils";import a,{localeOption as p}from"primereact/api";import{OverlayService as c}from"primereact/overlayservice";import{Tree as u}from"primereact/tree";import{CSSTransition as h}from"primereact/csstransition";import{Portal as d}from"primereact/portal";import{Ripple as f}from"primereact/ripple";function y(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function v(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function m(e,t,n){return t&&v(e.prototype,t),n&&v(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function b(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function g(e,t){return g=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},g(e,t)}function k(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&g(e,t)}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 O(e,t){if(t&&("object"===E(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return b(e)}function S(e){return S=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},S(e)}function w(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function C(){return C=Object.assign||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},C.apply(this,arguments)}function N(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var x=function(n){k(s,t);var i,o,l=(i=s,o=N(),function(){var e,t=S(i);if(o){var n=S(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return O(this,e)});function s(){return y(this,s),l.apply(this,arguments)}return m(s,[{key:"renderElement",value:function(){var t=r("p-treeselect-panel p-component",this.props.panelClassName);return e.createElement(h,{nodeRef:this.props.forwardRef,classNames:"p-connected-overlay",in:this.props.in,timeout:{enter:120,exit:100},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.props.onEnter,onEntering:this.props.onEntering,onEntered:this.props.onEntered,onExit:this.props.onExit,onExited:this.props.onExited},e.createElement("div",{ref:this.props.forwardRef,className:t,style:this.props.panelStyle,onClick:this.props.onClick},this.props.header,e.createElement("div",{className:"p-treeselect-items-wrapper",style:{maxHeight:this.props.scrollHeight||"auto"}},this.props.children),this.props.footer))}},{key:"render",value:function(){var t=this.renderElement();return e.createElement(d,{element:t,appendTo:this.props.appendTo})}}]),s}(),I=e.forwardRef((function(t,n){return e.createElement(x,C({forwardRef:n},t))}));function L(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=V(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,i=function(){};return{s:i,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:i}}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,l=!0,s=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return l=e.done,e},e:function(e){s=!0,o=e},f:function(){try{l||null==n.return||n.return()}finally{if(s)throw o}}}}function V(e,t){if(e){if("string"==typeof e)return F(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)?F(e,t):void 0}}function F(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 R(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 j(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?R(Object(n),!0).forEach((function(t){w(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):R(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function T(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var D=function(h){k(E,t);var d,v,g=(d=E,v=T(),function(){var e,t=S(d);if(v){var n=S(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return O(this,e)});function E(e){var t;return y(this,E),(t=g.call(this,e)).state={focused:!1,overlayVisible:!1,expandedKeys:{}},t.props.onFilterValueChange||(t.state.filterValue=""),t.onClick=t.onClick.bind(b(t)),t.onInputFocus=t.onInputFocus.bind(b(t)),t.onInputBlur=t.onInputBlur.bind(b(t)),t.onInputKeyDown=t.onInputKeyDown.bind(b(t)),t.onFilterInputChange=t.onFilterInputChange.bind(b(t)),t.onFilterInputKeyDown=t.onFilterInputKeyDown.bind(b(t)),t.onOverlayClick=t.onOverlayClick.bind(b(t)),t.onOverlayEnter=t.onOverlayEnter.bind(b(t)),t.onOverlayEntered=t.onOverlayEntered.bind(b(t)),t.onOverlayExit=t.onOverlayExit.bind(b(t)),t.onOverlayExited=t.onOverlayExited.bind(b(t)),t.onSelectionChange=t.onSelectionChange.bind(b(t)),t.onNodeSelect=t.onNodeSelect.bind(b(t)),t.onNodeUnselect=t.onNodeUnselect.bind(b(t)),t.onNodeToggle=t.onNodeToggle.bind(b(t)),t.onFilterValueChange=t.onFilterValueChange.bind(b(t)),t.hide=t.hide.bind(b(t)),t.show=t.show.bind(b(t)),t.overlayRef=n(),t}return m(E,[{key:"getFilterValue",value:function(){return this.props.onFilterValueChange?this.props.filterValue:this.state.filterValue}},{key:"getSelectedNodes",value:function(){var e=[];if(i.isNotEmpty(this.props.value)&&this.props.options){var t="single"===this.props.selectionMode?w({},"".concat(this.props.value),!0):j({},this.props.value);this.findSelectedNodes(null,t,e)}return e}},{key:"getLabel",value:function(){var e=this.getSelectedNodes();return e.length?e.map((function(e){return e.label})).join(", "):this.props.placeholder}},{key:"isValueEmpty",value:function(){return!this.props.value||0===Object.keys(this.props.value).length}},{key:"hasNoOptions",value:function(){return!this.props.options||0===this.props.options.length}},{key:"show",value:function(){this.setState({overlayVisible:!0})}},{key:"hide",value:function(){this.setState({overlayVisible:!1})}},{key:"onInputFocus",value:function(){this.setState({focused:!0})}},{key:"onInputBlur",value:function(){this.setState({focused:!1})}},{key:"onClick",value:function(e){this.props.disabled||this.overlayRef&&this.overlayRef.current&&this.overlayRef.current.contains(e.target)||o.hasClass(e.target,"p-treeselect-close")||(this.focusInput.focus(),this.state.overlayVisible?this.hide():this.show())}},{key:"onSelectionChange",value:function(e){this.props.onChange&&(this.selfChange=!0,this.props.onChange({originalEvent:e.originalEvent,value:e.value,stopPropagation:function(){},preventDefault:function(){},target:{name:this.props.name,id:this.props.id,value:e.value}}))}},{key:"onNodeSelect",value:function(e){this.props.onNodeSelect&&this.props.onNodeSelect(e),"single"===this.props.selectionMode&&this.hide()}},{key:"onNodeUnselect",value:function(e){this.props.onNodeUnselect&&this.props.onNodeUnselect(e)}},{key:"onNodeToggle",value:function(e){this.setState({expandedKeys:e.value})}},{key:"onFilterValueChange",value:function(e){this.setState({filterValue:e.value})}},{key:"onOverlayClick",value:function(e){c.emit("overlay-click",{originalEvent:e,target:this.container})}},{key:"onInputKeyDown",value:function(e){switch(e.which){case 40:!this.state.overlayVisible&&e.altKey&&this.show();break;case 32:this.state.overlayVisible||(this.show(),e.preventDefault());break;case 13:case 27:this.state.overlayVisible&&(this.hide(),e.preventDefault());break;case 9:this.hide()}}},{key:"onFilterInputKeyDown",value:function(e){13===e.which&&e.preventDefault()}},{key:"onFilterInputChange",value:function(e){var t=e.target.value;this.props.onFilterValueChange?this.props.onFilterValueChange({originalEvent:e,value:t}):this.setState({filterValue:t})}},{key:"resetFilter",value:function(){this.setState({filterValue:""})}},{key:"onOverlayEnter",value:function(){l.set("overlay",this.overlayRef.current,a.autoZIndex,a.zIndex.overlay),this.alignOverlay(),this.scrollInView()}},{key:"onOverlayEntered",value:function(){this.bindDocumentClickListener(),this.bindScrollListener(),this.bindResizeListener(),this.props.filter&&this.props.filterInputAutoFocus&&this.filterInput.focus(),this.props.onShow&&this.props.onShow()}},{key:"onOverlayExit",value:function(){this.unbindDocumentClickListener(),this.unbindScrollListener(),this.unbindResizeListener()}},{key:"onOverlayExited",value:function(){this.props.filter&&this.props.resetFilterOnHide&&this.resetFilter(),l.clear(this.overlayRef.current),this.props.onHide&&this.props.onHide()}},{key:"alignOverlay",value:function(){o.alignOverlay(this.overlayRef.current,this.trigger.parentElement,this.props.appendTo||a.appendTo)}},{key:"scrollInView",value:function(){var e=o.findSingle(this.overlayRef.current,".p-treenode-content.p-highlight");e&&e.scrollIntoView({block:"nearest",inline:"start"})}},{key:"bindDocumentClickListener",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){e.state.overlayVisible&&e.isOutsideClicked(t)&&e.hide()},document.addEventListener("click",this.documentClickListener))}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"bindScrollListener",value:function(){var e=this;this.scrollHandler||(this.scrollHandler=new s(this.container,(function(){e.state.overlayVisible&&e.hide()}))),this.scrollHandler.bindScrollListener()}},{key:"unbindScrollListener",value:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}},{key:"bindResizeListener",value:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.state.overlayVisible&&!o.isTouchDevice()&&e.hide()},window.addEventListener("resize",this.resizeListener))}},{key:"unbindResizeListener",value:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)}},{key:"isOutsideClicked",value:function(e){return this.container&&!(this.container.isSameNode(e.target)||this.container.contains(e.target)||this.overlayRef&&this.overlayRef.current.contains(e.target))}},{key:"findSelectedNodes",value:function(e,t,n){if(e){if(this.isSelected(e,t)&&(n.push(e),delete t[e.key]),Object.keys(t).length&&e.children){var r,i=L(e.children);try{for(i.s();!(r=i.n()).done;){this.findSelectedNodes(r.value,t,n)}}catch(e){i.e(e)}finally{i.f()}}}else{var o,l=L(this.props.options);try{for(l.s();!(o=l.n()).done;){this.findSelectedNodes(o.value,t,n)}}catch(e){l.e(e)}finally{l.f()}}}},{key:"isSelected",value:function(e,t){return"checkbox"===this.props.selectionMode?t[e.key]&&t[e.key].checked:t[e.key]}},{key:"updateTreeState",value:function(){var e="single"===this.props.selectionMode?w({},"".concat(this.props.value),!0):j({},this.props.value);this.setState({expandedKeys:{}}),e&&this.props.options&&this.updateTreeBranchState(null,null,e)}},{key:"updateTreeBranchState",value:function(e,t,n){if(e){if(this.isSelected(e,n)&&(this.expandPath(t),delete n[e.key]),Object.keys(n).length&&e.children){var r,i=L(e.children);try{for(i.s();!(r=i.n()).done;){var o=r.value;t.push(e.key),this.updateTreeBranchState(o,t,n)}}catch(e){i.e(e)}finally{i.f()}}}else{var l,s=L(this.props.options);try{for(s.s();!(l=s.n()).done;){this.updateTreeBranchState(l.value,[],n)}}catch(e){s.e(e)}finally{s.f()}}}},{key:"expandPath",value:function(e){if(e.length>0){var t,n=j({},this.state.expandedKeys||{}),r=L(e);try{for(r.s();!(t=r.n()).done;){n[t.value]=!0}}catch(e){r.e(e)}finally{r.f()}this.setState({expandedKeys:n})}}},{key:"componentDidMount",value:function(){this.updateTreeState()}},{key:"componentDidUpdate",value:function(e,t){this.state.overlayVisible&&((this.props.filter||t.expandedKeys!==this.state.expandedKeys)&&this.alignOverlay(),e.value!==this.props.value&&(this.selfChange||this.updateTreeState(),this.scrollInView(),this.selfChange=!1)),e.options!==this.props.options&&this.updateTreeState()}},{key:"componentWillUnmount",value:function(){this.unbindDocumentClickListener(),this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),l.clear(this.overlayRef.current)}},{key:"renderKeyboardHelper",value:function(){var t=this;return e.createElement("div",{className:"p-hidden-accessible"},e.createElement("input",{ref:function(e){return t.focusInput=e},role:"listbox",id:this.props.inputId,type:"text",readOnly:!0,"aria-haspopup":"true","aria-expanded":this.state.overlayVisible,onFocus:this.onInputFocus,onBlur:this.onInputBlur,onKeyDown:this.onInputKeyDown,disabled:this.props.disabled,tabIndex:this.props.tabIndex,"aria-label":this.props.ariaLabel,"aria-labelledby":this.props.ariaLabelledBy}))}},{key:"renderLabel",value:function(t){var n=this.isValueEmpty(),o=r("p-treeselect-label",{"p-placeholder":this.getLabel()===this.props.placeholder,"p-treeselect-label-empty":!this.props.placeholder&&n}),l=null;if(this.props.valueTemplate)l=i.getJSXElement(this.props.valueTemplate,t,this.props);else if("comma"===this.props.display)l=this.getLabel()||"empty";else if("chip"===this.props.display){var s=this.getSelectedNodes();l=e.createElement(e.Fragment,null,s&&s.map((function(t,n){return e.createElement("div",{className:"p-treeselect-token",key:"".concat(t.key,"_").concat(n)},e.createElement("span",{className:"p-treeselect-token-label"},t.label))})),n&&(this.props.placeholder||"empty"))}return e.createElement("div",{className:"p-treeselect-label-container"},e.createElement("div",{className:o},l))}},{key:"renderDropdownIcon",value:function(){var t=this,n=r("p-treeselect-trigger-icon p-clickable",this.props.dropdownIcon);return e.createElement("div",{ref:function(e){return t.trigger=e},className:"p-treeselect-trigger",role:"button","aria-haspopup":"listbox","aria-expanded":this.state.overlayVisible},e.createElement("span",{className:n}))}},{key:"renderContent",value:function(){var t=this.getFilterValue();return e.createElement(e.Fragment,null,e.createElement(u,{value:this.props.options,selectionMode:this.props.selectionMode,selectionKeys:this.props.value,metaKeySelection:this.props.metaKeySelection,onSelectionChange:this.onSelectionChange,onSelect:this.onNodeSelect,onUnselect:this.onNodeUnselect,expandedKeys:this.state.expandedKeys,onToggle:this.onNodeToggle,onExpand:this.props.onNodeExpand,onCollapse:this.props.onNodeCollapse,filter:this.props.filter,filterValue:t,filterBy:this.props.filterBy,filterMode:this.props.filterMode,filterPlaceholder:this.props.filterPlaceholder,filterLocale:this.props.filterLocale,showHeader:!1,onFilterValueChange:this.onFilterValueChange}),this.hasNoOptions()&&e.createElement("div",{className:"p-treeselect-empty-message"},this.props.emptyMessage||p("emptyMessage")))}},{key:"renderFilterElement",value:function(){var t=this;if(this.props.filter){var n=this.getFilterValue();return n=i.isNotEmpty(n)?n:"",e.createElement("div",{className:"p-treeselect-filter-container"},e.createElement("input",{ref:function(e){return t.filterInput=e},type:"text",value:n,autoComplete:"off",className:"p-treeselect-filter p-inputtext p-component",placeholder:this.props.filterPlaceholder,onKeyDown:this.onFilterInputKeyDown,onChange:this.onFilterInputChange,disabled:this.props.disabled}),e.createElement("span",{className:"p-treeselect-filter-icon pi pi-search"}))}return null}},{key:"renderHeader",value:function(){var t=this.renderFilterElement(),n=e.createElement("button",{type:"button",className:"p-treeselect-close p-link",onClick:this.hide},e.createElement("span",{className:"p-treeselect-close-icon pi pi-times"}),e.createElement(f,null)),r=e.createElement("div",{className:"p-treeselect-header"},t,n);return this.props.header?i.getJSXElement(this.props.header,{className:"p-treeselect-header",filterElement:t,closeElement:n,closeElementClassName:"p-treeselect-close p-link",closeIconClassName:"p-treeselect-close-icon pi pi-times",onCloseClick:this.hide,element:r,props:this.props}):r}},{key:"render",value:function(){var t=this,n=r("p-treeselect p-component p-inputwrapper",{"p-treeselect-chip":"chip"===this.props.display,"p-disabled":this.props.disabled,"p-focus":this.state.focused,"p-inputwrapper-filled":!this.isValueEmpty(),"p-inputwrapper-focus":this.state.focused||this.state.overlayVisible},this.props.className),o=this.getSelectedNodes(),l=this.renderKeyboardHelper(),s=this.renderLabel(o),a=this.renderDropdownIcon(),p=this.renderContent(),c=this.renderHeader(),u=i.getJSXElement(this.props.footer,this.props);return e.createElement("div",{id:this.props.id,ref:function(e){return t.container=e},className:n,style:this.props.style,onClick:this.onClick},l,s,a,e.createElement(I,{ref:this.overlayRef,appendTo:this.props.appendTo,panelStyle:this.props.panelStyle,panelClassName:this.props.panelClassName,scrollHeight:this.props.scrollHeight,onClick:this.onOverlayClick,header:c,footer:u,transitionOptions:this.props.transitionOptions,in:this.state.overlayVisible,onEnter:this.onOverlayEnter,onEntered:this.onOverlayEntered,onExit:this.onOverlayExit,onExited:this.onOverlayExited},p))}}]),E}();w(D,"defaultProps",{id:null,value:null,name:null,style:null,className:null,disabled:!1,options:null,scrollHeight:"400px",placeholder:null,tabIndex:null,inputId:null,ariaLabel:null,ariaLabelledBy:null,selectionMode:"single",panelStyle:null,panelClassName:null,appendTo:null,emptyMessage:null,display:"comma",metaKeySelection:!0,valueTemplate:null,panelHeaderTemplate:null,panelFooterTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",filter:!1,filterValue:null,filterBy:"label",filterMode:"lenient",filterPlaceholder:null,filterLocale:void 0,filterInputAutoFocus:!0,resetFilterOnHide:!1,onShow:null,onHide:null,onChange:null,onNodeSelect:null,onNodeUnselect:null,onNodeExpand:null,onNodeCollapse:null,onFilterValueChange:null});export{D as TreeSelect};
|
|
1
|
+
import e,{Component as t,createRef as n}from"react";import{classNames as r,ObjectUtils as i,DomHandler as o,ZIndexUtils as l,ConnectedOverlayScrollHandler as s}from"primereact/utils";import a,{localeOption as p}from"primereact/api";import{OverlayService as c}from"primereact/overlayservice";import{Tree as u}from"primereact/tree";import{CSSTransition as h}from"primereact/csstransition";import{Portal as d}from"primereact/portal";import{Ripple as f}from"primereact/ripple";function y(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function v(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function m(e,t,n){return t&&v(e.prototype,t),n&&v(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function b(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function g(e,t){return g=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},g(e,t)}function k(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&g(e,t)}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 O(e,t){if(t&&("object"===E(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return b(e)}function S(e){return S=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},S(e)}function w(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function C(){return C=Object.assign||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},C.apply(this,arguments)}function N(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var x=function(n){k(s,t);var i,o,l=(i=s,o=N(),function(){var e,t=S(i);if(o){var n=S(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return O(this,e)});function s(){return y(this,s),l.apply(this,arguments)}return m(s,[{key:"renderElement",value:function(){var t=r("p-treeselect-panel p-component",this.props.panelClassName);return e.createElement(h,{nodeRef:this.props.forwardRef,classNames:"p-connected-overlay",in:this.props.in,timeout:{enter:120,exit:100},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.props.onEnter,onEntering:this.props.onEntering,onEntered:this.props.onEntered,onExit:this.props.onExit,onExited:this.props.onExited},e.createElement("div",{ref:this.props.forwardRef,className:t,style:this.props.panelStyle,onClick:this.props.onClick},this.props.header,e.createElement("div",{className:"p-treeselect-items-wrapper",style:{maxHeight:this.props.scrollHeight||"auto"}},this.props.children),this.props.footer))}},{key:"render",value:function(){var t=this.renderElement();return e.createElement(d,{element:t,appendTo:this.props.appendTo})}}]),s}(),I=e.forwardRef((function(t,n){return e.createElement(x,C({forwardRef:n},t))}));function L(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=V(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,i=function(){};return{s:i,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:i}}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,l=!0,s=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return l=e.done,e},e:function(e){s=!0,o=e},f:function(){try{l||null==n.return||n.return()}finally{if(s)throw o}}}}function V(e,t){if(e){if("string"==typeof e)return F(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)?F(e,t):void 0}}function F(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 R(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 T(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?R(Object(n),!0).forEach((function(t){w(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):R(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function j(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var D=function(h){k(E,t);var d,v,g=(d=E,v=j(),function(){var e,t=S(d);if(v){var n=S(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return O(this,e)});function E(e){var t;return y(this,E),(t=g.call(this,e)).state={focused:!1,overlayVisible:!1,expandedKeys:{}},t.props.onFilterValueChange||(t.state.filterValue=""),t.onClick=t.onClick.bind(b(t)),t.onInputFocus=t.onInputFocus.bind(b(t)),t.onInputBlur=t.onInputBlur.bind(b(t)),t.onInputKeyDown=t.onInputKeyDown.bind(b(t)),t.onFilterInputChange=t.onFilterInputChange.bind(b(t)),t.onFilterInputKeyDown=t.onFilterInputKeyDown.bind(b(t)),t.onOverlayClick=t.onOverlayClick.bind(b(t)),t.onOverlayEnter=t.onOverlayEnter.bind(b(t)),t.onOverlayEntered=t.onOverlayEntered.bind(b(t)),t.onOverlayExit=t.onOverlayExit.bind(b(t)),t.onOverlayExited=t.onOverlayExited.bind(b(t)),t.onSelectionChange=t.onSelectionChange.bind(b(t)),t.onNodeSelect=t.onNodeSelect.bind(b(t)),t.onNodeUnselect=t.onNodeUnselect.bind(b(t)),t.onNodeToggle=t.onNodeToggle.bind(b(t)),t.onFilterValueChange=t.onFilterValueChange.bind(b(t)),t.hide=t.hide.bind(b(t)),t.show=t.show.bind(b(t)),t.overlayRef=n(),t}return m(E,[{key:"getFilterValue",value:function(){return this.props.onFilterValueChange?this.props.filterValue:this.state.filterValue}},{key:"getSelectedNodes",value:function(){var e=[];if(i.isNotEmpty(this.props.value)&&this.props.options){var t="single"===this.props.selectionMode?w({},"".concat(this.props.value),!0):T({},this.props.value);this.findSelectedNodes(null,t,e)}return e}},{key:"getLabel",value:function(){var e=this.getSelectedNodes();return e.length?e.map((function(e){return e.label})).join(", "):this.props.placeholder}},{key:"isValueEmpty",value:function(){return!this.props.value||0===Object.keys(this.props.value).length}},{key:"hasNoOptions",value:function(){return!this.props.options||0===this.props.options.length}},{key:"show",value:function(){this.setState({overlayVisible:!0})}},{key:"hide",value:function(){this.setState({overlayVisible:!1})}},{key:"onInputFocus",value:function(){this.setState({focused:!0})}},{key:"onInputBlur",value:function(){this.setState({focused:!1})}},{key:"onClick",value:function(e){this.props.disabled||this.overlayRef&&this.overlayRef.current&&this.overlayRef.current.contains(e.target)||o.hasClass(e.target,"p-treeselect-close")||(this.focusInput.focus(),this.state.overlayVisible?this.hide():this.show())}},{key:"onSelectionChange",value:function(e){this.props.onChange&&(this.selfChange=!0,this.props.onChange({originalEvent:e.originalEvent,value:e.value,stopPropagation:function(){},preventDefault:function(){},target:{name:this.props.name,id:this.props.id,value:e.value}}))}},{key:"onNodeSelect",value:function(e){this.props.onNodeSelect&&this.props.onNodeSelect(e),"single"===this.props.selectionMode&&this.hide()}},{key:"onNodeUnselect",value:function(e){this.props.onNodeUnselect&&this.props.onNodeUnselect(e)}},{key:"onNodeToggle",value:function(e){this.setState({expandedKeys:e.value})}},{key:"onFilterValueChange",value:function(e){this.setState({filterValue:e.value})}},{key:"onOverlayClick",value:function(e){c.emit("overlay-click",{originalEvent:e,target:this.container})}},{key:"onInputKeyDown",value:function(e){switch(e.which){case 40:!this.state.overlayVisible&&e.altKey&&this.show();break;case 32:this.state.overlayVisible||(this.show(),e.preventDefault());break;case 13:case 27:this.state.overlayVisible&&(this.hide(),e.preventDefault());break;case 9:this.hide()}}},{key:"onFilterInputKeyDown",value:function(e){13===e.which&&e.preventDefault()}},{key:"onFilterInputChange",value:function(e){var t=e.target.value;this.props.onFilterValueChange?this.props.onFilterValueChange({originalEvent:e,value:t}):this.setState({filterValue:t})}},{key:"resetFilter",value:function(){this.setState({filterValue:""})}},{key:"onOverlayEnter",value:function(){l.set("overlay",this.overlayRef.current,a.autoZIndex,a.zIndex.overlay),this.alignOverlay(),this.scrollInView()}},{key:"onOverlayEntered",value:function(){this.bindDocumentClickListener(),this.bindScrollListener(),this.bindResizeListener(),this.props.filter&&this.props.filterInputAutoFocus&&this.filterInput.focus(),this.props.onShow&&this.props.onShow()}},{key:"onOverlayExit",value:function(){this.unbindDocumentClickListener(),this.unbindScrollListener(),this.unbindResizeListener()}},{key:"onOverlayExited",value:function(){this.props.filter&&this.props.resetFilterOnHide&&this.resetFilter(),l.clear(this.overlayRef.current),this.props.onHide&&this.props.onHide()}},{key:"alignOverlay",value:function(){o.alignOverlay(this.overlayRef.current,this.trigger.parentElement,this.props.appendTo||a.appendTo)}},{key:"scrollInView",value:function(){var e=o.findSingle(this.overlayRef.current,".p-treenode-content.p-highlight");e&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"start"})}},{key:"bindDocumentClickListener",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){e.state.overlayVisible&&e.isOutsideClicked(t)&&e.hide()},document.addEventListener("click",this.documentClickListener))}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"bindScrollListener",value:function(){var e=this;this.scrollHandler||(this.scrollHandler=new s(this.container,(function(){e.state.overlayVisible&&e.hide()}))),this.scrollHandler.bindScrollListener()}},{key:"unbindScrollListener",value:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}},{key:"bindResizeListener",value:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.state.overlayVisible&&!o.isTouchDevice()&&e.hide()},window.addEventListener("resize",this.resizeListener))}},{key:"unbindResizeListener",value:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)}},{key:"isOutsideClicked",value:function(e){return this.container&&!(this.container.isSameNode(e.target)||this.container.contains(e.target)||this.overlayRef&&this.overlayRef.current.contains(e.target))}},{key:"findSelectedNodes",value:function(e,t,n){if(e){if(this.isSelected(e,t)&&(n.push(e),delete t[e.key]),Object.keys(t).length&&e.children){var r,i=L(e.children);try{for(i.s();!(r=i.n()).done;){this.findSelectedNodes(r.value,t,n)}}catch(e){i.e(e)}finally{i.f()}}}else{var o,l=L(this.props.options);try{for(l.s();!(o=l.n()).done;){this.findSelectedNodes(o.value,t,n)}}catch(e){l.e(e)}finally{l.f()}}}},{key:"isSelected",value:function(e,t){return"checkbox"===this.props.selectionMode?t[e.key]&&t[e.key].checked:t[e.key]}},{key:"updateTreeState",value:function(){var e="single"===this.props.selectionMode?w({},"".concat(this.props.value),!0):T({},this.props.value);this.setState({expandedKeys:{}}),e&&this.props.options&&this.updateTreeBranchState(null,null,e)}},{key:"updateTreeBranchState",value:function(e,t,n){if(e){if(this.isSelected(e,n)&&(this.expandPath(t),delete n[e.key]),Object.keys(n).length&&e.children){var r,i=L(e.children);try{for(i.s();!(r=i.n()).done;){var o=r.value;t.push(e.key),this.updateTreeBranchState(o,t,n)}}catch(e){i.e(e)}finally{i.f()}}}else{var l,s=L(this.props.options);try{for(s.s();!(l=s.n()).done;){this.updateTreeBranchState(l.value,[],n)}}catch(e){s.e(e)}finally{s.f()}}}},{key:"expandPath",value:function(e){if(e.length>0){var t,n=T({},this.state.expandedKeys||{}),r=L(e);try{for(r.s();!(t=r.n()).done;){n[t.value]=!0}}catch(e){r.e(e)}finally{r.f()}this.setState({expandedKeys:n})}}},{key:"componentDidMount",value:function(){this.updateTreeState()}},{key:"componentDidUpdate",value:function(e,t){this.state.overlayVisible&&((this.props.filter||t.expandedKeys!==this.state.expandedKeys)&&this.alignOverlay(),e.value!==this.props.value&&(this.selfChange||this.updateTreeState(),this.scrollInView(),this.selfChange=!1)),e.options!==this.props.options&&this.updateTreeState()}},{key:"componentWillUnmount",value:function(){this.unbindDocumentClickListener(),this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),l.clear(this.overlayRef.current)}},{key:"renderKeyboardHelper",value:function(){var t=this;return e.createElement("div",{className:"p-hidden-accessible"},e.createElement("input",{ref:function(e){return t.focusInput=e},role:"listbox",id:this.props.inputId,type:"text",readOnly:!0,"aria-haspopup":"true","aria-expanded":this.state.overlayVisible,onFocus:this.onInputFocus,onBlur:this.onInputBlur,onKeyDown:this.onInputKeyDown,disabled:this.props.disabled,tabIndex:this.props.tabIndex,"aria-label":this.props.ariaLabel,"aria-labelledby":this.props.ariaLabelledBy}))}},{key:"renderLabel",value:function(t){var n=this.isValueEmpty(),o=r("p-treeselect-label",{"p-placeholder":this.getLabel()===this.props.placeholder,"p-treeselect-label-empty":!this.props.placeholder&&n}),l=null;if(this.props.valueTemplate)l=i.getJSXElement(this.props.valueTemplate,t,this.props);else if("comma"===this.props.display)l=this.getLabel()||"empty";else if("chip"===this.props.display){var s=this.getSelectedNodes();l=e.createElement(e.Fragment,null,s&&s.map((function(t,n){return e.createElement("div",{className:"p-treeselect-token",key:"".concat(t.key,"_").concat(n)},e.createElement("span",{className:"p-treeselect-token-label"},t.label))})),n&&(this.props.placeholder||"empty"))}return e.createElement("div",{className:"p-treeselect-label-container"},e.createElement("div",{className:o},l))}},{key:"renderDropdownIcon",value:function(){var t=this,n=r("p-treeselect-trigger-icon p-clickable",this.props.dropdownIcon);return e.createElement("div",{ref:function(e){return t.trigger=e},className:"p-treeselect-trigger",role:"button","aria-haspopup":"listbox","aria-expanded":this.state.overlayVisible},e.createElement("span",{className:n}))}},{key:"renderContent",value:function(){var t=this.getFilterValue();return e.createElement(e.Fragment,null,e.createElement(u,{value:this.props.options,selectionMode:this.props.selectionMode,selectionKeys:this.props.value,metaKeySelection:this.props.metaKeySelection,onSelectionChange:this.onSelectionChange,onSelect:this.onNodeSelect,onUnselect:this.onNodeUnselect,expandedKeys:this.state.expandedKeys,onToggle:this.onNodeToggle,onExpand:this.props.onNodeExpand,onCollapse:this.props.onNodeCollapse,filter:this.props.filter,filterValue:t,filterBy:this.props.filterBy,filterMode:this.props.filterMode,filterPlaceholder:this.props.filterPlaceholder,filterLocale:this.props.filterLocale,showHeader:!1,onFilterValueChange:this.onFilterValueChange}),this.hasNoOptions()&&e.createElement("div",{className:"p-treeselect-empty-message"},this.props.emptyMessage||p("emptyMessage")))}},{key:"renderFilterElement",value:function(){var t=this;if(this.props.filter){var n=this.getFilterValue();return n=i.isNotEmpty(n)?n:"",e.createElement("div",{className:"p-treeselect-filter-container"},e.createElement("input",{ref:function(e){return t.filterInput=e},type:"text",value:n,autoComplete:"off",className:"p-treeselect-filter p-inputtext p-component",placeholder:this.props.filterPlaceholder,onKeyDown:this.onFilterInputKeyDown,onChange:this.onFilterInputChange,disabled:this.props.disabled}),e.createElement("span",{className:"p-treeselect-filter-icon pi pi-search"}))}return null}},{key:"renderHeader",value:function(){var t=this.renderFilterElement(),n=e.createElement("button",{type:"button",className:"p-treeselect-close p-link",onClick:this.hide},e.createElement("span",{className:"p-treeselect-close-icon pi pi-times"}),e.createElement(f,null)),r=e.createElement("div",{className:"p-treeselect-header"},t,n);return this.props.panelHeaderTemplate?i.getJSXElement(this.props.panelHeaderTemplate,{className:"p-treeselect-header",filterElement:t,closeElement:n,closeElementClassName:"p-treeselect-close p-link",closeIconClassName:"p-treeselect-close-icon pi pi-times",onCloseClick:this.hide,element:r,props:this.props}):r}},{key:"render",value:function(){var t=this,n=r("p-treeselect p-component p-inputwrapper",{"p-treeselect-chip":"chip"===this.props.display,"p-disabled":this.props.disabled,"p-focus":this.state.focused,"p-inputwrapper-filled":!this.isValueEmpty(),"p-inputwrapper-focus":this.state.focused||this.state.overlayVisible},this.props.className),o=this.getSelectedNodes(),l=this.renderKeyboardHelper(),s=this.renderLabel(o),a=this.renderDropdownIcon(),p=this.renderContent(),c=this.renderHeader(),u=i.getJSXElement(this.props.footer,this.props);return e.createElement("div",{id:this.props.id,ref:function(e){return t.container=e},className:n,style:this.props.style,onClick:this.onClick},l,s,a,e.createElement(I,{ref:this.overlayRef,appendTo:this.props.appendTo,panelStyle:this.props.panelStyle,panelClassName:this.props.panelClassName,scrollHeight:this.props.scrollHeight,onClick:this.onOverlayClick,header:c,footer:u,transitionOptions:this.props.transitionOptions,in:this.state.overlayVisible,onEnter:this.onOverlayEnter,onEntered:this.onOverlayEntered,onExit:this.onOverlayExit,onExited:this.onOverlayExited},p))}}]),E}();w(D,"defaultProps",{id:null,value:null,name:null,style:null,className:null,disabled:!1,options:null,scrollHeight:"400px",placeholder:null,tabIndex:null,inputId:null,ariaLabel:null,ariaLabelledBy:null,selectionMode:"single",panelStyle:null,panelClassName:null,appendTo:null,emptyMessage:null,display:"comma",metaKeySelection:!0,valueTemplate:null,panelHeaderTemplate:null,panelFooterTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",filter:!1,filterValue:null,filterBy:"label",filterMode:"lenient",filterPlaceholder:null,filterLocale:void 0,filterInputAutoFocus:!0,resetFilterOnHide:!1,onShow:null,onHide:null,onChange:null,onNodeSelect:null,onNodeUnselect:null,onNodeExpand:null,onNodeCollapse:null,onFilterValueChange:null});export{D as TreeSelect};
|
package/treeselect/treeselect.js
CHANGED
|
@@ -494,7 +494,7 @@ this.primereact.treeselect = (function (exports, React, utils, PrimeReact, overl
|
|
|
494
494
|
value: function scrollInView() {
|
|
495
495
|
var highlightItem = utils.DomHandler.findSingle(this.overlayRef.current, '.p-treenode-content.p-highlight');
|
|
496
496
|
|
|
497
|
-
if (highlightItem) {
|
|
497
|
+
if (highlightItem && highlightItem.scrollIntoView) {
|
|
498
498
|
highlightItem.scrollIntoView({
|
|
499
499
|
block: 'nearest',
|
|
500
500
|
inline: 'start'
|
|
@@ -888,7 +888,7 @@ this.primereact.treeselect = (function (exports, React, utils, PrimeReact, overl
|
|
|
888
888
|
className: "p-treeselect-header"
|
|
889
889
|
}, filterElement, closeElement);
|
|
890
890
|
|
|
891
|
-
if (this.props.
|
|
891
|
+
if (this.props.panelHeaderTemplate) {
|
|
892
892
|
var defaultOptions = {
|
|
893
893
|
className: 'p-treeselect-header',
|
|
894
894
|
filterElement: filterElement,
|
|
@@ -899,7 +899,7 @@ this.primereact.treeselect = (function (exports, React, utils, PrimeReact, overl
|
|
|
899
899
|
element: content,
|
|
900
900
|
props: this.props
|
|
901
901
|
};
|
|
902
|
-
return utils.ObjectUtils.getJSXElement(this.props.
|
|
902
|
+
return utils.ObjectUtils.getJSXElement(this.props.panelHeaderTemplate, defaultOptions);
|
|
903
903
|
}
|
|
904
904
|
|
|
905
905
|
return content;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.treeselect=function(e,t,n,r,i,l,o,s,a){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=c(t),u=c(r);function h(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function d(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function f(e,t,n){return t&&d(e.prototype,t),n&&d(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function y(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function v(e,t){return v=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},v(e,t)}function m(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&v(e,t)}function b(e){return b="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},b(e)}function g(e,t){if(t&&("object"===b(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return y(e)}function k(e){return k=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},k(e)}function E(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function O(){return O=Object.assign||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},O.apply(this,arguments)}function S(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var C=function(e){m(l,e);var t,r,i=(t=l,r=S(),function(){var e,n=k(t);if(r){var i=k(this).constructor;e=Reflect.construct(n,arguments,i)}else e=n.apply(this,arguments);return g(this,e)});function l(){return h(this,l),i.apply(this,arguments)}return f(l,[{key:"renderElement",value:function(){var e=n.classNames("p-treeselect-panel p-component",this.props.panelClassName);return p.default.createElement(o.CSSTransition,{nodeRef:this.props.forwardRef,classNames:"p-connected-overlay",in:this.props.in,timeout:{enter:120,exit:100},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.props.onEnter,onEntering:this.props.onEntering,onEntered:this.props.onEntered,onExit:this.props.onExit,onExited:this.props.onExited},p.default.createElement("div",{ref:this.props.forwardRef,className:e,style:this.props.panelStyle,onClick:this.props.onClick},this.props.header,p.default.createElement("div",{className:"p-treeselect-items-wrapper",style:{maxHeight:this.props.scrollHeight||"auto"}},this.props.children),this.props.footer))}},{key:"render",value:function(){var e=this.renderElement();return p.default.createElement(s.Portal,{element:e,appendTo:this.props.appendTo})}}]),l}(t.Component),w=p.default.forwardRef((function(e,t){return p.default.createElement(C,O({forwardRef:t},e))}));function N(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=x(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,i=function(){};return{s:i,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,o=!0,s=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){s=!0,l=e},f:function(){try{o||null==n.return||n.return()}finally{if(s)throw l}}}}function x(e,t){if(e){if("string"==typeof e)return I(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)?I(e,t):void 0}}function I(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 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 V(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){E(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}function j(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var F=function(e){m(d,e);var o,s,c=(o=d,s=j(),function(){var e,t=k(o);if(s){var n=k(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return g(this,e)});function d(e){var n;return h(this,d),(n=c.call(this,e)).state={focused:!1,overlayVisible:!1,expandedKeys:{}},n.props.onFilterValueChange||(n.state.filterValue=""),n.onClick=n.onClick.bind(y(n)),n.onInputFocus=n.onInputFocus.bind(y(n)),n.onInputBlur=n.onInputBlur.bind(y(n)),n.onInputKeyDown=n.onInputKeyDown.bind(y(n)),n.onFilterInputChange=n.onFilterInputChange.bind(y(n)),n.onFilterInputKeyDown=n.onFilterInputKeyDown.bind(y(n)),n.onOverlayClick=n.onOverlayClick.bind(y(n)),n.onOverlayEnter=n.onOverlayEnter.bind(y(n)),n.onOverlayEntered=n.onOverlayEntered.bind(y(n)),n.onOverlayExit=n.onOverlayExit.bind(y(n)),n.onOverlayExited=n.onOverlayExited.bind(y(n)),n.onSelectionChange=n.onSelectionChange.bind(y(n)),n.onNodeSelect=n.onNodeSelect.bind(y(n)),n.onNodeUnselect=n.onNodeUnselect.bind(y(n)),n.onNodeToggle=n.onNodeToggle.bind(y(n)),n.onFilterValueChange=n.onFilterValueChange.bind(y(n)),n.hide=n.hide.bind(y(n)),n.show=n.show.bind(y(n)),n.overlayRef=t.createRef(),n}return f(d,[{key:"getFilterValue",value:function(){return this.props.onFilterValueChange?this.props.filterValue:this.state.filterValue}},{key:"getSelectedNodes",value:function(){var e=[];if(n.ObjectUtils.isNotEmpty(this.props.value)&&this.props.options){var t="single"===this.props.selectionMode?E({},"".concat(this.props.value),!0):V({},this.props.value);this.findSelectedNodes(null,t,e)}return e}},{key:"getLabel",value:function(){var e=this.getSelectedNodes();return e.length?e.map((function(e){return e.label})).join(", "):this.props.placeholder}},{key:"isValueEmpty",value:function(){return!this.props.value||0===Object.keys(this.props.value).length}},{key:"hasNoOptions",value:function(){return!this.props.options||0===this.props.options.length}},{key:"show",value:function(){this.setState({overlayVisible:!0})}},{key:"hide",value:function(){this.setState({overlayVisible:!1})}},{key:"onInputFocus",value:function(){this.setState({focused:!0})}},{key:"onInputBlur",value:function(){this.setState({focused:!1})}},{key:"onClick",value:function(e){this.props.disabled||this.overlayRef&&this.overlayRef.current&&this.overlayRef.current.contains(e.target)||n.DomHandler.hasClass(e.target,"p-treeselect-close")||(this.focusInput.focus(),this.state.overlayVisible?this.hide():this.show())}},{key:"onSelectionChange",value:function(e){this.props.onChange&&(this.selfChange=!0,this.props.onChange({originalEvent:e.originalEvent,value:e.value,stopPropagation:function(){},preventDefault:function(){},target:{name:this.props.name,id:this.props.id,value:e.value}}))}},{key:"onNodeSelect",value:function(e){this.props.onNodeSelect&&this.props.onNodeSelect(e),"single"===this.props.selectionMode&&this.hide()}},{key:"onNodeUnselect",value:function(e){this.props.onNodeUnselect&&this.props.onNodeUnselect(e)}},{key:"onNodeToggle",value:function(e){this.setState({expandedKeys:e.value})}},{key:"onFilterValueChange",value:function(e){this.setState({filterValue:e.value})}},{key:"onOverlayClick",value:function(e){i.OverlayService.emit("overlay-click",{originalEvent:e,target:this.container})}},{key:"onInputKeyDown",value:function(e){switch(e.which){case 40:!this.state.overlayVisible&&e.altKey&&this.show();break;case 32:this.state.overlayVisible||(this.show(),e.preventDefault());break;case 13:case 27:this.state.overlayVisible&&(this.hide(),e.preventDefault());break;case 9:this.hide()}}},{key:"onFilterInputKeyDown",value:function(e){13===e.which&&e.preventDefault()}},{key:"onFilterInputChange",value:function(e){var t=e.target.value;this.props.onFilterValueChange?this.props.onFilterValueChange({originalEvent:e,value:t}):this.setState({filterValue:t})}},{key:"resetFilter",value:function(){this.setState({filterValue:""})}},{key:"onOverlayEnter",value:function(){n.ZIndexUtils.set("overlay",this.overlayRef.current,u.default.autoZIndex,u.default.zIndex.overlay),this.alignOverlay(),this.scrollInView()}},{key:"onOverlayEntered",value:function(){this.bindDocumentClickListener(),this.bindScrollListener(),this.bindResizeListener(),this.props.filter&&this.props.filterInputAutoFocus&&this.filterInput.focus(),this.props.onShow&&this.props.onShow()}},{key:"onOverlayExit",value:function(){this.unbindDocumentClickListener(),this.unbindScrollListener(),this.unbindResizeListener()}},{key:"onOverlayExited",value:function(){this.props.filter&&this.props.resetFilterOnHide&&this.resetFilter(),n.ZIndexUtils.clear(this.overlayRef.current),this.props.onHide&&this.props.onHide()}},{key:"alignOverlay",value:function(){n.DomHandler.alignOverlay(this.overlayRef.current,this.trigger.parentElement,this.props.appendTo||u.default.appendTo)}},{key:"scrollInView",value:function(){var e=n.DomHandler.findSingle(this.overlayRef.current,".p-treenode-content.p-highlight");e&&e.scrollIntoView({block:"nearest",inline:"start"})}},{key:"bindDocumentClickListener",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){e.state.overlayVisible&&e.isOutsideClicked(t)&&e.hide()},document.addEventListener("click",this.documentClickListener))}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"bindScrollListener",value:function(){var e=this;this.scrollHandler||(this.scrollHandler=new n.ConnectedOverlayScrollHandler(this.container,(function(){e.state.overlayVisible&&e.hide()}))),this.scrollHandler.bindScrollListener()}},{key:"unbindScrollListener",value:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}},{key:"bindResizeListener",value:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.state.overlayVisible&&!n.DomHandler.isTouchDevice()&&e.hide()},window.addEventListener("resize",this.resizeListener))}},{key:"unbindResizeListener",value:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)}},{key:"isOutsideClicked",value:function(e){return this.container&&!(this.container.isSameNode(e.target)||this.container.contains(e.target)||this.overlayRef&&this.overlayRef.current.contains(e.target))}},{key:"findSelectedNodes",value:function(e,t,n){if(e){if(this.isSelected(e,t)&&(n.push(e),delete t[e.key]),Object.keys(t).length&&e.children){var r,i=N(e.children);try{for(i.s();!(r=i.n()).done;){this.findSelectedNodes(r.value,t,n)}}catch(e){i.e(e)}finally{i.f()}}}else{var l,o=N(this.props.options);try{for(o.s();!(l=o.n()).done;){this.findSelectedNodes(l.value,t,n)}}catch(e){o.e(e)}finally{o.f()}}}},{key:"isSelected",value:function(e,t){return"checkbox"===this.props.selectionMode?t[e.key]&&t[e.key].checked:t[e.key]}},{key:"updateTreeState",value:function(){var e="single"===this.props.selectionMode?E({},"".concat(this.props.value),!0):V({},this.props.value);this.setState({expandedKeys:{}}),e&&this.props.options&&this.updateTreeBranchState(null,null,e)}},{key:"updateTreeBranchState",value:function(e,t,n){if(e){if(this.isSelected(e,n)&&(this.expandPath(t),delete n[e.key]),Object.keys(n).length&&e.children){var r,i=N(e.children);try{for(i.s();!(r=i.n()).done;){var l=r.value;t.push(e.key),this.updateTreeBranchState(l,t,n)}}catch(e){i.e(e)}finally{i.f()}}}else{var o,s=N(this.props.options);try{for(s.s();!(o=s.n()).done;){this.updateTreeBranchState(o.value,[],n)}}catch(e){s.e(e)}finally{s.f()}}}},{key:"expandPath",value:function(e){if(e.length>0){var t,n=V({},this.state.expandedKeys||{}),r=N(e);try{for(r.s();!(t=r.n()).done;){n[t.value]=!0}}catch(e){r.e(e)}finally{r.f()}this.setState({expandedKeys:n})}}},{key:"componentDidMount",value:function(){this.updateTreeState()}},{key:"componentDidUpdate",value:function(e,t){this.state.overlayVisible&&((this.props.filter||t.expandedKeys!==this.state.expandedKeys)&&this.alignOverlay(),e.value!==this.props.value&&(this.selfChange||this.updateTreeState(),this.scrollInView(),this.selfChange=!1)),e.options!==this.props.options&&this.updateTreeState()}},{key:"componentWillUnmount",value:function(){this.unbindDocumentClickListener(),this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),n.ZIndexUtils.clear(this.overlayRef.current)}},{key:"renderKeyboardHelper",value:function(){var e=this;return p.default.createElement("div",{className:"p-hidden-accessible"},p.default.createElement("input",{ref:function(t){return e.focusInput=t},role:"listbox",id:this.props.inputId,type:"text",readOnly:!0,"aria-haspopup":"true","aria-expanded":this.state.overlayVisible,onFocus:this.onInputFocus,onBlur:this.onInputBlur,onKeyDown:this.onInputKeyDown,disabled:this.props.disabled,tabIndex:this.props.tabIndex,"aria-label":this.props.ariaLabel,"aria-labelledby":this.props.ariaLabelledBy}))}},{key:"renderLabel",value:function(e){var t=this.isValueEmpty(),r=n.classNames("p-treeselect-label",{"p-placeholder":this.getLabel()===this.props.placeholder,"p-treeselect-label-empty":!this.props.placeholder&&t}),i=null;if(this.props.valueTemplate)i=n.ObjectUtils.getJSXElement(this.props.valueTemplate,e,this.props);else if("comma"===this.props.display)i=this.getLabel()||"empty";else if("chip"===this.props.display){var l=this.getSelectedNodes();i=p.default.createElement(p.default.Fragment,null,l&&l.map((function(e,t){return p.default.createElement("div",{className:"p-treeselect-token",key:"".concat(e.key,"_").concat(t)},p.default.createElement("span",{className:"p-treeselect-token-label"},e.label))})),t&&(this.props.placeholder||"empty"))}return p.default.createElement("div",{className:"p-treeselect-label-container"},p.default.createElement("div",{className:r},i))}},{key:"renderDropdownIcon",value:function(){var e=this,t=n.classNames("p-treeselect-trigger-icon p-clickable",this.props.dropdownIcon);return p.default.createElement("div",{ref:function(t){return e.trigger=t},className:"p-treeselect-trigger",role:"button","aria-haspopup":"listbox","aria-expanded":this.state.overlayVisible},p.default.createElement("span",{className:t}))}},{key:"renderContent",value:function(){var e=this.getFilterValue();return p.default.createElement(p.default.Fragment,null,p.default.createElement(l.Tree,{value:this.props.options,selectionMode:this.props.selectionMode,selectionKeys:this.props.value,metaKeySelection:this.props.metaKeySelection,onSelectionChange:this.onSelectionChange,onSelect:this.onNodeSelect,onUnselect:this.onNodeUnselect,expandedKeys:this.state.expandedKeys,onToggle:this.onNodeToggle,onExpand:this.props.onNodeExpand,onCollapse:this.props.onNodeCollapse,filter:this.props.filter,filterValue:e,filterBy:this.props.filterBy,filterMode:this.props.filterMode,filterPlaceholder:this.props.filterPlaceholder,filterLocale:this.props.filterLocale,showHeader:!1,onFilterValueChange:this.onFilterValueChange}),this.hasNoOptions()&&p.default.createElement("div",{className:"p-treeselect-empty-message"},this.props.emptyMessage||r.localeOption("emptyMessage")))}},{key:"renderFilterElement",value:function(){var e=this;if(this.props.filter){var t=this.getFilterValue();return t=n.ObjectUtils.isNotEmpty(t)?t:"",p.default.createElement("div",{className:"p-treeselect-filter-container"},p.default.createElement("input",{ref:function(t){return e.filterInput=t},type:"text",value:t,autoComplete:"off",className:"p-treeselect-filter p-inputtext p-component",placeholder:this.props.filterPlaceholder,onKeyDown:this.onFilterInputKeyDown,onChange:this.onFilterInputChange,disabled:this.props.disabled}),p.default.createElement("span",{className:"p-treeselect-filter-icon pi pi-search"}))}return null}},{key:"renderHeader",value:function(){var e=this.renderFilterElement(),t=p.default.createElement("button",{type:"button",className:"p-treeselect-close p-link",onClick:this.hide},p.default.createElement("span",{className:"p-treeselect-close-icon pi pi-times"}),p.default.createElement(a.Ripple,null)),r=p.default.createElement("div",{className:"p-treeselect-header"},e,t);return this.props.header?n.ObjectUtils.getJSXElement(this.props.header,{className:"p-treeselect-header",filterElement:e,closeElement:t,closeElementClassName:"p-treeselect-close p-link",closeIconClassName:"p-treeselect-close-icon pi pi-times",onCloseClick:this.hide,element:r,props:this.props}):r}},{key:"render",value:function(){var e=this,t=n.classNames("p-treeselect p-component p-inputwrapper",{"p-treeselect-chip":"chip"===this.props.display,"p-disabled":this.props.disabled,"p-focus":this.state.focused,"p-inputwrapper-filled":!this.isValueEmpty(),"p-inputwrapper-focus":this.state.focused||this.state.overlayVisible},this.props.className),r=this.getSelectedNodes(),i=this.renderKeyboardHelper(),l=this.renderLabel(r),o=this.renderDropdownIcon(),s=this.renderContent(),a=this.renderHeader(),c=n.ObjectUtils.getJSXElement(this.props.footer,this.props);return p.default.createElement("div",{id:this.props.id,ref:function(t){return e.container=t},className:t,style:this.props.style,onClick:this.onClick},i,l,o,p.default.createElement(w,{ref:this.overlayRef,appendTo:this.props.appendTo,panelStyle:this.props.panelStyle,panelClassName:this.props.panelClassName,scrollHeight:this.props.scrollHeight,onClick:this.onOverlayClick,header:a,footer:c,transitionOptions:this.props.transitionOptions,in:this.state.overlayVisible,onEnter:this.onOverlayEnter,onEntered:this.onOverlayEntered,onExit:this.onOverlayExit,onExited:this.onOverlayExited},s))}}]),d}(t.Component);return E(F,"defaultProps",{id:null,value:null,name:null,style:null,className:null,disabled:!1,options:null,scrollHeight:"400px",placeholder:null,tabIndex:null,inputId:null,ariaLabel:null,ariaLabelledBy:null,selectionMode:"single",panelStyle:null,panelClassName:null,appendTo:null,emptyMessage:null,display:"comma",metaKeySelection:!0,valueTemplate:null,panelHeaderTemplate:null,panelFooterTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",filter:!1,filterValue:null,filterBy:"label",filterMode:"lenient",filterPlaceholder:null,filterLocale:void 0,filterInputAutoFocus:!0,resetFilterOnHide:!1,onShow:null,onHide:null,onChange:null,onNodeSelect:null,onNodeUnselect:null,onNodeExpand:null,onNodeCollapse:null,onFilterValueChange:null}),e.TreeSelect=F,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.api,primereact.overlayservice,primereact.tree,primereact.csstransition,primereact.portal,primereact.ripple);
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.treeselect=function(e,t,n,r,i,l,o,s,a){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=c(t),u=c(r);function h(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function d(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function f(e,t,n){return t&&d(e.prototype,t),n&&d(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function y(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function v(e,t){return v=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},v(e,t)}function m(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&v(e,t)}function b(e){return b="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},b(e)}function g(e,t){if(t&&("object"===b(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return y(e)}function k(e){return k=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},k(e)}function E(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function O(){return O=Object.assign||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},O.apply(this,arguments)}function S(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var C=function(e){m(l,e);var t,r,i=(t=l,r=S(),function(){var e,n=k(t);if(r){var i=k(this).constructor;e=Reflect.construct(n,arguments,i)}else e=n.apply(this,arguments);return g(this,e)});function l(){return h(this,l),i.apply(this,arguments)}return f(l,[{key:"renderElement",value:function(){var e=n.classNames("p-treeselect-panel p-component",this.props.panelClassName);return p.default.createElement(o.CSSTransition,{nodeRef:this.props.forwardRef,classNames:"p-connected-overlay",in:this.props.in,timeout:{enter:120,exit:100},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.props.onEnter,onEntering:this.props.onEntering,onEntered:this.props.onEntered,onExit:this.props.onExit,onExited:this.props.onExited},p.default.createElement("div",{ref:this.props.forwardRef,className:e,style:this.props.panelStyle,onClick:this.props.onClick},this.props.header,p.default.createElement("div",{className:"p-treeselect-items-wrapper",style:{maxHeight:this.props.scrollHeight||"auto"}},this.props.children),this.props.footer))}},{key:"render",value:function(){var e=this.renderElement();return p.default.createElement(s.Portal,{element:e,appendTo:this.props.appendTo})}}]),l}(t.Component),w=p.default.forwardRef((function(e,t){return p.default.createElement(C,O({forwardRef:t},e))}));function N(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=x(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,i=function(){};return{s:i,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,o=!0,s=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){s=!0,l=e},f:function(){try{o||null==n.return||n.return()}finally{if(s)throw l}}}}function x(e,t){if(e){if("string"==typeof e)return I(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)?I(e,t):void 0}}function I(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 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 V(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){E(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}function j(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var F=function(e){m(d,e);var o,s,c=(o=d,s=j(),function(){var e,t=k(o);if(s){var n=k(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return g(this,e)});function d(e){var n;return h(this,d),(n=c.call(this,e)).state={focused:!1,overlayVisible:!1,expandedKeys:{}},n.props.onFilterValueChange||(n.state.filterValue=""),n.onClick=n.onClick.bind(y(n)),n.onInputFocus=n.onInputFocus.bind(y(n)),n.onInputBlur=n.onInputBlur.bind(y(n)),n.onInputKeyDown=n.onInputKeyDown.bind(y(n)),n.onFilterInputChange=n.onFilterInputChange.bind(y(n)),n.onFilterInputKeyDown=n.onFilterInputKeyDown.bind(y(n)),n.onOverlayClick=n.onOverlayClick.bind(y(n)),n.onOverlayEnter=n.onOverlayEnter.bind(y(n)),n.onOverlayEntered=n.onOverlayEntered.bind(y(n)),n.onOverlayExit=n.onOverlayExit.bind(y(n)),n.onOverlayExited=n.onOverlayExited.bind(y(n)),n.onSelectionChange=n.onSelectionChange.bind(y(n)),n.onNodeSelect=n.onNodeSelect.bind(y(n)),n.onNodeUnselect=n.onNodeUnselect.bind(y(n)),n.onNodeToggle=n.onNodeToggle.bind(y(n)),n.onFilterValueChange=n.onFilterValueChange.bind(y(n)),n.hide=n.hide.bind(y(n)),n.show=n.show.bind(y(n)),n.overlayRef=t.createRef(),n}return f(d,[{key:"getFilterValue",value:function(){return this.props.onFilterValueChange?this.props.filterValue:this.state.filterValue}},{key:"getSelectedNodes",value:function(){var e=[];if(n.ObjectUtils.isNotEmpty(this.props.value)&&this.props.options){var t="single"===this.props.selectionMode?E({},"".concat(this.props.value),!0):V({},this.props.value);this.findSelectedNodes(null,t,e)}return e}},{key:"getLabel",value:function(){var e=this.getSelectedNodes();return e.length?e.map((function(e){return e.label})).join(", "):this.props.placeholder}},{key:"isValueEmpty",value:function(){return!this.props.value||0===Object.keys(this.props.value).length}},{key:"hasNoOptions",value:function(){return!this.props.options||0===this.props.options.length}},{key:"show",value:function(){this.setState({overlayVisible:!0})}},{key:"hide",value:function(){this.setState({overlayVisible:!1})}},{key:"onInputFocus",value:function(){this.setState({focused:!0})}},{key:"onInputBlur",value:function(){this.setState({focused:!1})}},{key:"onClick",value:function(e){this.props.disabled||this.overlayRef&&this.overlayRef.current&&this.overlayRef.current.contains(e.target)||n.DomHandler.hasClass(e.target,"p-treeselect-close")||(this.focusInput.focus(),this.state.overlayVisible?this.hide():this.show())}},{key:"onSelectionChange",value:function(e){this.props.onChange&&(this.selfChange=!0,this.props.onChange({originalEvent:e.originalEvent,value:e.value,stopPropagation:function(){},preventDefault:function(){},target:{name:this.props.name,id:this.props.id,value:e.value}}))}},{key:"onNodeSelect",value:function(e){this.props.onNodeSelect&&this.props.onNodeSelect(e),"single"===this.props.selectionMode&&this.hide()}},{key:"onNodeUnselect",value:function(e){this.props.onNodeUnselect&&this.props.onNodeUnselect(e)}},{key:"onNodeToggle",value:function(e){this.setState({expandedKeys:e.value})}},{key:"onFilterValueChange",value:function(e){this.setState({filterValue:e.value})}},{key:"onOverlayClick",value:function(e){i.OverlayService.emit("overlay-click",{originalEvent:e,target:this.container})}},{key:"onInputKeyDown",value:function(e){switch(e.which){case 40:!this.state.overlayVisible&&e.altKey&&this.show();break;case 32:this.state.overlayVisible||(this.show(),e.preventDefault());break;case 13:case 27:this.state.overlayVisible&&(this.hide(),e.preventDefault());break;case 9:this.hide()}}},{key:"onFilterInputKeyDown",value:function(e){13===e.which&&e.preventDefault()}},{key:"onFilterInputChange",value:function(e){var t=e.target.value;this.props.onFilterValueChange?this.props.onFilterValueChange({originalEvent:e,value:t}):this.setState({filterValue:t})}},{key:"resetFilter",value:function(){this.setState({filterValue:""})}},{key:"onOverlayEnter",value:function(){n.ZIndexUtils.set("overlay",this.overlayRef.current,u.default.autoZIndex,u.default.zIndex.overlay),this.alignOverlay(),this.scrollInView()}},{key:"onOverlayEntered",value:function(){this.bindDocumentClickListener(),this.bindScrollListener(),this.bindResizeListener(),this.props.filter&&this.props.filterInputAutoFocus&&this.filterInput.focus(),this.props.onShow&&this.props.onShow()}},{key:"onOverlayExit",value:function(){this.unbindDocumentClickListener(),this.unbindScrollListener(),this.unbindResizeListener()}},{key:"onOverlayExited",value:function(){this.props.filter&&this.props.resetFilterOnHide&&this.resetFilter(),n.ZIndexUtils.clear(this.overlayRef.current),this.props.onHide&&this.props.onHide()}},{key:"alignOverlay",value:function(){n.DomHandler.alignOverlay(this.overlayRef.current,this.trigger.parentElement,this.props.appendTo||u.default.appendTo)}},{key:"scrollInView",value:function(){var e=n.DomHandler.findSingle(this.overlayRef.current,".p-treenode-content.p-highlight");e&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"start"})}},{key:"bindDocumentClickListener",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){e.state.overlayVisible&&e.isOutsideClicked(t)&&e.hide()},document.addEventListener("click",this.documentClickListener))}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"bindScrollListener",value:function(){var e=this;this.scrollHandler||(this.scrollHandler=new n.ConnectedOverlayScrollHandler(this.container,(function(){e.state.overlayVisible&&e.hide()}))),this.scrollHandler.bindScrollListener()}},{key:"unbindScrollListener",value:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}},{key:"bindResizeListener",value:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.state.overlayVisible&&!n.DomHandler.isTouchDevice()&&e.hide()},window.addEventListener("resize",this.resizeListener))}},{key:"unbindResizeListener",value:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)}},{key:"isOutsideClicked",value:function(e){return this.container&&!(this.container.isSameNode(e.target)||this.container.contains(e.target)||this.overlayRef&&this.overlayRef.current.contains(e.target))}},{key:"findSelectedNodes",value:function(e,t,n){if(e){if(this.isSelected(e,t)&&(n.push(e),delete t[e.key]),Object.keys(t).length&&e.children){var r,i=N(e.children);try{for(i.s();!(r=i.n()).done;){this.findSelectedNodes(r.value,t,n)}}catch(e){i.e(e)}finally{i.f()}}}else{var l,o=N(this.props.options);try{for(o.s();!(l=o.n()).done;){this.findSelectedNodes(l.value,t,n)}}catch(e){o.e(e)}finally{o.f()}}}},{key:"isSelected",value:function(e,t){return"checkbox"===this.props.selectionMode?t[e.key]&&t[e.key].checked:t[e.key]}},{key:"updateTreeState",value:function(){var e="single"===this.props.selectionMode?E({},"".concat(this.props.value),!0):V({},this.props.value);this.setState({expandedKeys:{}}),e&&this.props.options&&this.updateTreeBranchState(null,null,e)}},{key:"updateTreeBranchState",value:function(e,t,n){if(e){if(this.isSelected(e,n)&&(this.expandPath(t),delete n[e.key]),Object.keys(n).length&&e.children){var r,i=N(e.children);try{for(i.s();!(r=i.n()).done;){var l=r.value;t.push(e.key),this.updateTreeBranchState(l,t,n)}}catch(e){i.e(e)}finally{i.f()}}}else{var o,s=N(this.props.options);try{for(s.s();!(o=s.n()).done;){this.updateTreeBranchState(o.value,[],n)}}catch(e){s.e(e)}finally{s.f()}}}},{key:"expandPath",value:function(e){if(e.length>0){var t,n=V({},this.state.expandedKeys||{}),r=N(e);try{for(r.s();!(t=r.n()).done;){n[t.value]=!0}}catch(e){r.e(e)}finally{r.f()}this.setState({expandedKeys:n})}}},{key:"componentDidMount",value:function(){this.updateTreeState()}},{key:"componentDidUpdate",value:function(e,t){this.state.overlayVisible&&((this.props.filter||t.expandedKeys!==this.state.expandedKeys)&&this.alignOverlay(),e.value!==this.props.value&&(this.selfChange||this.updateTreeState(),this.scrollInView(),this.selfChange=!1)),e.options!==this.props.options&&this.updateTreeState()}},{key:"componentWillUnmount",value:function(){this.unbindDocumentClickListener(),this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),n.ZIndexUtils.clear(this.overlayRef.current)}},{key:"renderKeyboardHelper",value:function(){var e=this;return p.default.createElement("div",{className:"p-hidden-accessible"},p.default.createElement("input",{ref:function(t){return e.focusInput=t},role:"listbox",id:this.props.inputId,type:"text",readOnly:!0,"aria-haspopup":"true","aria-expanded":this.state.overlayVisible,onFocus:this.onInputFocus,onBlur:this.onInputBlur,onKeyDown:this.onInputKeyDown,disabled:this.props.disabled,tabIndex:this.props.tabIndex,"aria-label":this.props.ariaLabel,"aria-labelledby":this.props.ariaLabelledBy}))}},{key:"renderLabel",value:function(e){var t=this.isValueEmpty(),r=n.classNames("p-treeselect-label",{"p-placeholder":this.getLabel()===this.props.placeholder,"p-treeselect-label-empty":!this.props.placeholder&&t}),i=null;if(this.props.valueTemplate)i=n.ObjectUtils.getJSXElement(this.props.valueTemplate,e,this.props);else if("comma"===this.props.display)i=this.getLabel()||"empty";else if("chip"===this.props.display){var l=this.getSelectedNodes();i=p.default.createElement(p.default.Fragment,null,l&&l.map((function(e,t){return p.default.createElement("div",{className:"p-treeselect-token",key:"".concat(e.key,"_").concat(t)},p.default.createElement("span",{className:"p-treeselect-token-label"},e.label))})),t&&(this.props.placeholder||"empty"))}return p.default.createElement("div",{className:"p-treeselect-label-container"},p.default.createElement("div",{className:r},i))}},{key:"renderDropdownIcon",value:function(){var e=this,t=n.classNames("p-treeselect-trigger-icon p-clickable",this.props.dropdownIcon);return p.default.createElement("div",{ref:function(t){return e.trigger=t},className:"p-treeselect-trigger",role:"button","aria-haspopup":"listbox","aria-expanded":this.state.overlayVisible},p.default.createElement("span",{className:t}))}},{key:"renderContent",value:function(){var e=this.getFilterValue();return p.default.createElement(p.default.Fragment,null,p.default.createElement(l.Tree,{value:this.props.options,selectionMode:this.props.selectionMode,selectionKeys:this.props.value,metaKeySelection:this.props.metaKeySelection,onSelectionChange:this.onSelectionChange,onSelect:this.onNodeSelect,onUnselect:this.onNodeUnselect,expandedKeys:this.state.expandedKeys,onToggle:this.onNodeToggle,onExpand:this.props.onNodeExpand,onCollapse:this.props.onNodeCollapse,filter:this.props.filter,filterValue:e,filterBy:this.props.filterBy,filterMode:this.props.filterMode,filterPlaceholder:this.props.filterPlaceholder,filterLocale:this.props.filterLocale,showHeader:!1,onFilterValueChange:this.onFilterValueChange}),this.hasNoOptions()&&p.default.createElement("div",{className:"p-treeselect-empty-message"},this.props.emptyMessage||r.localeOption("emptyMessage")))}},{key:"renderFilterElement",value:function(){var e=this;if(this.props.filter){var t=this.getFilterValue();return t=n.ObjectUtils.isNotEmpty(t)?t:"",p.default.createElement("div",{className:"p-treeselect-filter-container"},p.default.createElement("input",{ref:function(t){return e.filterInput=t},type:"text",value:t,autoComplete:"off",className:"p-treeselect-filter p-inputtext p-component",placeholder:this.props.filterPlaceholder,onKeyDown:this.onFilterInputKeyDown,onChange:this.onFilterInputChange,disabled:this.props.disabled}),p.default.createElement("span",{className:"p-treeselect-filter-icon pi pi-search"}))}return null}},{key:"renderHeader",value:function(){var e=this.renderFilterElement(),t=p.default.createElement("button",{type:"button",className:"p-treeselect-close p-link",onClick:this.hide},p.default.createElement("span",{className:"p-treeselect-close-icon pi pi-times"}),p.default.createElement(a.Ripple,null)),r=p.default.createElement("div",{className:"p-treeselect-header"},e,t);return this.props.panelHeaderTemplate?n.ObjectUtils.getJSXElement(this.props.panelHeaderTemplate,{className:"p-treeselect-header",filterElement:e,closeElement:t,closeElementClassName:"p-treeselect-close p-link",closeIconClassName:"p-treeselect-close-icon pi pi-times",onCloseClick:this.hide,element:r,props:this.props}):r}},{key:"render",value:function(){var e=this,t=n.classNames("p-treeselect p-component p-inputwrapper",{"p-treeselect-chip":"chip"===this.props.display,"p-disabled":this.props.disabled,"p-focus":this.state.focused,"p-inputwrapper-filled":!this.isValueEmpty(),"p-inputwrapper-focus":this.state.focused||this.state.overlayVisible},this.props.className),r=this.getSelectedNodes(),i=this.renderKeyboardHelper(),l=this.renderLabel(r),o=this.renderDropdownIcon(),s=this.renderContent(),a=this.renderHeader(),c=n.ObjectUtils.getJSXElement(this.props.footer,this.props);return p.default.createElement("div",{id:this.props.id,ref:function(t){return e.container=t},className:t,style:this.props.style,onClick:this.onClick},i,l,o,p.default.createElement(w,{ref:this.overlayRef,appendTo:this.props.appendTo,panelStyle:this.props.panelStyle,panelClassName:this.props.panelClassName,scrollHeight:this.props.scrollHeight,onClick:this.onOverlayClick,header:a,footer:c,transitionOptions:this.props.transitionOptions,in:this.state.overlayVisible,onEnter:this.onOverlayEnter,onEntered:this.onOverlayEntered,onExit:this.onOverlayExit,onExited:this.onOverlayExited},s))}}]),d}(t.Component);return E(F,"defaultProps",{id:null,value:null,name:null,style:null,className:null,disabled:!1,options:null,scrollHeight:"400px",placeholder:null,tabIndex:null,inputId:null,ariaLabel:null,ariaLabelledBy:null,selectionMode:"single",panelStyle:null,panelClassName:null,appendTo:null,emptyMessage:null,display:"comma",metaKeySelection:!0,valueTemplate:null,panelHeaderTemplate:null,panelFooterTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",filter:!1,filterValue:null,filterBy:"label",filterMode:"lenient",filterPlaceholder:null,filterLocale:void 0,filterInputAutoFocus:!0,resetFilterOnHide:!1,onShow:null,onHide:null,onChange:null,onNodeSelect:null,onNodeUnselect:null,onNodeExpand:null,onNodeCollapse:null,onFilterValueChange:null}),e.TreeSelect=F,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.api,primereact.overlayservice,primereact.tree,primereact.csstransition,primereact.portal,primereact.ripple);
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
|
-
var
|
|
6
|
+
var PrimeReact = require('primereact/api');
|
|
7
7
|
var utils = require('primereact/utils');
|
|
8
8
|
var paginator = require('primereact/paginator');
|
|
9
9
|
var inputtext = require('primereact/inputtext');
|
|
@@ -13,6 +13,7 @@ var ripple = require('primereact/ripple');
|
|
|
13
13
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
14
14
|
|
|
15
15
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
16
|
+
var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
|
|
16
17
|
|
|
17
18
|
function _arrayLikeToArray$5(arr, len) {
|
|
18
19
|
if (len == null || len > arr.length) len = arr.length;
|
|
@@ -564,6 +565,11 @@ var DomHandler = /*#__PURE__*/function () {
|
|
|
564
565
|
|
|
565
566
|
return 0;
|
|
566
567
|
}
|
|
568
|
+
}, {
|
|
569
|
+
key: "getBrowserLanguage",
|
|
570
|
+
value: function getBrowserLanguage() {
|
|
571
|
+
return navigator.userLanguage || navigator.languages && navigator.languages.length && navigator.languages[0] || navigator.language || navigator.browserLanguage || navigator.systemLanguage || 'en';
|
|
572
|
+
}
|
|
567
573
|
}, {
|
|
568
574
|
key: "getWindowScrollTop",
|
|
569
575
|
value: function getWindowScrollTop() {
|
|
@@ -2503,7 +2509,7 @@ var TreeTableBody = /*#__PURE__*/function (_Component) {
|
|
|
2503
2509
|
return null;
|
|
2504
2510
|
} else {
|
|
2505
2511
|
var colSpan = this.props.columns ? this.props.columns.length : null;
|
|
2506
|
-
var content = this.props.emptyMessage ||
|
|
2512
|
+
var content = this.props.emptyMessage || PrimeReact.localeOption('emptyMessage');
|
|
2507
2513
|
return /*#__PURE__*/React__default["default"].createElement("tr", null, /*#__PURE__*/React__default["default"].createElement("td", {
|
|
2508
2514
|
className: "p-treetable-emptymessage",
|
|
2509
2515
|
colSpan: colSpan
|
|
@@ -3060,11 +3066,7 @@ var TreeTable = /*#__PURE__*/function (_Component) {
|
|
|
3060
3066
|
|
|
3061
3067
|
var value1 = utils.ObjectUtils.resolveFieldData(node1.data, sortField);
|
|
3062
3068
|
var value2 = utils.ObjectUtils.resolveFieldData(node2.data, sortField);
|
|
3063
|
-
|
|
3064
|
-
if (value1 == null && value2 != null) result = -1;else if (value1 != null && value2 == null) result = 1;else if (value1 == null && value2 == null) result = 0;else if (typeof value1 === 'string' && typeof value2 === 'string') result = value1.localeCompare(value2, undefined, {
|
|
3065
|
-
numeric: true
|
|
3066
|
-
});else result = value1 < value2 ? -1 : value1 > value2 ? 1 : 0;
|
|
3067
|
-
return _this2.getSortOrder() * result;
|
|
3069
|
+
return utils.ObjectUtils.sort(value1, value2, _this2.getSortOrder(), PrimeReact__default["default"].locale);
|
|
3068
3070
|
});
|
|
3069
3071
|
|
|
3070
3072
|
for (var i = 0; i < value.length; i++) {
|
|
@@ -3111,7 +3113,7 @@ var TreeTable = /*#__PURE__*/function (_Component) {
|
|
|
3111
3113
|
if (value1 === value2) {
|
|
3112
3114
|
return multiSortMeta.length - 1 > index ? this.multisortField(node1, node2, multiSortMeta, index + 1) : 0;
|
|
3113
3115
|
} else {
|
|
3114
|
-
if ((typeof value1 === 'string' || value1 instanceof String) && (typeof value2 === 'string' || value2 instanceof String)) return multiSortMeta[index].order * value1.localeCompare(value2,
|
|
3116
|
+
if ((typeof value1 === 'string' || value1 instanceof String) && (typeof value2 === 'string' || value2 instanceof String)) return multiSortMeta[index].order * value1.localeCompare(value2, PrimeReact__default["default"].locale, {
|
|
3115
3117
|
numeric: true
|
|
3116
3118
|
});else result = value1 < value2 ? -1 : 1;
|
|
3117
3119
|
}
|
|
@@ -3658,7 +3660,7 @@ var TreeTable = /*#__PURE__*/function (_Component) {
|
|
|
3658
3660
|
if (filterMeta) {
|
|
3659
3661
|
var filterMatchMode = filterMeta.matchMode || col.props.filterMatchMode || 'startsWith';
|
|
3660
3662
|
filterValue = filterMeta.value;
|
|
3661
|
-
filterConstraint = filterMatchMode === 'custom' ? col.props.filterFunction :
|
|
3663
|
+
filterConstraint = filterMatchMode === 'custom' ? col.props.filterFunction : PrimeReact.FilterService.filters[filterMatchMode];
|
|
3662
3664
|
options = {
|
|
3663
3665
|
rowData: node,
|
|
3664
3666
|
filters: filters,
|
|
@@ -3691,7 +3693,7 @@ var TreeTable = /*#__PURE__*/function (_Component) {
|
|
|
3691
3693
|
var copyNodeForGlobal = _objectSpread({}, copyNode);
|
|
3692
3694
|
|
|
3693
3695
|
filterValue = this.props.globalFilter;
|
|
3694
|
-
filterConstraint =
|
|
3696
|
+
filterConstraint = PrimeReact.FilterService.filters['contains'];
|
|
3695
3697
|
paramsWithoutNode = {
|
|
3696
3698
|
filterField: filterField,
|
|
3697
3699
|
filterValue: filterValue,
|