@fernir2/saas-kit 0.0.177 → 0.0.179

package/packages/level2/meta/filtering/filter/Filter.funcs.js

@@ -8,12 +8,11 @@ import { isDefaultInputField } from '../../edit-resource/services/edit-resource-
 import { getResourceDescriptionValue } from '../../core/resource-description/resource-description.js';
 import { propertyTypeFormats } from '../../constants/property-type-formats.js';
 import { getObjectValues } from '../../../../fd-toolbox/lib/utils.js';
-import { elementSuffixes } from '../../../../fd-toolbox/constants/element-suffixes.js';
 import { isOneToManyBrowserField, isManyToManyBrowserField } from '../../edit-resource/edit-resource-property-block/EditResourcePropertyBlock.funcs.js';
 import { oDataFilterTypes } from '../../../../fd-toolbox/odata/odata-enums.js';
 import { keyboardKeys } from '../../../../fd-toolbox/constants/keyboard-keys.js';
 import { filterToODataOperator } from './filter-constants.js';
 
-var __defProp=Object['defineProperty'],__name=(_0x6a94b9,_0x2d81e1)=>__defProp(_0x6a94b9,'name',{'value':_0x2d81e1,'configurable':!![]});function onInitFilter(_0x5980f6,_0x3716c2,_0x54b5fc,_0x3d2a85,_0x23a474,_0x576080,_0x13431e,_0x2da552){if(isDefaultInputField(_0x3d2a85)&&_0x3716c2['length']>=-0x1da2+0x245c+-0x6a8)_0x54b5fc(shortenWithEllipsis(_0x3716c2,-0x2483+-0x5*-0x52b+-0x55f*-0x2));else {if(isEnum(_0x3d2a85['type'],_0x3d2a85['typeFormat'])&&_0x3716c2['length']>=0x3*0xb4c+0x11c7+-0x119*0x2f)_0x54b5fc(shortenWithEllipsis(_0x3716c2,-0x1f4d+-0x1da3+0x2c*0x163));else isBooleanField(_0x3d2a85)&&_0x3716c2['length']>=-0x4e1+0x1*-0x839+0x69c*0x2&&_0x54b5fc(shortenWithEllipsis(_0x3716c2,-0x1*0x221+0xeb*0x2+0x69));}initWithState(_0x5980f6,_0x13431e,_0x3d2a85,_0x23a474,_0x576080),_0x2da552(_0x3d2a85['name']+elementSuffixes['filter']);}__name(onInitFilter,'onInitFilter');function shouldFilterInputBeVisible(_0xa5a5b2){return Boolean(_0xa5a5b2['rightSide']&&String(_0xa5a5b2['rightSide'])['trim']()!==''&&_0xa5a5b2['operator']!==filterOperatorTypes['none']);}__name(shouldFilterInputBeVisible,'shouldFilterInputBeVisible');async function onBrowserChanged(_0x49c263,_0xbc1481,_0x451e35,_0x3a013e,_0x55dda5,_0x4a1d3b,_0x59679b,_0x19e17e,_0x12ea3d,_0x478821,_0x5db981,_0x1ccddd){if(Array['isArray'](_0x49c263)&&_0x49c263['length']>-0x1eb9+-0x997+0x2850&&isGuid(_0xbc1481['typeFormat'],_0xbc1481['relation'])){const _0x210447=[];_0x1ccddd?.(!![]);for(const _0x26f891 of _0x49c263){_0x210447['push'](_0x26f891['id']);}_0x19e17e(_0x210447);const _0x596156={..._0x451e35,'rightSide':_0x210447,'type':oDataFilterTypes['guid']};_0x55dda5(_0x596156),await onFilterChange(_0x596156,_0x55dda5,_0x3a013e,_0x4a1d3b,_0x59679b,void(-0xcdf+0x17fa+-0xb1b*0x1),_0x5db981);}else {const _0x3ba57f={..._0x451e35,'rightSide':''};_0x1ccddd?.(![]),_0x55dda5(_0x3ba57f),await onFilterChange(_0x3ba57f,_0x55dda5,_0x3a013e,_0x4a1d3b,_0x59679b,void(-0x1ee4+-0x4dd+0x1b*0x153),_0x5db981);}const _0x10741e=await getFilterFormValue(_0x49c263,_0x478821);_0x12ea3d['setValue'](_0xbc1481['name'],_0x10741e);}__name(onBrowserChanged,'onBrowserChanged');async function onDateChange(_0x5c24e8,_0x184411,_0x165ea1,_0x11d625,_0x494bea,_0x5ea9a5,_0x56ab9d,_0x19616b){let _0xc3ada5='';if(_0x56ab9d){const _0x195049=_0x56ab9d['getFullYear'](),_0x27a00b=String(_0x56ab9d['getMonth']()+(0x1*-0xaa9+-0x1196*0x2+0x2dd6))['padStart'](-0x154d+0x1e*-0x20+0x190f,'0'),_0x777cdf=String(_0x56ab9d['getDate']())['padStart'](0x43a+0x185*-0x17+0x1ebb,'0');_0xc3ada5=_0x195049+'-'+_0x27a00b+'-'+_0x777cdf;}await onFilterChange({..._0x5c24e8,'rightSide':_0xc3ada5},_0x184411,_0x165ea1,_0x11d625,_0x494bea,void(0x2183+0x178e+0x7*-0x827),_0x19616b);if(!_0x56ab9d)_0x5ea9a5(![]);}__name(onDateChange,'onDateChange');function isIntegerField(_0x44b3ec){return _0x44b3ec['type']===propertyTypes['integer']||_0x44b3ec['type']===propertyTypes['number'];}__name(isIntegerField,'isIntegerField');function disableFilterInput(_0x1b9407){return _0x1b9407===filterOperatorTypes['empty'];}__name(disableFilterInput,'disableFilterInput');async function onFilterChange(_0x4c73ea,_0xc9b96e,_0x46dca3,_0x147d7a,_0x44fa0c,_0xf7a3bf,_0x4f5388,_0x566998,_0x239495){const _0x4d8217={..._0x4c73ea,'operator':getFilterODataOperator(_0x46dca3),'rightHand':getFilterRightHand(_0x4c73ea,_0x46dca3)};_0xc9b96e(_0x4d8217),disableFilterMultiBrowserIfNeeded(_0x4d8217,_0x46dca3,_0xc9b96e,_0x147d7a),disableEnumFilterIfNeeded(_0x46dca3,_0x44fa0c),_0xf7a3bf?.(_0x46dca3),_0x4f5388&&setTimeout(()=>{_0x4f5388();},0x14dc+-0x1974+0x498),(String(_0x4d8217['rightSide'])==='none'||String(_0x4d8217['rightSide'])===''||Array['isArray'](_0x4d8217['rightSide'])&&_0x4d8217['rightSide']['length']===-0x12f+0x1ea5+-0x1d76)&&(_0x566998&&(_0x566998['current']=!![]),_0x239495?.(![]));}__name(onFilterChange,'onFilterChange');function getFilterRightHand(_0x1bbdc5,_0x5a0be1){if(String(_0x1bbdc5['rightSide'])===oDataNullValue&&_0x5a0be1!==filterOperatorTypes['empty'])return '';if(_0x5a0be1===filterOperatorTypes['empty'])return oDataNullValue;if(Array['isArray'](_0x1bbdc5['rightSide'])&&_0x1bbdc5['rightSide']['includes'](void(-0xb99*-0x2+-0xe4a+-0x8e8)))return '';return String(_0x1bbdc5['rightSide']);}__name(getFilterRightHand,'getFilterRightHand');function getFilterShortValue(_0x1a7ef5,_0x365080){const _0x31d327=_0x1a7ef5['find'](_0x8b8357=>_0x8b8357['type']===_0x365080)?.['text']??'';return _0x31d327?.['slice'](-0x5dc+-0x2*-0xc43+0x12aa*-0x1,0xdb+0x4f*0x3a+-0x12bf);}__name(getFilterShortValue,'getFilterShortValue');function getFilterDisplayValues(_0x2b332e,_0x130d4c){let _0x18f8c1;if(_0x2b332e&&isEnum(_0x130d4c['type'],_0x130d4c['typeFormat']))_0x18f8c1=_0x130d4c['enumerationValues']?.['reduce']((_0x57d5b7,_0x4784df,_0x4b122f)=>{return _0x57d5b7['set'](_0x4784df['toString'](),_0x130d4c['enumerationDisplayName'][_0x4b122f]),_0x57d5b7;},new Map());return _0x18f8c1;}__name(getFilterDisplayValues,'getFilterDisplayValues');async function onOperatorTypeChange(_0x125cb4,_0x463b86,_0x5fe040,_0x1df8b6,_0x949e99,_0x16eede,_0x1d5a11){const _0x2324bf=getFilterOperatorTypeByString(_0x125cb4);_0x2324bf&&(await onFilterChange(_0x463b86,_0x5fe040,_0x2324bf,_0x949e99,_0x16eede,void(-0x1b88*-0x1+0x215c+-0x144c*0x3),_0x1d5a11),_0x1df8b6(_0x2324bf));}__name(onOperatorTypeChange,'onOperatorTypeChange');function onInputBlur(_0x32c7a8,_0x316a83,_0x291e79){if(!_0x32c7a8){if(_0x316a83['relatedTarget'])return;_0x291e79(![]);}}__name(onInputBlur,'onInputBlur');function updateFilterWidthContainer(_0x3dcc05,_0x26e01a,_0x369721){if(_0x3dcc05['current']&&!_0x26e01a){const _0x30165e=_0x3dcc05['current']['offsetWidth'];_0x369721(_0x30165e);}}__name(updateFilterWidthContainer,'updateFilterWidthContainer');function showFieldFilter(_0x1f0f62,_0x56c1f6,_0x582744,_0x3aeb0d,_0x15c78a,_0x10900a,_0x8029ee){if(_0x1f0f62)return;_0x56c1f6(!![]),requestAnimationFrame(()=>{_0x582744['current']?.['focus'](),_0x3aeb0d['current']?.['click']();if(!isEnumFilterInput(_0x10900a))_0x15c78a['current']?.['open']();else _0x8029ee&&document['getElementById'](_0x8029ee)?.['focus']();});}__name(showFieldFilter,'showFieldFilter');function onFilterKeyDown(_0x182365,_0x40e32c,_0x59f0b6){if(_0x40e32c)return;const _0x54c90d=_0x182365['key']===keyboardKeys['enter']||_0x182365['key']===keyboardKeys['space']||_0x182365['key']===keyboardKeys['arrowDown'];if(!_0x54c90d)return;_0x182365['preventDefault'](),_0x182365['stopPropagation'](),_0x59f0b6();}__name(onFilterKeyDown,'onFilterKeyDown');function isSimpleFilterInput(_0x2b36dc){return isDefaultInputField(_0x2b36dc)&&!isGuid(_0x2b36dc['typeFormat'],_0x2b36dc['relation'])&&!isDateFilterInput(_0x2b36dc)&&!isIntegerField(_0x2b36dc)&&!isEnumFilterInput(_0x2b36dc);}__name(isSimpleFilterInput,'isSimpleFilterInput');function onFilterOpenChange(_0x25f217,_0x51657e,_0x133023,_0x3044a0){if(!_0x25f217)_0x51657e['current']=!![];!_0x25f217&&(_0x133023===''||_0x133023==='none')?_0x3044a0?.(![]):_0x3044a0?.(!![]);}__name(onFilterOpenChange,'onFilterOpenChange');function disableFilterMultiBrowserIfNeeded(_0x2a8d72,_0xf9508a,_0xdd8460,_0x54559c){if(_0xf9508a!==filterOperatorTypes['empty'])_0x54559c(![]);else {if(_0xf9508a===filterOperatorTypes['empty']){const _0x5b6689=oDataFilterTypes['guid'];_0xdd8460({..._0x2a8d72,'type':_0x5b6689}),_0x54559c(!![]);}}}__name(disableFilterMultiBrowserIfNeeded,'disableFilterMultiBrowserIfNeeded');function disableEnumFilterIfNeeded(_0x1fa9ef,_0x55be3c){_0x1fa9ef===filterOperatorTypes['empty']?_0x55be3c(!![]):_0x55be3c(![]);}__name(disableEnumFilterIfNeeded,'disableEnumFilterIfNeeded');function getFilterOperatorTypeByString(_0x5bc8e9){return getObjectValues(filterOperatorTypes)['find'](_0x539bb9=>_0x539bb9===_0x5bc8e9);}__name(getFilterOperatorTypeByString,'getFilterOperatorTypeByString');async function getFilterFormValue(_0x5ccb2c,_0x2b0f3c){let _0x4471da='';if(_0x5ccb2c['length']>-0x617+0x64d+-0x36){const _0x79126d=_0x5ccb2c['map'](_0x406889=>getResourceDescriptionValue(_0x2b0f3c,_0x406889)),_0x432821=await Promise['all'](_0x79126d);_0x4471da=_0x432821['join'](',\x20');}return _0x4471da;}__name(getFilterFormValue,'getFilterFormValue');function initWithState(_0x4fb6cb,_0x10141a,_0x1647d3,_0x58dc65,_0x4d0fa8){initializeFilterOperatorType(_0x1647d3,_0x58dc65,_0x4fb6cb['operator']);const _0x239849=_0x4fb6cb['rightSide']??'';isGuid(_0x1647d3['typeFormat'],_0x1647d3['relation'])&&_0x4d0fa8(_0x239849?[String(_0x239849)]:[]),isDateFilterInput(_0x1647d3)&&_0x10141a(String(_0x239849));}__name(initWithState,'initWithState');function initializeFilterOperatorType(_0x393bd7,_0x937b07,_0x43973d=filterOperatorTypes['none']){if(_0x43973d!==filterOperatorTypes['none'])return;if(_0x393bd7['type']===propertyTypes['string']){if(isDateFilterInput(_0x393bd7))_0x937b07(filterOperatorTypes['equal']);else {if(_0x393bd7['typeFormat']===propertyTypeFormats['uuid']){const _0x4515a8=isOneToManyBrowserField(_0x393bd7)??isManyToManyBrowserField(_0x393bd7);_0x937b07(_0x4515a8?filterOperatorTypes['in']:filterOperatorTypes['equal']);}else _0x937b07(filterOperatorTypes['startsWith']);}}else _0x393bd7['type']===propertyTypes['integer']&&_0x937b07(filterOperatorTypes['in']);}__name(initializeFilterOperatorType,'initializeFilterOperatorType');function getFilterODataOperator(_0x1b9110){return filterToODataOperator['get'](_0x1b9110)??oDataOperators['equal'];}__name(getFilterODataOperator,'getFilterODataOperator');function isEnumFilterInput(_0x34f339){return isEnum(_0x34f339['type'],_0x34f339['typeFormat'])||isFlagsEnum(_0x34f339['type'],_0x34f339['typeFormat']);}__name(isEnumFilterInput,'isEnumFilterInput');function isDateFilterInput(_0x1804f3){return isDateOnly(_0x1804f3['type'],_0x1804f3['typeFormat'])||isDateTime(_0x1804f3['type'],_0x1804f3['typeFormat']);}__name(isDateFilterInput,'isDateFilterInput');function onCreateOnRightHandChange(_0x4e7944,_0x1f7ac0,_0x135f32,_0x326bed,_0x2786c9,_0x2e3d4f,_0x2c2d5b,_0x3be813,_0x9fe1d3){return async _0x26355a=>{await onFilterChange({..._0x4e7944,'rightSide':_0x26355a},_0x1f7ac0,_0x135f32,_0x326bed,_0x2786c9,_0x2e3d4f,_0x3be813,_0x2c2d5b,_0x9fe1d3);};}__name(onCreateOnRightHandChange,'onCreateOnRightHandChange');function onCreateOnOperatorTypeChange(_0x3c35d0,_0xead348,_0x1ddbc6,_0x312394,_0x46a8d3){return async _0x48deaa=>{await onOperatorTypeChange(_0x48deaa,_0x3c35d0,_0xead348,_0x1ddbc6,_0x312394,_0x312394,_0x46a8d3);};}__name(onCreateOnOperatorTypeChange,'onCreateOnOperatorTypeChange');function createOnShowFieldFilter(_0x1248f9,_0x576875,_0x491be6,_0xeebeb2,_0x42b994,_0x1d9b68,_0x4ff992){return ()=>{showFieldFilter(_0x1248f9,_0x576875,_0x491be6,_0xeebeb2,_0x42b994,_0x1d9b68,_0x4ff992);};}__name(createOnShowFieldFilter,'createOnShowFieldFilter');function createOnGuidFilterClose(_0x15861f,_0x313042){return ()=>{_0x15861f['current']=!![],_0x313042?.(![]);};}__name(createOnGuidFilterClose,'createOnGuidFilterClose');
+var __defProp=Object['defineProperty'],__name=(_0x31ebb3,_0x429a5a)=>__defProp(_0x31ebb3,'name',{'value':_0x429a5a,'configurable':!![]});function onInitFilter(_0x531a6b,_0x4bbee3,_0x43b7c4,_0x1a4769,_0x1c528f,_0x472b72,_0x3169ed){if(isDefaultInputField(_0x1a4769)&&_0x4bbee3['length']>=-0x358*-0x8+0x2198+-0x1e23*0x2)_0x43b7c4(shortenWithEllipsis(_0x4bbee3,-0x15d0+0xce8+0x8fa));else {if(isEnum(_0x1a4769['type'],_0x1a4769['typeFormat'])&&_0x4bbee3['length']>=-0x1129+-0x1*0x14b1+0x1*0x25ee)_0x43b7c4(shortenWithEllipsis(_0x4bbee3,0x13cf+-0x7f1*0x3+0x418));else isBooleanField(_0x1a4769)&&_0x4bbee3['length']>=-0x232d+-0x7*0x233+0x32b0&&_0x43b7c4(shortenWithEllipsis(_0x4bbee3,-0x2191+-0x1b11+0x3cc0));}initWithState(_0x531a6b,_0x3169ed,_0x1a4769,_0x1c528f,_0x472b72);}__name(onInitFilter,'onInitFilter');function shouldFilterInputBeVisible(_0x135101){return Boolean(_0x135101['rightSide']&&String(_0x135101['rightSide'])['trim']()!==''&&_0x135101['operator']!==filterOperatorTypes['none']);}__name(shouldFilterInputBeVisible,'shouldFilterInputBeVisible');async function onBrowserChanged(_0x4959ef,_0x2ebd6b,_0x1220d1,_0x2c18ba,_0x128907,_0x1fd240,_0x3f844b,_0x23dad5,_0x29af9b,_0xa30e2,_0x88d9aa,_0x390ad1){if(Array['isArray'](_0x4959ef)&&_0x4959ef['length']>0x25b1*-0x1+0x1571+0x1040&&isGuid(_0x2ebd6b['typeFormat'],_0x2ebd6b['relation'])){const _0xf40c7e=[];_0x390ad1?.(!![]);for(const _0x15c898 of _0x4959ef){_0xf40c7e['push'](_0x15c898['id']);}_0x23dad5(_0xf40c7e);const _0x2d7ae2={..._0x1220d1,'rightSide':_0xf40c7e,'type':oDataFilterTypes['guid']};_0x128907(_0x2d7ae2),await onFilterChange(_0x2d7ae2,_0x128907,_0x2c18ba,_0x1fd240,_0x3f844b,void(0x1*0x1f3+-0x3a4*-0x9+-0x22b7),_0x88d9aa);}else {const _0xaf4ea2={..._0x1220d1,'rightSide':''};_0x390ad1?.(![]),_0x128907(_0xaf4ea2),await onFilterChange(_0xaf4ea2,_0x128907,_0x2c18ba,_0x1fd240,_0x3f844b,void(-0x22c9+-0x163c+0x1*0x3905),_0x88d9aa);}const _0x471d3b=await getFilterFormValue(_0x4959ef,_0xa30e2);_0x29af9b['setValue'](_0x2ebd6b['name'],_0x471d3b);}__name(onBrowserChanged,'onBrowserChanged');async function onDateChange(_0x38e0c1,_0x239493,_0x279b24,_0x11d37a,_0x54d8d9,_0x13c809,_0x3669f8,_0x3ab92a){let _0x15612e='';if(_0x3669f8){const _0x2ffa46=_0x3669f8['getFullYear'](),_0x35890a=String(_0x3669f8['getMonth']()+(0x1e63*0x1+-0x1*0x1707+0x1*-0x75b))['padStart'](0x26b9+0x2*0x853+-0x375d,'0'),_0x275572=String(_0x3669f8['getDate']())['padStart'](0x86e+-0xca3+-0x437*-0x1,'0');_0x15612e=_0x2ffa46+'-'+_0x35890a+'-'+_0x275572;}await onFilterChange({..._0x38e0c1,'rightSide':_0x15612e},_0x239493,_0x279b24,_0x11d37a,_0x54d8d9,void(0xb*0xa+0x1*0x209b+-0x2109),_0x3ab92a);if(!_0x3669f8)_0x13c809(![]);}__name(onDateChange,'onDateChange');function isIntegerField(_0x2030d8){return _0x2030d8['type']===propertyTypes['integer']||_0x2030d8['type']===propertyTypes['number'];}__name(isIntegerField,'isIntegerField');function disableFilterInput(_0x89779d){return _0x89779d===filterOperatorTypes['empty'];}__name(disableFilterInput,'disableFilterInput');async function onFilterChange(_0x50ef0e,_0x23e885,_0x11392c,_0x518ab6,_0x1b841b,_0x2a8813,_0x593f15,_0x1fe230,_0x50f08d){const _0x4ad787={..._0x50ef0e,'operator':getFilterODataOperator(_0x11392c),'rightHand':getFilterRightHand(_0x50ef0e,_0x11392c)};_0x23e885(_0x4ad787),disableFilterMultiBrowserIfNeeded(_0x4ad787,_0x11392c,_0x23e885,_0x518ab6),disableEnumFilterIfNeeded(_0x11392c,_0x1b841b),_0x2a8813?.(_0x11392c),_0x593f15&&setTimeout(()=>{_0x593f15();},-0x25fa*0x1+-0x26d4+0x4cce),(String(_0x4ad787['rightSide'])==='none'||String(_0x4ad787['rightSide'])===''||Array['isArray'](_0x4ad787['rightSide'])&&_0x4ad787['rightSide']['length']===0x1a35+-0x18e*0x1+0x18a7*-0x1)&&(_0x1fe230&&(_0x1fe230['current']=!![]),_0x50f08d?.(![]));}__name(onFilterChange,'onFilterChange');function getFilterRightHand(_0x67da98,_0x30cbbb){if(String(_0x67da98['rightSide'])===oDataNullValue&&_0x30cbbb!==filterOperatorTypes['empty'])return '';if(_0x30cbbb===filterOperatorTypes['empty'])return oDataNullValue;if(Array['isArray'](_0x67da98['rightSide'])&&_0x67da98['rightSide']['includes'](void(0x37e+0x25b6+-0x2934)))return '';return String(_0x67da98['rightSide']);}__name(getFilterRightHand,'getFilterRightHand');function getFilterShortValue(_0xf743ab,_0x46b6c9){const _0x5c8afe=_0xf743ab['find'](_0x3e819d=>_0x3e819d['type']===_0x46b6c9)?.['text']??'';return _0x5c8afe?.['slice'](-0x149b+0xc0*0x12+0x71b*0x1,0x17*0x37+0x7e5+-0x4*0x335);}__name(getFilterShortValue,'getFilterShortValue');function getFilterDisplayValues(_0x45d430,_0x362aaa){let _0x2954a8;if(_0x45d430&&isEnum(_0x362aaa['type'],_0x362aaa['typeFormat']))_0x2954a8=_0x362aaa['enumerationValues']?.['reduce']((_0x308c0f,_0x10b79e,_0x2bc682)=>{return _0x308c0f['set'](_0x10b79e['toString'](),_0x362aaa['enumerationDisplayName'][_0x2bc682]),_0x308c0f;},new Map());return _0x2954a8;}__name(getFilterDisplayValues,'getFilterDisplayValues');async function onOperatorTypeChange(_0x49cff9,_0x213e37,_0xcf8fee,_0x1817cc,_0x10e3ea,_0x731a95,_0x3275fa){const _0x770da6=getFilterOperatorTypeByString(_0x49cff9);_0x770da6&&(await onFilterChange(_0x213e37,_0xcf8fee,_0x770da6,_0x10e3ea,_0x731a95,void(-0x1db+-0x265f+0x283a),_0x3275fa),_0x1817cc(_0x770da6));}__name(onOperatorTypeChange,'onOperatorTypeChange');function onInputBlur(_0xdb8de5,_0x57b500,_0x2669fd){if(!_0xdb8de5){if(_0x57b500['relatedTarget'])return;_0x2669fd(![]);}}__name(onInputBlur,'onInputBlur');function updateFilterWidthContainer(_0xef60b6,_0x2ecc21,_0x4cbc49){if(_0xef60b6['current']&&!_0x2ecc21){const _0x1d6fc5=_0xef60b6['current']['offsetWidth'];_0x4cbc49(_0x1d6fc5);}}__name(updateFilterWidthContainer,'updateFilterWidthContainer');function showFieldFilter(_0x8a9a52,_0x206d8e,_0x4b5372,_0x5d7125,_0x40630d,_0x3ff481,_0x268dde){if(_0x8a9a52)return;_0x206d8e(!![]),requestAnimationFrame(()=>{_0x4b5372['current']?.['focus'](),_0x5d7125['current']?.['click']();if(!isEnumFilterInput(_0x3ff481))_0x40630d['current']?.['open']();else _0x268dde&&document['getElementById'](_0x268dde)?.['focus']();});}__name(showFieldFilter,'showFieldFilter');function onFilterKeyDown(_0xf63f7f,_0x35fc86,_0x17e2e4){if(_0x35fc86)return;const _0x3ca6b3=_0xf63f7f['key']===keyboardKeys['enter']||_0xf63f7f['key']===keyboardKeys['space']||_0xf63f7f['key']===keyboardKeys['arrowDown'];if(!_0x3ca6b3)return;_0xf63f7f['preventDefault'](),_0xf63f7f['stopPropagation'](),_0x17e2e4();}__name(onFilterKeyDown,'onFilterKeyDown');function isSimpleFilterInput(_0xcc6300){return isDefaultInputField(_0xcc6300)&&!isGuid(_0xcc6300['typeFormat'],_0xcc6300['relation'])&&!isDateFilterInput(_0xcc6300)&&!isIntegerField(_0xcc6300)&&!isEnumFilterInput(_0xcc6300);}__name(isSimpleFilterInput,'isSimpleFilterInput');function onFilterOpenChange(_0x3f7f46,_0x510618,_0xd40097,_0x239467){if(!_0x3f7f46)_0x510618['current']=!![];!_0x3f7f46&&(_0xd40097===''||_0xd40097==='none')?_0x239467?.(![]):_0x239467?.(!![]);}__name(onFilterOpenChange,'onFilterOpenChange');function disableFilterMultiBrowserIfNeeded(_0x4e2bba,_0x1c1564,_0x2892d4,_0x274112){if(_0x1c1564!==filterOperatorTypes['empty'])_0x274112(![]);else {if(_0x1c1564===filterOperatorTypes['empty']){const _0x394935=oDataFilterTypes['guid'];_0x2892d4({..._0x4e2bba,'type':_0x394935}),_0x274112(!![]);}}}__name(disableFilterMultiBrowserIfNeeded,'disableFilterMultiBrowserIfNeeded');function disableEnumFilterIfNeeded(_0x578fea,_0x325b29){_0x578fea===filterOperatorTypes['empty']?_0x325b29(!![]):_0x325b29(![]);}__name(disableEnumFilterIfNeeded,'disableEnumFilterIfNeeded');function getFilterOperatorTypeByString(_0x5d69ad){return getObjectValues(filterOperatorTypes)['find'](_0x51f281=>_0x51f281===_0x5d69ad);}__name(getFilterOperatorTypeByString,'getFilterOperatorTypeByString');async function getFilterFormValue(_0x481056,_0x2761a5){let _0x3bd452='';if(_0x481056['length']>0xe3b+-0xab*-0x16+-0x1ced){const _0x10eb48=_0x481056['map'](_0x4c154c=>getResourceDescriptionValue(_0x2761a5,_0x4c154c)),_0x495e5a=await Promise['all'](_0x10eb48);_0x3bd452=_0x495e5a['join'](',\x20');}return _0x3bd452;}__name(getFilterFormValue,'getFilterFormValue');function initWithState(_0x38450c,_0x770ca4,_0x1d0544,_0x4742d9,_0x10b241){initializeFilterOperatorType(_0x1d0544,_0x4742d9,_0x38450c['operator']);const _0x386cd5=_0x38450c['rightSide']??'';isGuid(_0x1d0544['typeFormat'],_0x1d0544['relation'])&&_0x10b241(_0x386cd5?[String(_0x386cd5)]:[]),isDateFilterInput(_0x1d0544)&&_0x770ca4(String(_0x386cd5));}__name(initWithState,'initWithState');function initializeFilterOperatorType(_0x42b751,_0x558edb,_0x4caf11=filterOperatorTypes['none']){if(_0x4caf11!==filterOperatorTypes['none'])return;if(_0x42b751['type']===propertyTypes['string']){if(isDateFilterInput(_0x42b751))_0x558edb(filterOperatorTypes['equal']);else {if(_0x42b751['typeFormat']===propertyTypeFormats['uuid']){const _0x58e20e=isOneToManyBrowserField(_0x42b751)??isManyToManyBrowserField(_0x42b751);_0x558edb(_0x58e20e?filterOperatorTypes['in']:filterOperatorTypes['equal']);}else _0x558edb(filterOperatorTypes['startsWith']);}}else _0x42b751['type']===propertyTypes['integer']&&_0x558edb(filterOperatorTypes['in']);}__name(initializeFilterOperatorType,'initializeFilterOperatorType');function getFilterODataOperator(_0x268876){return filterToODataOperator['get'](_0x268876)??oDataOperators['equal'];}__name(getFilterODataOperator,'getFilterODataOperator');function isEnumFilterInput(_0x5a59f9){return isEnum(_0x5a59f9['type'],_0x5a59f9['typeFormat'])||isFlagsEnum(_0x5a59f9['type'],_0x5a59f9['typeFormat']);}__name(isEnumFilterInput,'isEnumFilterInput');function isDateFilterInput(_0x589eae){return isDateOnly(_0x589eae['type'],_0x589eae['typeFormat'])||isDateTime(_0x589eae['type'],_0x589eae['typeFormat']);}__name(isDateFilterInput,'isDateFilterInput');function onCreateOnRightHandChange(_0x5bd9f5,_0x7f192,_0x4f474f,_0x67ed59,_0x4b7f81,_0x44d22b,_0x1d2457,_0x5a8659,_0x5f4f97){return async _0x578f0a=>{await onFilterChange({..._0x5bd9f5,'rightSide':_0x578f0a},_0x7f192,_0x4f474f,_0x67ed59,_0x4b7f81,_0x44d22b,_0x5a8659,_0x1d2457,_0x5f4f97);};}__name(onCreateOnRightHandChange,'onCreateOnRightHandChange');function onCreateOnOperatorTypeChange(_0x1e3895,_0x3fe659,_0x24086b,_0x23d6eb,_0x556927){return async _0x3e972e=>{await onOperatorTypeChange(_0x3e972e,_0x1e3895,_0x3fe659,_0x24086b,_0x23d6eb,_0x23d6eb,_0x556927);};}__name(onCreateOnOperatorTypeChange,'onCreateOnOperatorTypeChange');function createOnShowFieldFilter(_0x4502ac,_0x1dfd42,_0x4a90c9,_0x2a6858,_0x41cd8a,_0x2851fc,_0x281935){return ()=>{showFieldFilter(_0x4502ac,_0x1dfd42,_0x4a90c9,_0x2a6858,_0x41cd8a,_0x2851fc,_0x281935);};}__name(createOnShowFieldFilter,'createOnShowFieldFilter');function createOnGuidFilterClose(_0x46021d,_0x4e7df9){return ()=>{_0x46021d['current']=!![],_0x4e7df9?.(![]);};}__name(createOnGuidFilterClose,'createOnGuidFilterClose');
 
 export { createOnGuidFilterClose, createOnShowFieldFilter, disableFilterInput, getFilterDisplayValues, getFilterRightHand, getFilterShortValue, isIntegerField, isSimpleFilterInput, onBrowserChanged, onCreateOnOperatorTypeChange, onCreateOnRightHandChange, onDateChange, onFilterChange, onFilterKeyDown, onFilterOpenChange, onInitFilter, onInputBlur, onOperatorTypeChange, shouldFilterInputBeVisible, showFieldFilter, updateFilterWidthContainer };

package/packages/level2/meta/filtering/filter/Filter.js

@@ -17,6 +17,9 @@ import { GuidFilter } from './filters/GuidFilter.js';
 import { cn } from '../../../../fd-toolbox/lib/utils.js';
 import { elementSuffixes } from '../../../../fd-toolbox/constants/element-suffixes.js';
 import { filterTypes } from './filter-enums.js';
+import { useElementId } from '../../../../fd-toolbox/hooks/use-element-id.js';
+import { getElementId } from '../../../../fd-toolbox/html/element-ids.js';
+import { useAsyncEffect } from '../../../../fd-toolbox/hooks/use-async-effect.js';
 
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", {
@@ -32,6 +35,7 @@ function Filter({
   type,
   resetCounter,
   ref,
+  parentContextName,
   disabled: disabledProp
 }) {
   const form = useForm({
@@ -40,7 +44,7 @@ function Filter({
     }
   });
   const [filterOperatorType, setFilterOperatorType] = useState(filterOperatorTypes.none);
-  const [inputId, setInputId] = useState("");
+  const inputId = useElementId(propertyMeta.name + elementSuffixes.filter, parentContextName);
   const [disableEnumFilter, setDisableEnumFilter] = useState(false);
   const [disabled, setDisabled] = useState(disabledProp ?? false);
   const [selectedResourceIds, setSelectedResourceIds] = useState([]);
@@ -57,9 +61,9 @@ function Filter({
   const shouldRestoreFocus = useRef(false);
   const rightHandResultForMultiselect = rightHandResult ? rightHandResult.split(",") : [...rightHandResult];
   const displayValues = getFilterDisplayValues(state, propertyMeta);
-  useEffect(() => {
-    onInitFilter(state, displayName, setDisplayName, propertyMeta, setFilterOperatorType, setSelectedResourceIds, setDisplayDate, setInputId);
-  }, [displayName, propertyMeta, state]);
+  useAsyncEffect(async () => {
+    onInitFilter(state, displayName, setDisplayName, propertyMeta, setFilterOperatorType, setSelectedResourceIds, setDisplayDate);
+  }, [displayName, propertyMeta, state, parentContextName]);
   useEffect(() => {
     setIsInputShowed(shouldFilterInputBeVisible(state));
   }, [state.rightSide, state.operator, state]);
@@ -99,7 +103,7 @@ function Filter({
           onClick: onShowFieldFilter,
           onFocus: isSimpleFilterInput(propertyMeta) ? onShowFieldFilter : void 0,
           onKeyDown: event => onFilterKeyDown(event, isSimpleFilterInput(propertyMeta), onShowFieldFilter),
-          id: inputId + elementSuffixes.button,
+          id: getElementId(elementSuffixes.button, inputId),
           tabIndex: disabled ? -1 : 0,
           "aria-disabled": disabled,
           children: /* @__PURE__ */jsx("p", {
@@ -162,7 +166,8 @@ function Filter({
             onBrowserChange: (selectedResources, resourceMeta) => onBrowserChanged(selectedResources, propertyMeta, state, filterOperatorType, onStateChange, setDisabled, setDisableEnumFilter, setSelectedResourceIds, form, resourceMeta, onChange, setIsInputShowed),
             disabled,
             inputId,
-            ref: openTriggerRef
+            ref: openTriggerRef,
+            parentContextName
           }), isFlagsEnum(propertyMeta.type, propertyMeta.typeFormat) && /* @__PURE__ */jsx(EnumFlagFilter, {
             rightHandResult,
             displayName,

package/packages/level2/meta/filtering/filter/filters/GuidFilter.cjs.js

@@ -22,7 +22,8 @@ function GuidFilter({
   disabled,
   inputId,
   onClose,
-  ref
+  ref,
+  parentContextName
 }) {
   return /* @__PURE__ */jsxRuntime.jsxs("div", {
     className: "flex flex-row items-center gap-1",
@@ -57,7 +58,8 @@ function GuidFilter({
       onClose,
       disabled,
       variant: "float",
-      ref
+      ref,
+      parentContextName
     })]
   });
 }

package/packages/level2/meta/filtering/filter/filters/GuidFilter.d.ts

@@ -24,6 +24,8 @@ export interface GuidFilterProps {
     inputId: string;
     /** Reference object for controlling the open/close trigger */
     ref?: RefObject<WithOpen>;
+    /** Name of the parent component context, used for generating element Ids */
+    parentContextName?: string;
     /** Event handler called when the filter dialog/dropdown is closed */
     onClose: VoidFuncNoParam;
 }
@@ -32,4 +34,4 @@ export interface GuidFilterProps {
  *
  * @param {GuidFilterProps} props - Component configuration
  */
-export declare function GuidFilter({ filterOperatorType, onOperatorTypeChange, selectedResourceIds, propertyMeta, onBrowserChange, disabled, inputId, onClose, ref, }: GuidFilterProps): import("react").JSX.Element;
+export declare function GuidFilter({ filterOperatorType, onOperatorTypeChange, selectedResourceIds, propertyMeta, onBrowserChange, disabled, inputId, onClose, ref, parentContextName, }: GuidFilterProps): import("react").JSX.Element;

package/packages/level2/meta/filtering/filter/filters/GuidFilter.js

@@ -20,7 +20,8 @@ function GuidFilter({
   disabled,
   inputId,
   onClose,
-  ref
+  ref,
+  parentContextName
 }) {
   return /* @__PURE__ */jsxs("div", {
     className: "flex flex-row items-center gap-1",
@@ -55,7 +56,8 @@ function GuidFilter({
       onClose,
       disabled,
       variant: "float",
-      ref
+      ref,
+      parentContextName
     })]
   });
 }

package/packages/level2/meta/filtering/filter/filters/boolean-filter/BooleanFilter.funcs.cjs.js

@@ -3,7 +3,7 @@
 
 var Filter_funcs = require('../../Filter.funcs.cjs.js');
 
-var __defProp=Object['defineProperty'],__name=(_0x4ce03a,_0x304c8b)=>__defProp(_0x4ce03a,'name',{'value':_0x304c8b,'configurable':!![]});function getFilterRightHandValue(_0x1737db,_0x7df647){const _0x2f4d6b=Filter_funcs.getFilterRightHand(_0x1737db,_0x7df647);if(_0x2f4d6b==='true')return 'yes';else return _0x2f4d6b==='false'?'no':_0x2f4d6b!=='none'?_0x2f4d6b:'';}__name(getFilterRightHandValue,'getFilterRightHandValue');const booleanFilterSelectOptions=[{'value':'none','label':'None'},{'value':'true','label':'Yes'},{'value':'false','label':'No'}];function createOnValueChange(_0x1be0cc,_0x545460){return _0x330469=>{_0x1be0cc(_0x330469),requestAnimationFrame(()=>{_0x545460?.['current']?.['focus']();});};}__name(createOnValueChange,'createOnValueChange');
+var __defProp=Object['defineProperty'],__name=(_0x460bb5,_0x6d6342)=>__defProp(_0x460bb5,'name',{'value':_0x6d6342,'configurable':!![]});function getFilterRightHandValue(_0x452030,_0x3bf290){const _0x4cf85a=Filter_funcs.getFilterRightHand(_0x452030,_0x3bf290);if(_0x4cf85a==='true')return 'yes';else return _0x4cf85a==='false'?'no':_0x4cf85a!=='none'?_0x4cf85a:'';}__name(getFilterRightHandValue,'getFilterRightHandValue');const booleanFilterSelectOptions=[{'value':'none','label':'None'},{'value':'true','label':'Yes'},{'value':'false','label':'No'}];function createOnValueChange(_0x4ea0b1,_0x171efa){return _0x32fce9=>{_0x4ea0b1(_0x32fce9),requestAnimationFrame(()=>{_0x171efa?.['current']?.['focus']();});};}__name(createOnValueChange,'createOnValueChange');
 
 exports.booleanFilterSelectOptions = booleanFilterSelectOptions;
 exports.createOnValueChange = createOnValueChange;

package/packages/level2/meta/filtering/filter/filters/boolean-filter/BooleanFilter.funcs.js

@@ -1,6 +1,6 @@
 'use strict';
 import { getFilterRightHand } from '../../Filter.funcs.js';
 
-var __defProp=Object['defineProperty'],__name=(_0x4ce03a,_0x304c8b)=>__defProp(_0x4ce03a,'name',{'value':_0x304c8b,'configurable':!![]});function getFilterRightHandValue(_0x1737db,_0x7df647){const _0x2f4d6b=getFilterRightHand(_0x1737db,_0x7df647);if(_0x2f4d6b==='true')return 'yes';else return _0x2f4d6b==='false'?'no':_0x2f4d6b!=='none'?_0x2f4d6b:'';}__name(getFilterRightHandValue,'getFilterRightHandValue');const booleanFilterSelectOptions=[{'value':'none','label':'None'},{'value':'true','label':'Yes'},{'value':'false','label':'No'}];function createOnValueChange(_0x1be0cc,_0x545460){return _0x330469=>{_0x1be0cc(_0x330469),requestAnimationFrame(()=>{_0x545460?.['current']?.['focus']();});};}__name(createOnValueChange,'createOnValueChange');
+var __defProp=Object['defineProperty'],__name=(_0x460bb5,_0x6d6342)=>__defProp(_0x460bb5,'name',{'value':_0x6d6342,'configurable':!![]});function getFilterRightHandValue(_0x452030,_0x3bf290){const _0x4cf85a=getFilterRightHand(_0x452030,_0x3bf290);if(_0x4cf85a==='true')return 'yes';else return _0x4cf85a==='false'?'no':_0x4cf85a!=='none'?_0x4cf85a:'';}__name(getFilterRightHandValue,'getFilterRightHandValue');const booleanFilterSelectOptions=[{'value':'none','label':'None'},{'value':'true','label':'Yes'},{'value':'false','label':'No'}];function createOnValueChange(_0x4ea0b1,_0x171efa){return _0x32fce9=>{_0x4ea0b1(_0x32fce9),requestAnimationFrame(()=>{_0x171efa?.['current']?.['focus']();});};}__name(createOnValueChange,'createOnValueChange');
 
 export { booleanFilterSelectOptions, createOnValueChange, getFilterRightHandValue };

package/packages/level2/meta/filtering/resource-filter-list/ResourceFilterList.cjs.js

@@ -2,9 +2,10 @@
 'use client';
 'use strict';
 
+var compilerRuntime = require('react/compiler-runtime');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var Collapsible = require('@radix-ui/react-collapsible');
+var collapsible = require('@base-ui/react/collapsible');
 var ResourceFilterList_funcs = require('./ResourceFilterList.funcs.cjs.js');
 var Button = require('../../../fd-component-toolbox/button/Button.cjs.js');
 var Filter = require('../filter/Filter.cjs.js');
@@ -17,163 +18,261 @@ var elementSuffixes = require('../../../../fd-toolbox/constants/element-suffixes
 var Tooltip = require('../../../fd-component-toolbox/tooltip/Tooltip.cjs.js');
 var metaProviders = require('../../meta-providers.cjs.js');
 var filterEnums = require('../filter/filter-enums.cjs.js');
-
-function _interopNamespaceDefault(e) {
-    var n = Object.create(null);
-    if (e) {
-        Object.keys(e).forEach(function (k) {
-            if (k !== 'default') {
-                var d = Object.getOwnPropertyDescriptor(e, k);
-                Object.defineProperty(n, k, d.get ? d : {
-                    enumerable: true,
-                    get: function () { return e[k]; }
-                });
-            }
-        });
-    }
-    n.default = e;
-    return Object.freeze(n);
-}
-
-var Collapsible__namespace = /*#__PURE__*/_interopNamespaceDefault(Collapsible);
+var elementIds = require('../../../../fd-toolbox/html/element-ids.cjs.js');
+var useElementId = require('../../../../fd-toolbox/hooks/use-element-id.cjs.js');
+var useResourceFilterListDisplay = require('./use-resource-filter-list-display.cjs.js');
 
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", {
   value,
   configurable: true
 });
-const resourceFilterListId = "resource-filter-list";
-function ResourceFilterList({
-  ref,
-  uiResourceMeta,
-  stateKey,
-  onFilterChange,
-  queryODataFilters,
-  onRefreshResources,
-  config: configProp
-}) {
-  const [state, setState] = React.useState({});
-  const [filterKeys, setFilterKeys] = React.useState([]);
-  const [filteredAndOtherPropertyMetas, setFilteredAndOtherPropertyMetas] = React.useState({});
-  const [filteredPropertyMetas, setFilteredPropertyMetas] = React.useState({});
-  const [isFiltersCollapsible, setIsFiltersCollapsible] = React.useState(true);
+function ResourceFilterList(t0) {
+  const $ = compilerRuntime.c(44);
+  const {
+    ref,
+    uiResourceMeta,
+    stateKey,
+    onFilterChange,
+    queryODataFilters,
+    onRefreshResources,
+    config: configProp,
+    parentContextName
+  } = t0;
+  const [mounted, setMounted] = React.useState(false);
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = {};
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  const [state, setState] = React.useState(t1);
+  let t2;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = [];
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  const [filterKeys, setFilterKeys] = React.useState(t2);
+  let t3;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = {};
+    $[2] = t3;
+  } else {
+    t3 = $[2];
+  }
+  const [filteredAndOtherPropertyMetas, setFilteredAndOtherPropertyMetas] = React.useState(t3);
+  let t4;
+  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = {};
+    $[3] = t4;
+  } else {
+    t4 = $[3];
+  }
+  const [filteredPropertyMetas, setFilteredPropertyMetas] = React.useState(t4);
   const [open, setOpen] = React.useState(false);
-  const [elementsShown, setElementsShown] = React.useState(1);
   const [relationInfo, setRelationInfo] = React.useState();
   const [resetCounter, setResetCounter] = React.useState(0);
-  const containerRef = React.useRef(null);
-  const btnsWrapperRef = React.useRef(null);
-  const actionsRef = React.useRef(null);
-  const filterRefsMap = React.useRef(/* @__PURE__ */new Map());
-  const getFilterWidthsRef = React.useRef(() => ({}));
-  getFilterWidthsRef.current = () => ResourceFilterList_funcs.getFilterWidths(filterRefsMap);
   const config = configProp;
-  React.useImperativeHandle(ref, () => ({
-    getFilters: /* @__PURE__ */__name(() => ResourceFilterList_funcs.getFilters(state, filteredPropertyMetas, config), "getFilters")
-  }), [config, filteredPropertyMetas, state]);
-  useAsyncEffect.useAsyncEffect(async () => {
-    setRelationInfo(await metaProviders.getManyToManyRelatedPropertyMetas(uiResourceMeta));
-  }, [uiResourceMeta]);
-  useAsyncEffect.useAsyncEffect(async () => {
-    await resourceFilterLists.initResourceFilterList(stateKey, setState, setFilteredPropertyMetas, setFilteredAndOtherPropertyMetas, queryODataFilters ?? [], setFilterKeys, state, uiResourceMeta.resourceMeta, relationInfo, onFilterChange);
-  }, [stateKey, relationInfo, uiResourceMeta]);
-  const onFilterRefCallback = ResourceFilterList_funcs.createOnFilterRefCallback(filterRefsMap);
-  const filteredKeys = ResourceFilterList_funcs.getFilteredKeys(filterKeys, uiResourceMeta.properties, filteredAndOtherPropertyMetas, relationInfo);
-  React.useEffect(() => {
-    const widthsGetter = /* @__PURE__ */__name(() => getFilterWidthsRef.current(), "widthsGetter");
-    return ResourceFilterList_funcs.setObserver(setElementsShown, filteredKeys, setIsFiltersCollapsible, widthsGetter, containerRef?.current ?? void 0, btnsWrapperRef?.current ?? void 0, actionsRef?.current ?? void 0, config?.orientation);
-  }, [containerRef, setElementsShown, filteredKeys, setIsFiltersCollapsible, config?.orientation]);
-  React.useLayoutEffect(() => {
-    const widthsGetter_0 = /* @__PURE__ */__name(() => getFilterWidthsRef.current(), "widthsGetter");
-    ResourceFilterList_funcs.onResize(setElementsShown, filteredKeys, setIsFiltersCollapsible, widthsGetter_0, containerRef?.current ?? void 0, btnsWrapperRef?.current ?? void 0, actionsRef?.current ?? void 0, config?.orientation);
-  }, [containerRef, filteredKeys, config?.orientation, actionsRef]);
-  return /* @__PURE__ */jsxRuntime.jsx("div", {
-    className: utils.cn("w-full pt-0 pr-4", config?.orientation === filterListPositions.filterListOrientation.vertical && "md:pt-0 md:pl-6"),
-    children: /* @__PURE__ */jsxRuntime.jsx(Collapsible__namespace.Root, {
-      ref: containerRef,
-      open,
-      onOpenChange: setOpen,
-      children: /* @__PURE__ */jsxRuntime.jsx("div", {
-        className: "relative flex flex-col items-start gap-2",
-        children: /* @__PURE__ */jsxRuntime.jsxs("div", {
-          id: resourceFilterListId,
-          className: utils.cn(config?.type === filterEnums.filterTypes.input ? "mt-10 flex w-full grid-cols-[auto_repeat(6,minmax(0,1fr))] flex-col gap-2 md:mt-0 md:grid md:items-center" : "mt-10 flex w-fit flex-wrap gap-2 md:mt-0 md:items-start", config?.orientation === filterListPositions.filterListOrientation.vertical && "grid w-full grid-cols-2 md:flex md:w-48 md:flex-col md:pb-2"),
-          children: [/* @__PURE__ */jsxRuntime.jsxs("div", {
-            ref: actionsRef,
-            className: "absolute top-0 flex items-center gap-2 md:relative",
-            children: [isFiltersCollapsible && /* @__PURE__ */jsxRuntime.jsx(Collapsible__namespace.Trigger, {
-              asChild: true,
-              children: /* @__PURE__ */jsxRuntime.jsx(FilterActionButton, {
-                iconName: Icon.iconNames.filter,
-                variant: "ghost",
-                className: "size-7 shrink-0",
-                tooltipText: "Collapse",
-                iconSize: Icon.iconSizes.small
-              })
-            }), (config?.showRefreshButton ?? true) && /* @__PURE__ */jsxRuntime.jsx(Tooltip.TooltipProvider, {
-              children: /* @__PURE__ */jsxRuntime.jsxs(Tooltip.Tooltip, {
-                children: [/* @__PURE__ */jsxRuntime.jsx(Tooltip.TooltipTrigger, {
-                  asChild: true,
-                  children: /* @__PURE__ */jsxRuntime.jsx(FilterActionButton, {
-                    onClick: onRefreshResources,
-                    iconName: Icon.iconNames.refresh,
-                    variant: "ghost",
-                    className: "size-7 shrink-0",
-                    iconSize: Icon.iconSizes.small
-                  })
-                }), /* @__PURE__ */jsxRuntime.jsx(Tooltip.TooltipContent, {
-                  className: "mb-1",
-                  children: "Refresh"
-                })]
-              })
-            }), (config?.showResetButton ?? true) && (open || elementsShown > 0) && /* @__PURE__ */jsxRuntime.jsx(Tooltip.TooltipProvider, {
-              children: /* @__PURE__ */jsxRuntime.jsxs(Tooltip.Tooltip, {
-                children: [/* @__PURE__ */jsxRuntime.jsx(Tooltip.TooltipTrigger, {
-                  asChild: true,
-                  children: /* @__PURE__ */jsxRuntime.jsx(FilterActionButton, {
-                    onClick: () => ResourceFilterList_funcs.resetResourceFilterListState(stateKey, setState, setResetCounter, onFilterChange),
-                    iconName: Icon.iconNames.eraser,
+  const filtersType = config?.type ?? filterEnums.filterTypes.default;
+  const resourceFilterListContainerId = useElementId.useElementId(ResourceFilterList.displayName, parentContextName);
+  const {
+    filtersToDisplayCount
+  } = useResourceFilterListDisplay.useResourceFilterListDisplay();
+  let t5;
+  let t6;
+  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = () => {
+      setMounted(true);
+    };
+    t6 = [];
+    $[4] = t5;
+    $[5] = t6;
+  } else {
+    t5 = $[4];
+    t6 = $[5];
+  }
+  React.useEffect(t5, t6);
+  let t7;
+  let t8;
+  if ($[6] !== config || $[7] !== filteredPropertyMetas || $[8] !== state) {
+    t7 = () => ({
+      getFilters: __name(() => ResourceFilterList_funcs.getFilters(state, filteredPropertyMetas, config), "getFilters")
+    });
+    t8 = [config, filteredPropertyMetas, state];
+    $[6] = config;
+    $[7] = filteredPropertyMetas;
+    $[8] = state;
+    $[9] = t7;
+    $[10] = t8;
+  } else {
+    t7 = $[9];
+    t8 = $[10];
+  }
+  React.useImperativeHandle(ref, t7, t8);
+  let t10;
+  let t9;
+  if ($[11] !== uiResourceMeta) {
+    t9 = async () => {
+      setRelationInfo(await metaProviders.getManyToManyRelatedPropertyMetas(uiResourceMeta));
+    };
+    t10 = [uiResourceMeta];
+    $[11] = uiResourceMeta;
+    $[12] = t10;
+    $[13] = t9;
+  } else {
+    t10 = $[12];
+    t9 = $[13];
+  }
+  useAsyncEffect.useAsyncEffect(t9, t10);
+  let t11;
+  if ($[14] !== onFilterChange || $[15] !== queryODataFilters || $[16] !== relationInfo || $[17] !== state || $[18] !== stateKey || $[19] !== uiResourceMeta.resourceMeta) {
+    t11 = async () => {
+      await resourceFilterLists.initResourceFilterList(stateKey, setState, setFilteredPropertyMetas, setFilteredAndOtherPropertyMetas, queryODataFilters ?? [], setFilterKeys, state, uiResourceMeta.resourceMeta, relationInfo, onFilterChange);
+    };
+    $[14] = onFilterChange;
+    $[15] = queryODataFilters;
+    $[16] = relationInfo;
+    $[17] = state;
+    $[18] = stateKey;
+    $[19] = uiResourceMeta.resourceMeta;
+    $[20] = t11;
+  } else {
+    t11 = $[20];
+  }
+  let t12;
+  if ($[21] !== relationInfo || $[22] !== stateKey || $[23] !== uiResourceMeta) {
+    t12 = [stateKey, relationInfo, uiResourceMeta];
+    $[21] = relationInfo;
+    $[22] = stateKey;
+    $[23] = uiResourceMeta;
+    $[24] = t12;
+  } else {
+    t12 = $[24];
+  }
+  useAsyncEffect.useAsyncEffect(t11, t12);
+  let t13;
+  if ($[25] !== config?.orientation || $[26] !== config?.showRefreshButton || $[27] !== config?.showResetButton || $[28] !== config?.type || $[29] !== filterKeys || $[30] !== filteredAndOtherPropertyMetas || $[31] !== filtersToDisplayCount || $[32] !== filtersType || $[33] !== mounted || $[34] !== onFilterChange || $[35] !== onRefreshResources || $[36] !== open || $[37] !== relationInfo || $[38] !== resetCounter || $[39] !== resourceFilterListContainerId || $[40] !== state || $[41] !== stateKey || $[42] !== uiResourceMeta.properties) {
+    const filteredKeys = ResourceFilterList_funcs.getFilteredKeys(filterKeys, uiResourceMeta.properties, filteredAndOtherPropertyMetas, relationInfo);
+    const isVertical = config?.orientation === filterListPositions.filterListOrientation.vertical;
+    const isCollapsible = !isVertical && filteredKeys.length > filtersToDisplayCount;
+    t13 = jsxRuntime.jsx("div", {
+      className: utils.cn("w-full pt-0 pr-4", config?.orientation === filterListPositions.filterListOrientation.vertical && "md:pt-0 md:pl-6"),
+      children: jsxRuntime.jsx(collapsible.Collapsible.Root, {
+        open,
+        onOpenChange: setOpen,
+        children: jsxRuntime.jsx("div", {
+          className: "relative flex flex-col items-start gap-2",
+          children: jsxRuntime.jsxs("div", {
+            id: resourceFilterListContainerId,
+            className: utils.cn(config?.type === filterEnums.filterTypes.input ? "mt-10 flex w-full grid-cols-[auto_repeat(6,minmax(0,1fr))] flex-col gap-2 md:mt-0 md:grid md:items-center" : "mt-10 flex w-fit flex-wrap gap-2 md:mt-0 md:items-start", config?.orientation === filterListPositions.filterListOrientation.vertical && "grid w-full grid-cols-2 md:flex md:w-48 md:flex-col md:pb-2"),
+            children: [jsxRuntime.jsx("div", {
+              className: "absolute top-0 flex items-center gap-2 md:relative",
+              children: jsxRuntime.jsxs(Tooltip.TooltipProvider, {
+                children: [!isVertical && isCollapsible && filtersToDisplayCount > 0 && (open || filteredKeys.length > filtersToDisplayCount) && jsxRuntime.jsx(collapsible.Collapsible.Trigger, {
+                  children: jsxRuntime.jsx(FilterActionButton, {
+                    id: elementIds.getElementId("collapseButton", resourceFilterListContainerId),
+                    iconName: Icon.iconNames.filter,
                     variant: "ghost",
-                    className: "size-7 shrink-0",
+                    className: "rf-collapse-btn size-7 shrink-0",
+                    tooltipText: "Collapse",
                     iconSize: Icon.iconSizes.small
                   })
-                }), /* @__PURE__ */jsxRuntime.jsx(Tooltip.TooltipContent, {
-                  className: "mb-1",
-                  children: "Reset"
+                }), (config?.showRefreshButton ?? true) && jsxRuntime.jsxs(Tooltip.Tooltip, {
+                  children: [jsxRuntime.jsx(Tooltip.TooltipTrigger, {
+                    render: jsxRuntime.jsx(FilterActionButton, {
+                      id: elementIds.getElementId("refreshButton", resourceFilterListContainerId),
+                      onClick: onRefreshResources,
+                      iconName: Icon.iconNames.refresh,
+                      variant: "ghost",
+                      className: "size-7 shrink-0",
+                      iconSize: Icon.iconSizes.small
+                    })
+                  }), jsxRuntime.jsx(Tooltip.TooltipContent, {
+                    className: "mb-1",
+                    children: "Refresh"
+                  })]
+                }), (config?.showResetButton ?? true) && (open || filteredKeys.length > 0) && jsxRuntime.jsxs(Tooltip.Tooltip, {
+                  children: [jsxRuntime.jsx(Tooltip.TooltipTrigger, {
+                    render: jsxRuntime.jsx(FilterActionButton, {
+                      id: elementIds.getElementId("resetButton", resourceFilterListContainerId),
+                      onClick: () => ResourceFilterList_funcs.resetResourceFilterListState(stateKey, setState, setResetCounter, onFilterChange),
+                      iconName: Icon.iconNames.eraser,
+                      variant: "ghost",
+                      className: "size-7 shrink-0"
+                    })
+                  }), jsxRuntime.jsx(Tooltip.TooltipContent, {
+                    className: "mb-1",
+                    children: "Reset"
+                  })]
                 })]
               })
+            }), mounted && Object.keys(state).length > 0 && filteredKeys.map((item, num) => {
+              const shouldShow = open || !isCollapsible || isVertical || num < filtersToDisplayCount;
+              if (!shouldShow) {
+                return null;
+              }
+              return jsxRuntime.jsx("div", {
+                className: utils.cn("relative -left-14 w-fit md:left-0", num >= filtersToDisplayCount && !open && isCollapsible && "hidden"),
+                id: elementIds.getElementId(ResourceFilterList.displayName, resourceFilterListContainerId, num),
+                children: filteredAndOtherPropertyMetas[item] && jsxRuntime.jsx(Filter.Filter, {
+                  state: state[item].filter,
+                  onStateChange: filter => ResourceFilterList_funcs.onStateChange(item, state, filter, stateKey, setState),
+                  propertyMeta: filteredAndOtherPropertyMetas[item],
+                  disabled: state[item].disabled,
+                  onChange: onFilterChange,
+                  parentContextName: resourceFilterListContainerId,
+                  orientation: config?.orientation ?? filterListPositions.filterListOrientation.horizontal,
+                  type: filtersType,
+                  resetCounter
+                })
+              }, item);
             })]
-          }), Object.keys(state).length > 0 && filteredKeys.map((item, num) => /* @__PURE__ */jsxRuntime.jsx("div", {
-            className: utils.cn("relative -left-14 w-fit md:left-0", num >= elementsShown && !open && isFiltersCollapsible && "hidden"),
-            children: filteredAndOtherPropertyMetas[item] && state[item] && /* @__PURE__ */jsxRuntime.jsx(Filter.Filter, {
-              ref: onFilterRefCallback(item),
-              state: state[item].filter,
-              onStateChange: filter => ResourceFilterList_funcs.onStateChange(item, state, filter, stateKey, setState),
-              propertyMeta: filteredAndOtherPropertyMetas[item],
-              disabled: state[item].disabled,
-              onChange: onFilterChange,
-              orientation: config?.orientation ?? filterListPositions.filterListOrientation.horizontal,
-              type: filterEnums.filterTypes.default,
-              resetCounter
-            })
-          }, item))]
+          })
         })
       })
-    })
-  });
+    });
+    $[25] = config?.orientation;
+    $[26] = config?.showRefreshButton;
+    $[27] = config?.showResetButton;
+    $[28] = config?.type;
+    $[29] = filterKeys;
+    $[30] = filteredAndOtherPropertyMetas;
+    $[31] = filtersToDisplayCount;
+    $[32] = filtersType;
+    $[33] = mounted;
+    $[34] = onFilterChange;
+    $[35] = onRefreshResources;
+    $[36] = open;
+    $[37] = relationInfo;
+    $[38] = resetCounter;
+    $[39] = resourceFilterListContainerId;
+    $[40] = state;
+    $[41] = stateKey;
+    $[42] = uiResourceMeta.properties;
+    $[43] = t13;
+  } else {
+    t13 = $[43];
+  }
+  return t13;
 }
 __name(ResourceFilterList, "ResourceFilterList");
 ResourceFilterList.displayName = "ResourceFilterList";
 function FilterActionButton({
+  id,
   onClick,
   iconName,
   iconSize,
   variant,
   className,
-  tooltipText
+  tooltipText,
+  ref
 }) {
   return /* @__PURE__ */jsxRuntime.jsx(Button.Button, {
-    id: iconName + elementSuffixes.elementSuffixes.filterActionButton,
+    ref,
+    id: id ?? iconName + elementSuffixes.elementSuffixes.filterActionButton,
     variant: variant ?? "icon",
     size: "icon",
     onClick,
@@ -191,4 +290,3 @@ __name(FilterActionButton, "FilterActionButton");
 FilterActionButton.displayName = "FilterActionButton";
 
 exports.ResourceFilterList = ResourceFilterList;
-exports.resourceFilterListId = resourceFilterListId;