primereact 10.0.0 → 10.0.2

package/listbox/listbox.esm.min.mjs

@@ -1 +0,0 @@
-import*as e from"react";import{PrimeReactContext as t,FilterService as r,localeOption as n}from"primereact/api";import{ComponentBase as l,useHandleStyle as o}from"primereact/componentbase";import{useMountEffect as i}from"primereact/hooks";import{Tooltip as a}from"primereact/tooltip";import{classNames as u,mergeProps as s,IconUtils as p,ObjectUtils as c,DomHandler as f}from"primereact/utils";import{VirtualScroller as m}from"primereact/virtualscroller";import{SearchIcon as d}from"primereact/icons/search";import{InputText as b}from"primereact/inputtext";import{Ripple as v}from"primereact/ripple";function y(){return y=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},y.apply(this,arguments)}function g(e){return g="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},g(e)}function h(e,t){if("object"!==g(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==g(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function x(e){var t=h(e,"string");return"symbol"===g(t)?t:String(t)}function O(e,t,r){return(t=x(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function E(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function S(e){if(Array.isArray(e))return E(e)}function w(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function P(e,t){if(e){if("string"==typeof e)return E(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?E(e,t):void 0}}function j(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function I(e){return S(e)||w(e)||P(e)||j()}function C(e){if(Array.isArray(e))return e}function D(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,l,o,i,a=[],u=!0,s=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=o.call(r)).done)&&(a.push(n.value),a.length!==t);u=!0);}catch(e){s=!0,l=e}finally{try{if(!u&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(s)throw l}}return a}}function N(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var L=l.extend({defaultProps:{__TYPE:"ListBox",className:null,dataKey:null,disabled:null,emptyFilterMessage:null,emptyMessage:null,filter:!1,filterIcon:null,filterBy:null,filterInputProps:null,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,filterValue:null,id:null,itemTemplate:null,listClassName:null,listStyle:null,metaKeySelection:!1,multiple:!1,onChange:null,onFilterValueChange:null,optionDisabled:null,optionGroupChildren:null,optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,style:null,tabIndex:0,tooltip:null,tooltipOptions:null,value:null,virtualScrollerOptions:null,children:void 0},css:{classes:{itemGroup:"p-listbox-item-group",emptyMessage:"p-listbox-empty-message",list:function(e){return e.props.virtualScrollerOptions?u("p-listbox-list",e.options.className):"p-listbox-list"},wrapper:function(e){return u("p-listbox-list-wrapper",e.props.listClassName)},root:function(e){var t=e.props;return u("p-listbox p-component",{"p-disabled":t.disabled},t.className)},item:function(e){var t=e.props;return u("p-listbox-item",{"p-highlight":t.selected,"p-disabled":t.disabled},t.option.className)},filterContainer:"p-listbox-filter-container",filterIcon:"p-listbox-filter-icon",filterInput:"p-listbox-filter",header:"p-listbox-header"},styles:"\n@layer primereact {\n    .p-listbox-list-wrapper {\n        overflow: auto;\n    }\n    \n    .p-listbox-list {\n        list-style-type: none;\n        margin: 0;\n        padding: 0;\n    }\n    \n    .p-listbox-item {\n        cursor: pointer;\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .p-listbox-filter-container {\n        position: relative;\n    }\n    \n    .p-listbox-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-listbox-filter {\n        width: 100%;\n    }\n}\n",inlineStyles:{itemGroup:function(e){var t=e.scrollerOptions;return{height:t.props?t.props.itemSize:void 0}},list:function(e){return e.props.virtualScrollerOptions?e.options.style:void 0}}}});function T(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function F(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?T(Object(r),!0).forEach((function(t){O(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):T(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var k=e.memo((function(t){var r=t.ptCallbacks,n=r.ptm,l=r.cx,o=function(e,r){return n(e,F({hostName:t.hostName},r))},i={filter:function(e){return a(e)},reset:function(){return t.resetFilter()}},a=function(e){t.onFilter&&t.onFilter({originalEvent:e,value:e.target.value})},u=function(){var r=s({className:l("filterIcon")},o("filterIcon")),u=p.getJSXIcon(t.filterIcon||e.createElement(d,r),F({},r),{props:t}),f=s({className:l("header")},o("header")),m=s({className:l("filterContainer")},o("filterContainer")),v=e.createElement("div",m,e.createElement(b,y({type:"text",value:t.filter,onChange:a,className:l("filterInput"),disabled:t.disabled,placeholder:t.filterPlaceholder},t.filterInputProps,{pt:n("filterInput"),unstyled:t.unstyled,__parentMetadata:{parent:t.metaData}})),u);t.filterTemplate&&(v=c.getJSXElement(t.filterTemplate,{className:"p-listbox-filter-container",element:v,filterOptions:i,filterInputChange:a,filterIconClassName:"p-dropdown-filter-icon",props:t}));return e.createElement("div",f,v)}();return e.createElement(e.Fragment,null,u)}));k.displayName="ListBoxHeader";var M=e.memo((function(t){var r=t.ptCallbacks,n=r.ptm,l=r.cx,o=function(e){t.onClick&&t.onClick({originalEvent:e,option:t.option}),e.preventDefault()},i=function e(t){var r=t.nextElementSibling;return r?f.hasClass(r,"p-disabled")||f.hasClass(r,"p-listbox-item-group")?e(r):r:null},a=function e(t){var r=t.previousElementSibling;return r?f.hasClass(r,"p-disabled")||f.hasClass(r,"p-listbox-item-group")?e(r):r:null},u=t.template?c.getJSXElement(t.template,t.option):t.label,p=s({className:l("item",{props:t}),style:t.style,onClick:o,onTouchEnd:function(e){t.onTouchEnd&&t.onTouchEnd({originalEvent:e,option:t.option})},onKeyDown:function(e){var t=e.currentTarget;switch(e.which){case 40:var r=i(t);r&&r.focus(),e.preventDefault();break;case 38:var n=a(t);n&&n.focus(),e.preventDefault();break;case 13:o(e),e.preventDefault()}},tabIndex:"-1","aria-label":t.label,key:t.label,role:"option","aria-selected":t.selected,"aria-disabled":t.disabled},n("item",{hostName:t.hostName,context:{selected:t.selected,disabled:t.disabled}}));return e.createElement("li",p,u,e.createElement(v,null))}));function A(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function G(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?A(Object(r),!0).forEach((function(t){O(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):A(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function K(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=V(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var n=0,l=function(){};return{s:l,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:l}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,i=!0,a=!1;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return i=e.done,e},e:function(e){a=!0,o=e},f:function(){try{i||null==r.return||r.return()}finally{if(a)throw o}}}}function V(e,t){if(e){if("string"==typeof e)return B(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?B(e,t):void 0}}function B(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}M.displayName="ListBoxItem";var _=e.memo(e.forwardRef((function(l,u){var p,d,b=e.useContext(t),v=L.getProps(l,b),g=e.useState(""),h=(d=2,C(p=g)||D(p,d)||P(p,d)||N()),x=h[0],O=h[1],E=e.useRef(null),S=e.useRef(null),w=e.useRef(!1),j=(v.onFilterValueChange?v.filterValue:x)||"",T=j&&j.trim().length>0,F={props:v,state:{filterValue:j}},A=L.setMetaData(F);o(L.css.styles,A.isUnstyled,{name:"listbox"});var V=function(e){var t=e.option;v.disabled||ee(t)||(v.multiple?R(e.originalEvent,t):_(e.originalEvent,t),w.current=!1)},B=function(){v.disabled||(w.current=!0)},_=function(e,t){var r=Y(t),n=!1,l=null;!w.current&&v.metaKeySelection?r?(e.metaKey||e.ctrlKey)&&(l=null,n=!0):(l=W(t),n=!0):(l=r?null:W(t),n=!0);n&&q(e,l)},R=function(e,t){var r=Y(t),n=!1,l=null;if(!w&&v.metaKeySelection){var o=e.metaKey||e.ctrlKey;r?(l=o?z(t):[W(t)],n=!0):(l=[].concat(I(l=o&&v.value||[]),[W(t)]),n=!0)}else l=r?z(t):[].concat(I(v.value||[]),[W(t)]),n=!0;n&&v.onChange({originalEvent:e,value:l,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:v.name,id:v.id,value:l}})},J=function(e){S.current&&S.current.scrollToIndex(0);var t=e.value;v.onFilterValueChange?v.onFilterValueChange({originalEvent:e.originalEvent,value:t}):O(t)},X=function(){O(""),v.onFilter&&v.onFilter({filter:""})},q=function(e,t){v.onChange&&v.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:v.name,id:v.id,value:t}})},z=function(e){return v.value.filter((function(t){return!c.equals(t,W(e),v.dataKey)}))},U=function(){if(null!=v.value&&ae){if(!v.optionGroupLabel)return $(v.value,ae);for(var e=0;e<ae.length;e++){var t=$(v.value,re(ae[e]));if(-1!==t)return{group:e,option:t}}}return-1},H=function(){return v.optionValue?null:v.dataKey},$=function(e,t){var r=H();return t.findIndex((function(t){return c.equals(e,W(t),r)}))},Y=function(e){var t=W(e),r=H();return v.multiple&&v.value?v.value.some((function(e){return c.equals(e,t,r)})):c.equals(v.value,t,r)},Q=function(e){return v.optionLabel?c.resolveFieldData(e,v.optionLabel):e&&void 0!==e.label?e.label:e},W=function(e){return v.optionValue?c.resolveFieldData(e,v.optionValue):e&&void 0!==e.value?e.value:e},Z=function(e){return v.dataKey?c.resolveFieldData(e,v.dataKey):Q(e)},ee=function(e){return v.optionDisabled?c.isFunction(v.optionDisabled)?v.optionDisabled(e):c.resolveFieldData(e,v.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},te=function(e){return c.resolveFieldData(e,v.optionGroupLabel)},re=function(e){return c.resolveFieldData(e,v.optionGroupChildren)},ne=function(){if(S.current){var e=U();-1!==e&&setTimeout((function(){return S.current.scrollToIndex(e)}),0)}};e.useImperativeHandle(u,(function(){return{props:v,focus:function(){return f.focusFirstElement(E.current)},getElement:function(){return E.current},getVirtualScroller:function(){return S.current}}})),i((function(){ne()}));var le=function(t,r){return re(t).map((function(t,n){var l=Q(t),o=n+"_"+Z(t),i=ee(t),a=i?null:v.tabIndex||0;return e.createElement(M,{hostName:"ListBox",key:o,label:l,option:t,style:r,template:v.itemTemplate,selected:Y(t),onClick:V,onTouchEnd:B,tabIndex:a,disabled:i,ptCallbacks:A,metaData:F})}))},oe=function(t,r){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},l={height:n.props?n.props.itemSize:void 0};if(v.optionGroupLabel){var o=v.optionGroupTemplate?c.getJSXElement(v.optionGroupTemplate,t,r):c.resolveFieldData(t,v.optionGroupLabel),i=le(t,l),a=r+"_"+te(t),u=s({className:A.cx("itemGroup"),style:A.sx("itemGroup",{scrollerOptions:n}),role:"group"},A.ptm("itemGroup"));return e.createElement(e.Fragment,{key:a},e.createElement("li",u,o),i)}var p=Q(t),f=r+"_"+Z(t),m=ee(t),d=m?null:v.tabIndex||0;return e.createElement(M,{hostName:"ListBox",key:f,label:p,option:t,style:l,template:v.itemTemplate,selected:Y(t),onClick:V,onTouchEnd:B,tabIndex:d,disabled:m,ptCallbacks:A,metaData:F})},ie=function(t,r){var l=s({className:A.cx("emptyMessage")},A.ptm("emptyMessage")),o=c.getJSXElement(t,v)||n(r?"emptyFilterMessage":"emptyMessage");return e.createElement("li",l,o)},ae=function(){if(T){var e=j.trim().toLocaleLowerCase(v.filterLocale),t=v.filterBy?v.filterBy.split(","):[v.optionLabel||"label"];if(v.optionGroupLabel){var n,l=[],o=K(v.options);try{for(o.s();!(n=o.n()).done;){var i=n.value,a=r.filter(re(i),t,e,v.filterMatchMode,v.filterLocale);a&&a.length&&l.push(G(G({},i),{items:a}))}}catch(e){o.e(e)}finally{o.f()}return l}return r.filter(v.options,t,e,v.filterMatchMode,v.filterLocale)}return v.options}(),ue=c.isNotEmpty(v.tooltip),se=L.getOtherProps(v),pe=c.reduceKeys(se,f.ARIA_PROPS),ce=function(){if(v.virtualScrollerOptions){var t=G(G({},v.virtualScrollerOptions),{items:ae,onLazyLoad:function(e){return v.virtualScrollerOptions.onLazyLoad(G(G({},e),{filter:ae}))},itemTemplate:function(e,t){return e&&oe(e,t.index,t)},contentTemplate:function(t){var r=s(G({ref:t.contentRef,style:A.sx("list",{options:t}),className:A.cx("list",{options:t}),role:"listbox","aria-multiselectable":v.multiple},pe),A.ptm("list"));return e.createElement("ul",r,t.children)}});return e.createElement(m,y({ref:S},t,{pt:A.ptm("virtualScroller")}))}var r=c.isNotEmpty(ae)?ae.map(oe):T?ie(v.emptyFilterMessage,!0):ie(v.emptyMessage),n=s(G({className:A.cx("list"),role:"listbox","aria-multiselectable":v.multiple},pe),A.ptm("list"));return e.createElement("ul",n,r)}(),fe=v.filter?e.createElement(k,{hostName:"ListBox",filter:j,filterIcon:v.filterIcon,onFilter:J,resetFilter:X,filterTemplate:v.filterTemplate,disabled:v.disabled,filterPlaceholder:v.filterPlaceholder,filterInputProps:v.filterInputProps,ptCallbacks:A,metaData:F}):null,me=s({className:A.cx("wrapper"),style:v.listStyle},A.ptm("wrapper")),de=s({ref:E,id:v.id,className:A.cx("root"),style:v.style},L.getOtherProps(v),A.ptm("root"));return e.createElement(e.Fragment,null,e.createElement("div",de,fe,e.createElement("div",me,ce)),ue&&e.createElement(a,y({target:E,content:v.tooltip},v.tooltipOptions,{pt:A.ptm("tooltip")})))})));_.displayName="ListBox";export{_ as ListBox};