@fernir2/saas-kit 0.0.177 → 0.0.179

package/packages/level2/meta/filtering/resource-filter-list/ResourceFilterList.d.ts

@@ -15,6 +15,8 @@ export interface ResourceFilterListProps {
     onFilterChange?: VoidFuncNoParam;
     /** Ui resource metadata */
     uiResourceMeta: UiResourceMeta;
+    /** Name of the parent context added to Id for forming more unique Identifiers */
+    parentContextName?: string;
     /** Event handler called when resources need to be refreshed */
     onRefreshResources?: VoidFuncNoParam;
     ref?: React.Ref<ResourceFilterListComponent>;
@@ -26,8 +28,6 @@ export interface ResourceFilterListComponent {
     /** Get current active filters */
     getFilters: GetterFunc<WithIndexer<BaseODataFilter>>;
 }
-/** @internal */
-export declare const resourceFilterListId = "resource-filter-list";
 /**
  * Resource filter list component with collapsible filters, action buttons, and responsive layout.
  *
@@ -35,7 +35,7 @@ export declare const resourceFilterListId = "resource-filter-list";
  * @see {@link ResourceFilterListComponent} for available ref methods
  * @see {@link ResourceFilterListConfig} for configuration options
  */
-export declare function ResourceFilterList({ ref, uiResourceMeta, stateKey, onFilterChange, queryODataFilters, onRefreshResources, config: configProp, }: ResourceFilterListProps): import("react").JSX.Element;
+export declare function ResourceFilterList({ ref, uiResourceMeta, stateKey, onFilterChange, queryODataFilters, onRefreshResources, config: configProp, parentContextName, }: ResourceFilterListProps): import("react").JSX.Element;
 export declare namespace ResourceFilterList {
     var displayName: string;
 }

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

@@ -2,6 +2,7 @@
 'use strict';
 
 var resourceFilters = require('../../services/resource-filters.cjs.js');
+var elementIds = require('../../../../fd-toolbox/html/element-ids.cjs.js');
 var resourceWithId = require('../../../../fd-toolbox-core/types/resource-with-id.cjs.js');
 var withUserId = require('../../../../fd-toolbox/types/with-user-id.cjs.js');
 var valueCheckingFunctions = require('../../../../fd-toolbox/functions/value-checking-functions.cjs.js');
@@ -14,14 +15,19 @@ var utils = require('../../../../fd-toolbox/lib/utils.cjs.js');
 var screenWidthConstants = require('../../../../fd-toolbox/constants/screen-width-constants.cjs.js');
 var filterComponents = require('../../services/filter-components.cjs.js');
 var sizing = require('../../../fd-component-toolbox/sizing/sizing.cjs.js');
+var ResourceFilterList = require('./ResourceFilterList.cjs.js');
 
-var __defProp=Object['defineProperty'],__name=(_0x207738,_0x577cb9)=>__defProp(_0x207738,'name',{'value':_0x577cb9,'configurable':!![]});function isDisplayable(_0x172ebd){return _0x172ebd?.['isDisplayable']&&_0x172ebd['isFilterDisplayable'];}__name(isDisplayable,'isDisplayable');function getFilters(_0x5d8288,_0x4bdbbc,_0x3996c9,_0x372c93){return resourceFilters.resourceFilterGetFilters(_0x5d8288,_0x4bdbbc,_0x3996c9?.['customFilters'],_0x372c93);}__name(getFilters,'getFilters');function parseFilter(_0x1e47cd){if(!_0x1e47cd)return {};const _0x52104b=Object['fromEntries'](odataParsers.parseODataFilter(_0x1e47cd)['map'](_0xb2e67f=>[_0xb2e67f['leftSide'],{'filter':_0xb2e67f}]));return _0x52104b;}__name(parseFilter,'parseFilter');function createFilterPropertyMetas(_0x5afa7e,_0x6f7967){let _0x515d28={};for(let _0x56a759 of _0x5afa7e){_0x56a759['name']!==baseResourceProps.baseResourceProps['createdDate']&&(_0x56a759['name']===baseResourceProps.baseResourceProps['modifiedDate']||_0x56a759['isDisplayable']&&_0x56a759['name']!==resourceWithId.withIdProps['id']&&(valueCheckingFunctions.isNullOrUndefined(_0x56a759['relation'])||!_0x56a759['relation']['isExpandProperty']))&&(_0x515d28[_0x56a759['name']]=_0x56a759);}return _0x6f7967?.['length']&&createRelationFilterPropertyMetas(_0x515d28,_0x6f7967),_0x515d28;}__name(createFilterPropertyMetas,'createFilterPropertyMetas');function createRelationFilterPropertyMetas(_0x5b213e,_0x5e8710){for(let _0x46cbe4 of _0x5e8710){_0x46cbe4['name']!==baseResourceProps.baseResourceProps['createdDate']&&(_0x46cbe4['name']===baseResourceProps.baseResourceProps['modifiedDate']||_0x46cbe4['isDisplayable']&&_0x46cbe4['name']!==resourceWithId.withIdProps['id'])&&(_0x5b213e[_0x46cbe4['name']]=_0x46cbe4);}}__name(createRelationFilterPropertyMetas,'createRelationFilterPropertyMetas');function setPropertyMetasFilterInputsAndFilterKeys(_0x55c4b2,_0x2fcf39,_0x225ccf,_0x53589c,_0x1f6659,_0xda6e7a,_0x43e931,_0x5c1cc6,_0x4a1ea1,_0x4af7ba){_0x53589c(getFilteredAndOtherPropertyMetas(_0x1f6659,_0x225ccf,_0x43e931['properties'])),initFilterInputs(_0x55c4b2,_0x2fcf39,_0x225ccf,_0xda6e7a,_0x43e931,_0x1f6659,_0x5c1cc6,_0x4a1ea1,_0x4af7ba);}__name(setPropertyMetasFilterInputsAndFilterKeys,'setPropertyMetasFilterInputsAndFilterKeys');function resetResourceFilterListState(_0xf39f4c,_0x55e87e,_0x1f40cc,_0x41f65f){_0x1f40cc(_0x4da198=>_0x4da198+(-0x153*-0x5+0x8*-0x2dd+0x342*0x5));const _0x30336d=baseStateFunctions.getComponentState(_0xf39f4c);_0x30336d&&partiallyResetComponentState(_0x30336d,_0xf39f4c,_0x55e87e,_0x41f65f);}__name(resetResourceFilterListState,'resetResourceFilterListState');function getFilteredAndOtherPropertyMetas(_0x10c271,_0x3d2c13,_0x53c6b4){let _0x456732={};if(_0x10c271['customFilters'])for(let _0x54fd06 of _0x10c271['customFilters']){if(!_0x3d2c13[_0x54fd06['propertyName']]){let _0x1af556=_0x53c6b4[_0x54fd06['propertyName']];_0x1af556&&(_0x456732[_0x1af556['name']]=_0x1af556);}}return {..._0x3d2c13,..._0x456732};}__name(getFilteredAndOtherPropertyMetas,'getFilteredAndOtherPropertyMetas');function initFilterInputs(_0x491532,_0x4ee3c5,_0x5540c3,_0x1c62c3,_0x24c54a,_0x20aaa8,_0x1abb14,_0x43d35e,_0x3dd374){let _0x27b771=null;!_0x1c62c3['length']&&baseStateFunctions.restoreComponentState(_0x491532,_0x59501d=>{if(!_0x59501d)return;_0x27b771=_0x59501d;});if(!_0x27b771||_0x3dd374?.['length']&&!_0x3dd374['every'](_0x28f118=>_0x27b771?.[_0x28f118['name']])){_0x27b771=resourceFilters.resourceFilterInitFilterInputs(_0x5540c3,_0x1c62c3,_0x24c54a,_0x20aaa8?.['customFilters'],_0x3dd374);_0x27b771[withUserId.withUserIdProps['userId']]&&resourceFilters.resourceFilterShouldSetAndDisableUserIdFilter(_0x24c54a)&&(_0x27b771[withUserId.withUserIdProps['userId']]['disabled']=!![]);if(!_0x43d35e)baseStateFunctions.saveComponentState(_0x491532,_0x27b771);}_0x43d35e&&baseStateFunctions.saveComponentState(_0x491532,_0x27b771),_0x4ee3c5(_0x27b771),_0x1abb14(Object['keys'](_0x27b771));}__name(initFilterInputs,'initFilterInputs');function calculateFilterCountFromWidths(_0x18d008,_0x4055d0,_0x7361f7){const _0x4211bc=_0x7361f7();if(!Object['keys'](_0x4211bc)['length'])return -0x4*0x496+-0x24a2+-0x36fa*-0x1;const _0x143cb3=0x1*-0x188f+0xf9f+0x8f8,_0x58bffc=_0x18d008['map'](_0x3ba00f=>{const _0x44d6e9=_0x4211bc[_0x3ba00f];return typeof _0x44d6e9==='number'&&_0x44d6e9>-0x206c+-0x1abf+0x3b2b?_0x44d6e9:-0x1cf*0x5+-0x20*0xf0+0x2783;}),_0x3bea1e=sizing.calculateSizing(_0x58bffc,_0x4055d0,{'gap':_0x143cb3});return _0x3bea1e['count'];}__name(calculateFilterCountFromWidths,'calculateFilterCountFromWidths');function calculateFilterCountFromDom(_0x4469bd,_0x1ca213){try{const _0x35cc1c=Array['from'](_0x4469bd['children']),_0x388d5d=[];for(const _0x572b51 of _0x35cc1c){if(_0x572b51 instanceof HTMLElement){const _0xfa68da=_0x572b51['getBoundingClientRect'](),_0x3c6227=window['getComputedStyle'](_0x572b51),_0x29ce8e=parseFloat(_0x3c6227['marginLeft']||'0')||0x12e0+-0x7f9+0x1*-0xae7,_0x208e6=parseFloat(_0x3c6227['marginRight']||'0')||-0x1*0x4e1+-0x35*0x52+0x15db;_0x388d5d['push'](_0xfa68da['width']+_0x29ce8e+_0x208e6);}}if(_0x388d5d['length']>-0x1167*0x2+-0x5*0x3c1+0x3593){const _0x2e6766=sizing.calculateSizing(_0x388d5d,_0x1ca213);return _0x2e6766['count'];}}catch{}return 0x1*-0x15e6+0x2006+0x30*-0x36;}__name(calculateFilterCountFromDom,'calculateFilterCountFromDom');function onResize(_0xa3e257,_0x212dec,_0x270b00,_0x1f8557,_0x223c51,_0x45f8e3,_0x29ae5a,_0x513491){if(!_0x223c51)return;if(_0x513491===filterListPositions.filterListOrientation['vertical']){_0xa3e257(_0x212dec['length']),isElementShownLessThenFilteredKeys(_0x212dec,_0x212dec['length'],_0x270b00,_0x513491);return;}const _0x80c7af=_0x223c51['getBoundingClientRect']()['width'],_0x5d778a=typeof window!=='undefined'&&window['innerWidth']>=-0xf0f+0x237d+-0x116e,_0x5ca654=_0x5d778a?_0x29ae5a?.['getBoundingClientRect']()['width']??0x1f88+-0x6d*-0x21+-0x2d95*0x1:-0x1*0xa7f+-0xa31+-0x8*-0x296,_0x3400da=Math['max'](0xe4b*-0x1+0xa3c+0x40f*0x1,_0x80c7af-_0x5ca654);let _0x42d555=0x26f5*0x1+0x17bd*-0x1+-0xf38;_0x1f8557&&(_0x42d555=calculateFilterCountFromWidths(_0x212dec,_0x3400da,_0x1f8557)),!_0x42d555&&_0x45f8e3&&(_0x42d555=calculateFilterCountFromDom(_0x45f8e3,_0x3400da)),!_0x42d555&&(_0x42d555=getBreakpointDefaultCount(_0x212dec['length'])),_0xa3e257(_0x42d555),isElementShownLessThenFilteredKeys(_0x212dec,_0x42d555,_0x270b00,_0x513491);}__name(onResize,'onResize');function getBreakpointDefaultCount(_0xee2b2c){const _0x41be29=window['innerWidth']>screenWidthConstants.screenWidths['md']&&window['innerWidth']<=screenWidthConstants.screenWidths['lg'],_0x1a6b8d=window['innerWidth']>screenWidthConstants.screenWidths['lg']&&window['innerWidth']<=screenWidthConstants.screenWidths['xl'],_0x10f385=window['innerWidth']>screenWidthConstants.screenWidths['xl']&&window['innerWidth']<=screenWidthConstants.screenWidths['xxl'],_0x40f72c=window['innerWidth']>screenWidthConstants.screenWidths['xxl'];if(_0x41be29)return 0x1b66+-0x1*-0x3fd+-0x1f5f*0x1;if(_0x1a6b8d)return -0x1163*-0x2+0x215a+0x37*-0x13d;if(_0x10f385)return -0x17c9+0x1eba+-0x6eb;if(_0x40f72c)return -0x25b1+-0x22ad+0x4866;if(_0xee2b2c===0x10*-0x25b+0x1a4f*0x1+0xb62)return -0xe*-0x1d2+0x15bb*0x1+-0x2f36;return 0x36*-0x39+0x1*0x1987+0xd81*-0x1;}__name(getBreakpointDefaultCount,'getBreakpointDefaultCount');function isElementShownLessThenFilteredKeys(_0x11ca9c,_0x1ddc87,_0xe598f2,_0x3bf180){if(_0x11ca9c['length']<=_0x1ddc87)_0xe598f2(![]);else _0x3bf180===filterListPositions.filterListOrientation['vertical']?_0xe598f2(![]):_0xe598f2(!![]);}__name(isElementShownLessThenFilteredKeys,'isElementShownLessThenFilteredKeys');function setObserver(_0x322f01,_0x4434eb,_0x49db1e,_0x1dd4ef,_0x2c2b22,_0x184fb3,_0x4e7fe8,_0x27b415){const _0x3c7589=new ResizeObserver(()=>onResize(_0x322f01,_0x4434eb,_0x49db1e,_0x1dd4ef,_0x2c2b22,_0x184fb3,_0x4e7fe8,_0x27b415));return _0x2c2b22&&_0x3c7589['observe'](_0x2c2b22),()=>{_0x3c7589['disconnect']();};}__name(setObserver,'setObserver');function onStateChange(_0x266cd3,_0x53a350,_0x6456e8,_0x4e47e6,_0x3f6983){const _0x57b85d={..._0x53a350,[_0x266cd3]:{..._0x53a350[_0x266cd3],'filter':_0x6456e8}};baseStateFunctions.saveComponentState(_0x4e47e6,_0x57b85d),_0x3f6983(_0x57b85d);}__name(onStateChange,'onStateChange');function partiallyResetComponentState(_0x373607,_0x5ddd46,_0x14b02a,_0x205769){if(!_0x373607)return;utils.getObjectValues(_0x373607)['forEach'](_0x23cffe=>{_0x23cffe['filter']['rightSide']='',_0x23cffe['filter']['operator']=enums.oDataOperators['empty'];}),_0x14b02a(_0x373607),setTimeout(()=>{_0x205769?.();},0x202b+0x247b+-0x44a6),baseStateFunctions.saveComponentState(_0x5ddd46,_0x373607);}__name(partiallyResetComponentState,'partiallyResetComponentState');function getFilteredKeys(_0x30edc5,_0x55b7ae,_0x3d66e8,_0x2e7616){return _0x30edc5['filter'](_0x3b1fe3=>shouldIncludeKey(_0x3b1fe3,_0x55b7ae,_0x3d66e8,_0x2e7616));}__name(getFilteredKeys,'getFilteredKeys');function shouldIncludeKey(_0x3949d1,_0xb400b3,_0x2a8b61,_0x5d9cdc){const _0x584f68=isDisplayable(_0xb400b3[_0x3949d1]),_0x1a2563=_0x5d9cdc?.['some'](_0x10c238=>_0x10c238['name']===_0x3949d1&&_0x10c238['isDisplayable'])??![],_0x4c2967=_0x2a8b61[_0x3949d1]&&filterComponents.isPropertyFilterable(_0x2a8b61[_0x3949d1]);return _0x1a2563||_0x4c2967&&_0x584f68;}__name(shouldIncludeKey,'shouldIncludeKey');function createOnFilterRefCallback(_0x26d670){return _0x2ff3ae=>{const _0x3bae16=__name(_0xf128d7=>{_0xf128d7?_0x26d670['current']['set'](_0x2ff3ae,_0xf128d7):_0x26d670['current']['delete'](_0x2ff3ae);},'callback');return _0x3bae16;};}__name(createOnFilterRefCallback,'createOnFilterRefCallback');function getFilterWidths(_0x451f58){const _0xd898b7={};return _0x451f58['current']['forEach']((_0x1b9bca,_0x47c5ec)=>{_0xd898b7[_0x47c5ec]=_0x1b9bca['getWidth']();}),_0xd898b7;}__name(getFilterWidths,'getFilterWidths');
+var __defProp=Object['defineProperty'],__name=(_0xc24bef,_0x2905cd)=>__defProp(_0xc24bef,'name',{'value':_0x2905cd,'configurable':!![]});function isDisplayable(_0x5ebbf7){return _0x5ebbf7?.['isDisplayable']&&_0x5ebbf7['isFilterDisplayable'];}__name(isDisplayable,'isDisplayable');function getFilters(_0x53c709,_0x249522,_0x40812b,_0x597be6){return resourceFilters.resourceFilterGetFilters(_0x53c709,_0x249522,_0x40812b?.['customFilters'],_0x597be6);}__name(getFilters,'getFilters');function parseFilter(_0x19c6b7){if(!_0x19c6b7)return {};const _0x4ba75e=Object['fromEntries'](odataParsers.parseODataFilter(_0x19c6b7)['map'](_0x428db4=>[_0x428db4['leftSide'],{'filter':_0x428db4}]));return _0x4ba75e;}__name(parseFilter,'parseFilter');function createFilterPropertyMetas(_0x3264b4,_0x5de93a){let _0x12f25c={};for(let _0x3e6a41 of _0x3264b4){_0x3e6a41['name']!==baseResourceProps.baseResourceProps['createdDate']&&(_0x3e6a41['name']===baseResourceProps.baseResourceProps['modifiedDate']||_0x3e6a41['isDisplayable']&&_0x3e6a41['name']!==resourceWithId.withIdProps['id']&&(valueCheckingFunctions.isNullOrUndefined(_0x3e6a41['relation'])||!_0x3e6a41['relation']['isExpandProperty']))&&(_0x12f25c[_0x3e6a41['name']]=_0x3e6a41);}return _0x5de93a?.['length']&&createRelationFilterPropertyMetas(_0x12f25c,_0x5de93a),_0x12f25c;}__name(createFilterPropertyMetas,'createFilterPropertyMetas');function createRelationFilterPropertyMetas(_0x5500ee,_0x424be4){for(let _0x4911f8 of _0x424be4){_0x4911f8['name']!==baseResourceProps.baseResourceProps['createdDate']&&(_0x4911f8['name']===baseResourceProps.baseResourceProps['modifiedDate']||_0x4911f8['isDisplayable']&&_0x4911f8['name']!==resourceWithId.withIdProps['id'])&&(_0x5500ee[_0x4911f8['name']]=_0x4911f8);}}__name(createRelationFilterPropertyMetas,'createRelationFilterPropertyMetas');function setPropertyMetasFilterInputsAndFilterKeys(_0x776190,_0x4d5572,_0x1fa76e,_0x365848,_0x1df62f,_0x4a2620,_0x1b9732,_0x7dc06c,_0x54fb0c,_0x1b9a3a){_0x365848(getFilteredAndOtherPropertyMetas(_0x1df62f,_0x1fa76e,_0x1b9732['properties'])),initFilterInputs(_0x776190,_0x4d5572,_0x1fa76e,_0x4a2620,_0x1b9732,_0x1df62f,_0x7dc06c,_0x54fb0c,_0x1b9a3a);}__name(setPropertyMetasFilterInputsAndFilterKeys,'setPropertyMetasFilterInputsAndFilterKeys');function resetResourceFilterListState(_0x38b769,_0x2fdd83,_0x357018,_0x8f0490){_0x357018(_0x3c96b0=>_0x3c96b0+(0xaa*-0x5+0x1a2c+0x16d9*-0x1));const _0x25e9ce=baseStateFunctions.getComponentState(_0x38b769);_0x25e9ce&&partiallyResetComponentState(_0x25e9ce,_0x38b769,_0x2fdd83,_0x8f0490);}__name(resetResourceFilterListState,'resetResourceFilterListState');function getFilteredAndOtherPropertyMetas(_0x26ed39,_0x116b72,_0x49e966){let _0x262cc0={};if(_0x26ed39['customFilters'])for(let _0x28b500 of _0x26ed39['customFilters']){if(!_0x116b72[_0x28b500['propertyName']]){let _0x393f28=_0x49e966[_0x28b500['propertyName']];_0x393f28&&(_0x262cc0[_0x393f28['name']]=_0x393f28);}}return {..._0x116b72,..._0x262cc0};}__name(getFilteredAndOtherPropertyMetas,'getFilteredAndOtherPropertyMetas');function initFilterInputs(_0x2e7159,_0x4830b1,_0x31381c,_0x3658a5,_0x9339b4,_0x562ae8,_0x529349,_0x5e696b,_0x13fca1){let _0x2744bb=null;!_0x3658a5['length']&&baseStateFunctions.restoreComponentState(_0x2e7159,_0x4c2066=>{if(!_0x4c2066)return;_0x2744bb=_0x4c2066;});if(!_0x2744bb||_0x13fca1?.['length']&&!_0x13fca1['every'](_0x33bce3=>_0x2744bb?.[_0x33bce3['name']])){_0x2744bb=resourceFilters.resourceFilterInitFilterInputs(_0x31381c,_0x3658a5,_0x9339b4,_0x562ae8?.['customFilters'],_0x13fca1);_0x2744bb[withUserId.withUserIdProps['userId']]&&resourceFilters.resourceFilterShouldSetAndDisableUserIdFilter(_0x9339b4)&&(_0x2744bb[withUserId.withUserIdProps['userId']]['disabled']=!![]);if(!_0x5e696b)baseStateFunctions.saveComponentState(_0x2e7159,_0x2744bb);}_0x5e696b&&baseStateFunctions.saveComponentState(_0x2e7159,_0x2744bb),_0x4830b1(_0x2744bb),_0x529349(Object['keys'](_0x2744bb));}__name(initFilterInputs,'initFilterInputs');function calculateFilterCountFromWidths(_0x332556,_0x36a33e,_0x33b048){const _0x3a1f38=_0x33b048();if(!Object['keys'](_0x3a1f38)['length'])return 0x28+-0x1*-0x272+-0x6f*0x6;const _0x59b8fe=-0x11e*-0x17+0xef3+-0x289d,_0x538c8c=_0x332556['map'](_0x13e3ef=>{const _0x40a6cf=_0x3a1f38[_0x13e3ef];return typeof _0x40a6cf==='number'&&_0x40a6cf>0x14*-0x78+0x1017*-0x2+0x298e?_0x40a6cf:-0xeb3+0x19f1*-0x1+0x291c;}),_0x4df774=sizing.calculateSizing(_0x538c8c,_0x36a33e,{'gap':_0x59b8fe});return _0x4df774['count'];}__name(calculateFilterCountFromWidths,'calculateFilterCountFromWidths');function calculateFilterCountFromDom(_0x351d70,_0x45b40e){try{const _0x1dc675=Array['from'](_0x351d70['children']),_0x589a4e=[];for(const _0x1565c7 of _0x1dc675){if(_0x1565c7 instanceof HTMLElement){const _0xb8aa32=_0x1565c7['getBoundingClientRect'](),_0x2ba033=window['getComputedStyle'](_0x1565c7),_0x4e2db3=parseFloat(_0x2ba033['marginLeft']||'0')||0x1164+0x2*-0xd87+0x9aa,_0xf53f60=parseFloat(_0x2ba033['marginRight']||'0')||0x2412+-0x110b+-0x1307;_0x589a4e['push'](_0xb8aa32['width']+_0x4e2db3+_0xf53f60);}}if(_0x589a4e['length']>-0x148f*0x1+-0x438+0x1*0x18c7){const _0x3b8348=sizing.calculateSizing(_0x589a4e,_0x45b40e);return _0x3b8348['count'];}}catch{}return 0x369*-0x9+-0x1*-0x13b2+0xaff;}__name(calculateFilterCountFromDom,'calculateFilterCountFromDom');function onResize(_0x19af64,_0x3f1e6c,_0x24dc56,_0x2c0914,_0x1d7caf,_0x558b4e,_0x379ed1,_0x10b34f){if(!_0x1d7caf)return;if(_0x10b34f===filterListPositions.filterListOrientation['vertical']){_0x19af64(_0x3f1e6c['length']),isElementShownLessThenFilteredKeys(_0x3f1e6c,_0x3f1e6c['length'],_0x24dc56,_0x10b34f);return;}const _0x1e8712=_0x1d7caf['getBoundingClientRect']()['width'],_0x4ede38=typeof window!=='undefined'&&window['innerWidth']>=0x2*0x1f3+-0x2342*0x1+-0x2*-0x112e,_0x549a86=_0x4ede38?_0x379ed1?.['getBoundingClientRect']()['width']??0x1311+0x3*-0x701+0x1f2:-0x86d*-0x1+0x4*-0x4ee+0xb4b,_0x1b0dc8=Math['max'](0x6e+-0xb5b+0xaed,_0x1e8712-_0x549a86);let _0x354762=-0x4a3*0x1+-0x7f4*-0x3+-0x85*0x25;_0x2c0914&&(_0x354762=calculateFilterCountFromWidths(_0x3f1e6c,_0x1b0dc8,_0x2c0914)),!_0x354762&&_0x558b4e&&(_0x354762=calculateFilterCountFromDom(_0x558b4e,_0x1b0dc8)),!_0x354762&&(_0x354762=getBreakpointDefaultCount()),_0x19af64(_0x354762),isElementShownLessThenFilteredKeys(_0x3f1e6c,_0x354762,_0x24dc56,_0x10b34f);}__name(onResize,'onResize');function getBreakpointDefaultCount(){const _0xdfdbe=window['innerWidth']>screenWidthConstants.screenWidths['md']&&window['innerWidth']<=screenWidthConstants.screenWidths['lg'],_0x3a8080=window['innerWidth']>screenWidthConstants.screenWidths['lg']&&window['innerWidth']<=screenWidthConstants.screenWidths['xl'],_0x2881e8=window['innerWidth']>screenWidthConstants.screenWidths['xl']&&window['innerWidth']<=screenWidthConstants.screenWidths['xxl'],_0x4b9f18=window['innerWidth']>screenWidthConstants.screenWidths['xxl'];if(_0xdfdbe)return 0x24f7+-0x19d*-0xd+-0x39ec;if(_0x3a8080)return 0x535+0x5*0x6b+-0x9*0xcf;if(_0x2881e8)return 0x681*-0x1+-0x17b8+0x1e3f;if(_0x4b9f18)return 0x3*0x60d+-0x2f3*-0x3+-0x35f*0x8;return -0xd38+-0x15d0+-0x1*-0x2309;}__name(getBreakpointDefaultCount,'getBreakpointDefaultCount');function isElementShownLessThenFilteredKeys(_0x5df675,_0x253360,_0xf002aa,_0x229861){if(_0x5df675['length']<=_0x253360)_0xf002aa(![]);else _0x229861===filterListPositions.filterListOrientation['vertical']?_0xf002aa(![]):_0xf002aa(!![]);}__name(isElementShownLessThenFilteredKeys,'isElementShownLessThenFilteredKeys');function setObserver(_0x17382e,_0x364ce6,_0x103199,_0x27e14b,_0x1fbe43,_0x3aa27c,_0xec7e4b,_0x221a9b){const _0x211522=new ResizeObserver(()=>onResize(_0x17382e,_0x364ce6,_0x103199,_0x27e14b,_0x1fbe43,_0x3aa27c,_0xec7e4b,_0x221a9b));return _0x1fbe43&&_0x211522['observe'](_0x1fbe43),()=>{_0x211522['disconnect']();};}__name(setObserver,'setObserver');function onStateChange(_0x5574f9,_0x531731,_0x129272,_0x20c35b,_0x5766d4){const _0x16339c={..._0x531731,[_0x5574f9]:{..._0x531731[_0x5574f9],'filter':_0x129272}};baseStateFunctions.saveComponentState(_0x20c35b,_0x16339c),_0x5766d4(_0x16339c);}__name(onStateChange,'onStateChange');function partiallyResetComponentState(_0x7f617a,_0x30fa0b,_0x225f86,_0x5d78a7){if(!_0x7f617a)return;utils.getObjectValues(_0x7f617a)['forEach'](_0x591385=>{_0x591385['filter']['rightSide']='',_0x591385['filter']['operator']=enums.oDataOperators['empty'];}),_0x225f86(_0x7f617a),setTimeout(()=>{_0x5d78a7?.();},0x17*-0x49+-0x1d87*0x1+0x2416),baseStateFunctions.saveComponentState(_0x30fa0b,_0x7f617a);}__name(partiallyResetComponentState,'partiallyResetComponentState');function getFilteredKeys(_0x4549cc,_0x275cc4,_0x5764b8,_0x25b8dd){return _0x4549cc['filter'](_0x44e03e=>shouldIncludeKey(_0x44e03e,_0x275cc4,_0x5764b8,_0x25b8dd));}__name(getFilteredKeys,'getFilteredKeys');function shouldIncludeKey(_0x5e1579,_0x365031,_0x182b16,_0x35d6c6){const _0x2b4cd0=isDisplayable(_0x365031[_0x5e1579]),_0x50895c=_0x35d6c6?.['some'](_0x4d2706=>_0x4d2706['name']===_0x5e1579&&_0x4d2706['isDisplayable'])??![],_0xa23f54=_0x182b16[_0x5e1579]&&filterComponents.isPropertyFilterable(_0x182b16[_0x5e1579]);return _0x50895c||_0xa23f54&&_0x2b4cd0;}__name(shouldIncludeKey,'shouldIncludeKey');function createOnFilterRefCallback(_0x1516a9){return _0x2407eb=>{const _0x5bb553=__name(_0x597d00=>{_0x597d00?_0x1516a9['current']['set'](_0x2407eb,_0x597d00):_0x1516a9['current']['delete'](_0x2407eb);},'callback');return _0x5bb553;};}__name(createOnFilterRefCallback,'createOnFilterRefCallback');function getFilterWidths(_0x2f3669){const _0x58bd55={};return _0x2f3669['current']['forEach']((_0x1e4e39,_0x1df01a)=>{_0x58bd55[_0x1df01a]=_0x1e4e39['getWidth']();}),_0x58bd55;}__name(getFilterWidths,'getFilterWidths');function getResourceFilterListId(_0x30f568,_0x4c8482){return elementIds.getElementId(ResourceFilterList.ResourceFilterList['displayName'],_0x30f568??'',_0x4c8482);}__name(getResourceFilterListId,'getResourceFilterListId');function getFilterCollapseButtonId(_0x543f02){return elementIds.getElementId('collapseButton',_0x543f02);}__name(getFilterCollapseButtonId,'getFilterCollapseButtonId');function getFilterResetButtonId(_0x1c405f){return elementIds.getElementId('resetButton',_0x1c405f);}__name(getFilterResetButtonId,'getFilterResetButtonId');function getFilterRefreshButtonId(_0x2f7411){return elementIds.getElementId('refreshButton',_0x2f7411);}__name(getFilterRefreshButtonId,'getFilterRefreshButtonId');
 
 exports.createFilterPropertyMetas = createFilterPropertyMetas;
 exports.createOnFilterRefCallback = createOnFilterRefCallback;
+exports.getFilterCollapseButtonId = getFilterCollapseButtonId;
+exports.getFilterRefreshButtonId = getFilterRefreshButtonId;
+exports.getFilterResetButtonId = getFilterResetButtonId;
 exports.getFilterWidths = getFilterWidths;
 exports.getFilteredKeys = getFilteredKeys;
 exports.getFilters = getFilters;
+exports.getResourceFilterListId = getResourceFilterListId;
 exports.isDisplayable = isDisplayable;
 exports.onResize = onResize;
 exports.onStateChange = onStateChange;

package/packages/level2/meta/filtering/resource-filter-list/ResourceFilterList.funcs.d.ts

@@ -23,3 +23,11 @@ export declare function partiallyResetComponentState(value: WithIndexer<Resource
 export declare function getFilteredKeys(filterKeys: string[], uiPropertyMeta: WithIndexer<UiPropertyMeta>, filteredAndOtherPropertyMetas: WithIndexer<PropertyMeta>, relationInfo?: PropertyMeta[]): string[];
 export declare function createOnFilterRefCallback(filterRefsMap: RefObject<Map<string, FilterComponent>>): (item: string) => RefCallbackType<FilterComponent>;
 export declare function getFilterWidths(filterRefsMap: RefObject<Map<string, FilterComponent>>): WithIndexer<number>;
+/** Get resource filter list id */
+export declare function getResourceFilterListId(parentContextName?: string, index?: number): string;
+/** Get filter collapse button id */
+export declare function getFilterCollapseButtonId(filterListId: string): string;
+/** Get filter reset button id */
+export declare function getFilterResetButtonId(filterListId: string): string;
+/** Get filter refresh button id */
+export declare function getFilterRefreshButtonId(filterListId: string): string;

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

@@ -1,5 +1,6 @@
 'use strict';
 import { resourceFilterGetFilters, resourceFilterInitFilterInputs, resourceFilterShouldSetAndDisableUserIdFilter } from '../../services/resource-filters.js';
+import { getElementId } from '../../../../fd-toolbox/html/element-ids.js';
 import { withIdProps } from '../../../../fd-toolbox-core/types/resource-with-id.js';
 import { withUserIdProps } from '../../../../fd-toolbox/types/with-user-id.js';
 import { isNullOrUndefined } from '../../../../fd-toolbox/functions/value-checking-functions.js';
@@ -12,7 +13,8 @@ import { getObjectValues } from '../../../../fd-toolbox/lib/utils.js';
 import { screenWidths } from '../../../../fd-toolbox/constants/screen-width-constants.js';
 import { isPropertyFilterable } from '../../services/filter-components.js';
 import { calculateSizing } from '../../../fd-component-toolbox/sizing/sizing.js';
+import { ResourceFilterList } from './ResourceFilterList.js';
 
-var __defProp=Object['defineProperty'],__name=(_0x207738,_0x577cb9)=>__defProp(_0x207738,'name',{'value':_0x577cb9,'configurable':!![]});function isDisplayable(_0x172ebd){return _0x172ebd?.['isDisplayable']&&_0x172ebd['isFilterDisplayable'];}__name(isDisplayable,'isDisplayable');function getFilters(_0x5d8288,_0x4bdbbc,_0x3996c9,_0x372c93){return resourceFilterGetFilters(_0x5d8288,_0x4bdbbc,_0x3996c9?.['customFilters'],_0x372c93);}__name(getFilters,'getFilters');function parseFilter(_0x1e47cd){if(!_0x1e47cd)return {};const _0x52104b=Object['fromEntries'](parseODataFilter(_0x1e47cd)['map'](_0xb2e67f=>[_0xb2e67f['leftSide'],{'filter':_0xb2e67f}]));return _0x52104b;}__name(parseFilter,'parseFilter');function createFilterPropertyMetas(_0x5afa7e,_0x6f7967){let _0x515d28={};for(let _0x56a759 of _0x5afa7e){_0x56a759['name']!==baseResourceProps['createdDate']&&(_0x56a759['name']===baseResourceProps['modifiedDate']||_0x56a759['isDisplayable']&&_0x56a759['name']!==withIdProps['id']&&(isNullOrUndefined(_0x56a759['relation'])||!_0x56a759['relation']['isExpandProperty']))&&(_0x515d28[_0x56a759['name']]=_0x56a759);}return _0x6f7967?.['length']&&createRelationFilterPropertyMetas(_0x515d28,_0x6f7967),_0x515d28;}__name(createFilterPropertyMetas,'createFilterPropertyMetas');function createRelationFilterPropertyMetas(_0x5b213e,_0x5e8710){for(let _0x46cbe4 of _0x5e8710){_0x46cbe4['name']!==baseResourceProps['createdDate']&&(_0x46cbe4['name']===baseResourceProps['modifiedDate']||_0x46cbe4['isDisplayable']&&_0x46cbe4['name']!==withIdProps['id'])&&(_0x5b213e[_0x46cbe4['name']]=_0x46cbe4);}}__name(createRelationFilterPropertyMetas,'createRelationFilterPropertyMetas');function setPropertyMetasFilterInputsAndFilterKeys(_0x55c4b2,_0x2fcf39,_0x225ccf,_0x53589c,_0x1f6659,_0xda6e7a,_0x43e931,_0x5c1cc6,_0x4a1ea1,_0x4af7ba){_0x53589c(getFilteredAndOtherPropertyMetas(_0x1f6659,_0x225ccf,_0x43e931['properties'])),initFilterInputs(_0x55c4b2,_0x2fcf39,_0x225ccf,_0xda6e7a,_0x43e931,_0x1f6659,_0x5c1cc6,_0x4a1ea1,_0x4af7ba);}__name(setPropertyMetasFilterInputsAndFilterKeys,'setPropertyMetasFilterInputsAndFilterKeys');function resetResourceFilterListState(_0xf39f4c,_0x55e87e,_0x1f40cc,_0x41f65f){_0x1f40cc(_0x4da198=>_0x4da198+(-0x153*-0x5+0x8*-0x2dd+0x342*0x5));const _0x30336d=getComponentState(_0xf39f4c);_0x30336d&&partiallyResetComponentState(_0x30336d,_0xf39f4c,_0x55e87e,_0x41f65f);}__name(resetResourceFilterListState,'resetResourceFilterListState');function getFilteredAndOtherPropertyMetas(_0x10c271,_0x3d2c13,_0x53c6b4){let _0x456732={};if(_0x10c271['customFilters'])for(let _0x54fd06 of _0x10c271['customFilters']){if(!_0x3d2c13[_0x54fd06['propertyName']]){let _0x1af556=_0x53c6b4[_0x54fd06['propertyName']];_0x1af556&&(_0x456732[_0x1af556['name']]=_0x1af556);}}return {..._0x3d2c13,..._0x456732};}__name(getFilteredAndOtherPropertyMetas,'getFilteredAndOtherPropertyMetas');function initFilterInputs(_0x491532,_0x4ee3c5,_0x5540c3,_0x1c62c3,_0x24c54a,_0x20aaa8,_0x1abb14,_0x43d35e,_0x3dd374){let _0x27b771=null;!_0x1c62c3['length']&&restoreComponentState(_0x491532,_0x59501d=>{if(!_0x59501d)return;_0x27b771=_0x59501d;});if(!_0x27b771||_0x3dd374?.['length']&&!_0x3dd374['every'](_0x28f118=>_0x27b771?.[_0x28f118['name']])){_0x27b771=resourceFilterInitFilterInputs(_0x5540c3,_0x1c62c3,_0x24c54a,_0x20aaa8?.['customFilters'],_0x3dd374);_0x27b771[withUserIdProps['userId']]&&resourceFilterShouldSetAndDisableUserIdFilter(_0x24c54a)&&(_0x27b771[withUserIdProps['userId']]['disabled']=!![]);if(!_0x43d35e)saveComponentState(_0x491532,_0x27b771);}_0x43d35e&&saveComponentState(_0x491532,_0x27b771),_0x4ee3c5(_0x27b771),_0x1abb14(Object['keys'](_0x27b771));}__name(initFilterInputs,'initFilterInputs');function calculateFilterCountFromWidths(_0x18d008,_0x4055d0,_0x7361f7){const _0x4211bc=_0x7361f7();if(!Object['keys'](_0x4211bc)['length'])return -0x4*0x496+-0x24a2+-0x36fa*-0x1;const _0x143cb3=0x1*-0x188f+0xf9f+0x8f8,_0x58bffc=_0x18d008['map'](_0x3ba00f=>{const _0x44d6e9=_0x4211bc[_0x3ba00f];return typeof _0x44d6e9==='number'&&_0x44d6e9>-0x206c+-0x1abf+0x3b2b?_0x44d6e9:-0x1cf*0x5+-0x20*0xf0+0x2783;}),_0x3bea1e=calculateSizing(_0x58bffc,_0x4055d0,{'gap':_0x143cb3});return _0x3bea1e['count'];}__name(calculateFilterCountFromWidths,'calculateFilterCountFromWidths');function calculateFilterCountFromDom(_0x4469bd,_0x1ca213){try{const _0x35cc1c=Array['from'](_0x4469bd['children']),_0x388d5d=[];for(const _0x572b51 of _0x35cc1c){if(_0x572b51 instanceof HTMLElement){const _0xfa68da=_0x572b51['getBoundingClientRect'](),_0x3c6227=window['getComputedStyle'](_0x572b51),_0x29ce8e=parseFloat(_0x3c6227['marginLeft']||'0')||0x12e0+-0x7f9+0x1*-0xae7,_0x208e6=parseFloat(_0x3c6227['marginRight']||'0')||-0x1*0x4e1+-0x35*0x52+0x15db;_0x388d5d['push'](_0xfa68da['width']+_0x29ce8e+_0x208e6);}}if(_0x388d5d['length']>-0x1167*0x2+-0x5*0x3c1+0x3593){const _0x2e6766=calculateSizing(_0x388d5d,_0x1ca213);return _0x2e6766['count'];}}catch{}return 0x1*-0x15e6+0x2006+0x30*-0x36;}__name(calculateFilterCountFromDom,'calculateFilterCountFromDom');function onResize(_0xa3e257,_0x212dec,_0x270b00,_0x1f8557,_0x223c51,_0x45f8e3,_0x29ae5a,_0x513491){if(!_0x223c51)return;if(_0x513491===filterListOrientation['vertical']){_0xa3e257(_0x212dec['length']),isElementShownLessThenFilteredKeys(_0x212dec,_0x212dec['length'],_0x270b00,_0x513491);return;}const _0x80c7af=_0x223c51['getBoundingClientRect']()['width'],_0x5d778a=typeof window!=='undefined'&&window['innerWidth']>=-0xf0f+0x237d+-0x116e,_0x5ca654=_0x5d778a?_0x29ae5a?.['getBoundingClientRect']()['width']??0x1f88+-0x6d*-0x21+-0x2d95*0x1:-0x1*0xa7f+-0xa31+-0x8*-0x296,_0x3400da=Math['max'](0xe4b*-0x1+0xa3c+0x40f*0x1,_0x80c7af-_0x5ca654);let _0x42d555=0x26f5*0x1+0x17bd*-0x1+-0xf38;_0x1f8557&&(_0x42d555=calculateFilterCountFromWidths(_0x212dec,_0x3400da,_0x1f8557)),!_0x42d555&&_0x45f8e3&&(_0x42d555=calculateFilterCountFromDom(_0x45f8e3,_0x3400da)),!_0x42d555&&(_0x42d555=getBreakpointDefaultCount(_0x212dec['length'])),_0xa3e257(_0x42d555),isElementShownLessThenFilteredKeys(_0x212dec,_0x42d555,_0x270b00,_0x513491);}__name(onResize,'onResize');function getBreakpointDefaultCount(_0xee2b2c){const _0x41be29=window['innerWidth']>screenWidths['md']&&window['innerWidth']<=screenWidths['lg'],_0x1a6b8d=window['innerWidth']>screenWidths['lg']&&window['innerWidth']<=screenWidths['xl'],_0x10f385=window['innerWidth']>screenWidths['xl']&&window['innerWidth']<=screenWidths['xxl'],_0x40f72c=window['innerWidth']>screenWidths['xxl'];if(_0x41be29)return 0x1b66+-0x1*-0x3fd+-0x1f5f*0x1;if(_0x1a6b8d)return -0x1163*-0x2+0x215a+0x37*-0x13d;if(_0x10f385)return -0x17c9+0x1eba+-0x6eb;if(_0x40f72c)return -0x25b1+-0x22ad+0x4866;if(_0xee2b2c===0x10*-0x25b+0x1a4f*0x1+0xb62)return -0xe*-0x1d2+0x15bb*0x1+-0x2f36;return 0x36*-0x39+0x1*0x1987+0xd81*-0x1;}__name(getBreakpointDefaultCount,'getBreakpointDefaultCount');function isElementShownLessThenFilteredKeys(_0x11ca9c,_0x1ddc87,_0xe598f2,_0x3bf180){if(_0x11ca9c['length']<=_0x1ddc87)_0xe598f2(![]);else _0x3bf180===filterListOrientation['vertical']?_0xe598f2(![]):_0xe598f2(!![]);}__name(isElementShownLessThenFilteredKeys,'isElementShownLessThenFilteredKeys');function setObserver(_0x322f01,_0x4434eb,_0x49db1e,_0x1dd4ef,_0x2c2b22,_0x184fb3,_0x4e7fe8,_0x27b415){const _0x3c7589=new ResizeObserver(()=>onResize(_0x322f01,_0x4434eb,_0x49db1e,_0x1dd4ef,_0x2c2b22,_0x184fb3,_0x4e7fe8,_0x27b415));return _0x2c2b22&&_0x3c7589['observe'](_0x2c2b22),()=>{_0x3c7589['disconnect']();};}__name(setObserver,'setObserver');function onStateChange(_0x266cd3,_0x53a350,_0x6456e8,_0x4e47e6,_0x3f6983){const _0x57b85d={..._0x53a350,[_0x266cd3]:{..._0x53a350[_0x266cd3],'filter':_0x6456e8}};saveComponentState(_0x4e47e6,_0x57b85d),_0x3f6983(_0x57b85d);}__name(onStateChange,'onStateChange');function partiallyResetComponentState(_0x373607,_0x5ddd46,_0x14b02a,_0x205769){if(!_0x373607)return;getObjectValues(_0x373607)['forEach'](_0x23cffe=>{_0x23cffe['filter']['rightSide']='',_0x23cffe['filter']['operator']=oDataOperators['empty'];}),_0x14b02a(_0x373607),setTimeout(()=>{_0x205769?.();},0x202b+0x247b+-0x44a6),saveComponentState(_0x5ddd46,_0x373607);}__name(partiallyResetComponentState,'partiallyResetComponentState');function getFilteredKeys(_0x30edc5,_0x55b7ae,_0x3d66e8,_0x2e7616){return _0x30edc5['filter'](_0x3b1fe3=>shouldIncludeKey(_0x3b1fe3,_0x55b7ae,_0x3d66e8,_0x2e7616));}__name(getFilteredKeys,'getFilteredKeys');function shouldIncludeKey(_0x3949d1,_0xb400b3,_0x2a8b61,_0x5d9cdc){const _0x584f68=isDisplayable(_0xb400b3[_0x3949d1]),_0x1a2563=_0x5d9cdc?.['some'](_0x10c238=>_0x10c238['name']===_0x3949d1&&_0x10c238['isDisplayable'])??![],_0x4c2967=_0x2a8b61[_0x3949d1]&&isPropertyFilterable(_0x2a8b61[_0x3949d1]);return _0x1a2563||_0x4c2967&&_0x584f68;}__name(shouldIncludeKey,'shouldIncludeKey');function createOnFilterRefCallback(_0x26d670){return _0x2ff3ae=>{const _0x3bae16=__name(_0xf128d7=>{_0xf128d7?_0x26d670['current']['set'](_0x2ff3ae,_0xf128d7):_0x26d670['current']['delete'](_0x2ff3ae);},'callback');return _0x3bae16;};}__name(createOnFilterRefCallback,'createOnFilterRefCallback');function getFilterWidths(_0x451f58){const _0xd898b7={};return _0x451f58['current']['forEach']((_0x1b9bca,_0x47c5ec)=>{_0xd898b7[_0x47c5ec]=_0x1b9bca['getWidth']();}),_0xd898b7;}__name(getFilterWidths,'getFilterWidths');
+var __defProp=Object['defineProperty'],__name=(_0xc24bef,_0x2905cd)=>__defProp(_0xc24bef,'name',{'value':_0x2905cd,'configurable':!![]});function isDisplayable(_0x5ebbf7){return _0x5ebbf7?.['isDisplayable']&&_0x5ebbf7['isFilterDisplayable'];}__name(isDisplayable,'isDisplayable');function getFilters(_0x53c709,_0x249522,_0x40812b,_0x597be6){return resourceFilterGetFilters(_0x53c709,_0x249522,_0x40812b?.['customFilters'],_0x597be6);}__name(getFilters,'getFilters');function parseFilter(_0x19c6b7){if(!_0x19c6b7)return {};const _0x4ba75e=Object['fromEntries'](parseODataFilter(_0x19c6b7)['map'](_0x428db4=>[_0x428db4['leftSide'],{'filter':_0x428db4}]));return _0x4ba75e;}__name(parseFilter,'parseFilter');function createFilterPropertyMetas(_0x3264b4,_0x5de93a){let _0x12f25c={};for(let _0x3e6a41 of _0x3264b4){_0x3e6a41['name']!==baseResourceProps['createdDate']&&(_0x3e6a41['name']===baseResourceProps['modifiedDate']||_0x3e6a41['isDisplayable']&&_0x3e6a41['name']!==withIdProps['id']&&(isNullOrUndefined(_0x3e6a41['relation'])||!_0x3e6a41['relation']['isExpandProperty']))&&(_0x12f25c[_0x3e6a41['name']]=_0x3e6a41);}return _0x5de93a?.['length']&&createRelationFilterPropertyMetas(_0x12f25c,_0x5de93a),_0x12f25c;}__name(createFilterPropertyMetas,'createFilterPropertyMetas');function createRelationFilterPropertyMetas(_0x5500ee,_0x424be4){for(let _0x4911f8 of _0x424be4){_0x4911f8['name']!==baseResourceProps['createdDate']&&(_0x4911f8['name']===baseResourceProps['modifiedDate']||_0x4911f8['isDisplayable']&&_0x4911f8['name']!==withIdProps['id'])&&(_0x5500ee[_0x4911f8['name']]=_0x4911f8);}}__name(createRelationFilterPropertyMetas,'createRelationFilterPropertyMetas');function setPropertyMetasFilterInputsAndFilterKeys(_0x776190,_0x4d5572,_0x1fa76e,_0x365848,_0x1df62f,_0x4a2620,_0x1b9732,_0x7dc06c,_0x54fb0c,_0x1b9a3a){_0x365848(getFilteredAndOtherPropertyMetas(_0x1df62f,_0x1fa76e,_0x1b9732['properties'])),initFilterInputs(_0x776190,_0x4d5572,_0x1fa76e,_0x4a2620,_0x1b9732,_0x1df62f,_0x7dc06c,_0x54fb0c,_0x1b9a3a);}__name(setPropertyMetasFilterInputsAndFilterKeys,'setPropertyMetasFilterInputsAndFilterKeys');function resetResourceFilterListState(_0x38b769,_0x2fdd83,_0x357018,_0x8f0490){_0x357018(_0x3c96b0=>_0x3c96b0+(0xaa*-0x5+0x1a2c+0x16d9*-0x1));const _0x25e9ce=getComponentState(_0x38b769);_0x25e9ce&&partiallyResetComponentState(_0x25e9ce,_0x38b769,_0x2fdd83,_0x8f0490);}__name(resetResourceFilterListState,'resetResourceFilterListState');function getFilteredAndOtherPropertyMetas(_0x26ed39,_0x116b72,_0x49e966){let _0x262cc0={};if(_0x26ed39['customFilters'])for(let _0x28b500 of _0x26ed39['customFilters']){if(!_0x116b72[_0x28b500['propertyName']]){let _0x393f28=_0x49e966[_0x28b500['propertyName']];_0x393f28&&(_0x262cc0[_0x393f28['name']]=_0x393f28);}}return {..._0x116b72,..._0x262cc0};}__name(getFilteredAndOtherPropertyMetas,'getFilteredAndOtherPropertyMetas');function initFilterInputs(_0x2e7159,_0x4830b1,_0x31381c,_0x3658a5,_0x9339b4,_0x562ae8,_0x529349,_0x5e696b,_0x13fca1){let _0x2744bb=null;!_0x3658a5['length']&&restoreComponentState(_0x2e7159,_0x4c2066=>{if(!_0x4c2066)return;_0x2744bb=_0x4c2066;});if(!_0x2744bb||_0x13fca1?.['length']&&!_0x13fca1['every'](_0x33bce3=>_0x2744bb?.[_0x33bce3['name']])){_0x2744bb=resourceFilterInitFilterInputs(_0x31381c,_0x3658a5,_0x9339b4,_0x562ae8?.['customFilters'],_0x13fca1);_0x2744bb[withUserIdProps['userId']]&&resourceFilterShouldSetAndDisableUserIdFilter(_0x9339b4)&&(_0x2744bb[withUserIdProps['userId']]['disabled']=!![]);if(!_0x5e696b)saveComponentState(_0x2e7159,_0x2744bb);}_0x5e696b&&saveComponentState(_0x2e7159,_0x2744bb),_0x4830b1(_0x2744bb),_0x529349(Object['keys'](_0x2744bb));}__name(initFilterInputs,'initFilterInputs');function calculateFilterCountFromWidths(_0x332556,_0x36a33e,_0x33b048){const _0x3a1f38=_0x33b048();if(!Object['keys'](_0x3a1f38)['length'])return 0x28+-0x1*-0x272+-0x6f*0x6;const _0x59b8fe=-0x11e*-0x17+0xef3+-0x289d,_0x538c8c=_0x332556['map'](_0x13e3ef=>{const _0x40a6cf=_0x3a1f38[_0x13e3ef];return typeof _0x40a6cf==='number'&&_0x40a6cf>0x14*-0x78+0x1017*-0x2+0x298e?_0x40a6cf:-0xeb3+0x19f1*-0x1+0x291c;}),_0x4df774=calculateSizing(_0x538c8c,_0x36a33e,{'gap':_0x59b8fe});return _0x4df774['count'];}__name(calculateFilterCountFromWidths,'calculateFilterCountFromWidths');function calculateFilterCountFromDom(_0x351d70,_0x45b40e){try{const _0x1dc675=Array['from'](_0x351d70['children']),_0x589a4e=[];for(const _0x1565c7 of _0x1dc675){if(_0x1565c7 instanceof HTMLElement){const _0xb8aa32=_0x1565c7['getBoundingClientRect'](),_0x2ba033=window['getComputedStyle'](_0x1565c7),_0x4e2db3=parseFloat(_0x2ba033['marginLeft']||'0')||0x1164+0x2*-0xd87+0x9aa,_0xf53f60=parseFloat(_0x2ba033['marginRight']||'0')||0x2412+-0x110b+-0x1307;_0x589a4e['push'](_0xb8aa32['width']+_0x4e2db3+_0xf53f60);}}if(_0x589a4e['length']>-0x148f*0x1+-0x438+0x1*0x18c7){const _0x3b8348=calculateSizing(_0x589a4e,_0x45b40e);return _0x3b8348['count'];}}catch{}return 0x369*-0x9+-0x1*-0x13b2+0xaff;}__name(calculateFilterCountFromDom,'calculateFilterCountFromDom');function onResize(_0x19af64,_0x3f1e6c,_0x24dc56,_0x2c0914,_0x1d7caf,_0x558b4e,_0x379ed1,_0x10b34f){if(!_0x1d7caf)return;if(_0x10b34f===filterListOrientation['vertical']){_0x19af64(_0x3f1e6c['length']),isElementShownLessThenFilteredKeys(_0x3f1e6c,_0x3f1e6c['length'],_0x24dc56,_0x10b34f);return;}const _0x1e8712=_0x1d7caf['getBoundingClientRect']()['width'],_0x4ede38=typeof window!=='undefined'&&window['innerWidth']>=0x2*0x1f3+-0x2342*0x1+-0x2*-0x112e,_0x549a86=_0x4ede38?_0x379ed1?.['getBoundingClientRect']()['width']??0x1311+0x3*-0x701+0x1f2:-0x86d*-0x1+0x4*-0x4ee+0xb4b,_0x1b0dc8=Math['max'](0x6e+-0xb5b+0xaed,_0x1e8712-_0x549a86);let _0x354762=-0x4a3*0x1+-0x7f4*-0x3+-0x85*0x25;_0x2c0914&&(_0x354762=calculateFilterCountFromWidths(_0x3f1e6c,_0x1b0dc8,_0x2c0914)),!_0x354762&&_0x558b4e&&(_0x354762=calculateFilterCountFromDom(_0x558b4e,_0x1b0dc8)),!_0x354762&&(_0x354762=getBreakpointDefaultCount()),_0x19af64(_0x354762),isElementShownLessThenFilteredKeys(_0x3f1e6c,_0x354762,_0x24dc56,_0x10b34f);}__name(onResize,'onResize');function getBreakpointDefaultCount(){const _0xdfdbe=window['innerWidth']>screenWidths['md']&&window['innerWidth']<=screenWidths['lg'],_0x3a8080=window['innerWidth']>screenWidths['lg']&&window['innerWidth']<=screenWidths['xl'],_0x2881e8=window['innerWidth']>screenWidths['xl']&&window['innerWidth']<=screenWidths['xxl'],_0x4b9f18=window['innerWidth']>screenWidths['xxl'];if(_0xdfdbe)return 0x24f7+-0x19d*-0xd+-0x39ec;if(_0x3a8080)return 0x535+0x5*0x6b+-0x9*0xcf;if(_0x2881e8)return 0x681*-0x1+-0x17b8+0x1e3f;if(_0x4b9f18)return 0x3*0x60d+-0x2f3*-0x3+-0x35f*0x8;return -0xd38+-0x15d0+-0x1*-0x2309;}__name(getBreakpointDefaultCount,'getBreakpointDefaultCount');function isElementShownLessThenFilteredKeys(_0x5df675,_0x253360,_0xf002aa,_0x229861){if(_0x5df675['length']<=_0x253360)_0xf002aa(![]);else _0x229861===filterListOrientation['vertical']?_0xf002aa(![]):_0xf002aa(!![]);}__name(isElementShownLessThenFilteredKeys,'isElementShownLessThenFilteredKeys');function setObserver(_0x17382e,_0x364ce6,_0x103199,_0x27e14b,_0x1fbe43,_0x3aa27c,_0xec7e4b,_0x221a9b){const _0x211522=new ResizeObserver(()=>onResize(_0x17382e,_0x364ce6,_0x103199,_0x27e14b,_0x1fbe43,_0x3aa27c,_0xec7e4b,_0x221a9b));return _0x1fbe43&&_0x211522['observe'](_0x1fbe43),()=>{_0x211522['disconnect']();};}__name(setObserver,'setObserver');function onStateChange(_0x5574f9,_0x531731,_0x129272,_0x20c35b,_0x5766d4){const _0x16339c={..._0x531731,[_0x5574f9]:{..._0x531731[_0x5574f9],'filter':_0x129272}};saveComponentState(_0x20c35b,_0x16339c),_0x5766d4(_0x16339c);}__name(onStateChange,'onStateChange');function partiallyResetComponentState(_0x7f617a,_0x30fa0b,_0x225f86,_0x5d78a7){if(!_0x7f617a)return;getObjectValues(_0x7f617a)['forEach'](_0x591385=>{_0x591385['filter']['rightSide']='',_0x591385['filter']['operator']=oDataOperators['empty'];}),_0x225f86(_0x7f617a),setTimeout(()=>{_0x5d78a7?.();},0x17*-0x49+-0x1d87*0x1+0x2416),saveComponentState(_0x30fa0b,_0x7f617a);}__name(partiallyResetComponentState,'partiallyResetComponentState');function getFilteredKeys(_0x4549cc,_0x275cc4,_0x5764b8,_0x25b8dd){return _0x4549cc['filter'](_0x44e03e=>shouldIncludeKey(_0x44e03e,_0x275cc4,_0x5764b8,_0x25b8dd));}__name(getFilteredKeys,'getFilteredKeys');function shouldIncludeKey(_0x5e1579,_0x365031,_0x182b16,_0x35d6c6){const _0x2b4cd0=isDisplayable(_0x365031[_0x5e1579]),_0x50895c=_0x35d6c6?.['some'](_0x4d2706=>_0x4d2706['name']===_0x5e1579&&_0x4d2706['isDisplayable'])??![],_0xa23f54=_0x182b16[_0x5e1579]&&isPropertyFilterable(_0x182b16[_0x5e1579]);return _0x50895c||_0xa23f54&&_0x2b4cd0;}__name(shouldIncludeKey,'shouldIncludeKey');function createOnFilterRefCallback(_0x1516a9){return _0x2407eb=>{const _0x5bb553=__name(_0x597d00=>{_0x597d00?_0x1516a9['current']['set'](_0x2407eb,_0x597d00):_0x1516a9['current']['delete'](_0x2407eb);},'callback');return _0x5bb553;};}__name(createOnFilterRefCallback,'createOnFilterRefCallback');function getFilterWidths(_0x2f3669){const _0x58bd55={};return _0x2f3669['current']['forEach']((_0x1e4e39,_0x1df01a)=>{_0x58bd55[_0x1df01a]=_0x1e4e39['getWidth']();}),_0x58bd55;}__name(getFilterWidths,'getFilterWidths');function getResourceFilterListId(_0x30f568,_0x4c8482){return getElementId(ResourceFilterList['displayName'],_0x30f568??'',_0x4c8482);}__name(getResourceFilterListId,'getResourceFilterListId');function getFilterCollapseButtonId(_0x543f02){return getElementId('collapseButton',_0x543f02);}__name(getFilterCollapseButtonId,'getFilterCollapseButtonId');function getFilterResetButtonId(_0x1c405f){return getElementId('resetButton',_0x1c405f);}__name(getFilterResetButtonId,'getFilterResetButtonId');function getFilterRefreshButtonId(_0x2f7411){return getElementId('refreshButton',_0x2f7411);}__name(getFilterRefreshButtonId,'getFilterRefreshButtonId');
 
-export { createFilterPropertyMetas, createOnFilterRefCallback, getFilterWidths, getFilteredKeys, getFilters, isDisplayable, onResize, onStateChange, parseFilter, partiallyResetComponentState, resetResourceFilterListState, setObserver, setPropertyMetasFilterInputsAndFilterKeys };
+export { createFilterPropertyMetas, createOnFilterRefCallback, getFilterCollapseButtonId, getFilterRefreshButtonId, getFilterResetButtonId, getFilterWidths, getFilteredKeys, getFilters, getResourceFilterListId, isDisplayable, onResize, onStateChange, parseFilter, partiallyResetComponentState, resetResourceFilterListState, setObserver, setPropertyMetasFilterInputsAndFilterKeys };

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

@@ -1,9 +1,10 @@
 'use strict';
 'use client';
+import { c } from 'react/compiler-runtime';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { useState, useRef, useImperativeHandle, useEffect, useLayoutEffect } from 'react';
-import * as Collapsible from '@radix-ui/react-collapsible';
-import { getFilterWidths, getFilters, createOnFilterRefCallback, getFilteredKeys, setObserver, onResize, resetResourceFilterListState, onStateChange } from './ResourceFilterList.funcs.js';
+import { useState, useEffect, useImperativeHandle } from 'react';
+import { Collapsible } from '@base-ui/react/collapsible';
+import { getFilters, getFilteredKeys, resetResourceFilterListState, onStateChange } from './ResourceFilterList.funcs.js';
 import { Button } from '../../../fd-component-toolbox/button/Button.js';
 import { Filter } from '../filter/Filter.js';
 import { iconSizes, iconNames, Icon } from '../../../fd-component-toolbox/icon/Icon.js';
@@ -15,144 +16,261 @@ import { elementSuffixes } from '../../../../fd-toolbox/constants/element-suffix
 import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from '../../../fd-component-toolbox/tooltip/Tooltip.js';
 import { getManyToManyRelatedPropertyMetas } from '../../meta-providers.js';
 import { filterTypes } from '../filter/filter-enums.js';
+import { getElementId } from '../../../../fd-toolbox/html/element-ids.js';
+import { useElementId } from '../../../../fd-toolbox/hooks/use-element-id.js';
+import { useResourceFilterListDisplay } from './use-resource-filter-list-display.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] = useState({});
-  const [filterKeys, setFilterKeys] = useState([]);
-  const [filteredAndOtherPropertyMetas, setFilteredAndOtherPropertyMetas] = useState({});
-  const [filteredPropertyMetas, setFilteredPropertyMetas] = useState({});
-  const [isFiltersCollapsible, setIsFiltersCollapsible] = useState(true);
+function ResourceFilterList(t0) {
+  const $ = c(44);
+  const {
+    ref,
+    uiResourceMeta,
+    stateKey,
+    onFilterChange,
+    queryODataFilters,
+    onRefreshResources,
+    config: configProp,
+    parentContextName
+  } = t0;
+  const [mounted, setMounted] = useState(false);
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = {};
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  const [state, setState] = useState(t1);
+  let t2;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = [];
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  const [filterKeys, setFilterKeys] = useState(t2);
+  let t3;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = {};
+    $[2] = t3;
+  } else {
+    t3 = $[2];
+  }
+  const [filteredAndOtherPropertyMetas, setFilteredAndOtherPropertyMetas] = useState(t3);
+  let t4;
+  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = {};
+    $[3] = t4;
+  } else {
+    t4 = $[3];
+  }
+  const [filteredPropertyMetas, setFilteredPropertyMetas] = useState(t4);
   const [open, setOpen] = useState(false);
-  const [elementsShown, setElementsShown] = useState(1);
   const [relationInfo, setRelationInfo] = useState();
   const [resetCounter, setResetCounter] = useState(0);
-  const containerRef = useRef(null);
-  const btnsWrapperRef = useRef(null);
-  const actionsRef = useRef(null);
-  const filterRefsMap = useRef(/* @__PURE__ */new Map());
-  const getFilterWidthsRef = useRef(() => ({}));
-  getFilterWidthsRef.current = () => getFilterWidths(filterRefsMap);
   const config = configProp;
-  useImperativeHandle(ref, () => ({
-    getFilters: /* @__PURE__ */__name(() => getFilters(state, filteredPropertyMetas, config), "getFilters")
-  }), [config, filteredPropertyMetas, state]);
-  useAsyncEffect(async () => {
-    setRelationInfo(await getManyToManyRelatedPropertyMetas(uiResourceMeta));
-  }, [uiResourceMeta]);
-  useAsyncEffect(async () => {
-    await initResourceFilterList(stateKey, setState, setFilteredPropertyMetas, setFilteredAndOtherPropertyMetas, queryODataFilters ?? [], setFilterKeys, state, uiResourceMeta.resourceMeta, relationInfo, onFilterChange);
-  }, [stateKey, relationInfo, uiResourceMeta]);
-  const onFilterRefCallback = createOnFilterRefCallback(filterRefsMap);
-  const filteredKeys = getFilteredKeys(filterKeys, uiResourceMeta.properties, filteredAndOtherPropertyMetas, relationInfo);
-  useEffect(() => {
-    const widthsGetter = /* @__PURE__ */__name(() => getFilterWidthsRef.current(), "widthsGetter");
-    return 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]);
-  useLayoutEffect(() => {
-    const widthsGetter_0 = /* @__PURE__ */__name(() => getFilterWidthsRef.current(), "widthsGetter");
-    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__ */jsx("div", {
-    className: cn("w-full pt-0 pr-4", config?.orientation === filterListOrientation.vertical && "md:pt-0 md:pl-6"),
-    children: /* @__PURE__ */jsx(Collapsible.Root, {
-      ref: containerRef,
-      open,
-      onOpenChange: setOpen,
-      children: /* @__PURE__ */jsx("div", {
-        className: "relative flex flex-col items-start gap-2",
-        children: /* @__PURE__ */jsxs("div", {
-          id: resourceFilterListId,
-          className: cn(config?.type === 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 === filterListOrientation.vertical && "grid w-full grid-cols-2 md:flex md:w-48 md:flex-col md:pb-2"),
-          children: [/* @__PURE__ */jsxs("div", {
-            ref: actionsRef,
-            className: "absolute top-0 flex items-center gap-2 md:relative",
-            children: [isFiltersCollapsible && /* @__PURE__ */jsx(Collapsible.Trigger, {
-              asChild: true,
-              children: /* @__PURE__ */jsx(FilterActionButton, {
-                iconName: iconNames.filter,
-                variant: "ghost",
-                className: "size-7 shrink-0",
-                tooltipText: "Collapse",
-                iconSize: iconSizes.small
-              })
-            }), (config?.showRefreshButton ?? true) && /* @__PURE__ */jsx(TooltipProvider, {
-              children: /* @__PURE__ */jsxs(Tooltip, {
-                children: [/* @__PURE__ */jsx(TooltipTrigger, {
-                  asChild: true,
-                  children: /* @__PURE__ */jsx(FilterActionButton, {
-                    onClick: onRefreshResources,
-                    iconName: iconNames.refresh,
+  const filtersType = config?.type ?? filterTypes.default;
+  const resourceFilterListContainerId = useElementId(ResourceFilterList.displayName, parentContextName);
+  const {
+    filtersToDisplayCount
+  } = 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];
+  }
+  useEffect(t5, t6);
+  let t7;
+  let t8;
+  if ($[6] !== config || $[7] !== filteredPropertyMetas || $[8] !== state) {
+    t7 = () => ({
+      getFilters: __name(() => getFilters(state, filteredPropertyMetas, config), "getFilters")
+    });
+    t8 = [config, filteredPropertyMetas, state];
+    $[6] = config;
+    $[7] = filteredPropertyMetas;
+    $[8] = state;
+    $[9] = t7;
+    $[10] = t8;
+  } else {
+    t7 = $[9];
+    t8 = $[10];
+  }
+  useImperativeHandle(ref, t7, t8);
+  let t10;
+  let t9;
+  if ($[11] !== uiResourceMeta) {
+    t9 = async () => {
+      setRelationInfo(await getManyToManyRelatedPropertyMetas(uiResourceMeta));
+    };
+    t10 = [uiResourceMeta];
+    $[11] = uiResourceMeta;
+    $[12] = t10;
+    $[13] = t9;
+  } else {
+    t10 = $[12];
+    t9 = $[13];
+  }
+  useAsyncEffect(t9, t10);
+  let t11;
+  if ($[14] !== onFilterChange || $[15] !== queryODataFilters || $[16] !== relationInfo || $[17] !== state || $[18] !== stateKey || $[19] !== uiResourceMeta.resourceMeta) {
+    t11 = async () => {
+      await 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(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 = getFilteredKeys(filterKeys, uiResourceMeta.properties, filteredAndOtherPropertyMetas, relationInfo);
+    const isVertical = config?.orientation === filterListOrientation.vertical;
+    const isCollapsible = !isVertical && filteredKeys.length > filtersToDisplayCount;
+    t13 = jsx("div", {
+      className: cn("w-full pt-0 pr-4", config?.orientation === filterListOrientation.vertical && "md:pt-0 md:pl-6"),
+      children: jsx(Collapsible.Root, {
+        open,
+        onOpenChange: setOpen,
+        children: jsx("div", {
+          className: "relative flex flex-col items-start gap-2",
+          children: jsxs("div", {
+            id: resourceFilterListContainerId,
+            className: cn(config?.type === 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 === filterListOrientation.vertical && "grid w-full grid-cols-2 md:flex md:w-48 md:flex-col md:pb-2"),
+            children: [jsx("div", {
+              className: "absolute top-0 flex items-center gap-2 md:relative",
+              children: jsxs(TooltipProvider, {
+                children: [!isVertical && isCollapsible && filtersToDisplayCount > 0 && (open || filteredKeys.length > filtersToDisplayCount) && jsx(Collapsible.Trigger, {
+                  children: jsx(FilterActionButton, {
+                    id: getElementId("collapseButton", resourceFilterListContainerId),
+                    iconName: iconNames.filter,
                     variant: "ghost",
-                    className: "size-7 shrink-0",
+                    className: "rf-collapse-btn size-7 shrink-0",
+                    tooltipText: "Collapse",
                     iconSize: iconSizes.small
                   })
-                }), /* @__PURE__ */jsx(TooltipContent, {
-                  className: "mb-1",
-                  children: "Refresh"
-                })]
-              })
-            }), (config?.showResetButton ?? true) && (open || elementsShown > 0) && /* @__PURE__ */jsx(TooltipProvider, {
-              children: /* @__PURE__ */jsxs(Tooltip, {
-                children: [/* @__PURE__ */jsx(TooltipTrigger, {
-                  asChild: true,
-                  children: /* @__PURE__ */jsx(FilterActionButton, {
-                    onClick: () => resetResourceFilterListState(stateKey, setState, setResetCounter, onFilterChange),
-                    iconName: iconNames.eraser,
-                    variant: "ghost",
-                    className: "size-7 shrink-0",
-                    iconSize: iconSizes.small
-                  })
-                }), /* @__PURE__ */jsx(TooltipContent, {
-                  className: "mb-1",
-                  children: "Reset"
+                }), (config?.showRefreshButton ?? true) && jsxs(Tooltip, {
+                  children: [jsx(TooltipTrigger, {
+                    render: jsx(FilterActionButton, {
+                      id: getElementId("refreshButton", resourceFilterListContainerId),
+                      onClick: onRefreshResources,
+                      iconName: iconNames.refresh,
+                      variant: "ghost",
+                      className: "size-7 shrink-0",
+                      iconSize: iconSizes.small
+                    })
+                  }), jsx(TooltipContent, {
+                    className: "mb-1",
+                    children: "Refresh"
+                  })]
+                }), (config?.showResetButton ?? true) && (open || filteredKeys.length > 0) && jsxs(Tooltip, {
+                  children: [jsx(TooltipTrigger, {
+                    render: jsx(FilterActionButton, {
+                      id: getElementId("resetButton", resourceFilterListContainerId),
+                      onClick: () => resetResourceFilterListState(stateKey, setState, setResetCounter, onFilterChange),
+                      iconName: iconNames.eraser,
+                      variant: "ghost",
+                      className: "size-7 shrink-0"
+                    })
+                  }), jsx(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 jsx("div", {
+                className: cn("relative -left-14 w-fit md:left-0", num >= filtersToDisplayCount && !open && isCollapsible && "hidden"),
+                id: getElementId(ResourceFilterList.displayName, resourceFilterListContainerId, num),
+                children: filteredAndOtherPropertyMetas[item] && jsx(Filter, {
+                  state: state[item].filter,
+                  onStateChange: filter => onStateChange(item, state, filter, stateKey, setState),
+                  propertyMeta: filteredAndOtherPropertyMetas[item],
+                  disabled: state[item].disabled,
+                  onChange: onFilterChange,
+                  parentContextName: resourceFilterListContainerId,
+                  orientation: config?.orientation ?? filterListOrientation.horizontal,
+                  type: filtersType,
+                  resetCounter
+                })
+              }, item);
             })]
-          }), Object.keys(state).length > 0 && filteredKeys.map((item, num) => /* @__PURE__ */jsx("div", {
-            className: cn("relative -left-14 w-fit md:left-0", num >= elementsShown && !open && isFiltersCollapsible && "hidden"),
-            children: filteredAndOtherPropertyMetas[item] && state[item] && /* @__PURE__ */jsx(Filter, {
-              ref: onFilterRefCallback(item),
-              state: state[item].filter,
-              onStateChange: filter => onStateChange(item, state, filter, stateKey, setState),
-              propertyMeta: filteredAndOtherPropertyMetas[item],
-              disabled: state[item].disabled,
-              onChange: onFilterChange,
-              orientation: config?.orientation ?? filterListOrientation.horizontal,
-              type: 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__ */jsx(Button, {
-    id: iconName + elementSuffixes.filterActionButton,
+    ref,
+    id: id ?? iconName + elementSuffixes.filterActionButton,
     variant: variant ?? "icon",
     size: "icon",
     onClick,
@@ -169,4 +287,4 @@ function FilterActionButton({
 __name(FilterActionButton, "FilterActionButton");
 FilterActionButton.displayName = "FilterActionButton";
 
-export { ResourceFilterList, resourceFilterListId };
+export { ResourceFilterList };

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

@@ -4,6 +4,6 @@
 var ResourceFilterList_funcs = require('./ResourceFilterList.funcs.cjs.js');
 var utils = require('../../../../fd-toolbox/lib/utils.cjs.js');
 
-var __defProp=Object['defineProperty'],__name=(_0x71d57,_0x576e63)=>__defProp(_0x71d57,'name',{'value':_0x576e63,'configurable':!![]});async function initResourceFilterList(_0x4f13bd,_0x4d9a4e,_0x24cc2e,_0x1a4067,_0x55c8ac,_0x2a9c14,_0x1bac01,_0x1414aa,_0x32ff3a,_0x485268){if(_0x1414aa){const _0x51c3be=ResourceFilterList_funcs.createFilterPropertyMetas(utils.getObjectValues(_0x1414aa['properties']),_0x32ff3a);_0x24cc2e(_0x51c3be),ResourceFilterList_funcs.setPropertyMetasFilterInputsAndFilterKeys(_0x4f13bd,_0x4d9a4e,_0x51c3be,_0x1a4067,{'customFilters':[]},_0x55c8ac,_0x1414aa,_0x2a9c14,_0x1bac01,_0x32ff3a);const _0x293952=Object['values'](_0x1bac01)['every'](_0x28383=>_0x28383?.['filter']?.['rightSide']==='');!_0x293952&&_0x485268?.();}}__name(initResourceFilterList,'initResourceFilterList');
+var __defProp=Object['defineProperty'],__name=(_0x584986,_0x33fb02)=>__defProp(_0x584986,'name',{'value':_0x33fb02,'configurable':!![]});async function initResourceFilterList(_0x20675e,_0x535beb,_0x2475ec,_0x299038,_0x4a49d6,_0x26daf6,_0x5b72ff,_0x17fa57,_0x3fd8b6,_0x4dcf92){if(_0x17fa57){const _0xfc0de8=ResourceFilterList_funcs.createFilterPropertyMetas(utils.getObjectValues(_0x17fa57['properties']),_0x3fd8b6);_0x2475ec(_0xfc0de8),ResourceFilterList_funcs.setPropertyMetasFilterInputsAndFilterKeys(_0x20675e,_0x535beb,_0xfc0de8,_0x299038,{'customFilters':[]},_0x4a49d6,_0x17fa57,_0x26daf6,_0x5b72ff,_0x3fd8b6);const _0x3a0e38=Object['values'](_0x5b72ff)['every'](_0x126f95=>_0x126f95?.['filter']?.['rightSide']==='');!_0x3a0e38&&_0x4dcf92?.();}}__name(initResourceFilterList,'initResourceFilterList');
 
 exports.initResourceFilterList = initResourceFilterList;