@fernir2/saas-kit 0.0.190 → 0.0.203

package/packages/level2/meta/browsers/base-multi-browser/BaseMultiBrowser.d.ts

@@ -7,7 +7,7 @@ import { InputVariants } from "../../../fd-component-toolbox/input/Input";
 import { BrowserType } from "../browser-type";
 import { WithParentContextName } from "../../../../fd-toolbox/types/with-parent-context-name";
 import { WithOpen } from "../../../../fd-toolbox/types/ref-object";
-import { ChangeEventType } from "../../../../fd-toolbox/types/react-types";
+import type { ChangeEventType } from "../../../../fd-toolbox/types/react-types";
 import { BrowserDisplayMode } from "../../../../fd-toolbox/enums/enums";
 export interface BaseMultiBrowserProps extends WithParentContextName {
     required: boolean;
@@ -30,6 +30,5 @@ export interface BaseMultiBrowserProps extends WithParentContextName {
     children?: ReactNode;
     ref?: RefObject<WithOpen>;
     browserType: BrowserType;
-    placeholder?: string;
 }
-export declare function BaseMultiBrowser({ required, propertyMeta, relatedResourceId, selectedResources, onCloseDialog, onDescriptionChange, invalid, parentContextName, displayMode, disabled, readOnly, relatedResourcePropertyMeta, onSetRelatedResourcePropertyMeta, propertyResourceMeta, onChange, setSelectedResources, skipAnimationOnce, variant, children: icons, ref, browserType, placeholder, }: BaseMultiBrowserProps): import("react").JSX.Element;
+export declare function BaseMultiBrowser({ required, propertyMeta, relatedResourceId, selectedResources, onCloseDialog, onDescriptionChange, invalid, parentContextName, displayMode, disabled, readOnly, relatedResourcePropertyMeta, onSetRelatedResourcePropertyMeta, propertyResourceMeta, onChange, setSelectedResources, skipAnimationOnce, variant, children: icons, ref, browserType, }: BaseMultiBrowserProps): import("react").JSX.Element;

package/packages/level2/meta/browsers/base-multi-browser/BaseMultiBrowser.funcs.js

@@ -6,6 +6,6 @@ import { getResourceDescriptionValue } from '../../core/resource-description/res
 import { fetchUiResourceMeta } from '../../ui-meta-providers.js';
 import { fieldValuesSeparator } from '../../../../fd-toolbox/constants/constants.js';
 
-var __defProp=Object['defineProperty'],__name=(_0x178099,_0xe63125)=>__defProp(_0x178099,'name',{'value':_0xe63125,'configurable':!![]});async function closeDialog(_0x332754,_0x28ecf4,_0x3d97ba,_0x26d50e,_0x832427,_0x18d781,_0xa8704e){await setMultiBrowserPropertyResourceMeta(_0x3d97ba,_0x26d50e,_0x832427),setMultiBrowserSelectedResources(_0x332754,_0x28ecf4);const _0x3e5f63=await getMultiBrowserResourceMetaIfNeeded(_0x3d97ba,_0x832427);_0x18d781?.(_0x332754,_0x3e5f63);if(_0x332754['length']===0x1784+0x14dd+-0x2c61)_0xa8704e?.();}__name(closeDialog,'closeDialog');async function setMultiBrowserPropertyResourceMeta(_0x198f1f,_0x4f65d9,_0x48bae4){const _0x57e967=await getMultiBrowserResourceMetaIfNeeded(_0x198f1f,_0x48bae4);return _0x57e967&&_0x4f65d9(_0x57e967),_0x57e967;}__name(setMultiBrowserPropertyResourceMeta,'setMultiBrowserPropertyResourceMeta');async function getMultiBrowserResourceMetaIfNeeded(_0x5c7313,_0x9e95bf){const _0x32080c=!isNullOrUndefined(_0x9e95bf)&&_0x9e95bf;if(_0x32080c)return Promise['resolve'](_0x9e95bf);const _0x5283ab=await fetchUiResourceMeta(_0x5c7313['relation']['relatedResourceName']);return _0x5283ab['resourceMeta'];}__name(getMultiBrowserResourceMetaIfNeeded,'getMultiBrowserResourceMetaIfNeeded');function onMultiBrowserInputUpdate(_0x28d99f,_0x2e9f8d,_0x22dcba,_0x200df5){_0x28d99f===''&&(_0x2e9f8d([]),_0x22dcba&&_0x200df5?.([],_0x22dcba));}__name(onMultiBrowserInputUpdate,'onMultiBrowserInputUpdate');async function setMultiBrowserDescription(_0x441344,_0x58ae3f,_0x4acc32){let _0xa2ea4f='';if(_0x441344['length']>-0x1cb2*0x1+-0x3*-0x2d9+0x1427*0x1&&_0x4acc32){const _0x1ac1fb=fieldValuesSeparator;for(const _0x3b8a85 of _0x441344){_0xa2ea4f+=await getResourceDescriptionValue(_0x4acc32,_0x3b8a85)+_0x1ac1fb;}_0xa2ea4f=_0xa2ea4f['substring'](-0x400*-0x1+0x1*-0x5a5+0x1a5,_0xa2ea4f['length']-_0x1ac1fb['length']),_0xa2ea4f=shortenWithEllipsis(_0xa2ea4f);}_0x58ae3f(_0xa2ea4f);}__name(setMultiBrowserDescription,'setMultiBrowserDescription');function setMultiBrowserSelectedResources(_0x4a0f01,_0x4c6757){_0x4c6757(_0x4a0f01);}__name(setMultiBrowserSelectedResources,'setMultiBrowserSelectedResources');function setMultiBrowserSelectionState(_0x498e95,_0x2882b2,_0xc40da0,_0xa73441){_0xc40da0(![]),setMultiBrowserDescription(_0x498e95,_0x2882b2,_0xa73441);}__name(setMultiBrowserSelectionState,'setMultiBrowserSelectionState');function onMultiBrowserFilterReset(_0x4b6b37,_0x291a59,_0x24e2e6){_0x4b6b37?.([],createResourceMeta()),_0x291a59?.([]),_0x24e2e6?.();}__name(onMultiBrowserFilterReset,'onMultiBrowserFilterReset');
+var __defProp=Object['defineProperty'],__name=(_0x32a7fe,_0x205d7c)=>__defProp(_0x32a7fe,'name',{'value':_0x205d7c,'configurable':!![]});async function closeDialog(_0x1f7fa2,_0x3f7c17,_0x547588,_0x53cb85,_0x36f436,_0x2b6ec5,_0x545b6c){await setMultiBrowserPropertyResourceMeta(_0x547588,_0x53cb85,_0x36f436),setMultiBrowserSelectedResources(_0x1f7fa2,_0x3f7c17);const _0xff5daf=await getMultiBrowserResourceMetaIfNeeded(_0x547588,_0x36f436);_0x2b6ec5?.(_0x1f7fa2,_0xff5daf);if(_0x1f7fa2['length']===-0xbfd+0xc61+-0x64)_0x545b6c?.();}__name(closeDialog,'closeDialog');async function setMultiBrowserPropertyResourceMeta(_0x30e953,_0x213733,_0x1553bc){const _0x235051=await getMultiBrowserResourceMetaIfNeeded(_0x30e953,_0x1553bc);return _0x235051&&_0x213733(_0x235051),_0x235051;}__name(setMultiBrowserPropertyResourceMeta,'setMultiBrowserPropertyResourceMeta');async function getMultiBrowserResourceMetaIfNeeded(_0x17700e,_0x2253f3){const _0x766b62=!isNullOrUndefined(_0x2253f3)&&_0x2253f3;if(_0x766b62)return Promise['resolve'](_0x2253f3);const _0x2f55d6=await fetchUiResourceMeta(_0x17700e['relation']['relatedResourceName']);return _0x2f55d6['resourceMeta'];}__name(getMultiBrowserResourceMetaIfNeeded,'getMultiBrowserResourceMetaIfNeeded');function onMultiBrowserInputUpdate(_0x3b72ee,_0x255434,_0x5adbc4,_0x3333ea){_0x3b72ee===''&&(_0x255434([]),_0x5adbc4&&_0x3333ea?.([],_0x5adbc4));}__name(onMultiBrowserInputUpdate,'onMultiBrowserInputUpdate');async function setMultiBrowserDescription(_0x47f28d,_0x543870,_0x337450){let _0x586920='';if(_0x47f28d['length']>0x6fb+0x1*0x6a9+-0xda4&&_0x337450){const _0x3485f7=fieldValuesSeparator;for(const _0x37d514 of _0x47f28d){_0x586920+=await getResourceDescriptionValue(_0x337450,_0x37d514)+_0x3485f7;}_0x586920=_0x586920['substring'](-0x4a+-0x1*-0xfd3+0x61*-0x29,_0x586920['length']-_0x3485f7['length']),_0x586920=shortenWithEllipsis(_0x586920);}_0x543870(_0x586920);}__name(setMultiBrowserDescription,'setMultiBrowserDescription');function setMultiBrowserSelectedResources(_0x4076c1,_0x4b97cf){_0x4b97cf(_0x4076c1);}__name(setMultiBrowserSelectedResources,'setMultiBrowserSelectedResources');function setMultiBrowserSelectionState(_0x55c6f5,_0x51e0b5,_0x5714b6,_0x352254){_0x5714b6(![]),setMultiBrowserDescription(_0x55c6f5,_0x51e0b5,_0x352254);}__name(setMultiBrowserSelectionState,'setMultiBrowserSelectionState');function onMultiBrowserFilterReset(_0xece586,_0x4b4afc,_0xa48cfd){_0xece586?.([],createResourceMeta()),_0x4b4afc?.([]),_0xa48cfd?.();}__name(onMultiBrowserFilterReset,'onMultiBrowserFilterReset');
 
 export { closeDialog, getMultiBrowserResourceMetaIfNeeded, onMultiBrowserFilterReset, onMultiBrowserInputUpdate, setMultiBrowserDescription, setMultiBrowserPropertyResourceMeta, setMultiBrowserSelectedResources, setMultiBrowserSelectionState };

package/packages/level2/meta/browsers/base-multi-browser/BaseMultiBrowser.js

@@ -1,7 +1,7 @@
 'use strict';
 'use client';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { useState, useRef, useEffect, useImperativeHandle } from 'react';
+import { useState, useEffect, useImperativeHandle } from 'react';
 import { cn } from '../../../../fd-toolbox/lib/utils.js';
 import { setMultiBrowserSelectionState, onMultiBrowserFilterReset } from './BaseMultiBrowser.funcs.js';
 import { Input } from '../../../fd-component-toolbox/input/Input.js';
@@ -12,6 +12,7 @@ import { multiBrowserDialogMaxWidth } from '../../../fd-component-toolbox/dialog
 import { getRequiredLabel } from '../../edit-resource/edit-resource-property-block/EditResourcePropertyBlock.funcs.js';
 import { browserTypeToSuffix } from '../browser-type.js';
 import { elements } from '../../../../fd-toolbox/constants/elements.js';
+import { useEmptyRef } from '../../../../fd-toolbox/hooks/use-empty-ref.js';
 import { useElementId } from '../../../../fd-toolbox/hooks/use-element-id.js';
 import { browserDisplayModes } from '../../../../fd-toolbox/enums/enums.js';
 
@@ -41,15 +42,14 @@ function BaseMultiBrowser({
   variant,
   children: icons,
   ref,
-  browserType,
-  placeholder
+  browserType
 }) {
   const [selectedValues, setSelectedValues] = useState("");
   const browser = browserTypeToSuffix[browserType];
   const inputId = useElementId(propertyMeta.name + browser, parentContextName);
   const iconId = useElementId(propertyMeta.name + elements.browser.browserIcon, parentContextName);
-  const dialogRef = useRef(null);
-  const buttonRef = useRef(null);
+  const dialogRef = useEmptyRef();
+  const buttonRef = useEmptyRef();
   const activeDisplayMode = displayMode ?? browserDisplayModes.default;
   const data = {
     maxWidth: multiBrowserDialogMaxWidth,
@@ -65,11 +65,11 @@ function BaseMultiBrowser({
     open: /* @__PURE__ */__name(() => buttonRef.current?.click(), "open")
   }));
   return /* @__PURE__ */jsx("div", {
-    className: cn("relative h-8 overflow-hidden", activeDisplayMode === browserDisplayModes.short ? "max-w-48" : "w-full"),
+    className: cn("relative h-8", activeDisplayMode === browserDisplayModes.short ? "max-w-48" : "w-full"),
     children: /* @__PURE__ */jsx(Input, {
       inputId,
       showClearIcon: !(disabled ?? readOnly),
-      placeholder: placeholder ?? propertyMeta.displayName,
+      placeholder: propertyMeta.displayName,
       required,
       onChangeCapture: onDescriptionChange,
       label: getRequiredLabel(required, propertyMeta.displayName),

package/packages/level2/meta/browsers/base-multi-browser/base-multi-browser-dialog/BaseMultiBrowserDialog.d.ts

@@ -1,10 +1,10 @@
-import React, { ReactNode } from "react";
+import React, { ReactElement } from "react";
 import { WithId } from "../../../../../fd-toolbox-core/types/resource-with-id";
 import { VoidFunc, VoidFuncNoParam } from "../../../../../fd-toolbox/functions/getter-setter-functions";
 import { BaseMultiBrowserDialogConfig } from "../../../browser/base-multi-browser-dialog-config";
 interface BaseMultiBrowserDialogProps {
     data: BaseMultiBrowserDialogConfig;
-    trigger?: ReactNode;
+    trigger?: ReactElement;
     onCloseDialog: VoidFunc<WithId[]>;
     disabled?: boolean;
     onTriggerClick?: VoidFuncNoParam;

package/packages/level2/meta/browsers/base-multi-browser/base-multi-browser-dialog/BaseMultiBrowserDialog.funcs.d.ts

@@ -1,6 +1,7 @@
 import { WithId } from "../../../../../fd-toolbox-core/types/resource-with-id";
+import type { MouseEventType, RefObjectType } from "../../../../../fd-toolbox/types/react-types";
 import { ResourceMeta } from "../../../core/resource-meta";
-import { VoidFunc } from "../../../../../fd-toolbox/functions/getter-setter-functions";
+import { VoidFunc, VoidFuncNoParam } from "../../../../../fd-toolbox/functions/getter-setter-functions";
 import { ODataConfig } from "../../../../../fd-toolbox/odata/odataconfig";
 import { BaseMultiBrowserDialogConfig } from "../../../browser/base-multi-browser-dialog-config";
 import { ResourceFilterListComponent } from "../../../filtering/resource-filter-list/ResourceFilterList";
@@ -15,7 +16,7 @@ export declare function moveSingleResource(resource: WithId, leftResources: With
 export declare function moveResourcesFromLeftTable(leftResources: WithId[], setLeftResources: VoidFunc<WithId[]>, rightResources: WithId[], setRightResources: VoidFunc<WithId[]>, leftTableRows: TableRow[], data: BaseMultiBrowserDialogConfig): void;
 export declare function moveAllResourcesFromLeftTable(leftResources: WithId[], setLeftResources: VoidFunc<WithId[]>, rightResources: WithId[], setRightResources: VoidFunc<WithId[]>): void;
 export declare function refreshRightResources(data: BaseMultiBrowserDialogConfig, leftResources: WithId[], setRightResources: VoidFunc<WithId[]>, oDataConfig: ODataConfig, resourceMeta?: ResourceMeta, setIsRightResourcesLoading?: VoidFunc<boolean>, resourceFilterListComponentRef?: ResourceFilterListComponent, tableSort?: TableSort): Promise<void>;
-export declare const onBrowserTablePaging: (oDataConfig: ODataConfig, setODataConfig: VoidFunc<ODataConfig>, setPageSize: VoidFunc<number>, fdTablePaging: Paging, resourceMeta?: ResourceMeta, updateResources?: (data: BaseMultiBrowserDialogConfig, resources: WithId[], setResources: VoidFunc<WithId[]>, oDataConfig: ODataConfig, resourceMeta: ResourceMeta, setIsRightResourcesLoading?: VoidFunc<boolean>) => Promise<void>, dialogConfig?: BaseMultiBrowserDialogConfig, resources?: WithId[], setResources?: VoidFunc<WithId[]>, resourceFilterListComponent?: ResourceFilterListComponent) => Promise<void>;
+export declare function onBrowserTablePaging(oDataConfig: ODataConfig, setODataConfig: VoidFunc<ODataConfig>, setPageSize: VoidFunc<number>, fdTablePaging: Paging, resourceMeta?: ResourceMeta, updateResources?: (data: BaseMultiBrowserDialogConfig, resources: WithId[], setResources: VoidFunc<WithId[]>, oDataConfig: ODataConfig, resourceMeta: ResourceMeta, setIsRightResourcesLoading?: VoidFunc<boolean>) => Promise<void>, dialogConfig?: BaseMultiBrowserDialogConfig, resources?: WithId[], setResources?: VoidFunc<WithId[]>, resourceFilterListComponent?: ResourceFilterListComponent): Promise<void>;
 export declare function getFilledODataConfigWithUserFilters(rightODataConfig: ODataConfig, resourceFilterListComponent?: ResourceFilterListComponent): ODataConfig;
 export declare function onMultiBrowserDialogOpenChange(value: boolean, leftResources: WithId[], closeDialog: VoidFunc<WithId[]>, setDialogOpened: VoidFunc<boolean>): void;
 export declare function onResourceClickFunc(resource: WithId, leftResources: WithId[], setLeftResources: VoidFunc<WithId[]>, rightResources: WithId[], setRightResources: VoidFunc<WithId[]>, leftTable?: {
@@ -23,10 +24,7 @@ export declare function onResourceClickFunc(resource: WithId, leftResources: Wit
 }, rightTable?: {
     getSelectedRows: () => TableRow[];
 }): void;
-interface RefObject<T> {
-    current: T;
-}
-export declare function setResourceFilterListRef(component: ResourceFilterListComponent, resourceFilterListComponentRef: RefObject<ResourceFilterListComponent | null | undefined>, setIsComponentRefSet: VoidFunc<boolean>): void;
+export declare function setResourceFilterListRef(component: ResourceFilterListComponent, resourceFilterListComponentRef: RefObjectType<ResourceFilterListComponent | undefined>, setIsComponentRefSet: VoidFunc<boolean>): void;
 export declare function onSortCallbackFunc(tableSort: TableSort, data: BaseMultiBrowserDialogConfig, leftResources: WithId[], setRightResources: VoidFunc<WithId[]>, rightODataConfig: ODataConfig, setIsRightResourcesLoading: VoidFunc<boolean>, resourceMeta?: ResourceMeta, resourceFilterListComponent?: ResourceFilterListComponent): Promise<void>;
 export declare function onMoveResourcesFromLeftToRightFunc(leftResources: WithId[], setLeftResources: VoidFunc<WithId[]>, rightResources: WithId[], setRightResources: VoidFunc<WithId[]>, data: BaseMultiBrowserDialogConfig, leftTable?: {
     getSelectedRows: () => TableRow[];
@@ -34,4 +32,4 @@ export declare function onMoveResourcesFromLeftToRightFunc(leftResources: WithId
 export declare function onMoveResourcesFromRightToLeftFunc(leftResources: WithId[], setLeftResources: VoidFunc<WithId[]>, rightResources: WithId[], setRightResources: VoidFunc<WithId[]>, rightTable?: {
     getSelectedRows: () => TableRow[];
 }): void;
-export {};
+export declare function onTriggerClickHandler(event: MouseEventType, propsOnClick?: (event: MouseEventType) => void, onTriggerClick?: VoidFuncNoParam): void;

package/packages/level2/meta/browsers/base-multi-browser/base-multi-browser-dialog/BaseMultiBrowserDialog.funcs.js

@@ -7,6 +7,6 @@ import { fetchUiResourceMeta } from '../../../ui-meta-providers.js';
 import { oDataOperators, tableSortDirections, oDataOrderByDirectionConsts } from '../../../../../fd-toolbox/enums/enums.js';
 import { oDataFilterTypes } from '../../../../../fd-toolbox/odata/odata-enums.js';
 
-var __defProp=Object['defineProperty'],__name=(_0x26b1d6,_0x588289)=>__defProp(_0x26b1d6,'name',{'value':_0x588289,'configurable':!![]});async function initBaseMultiBrowserDialog(_0x57bc02,_0x502f2b,_0x324dd9,_0x5088e2,_0x2b1d5e){_0x502f2b(_0x57bc02['relatedResourcePropertyMeta']['displayName']),_0x324dd9(_0x57bc02['selectedResources']);const _0x25c641=_0x57bc02['relatedResourcePropertyMeta']['relation']['relatedResourceName'],_0x5ae019=await fetchUiResourceMeta(_0x25c641),_0x3b07e0=_0x5ae019['properties']?.[_0x57bc02['relatedResourcePropertyMeta']['name']];_0x3b07e0?.['isFilterDisplayable']&&(_0x3b07e0['isFilterDisplayable']=![]),_0x5088e2(_0x5ae019['resourceMeta']),_0x2b1d5e(_0x5ae019);}__name(initBaseMultiBrowserDialog,'initBaseMultiBrowserDialog');function moveResourcesFromRightTable(_0x47d5e2,_0x2491db,_0x51b414,_0x42ed7f,_0x4b0e97){if(_0x51b414){let _0x1133c3=[..._0x51b414],_0x1eb66e=![];for(let _0x4fed92 of _0x4b0e97){!_0x51b414['includes'](_0x4fed92['item'])&&(_0x1133c3['push'](_0x4fed92['item']),_0x1eb66e=!![]);}if(_0x1eb66e)_0x42ed7f(_0x1133c3);}let _0x2bda22=_0x4b0e97['map'](_0x140066=>_0x140066['item']);moveArrayItems(_0x2bda22,_0x42ed7f,_0x2491db,()=>_0x51b414,()=>_0x47d5e2);}__name(moveResourcesFromRightTable,'moveResourcesFromRightTable');function moveAllResourcesFromRightTable(_0x4f1d1e,_0x6ec4f7,_0x3611e2,_0x55f98c){_0x3611e2&&_0x55f98c([]),moveArrayItems(_0x3611e2,_0x55f98c,_0x6ec4f7,()=>_0x3611e2,()=>_0x4f1d1e);}__name(moveAllResourcesFromRightTable,'moveAllResourcesFromRightTable');function moveResourceBetweenTables(_0x571528,_0x4d26b3,_0x242c9f,_0x244155,_0x553901){const _0x433f40=Array['isArray'](_0x571528)?_0x571528:[_0x571528],_0x42925a=_0x433f40['some'](_0x4d26b3['includes']['bind'](_0x4d26b3)),_0x470b33=_0x433f40['some'](_0x244155['includes']['bind'](_0x244155));if(_0x42925a)_0x242c9f(_0x4d26b3['filter'](_0x2c7367=>!_0x433f40['includes'](_0x2c7367))),_0x553901([..._0x244155,..._0x433f40['filter'](_0x4d26b3['includes']['bind'](_0x4d26b3))]);else _0x470b33&&(_0x553901(_0x244155['filter'](_0x101ffd=>!_0x433f40['includes'](_0x101ffd))),_0x242c9f([..._0x4d26b3,..._0x433f40['filter'](_0x244155['includes']['bind'](_0x244155))]));}__name(moveResourceBetweenTables,'moveResourceBetweenTables');function moveMultipleResources(_0x49a846,_0x4692e6,_0x40d61c,_0x377c78,_0x56bfcb,_0x5e6d71){_0x49a846['length']>-0x13c3+0x1018+0x3ab&&moveResourceBetweenTables(_0x49a846,_0x40d61c,_0x377c78,_0x56bfcb,_0x5e6d71),_0x4692e6['length']>-0x1*-0x1edd+-0x9c0+-0x151d&&moveResourceBetweenTables(_0x4692e6,_0x40d61c,_0x377c78,_0x56bfcb,_0x5e6d71);}__name(moveMultipleResources,'moveMultipleResources');function moveSingleResource(_0x51f787,_0x4beddb,_0x56883f,_0x1c848c,_0x464eb5){moveResourceBetweenTables(_0x51f787,_0x4beddb,_0x56883f,_0x1c848c,_0x464eb5);}__name(moveSingleResource,'moveSingleResource');function moveResourcesFromLeftTable(_0x44e88f,_0x3782c9,_0x65bb0a,_0x421aa5,_0x11c8e8,_0x1ee685){const _0x240f52=_0x1ee685['relatedResourcePropertyMeta']['relation']['relatedPropertyName'],_0x22d291=_0x1ee685['relatedResourceId'];if(_0x44e88f){let _0xefa148=[..._0x44e88f],_0x12b896=![];for(let _0x4457f7 of _0x11c8e8){!_0x44e88f['includes'](_0x4457f7['item'])&&(_0xefa148['push'](_0x4457f7['item']),_0x12b896=!![]);}if(_0x12b896)_0x3782c9(_0xefa148);}let _0x23a060=_0x11c8e8['map'](_0x13251b=>_0x13251b['item']),_0x37153b=_0x1ee685['relatedResourcePropertyMeta']['relation']['relatedResourceRequiresRelation'];_0x37153b&&(_0x23a060=(_0x44e88f??_0x23a060)['filter'](_0x5b6add=>_0x5b6add[_0x240f52]!==_0x22d291)),moveArrayItems(_0x23a060,_0x3782c9,_0x421aa5,()=>_0x44e88f,()=>_0x65bb0a);}__name(moveResourcesFromLeftTable,'moveResourcesFromLeftTable');function moveAllResourcesFromLeftTable(_0x4defe3,_0x187800,_0x459c55,_0x52985c){_0x4defe3&&_0x187800([]),moveArrayItems(_0x4defe3,_0x187800,_0x52985c,()=>_0x4defe3,()=>_0x459c55);}__name(moveAllResourcesFromLeftTable,'moveAllResourcesFromLeftTable');async function refreshRightResources(_0x442be9,_0x166eee,_0x447fa4,_0x33173f,_0x162303,_0xb1956a,_0x16e234,_0x431f55){if(!_0x162303)return;const _0x4bfbb3=getFilledODataConfigWithUserFilters(_0x33173f,_0x16e234);try{const _0x543978=_0x166eee['map'](_0x44cbce=>_0x44cbce?.['id']);_0x442be9['relatedResourceId']&&_0x543978['push'](_0x442be9['relatedResourceId']);_0x4bfbb3['filters']??=[],_0x4bfbb3['filters']['push']({'leftSide':withIdProps['id'],'rightSide':_0x543978,'operator':oDataOperators['nin'],'type':oDataFilterTypes['guid']}),_0x4bfbb3['orderBys']??=[];_0x431f55&&_0x4bfbb3['orderBys']['push']({'propertyName':_0x431f55['columnName'],'direction':_0x431f55['direction']===tableSortDirections['desc']?oDataOrderByDirectionConsts['desc']:oDataOrderByDirectionConsts['asc'],'priority':0x1});const _0x2e3d9c=await fetchResources(_0x162303['resourceName'],_0x4bfbb3);_0x447fa4(_0x2e3d9c??[]);}catch(_0x11cb83){_0x447fa4([]);throw _0x11cb83;}finally{_0xb1956a?.(![]);}}__name(refreshRightResources,'refreshRightResources');const onBrowserTablePaging=__name(async(_0x3f4693,_0x5782f1,_0x40c006,_0x12156a,_0x1d2150,_0x1622ad,_0x569ab6,_0x4fd89a,_0x4a5808,_0x46ae12)=>{_0x1d2150&&(_0x40c006(_0x12156a['pageSize']),_0x5782f1(addPaging(_0x3f4693,_0x12156a['pageSize'],_0x12156a['pagingSkip'])),_0x1622ad&&_0x569ab6&&_0x4fd89a&&_0x4a5808&&_0x46ae12&&await _0x1622ad(_0x569ab6,_0x4fd89a,_0x4a5808,_0x3f4693,_0x1d2150));},'onBrowserTablePaging');function getFilledODataConfigWithUserFilters(_0x52a45c,_0x37b721){const _0x21b422=Object['values'](_0x37b721?.['getFilters']()??{}),_0x498739={..._0x52a45c};return _0x498739['filters']=(_0x52a45c['filters']??[])['concat'](_0x21b422),_0x498739;}__name(getFilledODataConfigWithUserFilters,'getFilledODataConfigWithUserFilters');function onMultiBrowserDialogOpenChange(_0xd374b6,_0x217511,_0x4d7282,_0x4128e0){if(!_0xd374b6&&_0x217511['length']===-0x1c0d*0x1+-0x1*0x7f+-0x196*-0x12)_0x4d7282([]);_0x4128e0(_0xd374b6);}__name(onMultiBrowserDialogOpenChange,'onMultiBrowserDialogOpenChange');function onResourceClickFunc(_0x29b51e,_0x510b2e,_0x3c85d5,_0x23b3a3,_0x5594f6,_0x713e18,_0x1d5897){if(_0x713e18&&_0x1d5897){const _0x1af528=_0x713e18['getSelectedRows']()['map'](_0x33e1a6=>_0x33e1a6['item']),_0xa6f6f4=_0x1d5897['getSelectedRows']()['map'](_0x13aff9=>_0x13aff9['item']);_0x1af528['length']>0x244c+0x1ebb+0x2*-0x2183||_0xa6f6f4['length']>0x1*0x938+0xffe*-0x1+0x6c7?moveMultipleResources(_0x1af528,_0xa6f6f4,_0x510b2e,_0x3c85d5,_0x23b3a3,_0x5594f6):moveSingleResource(_0x29b51e,_0x510b2e,_0x3c85d5,_0x23b3a3,_0x5594f6);}}__name(onResourceClickFunc,'onResourceClickFunc');function setResourceFilterListRef(_0x41f0a1,_0x20becc,_0x242796){_0x41f0a1&&(_0x20becc['current']=_0x41f0a1,_0x242796(!![]));}__name(setResourceFilterListRef,'setResourceFilterListRef');async function onSortCallbackFunc(_0x32e5ab,_0x3b7992,_0x375a07,_0xea37d6,_0x384d72,_0x317cf0,_0x40f6ff,_0x242169){await refreshRightResources(_0x3b7992,_0x375a07,_0xea37d6,_0x384d72,_0x40f6ff,_0x317cf0,_0x242169,_0x32e5ab);}__name(onSortCallbackFunc,'onSortCallbackFunc');function onMoveResourcesFromLeftToRightFunc(_0x5d1551,_0xbc6ec8,_0x5af0b3,_0x314c20,_0x1cc2c5,_0x17bc13){if(_0x17bc13)moveResourcesFromLeftTable(_0x5d1551,_0xbc6ec8,_0x5af0b3,_0x314c20,_0x17bc13['getSelectedRows'](),_0x1cc2c5);}__name(onMoveResourcesFromLeftToRightFunc,'onMoveResourcesFromLeftToRightFunc');function onMoveResourcesFromRightToLeftFunc(_0x4b0c00,_0xa071a0,_0x332c99,_0x2c86fa,_0x1be28d){if(_0x1be28d)moveResourcesFromRightTable(_0x4b0c00,_0xa071a0,_0x332c99,_0x2c86fa,_0x1be28d['getSelectedRows']());}__name(onMoveResourcesFromRightToLeftFunc,'onMoveResourcesFromRightToLeftFunc');
+var __defProp=Object['defineProperty'],__name=(_0x247f42,_0x1dd6c6)=>__defProp(_0x247f42,'name',{'value':_0x1dd6c6,'configurable':!![]});async function initBaseMultiBrowserDialog(_0xd8140f,_0x506cd4,_0x5464c7,_0x26fadb,_0x359a82){_0x506cd4(_0xd8140f['relatedResourcePropertyMeta']['displayName']),_0x5464c7(_0xd8140f['selectedResources']);const _0x32fd77=_0xd8140f['relatedResourcePropertyMeta']['relation']['relatedResourceName'],_0x3293a0=await fetchUiResourceMeta(_0x32fd77),_0x463a05=_0x3293a0['properties']?.[_0xd8140f['relatedResourcePropertyMeta']['name']];_0x463a05?.['isFilterDisplayable']&&(_0x463a05['isFilterDisplayable']=![]),_0x26fadb(_0x3293a0['resourceMeta']),_0x359a82(_0x3293a0);}__name(initBaseMultiBrowserDialog,'initBaseMultiBrowserDialog');function moveResourcesFromRightTable(_0x29d5fa,_0x2b6091,_0x137af9,_0x1e01de,_0x284c7d){if(_0x137af9){let _0x116a88=[..._0x137af9],_0x569649=![];for(let _0x1fae68 of _0x284c7d){!_0x137af9['includes'](_0x1fae68['item'])&&(_0x116a88['push'](_0x1fae68['item']),_0x569649=!![]);}if(_0x569649)_0x1e01de(_0x116a88);}let _0x43d5ac=_0x284c7d['map'](_0x27dae4=>_0x27dae4['item']);moveArrayItems(_0x43d5ac,_0x1e01de,_0x2b6091,()=>_0x137af9,()=>_0x29d5fa);}__name(moveResourcesFromRightTable,'moveResourcesFromRightTable');function moveAllResourcesFromRightTable(_0x5f4600,_0x472077,_0x5aca65,_0x331c28){_0x5aca65&&_0x331c28([]),moveArrayItems(_0x5aca65,_0x331c28,_0x472077,()=>_0x5aca65,()=>_0x5f4600);}__name(moveAllResourcesFromRightTable,'moveAllResourcesFromRightTable');function moveResourceBetweenTables(_0x39e24a,_0xe71157,_0x165f29,_0x205c5d,_0x17a064){const _0x2f7a92=Array['isArray'](_0x39e24a)?_0x39e24a:[_0x39e24a],_0x1da0c8=_0x2f7a92['some'](_0xe71157['includes']['bind'](_0xe71157)),_0x5f4245=_0x2f7a92['some'](_0x205c5d['includes']['bind'](_0x205c5d));if(_0x1da0c8)_0x165f29(_0xe71157['filter'](_0x2c4ad0=>!_0x2f7a92['includes'](_0x2c4ad0))),_0x17a064([..._0x205c5d,..._0x2f7a92['filter'](_0xe71157['includes']['bind'](_0xe71157))]);else _0x5f4245&&(_0x17a064(_0x205c5d['filter'](_0x10ef40=>!_0x2f7a92['includes'](_0x10ef40))),_0x165f29([..._0xe71157,..._0x2f7a92['filter'](_0x205c5d['includes']['bind'](_0x205c5d))]));}__name(moveResourceBetweenTables,'moveResourceBetweenTables');function moveMultipleResources(_0x2817ea,_0x50089e,_0x3384d2,_0x296af3,_0xc45cd7,_0xfae3c1){_0x2817ea['length']>-0x25d1+0x1a23+0xbae&&moveResourceBetweenTables(_0x2817ea,_0x3384d2,_0x296af3,_0xc45cd7,_0xfae3c1),_0x50089e['length']>-0x1312*0x2+0x14*0x32+0x223c&&moveResourceBetweenTables(_0x50089e,_0x3384d2,_0x296af3,_0xc45cd7,_0xfae3c1);}__name(moveMultipleResources,'moveMultipleResources');function moveSingleResource(_0xc8ff3e,_0x27b601,_0x3b2b64,_0x351eef,_0x54ffcc){moveResourceBetweenTables(_0xc8ff3e,_0x27b601,_0x3b2b64,_0x351eef,_0x54ffcc);}__name(moveSingleResource,'moveSingleResource');function moveResourcesFromLeftTable(_0x49f8ec,_0x50c1e2,_0x5f537b,_0x59d468,_0x2e58e7,_0x3d405c){const _0x1ff248=_0x3d405c['relatedResourcePropertyMeta']['relation']['relatedPropertyName'],_0x271db4=_0x3d405c['relatedResourceId'];if(_0x49f8ec){let _0x2abb15=[..._0x49f8ec],_0x48712d=![];for(let _0x2e5bdb of _0x2e58e7){!_0x49f8ec['includes'](_0x2e5bdb['item'])&&(_0x2abb15['push'](_0x2e5bdb['item']),_0x48712d=!![]);}if(_0x48712d)_0x50c1e2(_0x2abb15);}let _0x7e4f2c=_0x2e58e7['map'](_0x2207d7=>_0x2207d7['item']),_0x439439=_0x3d405c['relatedResourcePropertyMeta']['relation']['relatedResourceRequiresRelation'];_0x439439&&(_0x7e4f2c=(_0x49f8ec??_0x7e4f2c)['filter'](_0x5625f1=>_0x5625f1[_0x1ff248]!==_0x271db4)),moveArrayItems(_0x7e4f2c,_0x50c1e2,_0x59d468,()=>_0x49f8ec,()=>_0x5f537b);}__name(moveResourcesFromLeftTable,'moveResourcesFromLeftTable');function moveAllResourcesFromLeftTable(_0x4a83fc,_0x1a2768,_0x4430ec,_0x263e0c){_0x4a83fc&&_0x1a2768([]),moveArrayItems(_0x4a83fc,_0x1a2768,_0x263e0c,()=>_0x4a83fc,()=>_0x4430ec);}__name(moveAllResourcesFromLeftTable,'moveAllResourcesFromLeftTable');async function refreshRightResources(_0x3e70c2,_0x509861,_0x18de53,_0x58689e,_0x41e161,_0x1e6225,_0x511bab,_0xe17629){if(!_0x41e161)return;const _0x4ec1b1=getFilledODataConfigWithUserFilters(_0x58689e,_0x511bab);try{const _0x5dccbd=_0x509861['map'](_0x3c4241=>_0x3c4241?.['id']);_0x3e70c2['relatedResourceId']&&_0x5dccbd['push'](_0x3e70c2['relatedResourceId']);_0x4ec1b1['filters']??=[],_0x4ec1b1['filters']['push']({'leftSide':withIdProps['id'],'rightSide':_0x5dccbd,'operator':oDataOperators['nin'],'type':oDataFilterTypes['guid']}),_0x4ec1b1['orderBys']??=[];_0xe17629&&_0x4ec1b1['orderBys']['push']({'propertyName':_0xe17629['columnName'],'direction':_0xe17629['direction']===tableSortDirections['desc']?oDataOrderByDirectionConsts['desc']:oDataOrderByDirectionConsts['asc'],'priority':0x1});const _0x1d0489=await fetchResources(_0x41e161['resourceName'],_0x4ec1b1);_0x18de53(_0x1d0489??[]);}catch(_0x342f8f){_0x18de53([]);throw _0x342f8f;}finally{_0x1e6225?.(![]);}}__name(refreshRightResources,'refreshRightResources');async function onBrowserTablePaging(_0x308b1f,_0xd0e2b8,_0x4985f5,_0x469135,_0x4b0292,_0x3b085d,_0x2b23f4,_0xcd7c3e,_0x5dd3c6,_0x164df0){_0x4b0292&&(_0x4985f5(_0x469135['pageSize']),_0xd0e2b8(addPaging(_0x308b1f,_0x469135['pageSize'],_0x469135['pagingSkip'])),_0x3b085d&&_0x2b23f4&&_0xcd7c3e&&_0x5dd3c6&&_0x164df0&&await _0x3b085d(_0x2b23f4,_0xcd7c3e,_0x5dd3c6,_0x308b1f,_0x4b0292));}__name(onBrowserTablePaging,'onBrowserTablePaging');function getFilledODataConfigWithUserFilters(_0x2e2735,_0x5964e5){const _0x35d615=Object['values'](_0x5964e5?.['getFilters']()??{}),_0x3ecc38={..._0x2e2735};return _0x3ecc38['filters']=(_0x2e2735['filters']??[])['concat'](_0x35d615),_0x3ecc38;}__name(getFilledODataConfigWithUserFilters,'getFilledODataConfigWithUserFilters');function onMultiBrowserDialogOpenChange(_0x1dd42d,_0x46a945,_0x3160eb,_0x30f5ee){if(!_0x1dd42d&&_0x46a945['length']===0x134d+0x32d*-0x6+-0x3f)_0x3160eb([]);_0x30f5ee(_0x1dd42d);}__name(onMultiBrowserDialogOpenChange,'onMultiBrowserDialogOpenChange');function onResourceClickFunc(_0x13a260,_0x14a5c6,_0x4f9acf,_0x671dfe,_0x26e7c8,_0x575f87,_0x50f086){if(_0x575f87&&_0x50f086){const _0x5c8571=_0x575f87['getSelectedRows']()['map'](_0x2f773d=>_0x2f773d['item']),_0x2bbc04=_0x50f086['getSelectedRows']()['map'](_0x3c59db=>_0x3c59db['item']);_0x5c8571['length']>0x2553+-0x1*-0x138b+-0x38dd||_0x2bbc04['length']>-0xb*-0x38b+0x1e2d+0x1*-0x4525?moveMultipleResources(_0x5c8571,_0x2bbc04,_0x14a5c6,_0x4f9acf,_0x671dfe,_0x26e7c8):moveSingleResource(_0x13a260,_0x14a5c6,_0x4f9acf,_0x671dfe,_0x26e7c8);}}__name(onResourceClickFunc,'onResourceClickFunc');function setResourceFilterListRef(_0xbeb0a,_0x6fbff6,_0x263594){_0xbeb0a&&(_0x6fbff6['current']=_0xbeb0a,_0x263594(!![]));}__name(setResourceFilterListRef,'setResourceFilterListRef');async function onSortCallbackFunc(_0x13c132,_0x460cba,_0x57cf76,_0x14333a,_0x1fdfef,_0x2ae2ce,_0x44bc76,_0x289eb8){await refreshRightResources(_0x460cba,_0x57cf76,_0x14333a,_0x1fdfef,_0x44bc76,_0x2ae2ce,_0x289eb8,_0x13c132);}__name(onSortCallbackFunc,'onSortCallbackFunc');function onMoveResourcesFromLeftToRightFunc(_0xcffd84,_0x6bc3e4,_0x37e38a,_0x5200bd,_0x3bd23c,_0x5e5569){if(_0x5e5569)moveResourcesFromLeftTable(_0xcffd84,_0x6bc3e4,_0x37e38a,_0x5200bd,_0x5e5569['getSelectedRows'](),_0x3bd23c);}__name(onMoveResourcesFromLeftToRightFunc,'onMoveResourcesFromLeftToRightFunc');function onMoveResourcesFromRightToLeftFunc(_0x276ff0,_0xed12a1,_0x464b5b,_0x32023d,_0x5d7527){if(_0x5d7527)moveResourcesFromRightTable(_0x276ff0,_0xed12a1,_0x464b5b,_0x32023d,_0x5d7527['getSelectedRows']());}__name(onMoveResourcesFromRightToLeftFunc,'onMoveResourcesFromRightToLeftFunc');function onTriggerClickHandler(_0x56a2f2,_0x1ff7d5,_0xecd483){_0x1ff7d5?.(_0x56a2f2),_0xecd483?.();}__name(onTriggerClickHandler,'onTriggerClickHandler');
 
-export { getFilledODataConfigWithUserFilters, initBaseMultiBrowserDialog, moveAllResourcesFromLeftTable, moveAllResourcesFromRightTable, moveMultipleResources, moveResourceBetweenTables, moveResourcesFromLeftTable, moveResourcesFromRightTable, moveSingleResource, onBrowserTablePaging, onMoveResourcesFromLeftToRightFunc, onMoveResourcesFromRightToLeftFunc, onMultiBrowserDialogOpenChange, onResourceClickFunc, onSortCallbackFunc, refreshRightResources, setResourceFilterListRef };
+export { getFilledODataConfigWithUserFilters, initBaseMultiBrowserDialog, moveAllResourcesFromLeftTable, moveAllResourcesFromRightTable, moveMultipleResources, moveResourceBetweenTables, moveResourcesFromLeftTable, moveResourcesFromRightTable, moveSingleResource, onBrowserTablePaging, onMoveResourcesFromLeftToRightFunc, onMoveResourcesFromRightToLeftFunc, onMultiBrowserDialogOpenChange, onResourceClickFunc, onSortCallbackFunc, onTriggerClickHandler, refreshRightResources, setResourceFilterListRef };

package/packages/level2/meta/browsers/base-multi-browser/base-multi-browser-dialog/BaseMultiBrowserDialog.js

@@ -1,19 +1,19 @@
 'use strict';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import React, { useContext, useRef, useState, useImperativeHandle } from 'react';
+import React, { useContext, useState, useRef, useImperativeHandle } from 'react';
 import { Dialog, DialogTrigger, DialogContent, DialogTitle, DialogDescription, DialogClose } from '../../../../fd-component-toolbox/dialog/Dialog.js';
 import { Button } from '../../../../fd-component-toolbox/button/Button.js';
 import { Icon, iconSizes, iconNames } from '../../../../fd-component-toolbox/icon/Icon.js';
 import { addPaging } from '../../../../../fd-toolbox/odata/odataconfig.js';
 import { rowHighlightBehaviors } from '../../../../../fd-toolbox/enums/enums.js';
 import { useAsyncEffect } from '../../../../../fd-toolbox/hooks/use-async-effect.js';
-import { resourceEditModes } from '../../../../../fd-toolbox/constants/resource-list-configs-enums.js';
 import { elements } from '../../../../../fd-toolbox/constants/elements.js';
 import { ResourceFilterList } from '../../../filtering/resource-filter-list/ResourceFilterList.js';
 import { Table } from '../../../table/Table.js';
-import { initBaseMultiBrowserDialog, onBrowserTablePaging, refreshRightResources, onMoveResourcesFromLeftToRightFunc, moveAllResourcesFromLeftTable, onResourceClickFunc, onMoveResourcesFromRightToLeftFunc, moveAllResourcesFromRightTable, setResourceFilterListRef, onSortCallbackFunc, onMultiBrowserDialogOpenChange } from './BaseMultiBrowserDialog.funcs.js';
+import { initBaseMultiBrowserDialog, onBrowserTablePaging, refreshRightResources, onMoveResourcesFromLeftToRightFunc, moveAllResourcesFromLeftTable, onResourceClickFunc, onMoveResourcesFromRightToLeftFunc, moveAllResourcesFromRightTable, setResourceFilterListRef, onSortCallbackFunc, onTriggerClickHandler, onMultiBrowserDialogOpenChange } from './BaseMultiBrowserDialog.funcs.js';
 import { goBack } from '../../../../../fd-toolbox/routing/routers.js';
 import { oDataDefaultTop } from '../../../../../fd-toolbox/odata/odata-constants.js';
+import { useEmptyRef } from '../../../../../fd-toolbox/hooks/use-empty-ref.js';
 
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", {
@@ -24,7 +24,6 @@ const InstanceNumberContext = React.createContext(0);
 const tableConfig = {
   hideDeleteButton: true,
   maxNumberOfColumns: 4,
-  editMode: resourceEditModes.default,
   multiSelect: true,
   disableCellNavigationLinks: true
 };
@@ -37,8 +36,8 @@ function BaseMultiBrowserDialog({
   ref
 }) {
   const instanceNumber = useContext(InstanceNumberContext);
-  const leftTable = useRef(null);
-  const rightTable = useRef(null);
+  const leftTable = useEmptyRef();
+  const rightTable = useEmptyRef();
   const [leftResources, setLeftResources] = useState([]);
   const [rightResources, setRightResources] = useState([]);
   const [browserDialogTitle, setBrowserDialogTitle] = useState("");
@@ -51,7 +50,7 @@ function BaseMultiBrowserDialog({
   const [rightODataConfig, setRightODataConfig] = useState(addPaging({}, rightPageSize));
   const [isComponentRefSet, setIsComponentRefSet] = useState(false);
   const [isRightResourcesLoading, setIsRightResourcesLoading] = useState(true);
-  const resourceFilterListComponentRef = useRef(null);
+  const resourceFilterListComponentRef = useRef(void 0);
   useAsyncEffect(async () => {
     if (data.relatedResourcePropertyMeta) await initBaseMultiBrowserDialog(data, setBrowserDialogTitle, setLeftResources, setResourceMeta, setUiResourceMeta);
   }, [data.selectedResources.length, data.relatedResourcePropertyMeta]);
@@ -82,9 +81,13 @@ function BaseMultiBrowserDialog({
       onOpenChange: value => onMultiBrowserDialogOpenChange(value, leftResources, closeDialog, setDialogOpened),
       modal: true,
       children: [/* @__PURE__ */jsx(DialogTrigger, {
-        onClick: onTriggerClick,
         className: "w-full focus:outline-none focus-visible:ring-0",
-        children: trigger
+        nativeButton: false,
+        render: props => /* @__PURE__ */jsx("div", {
+          ...props,
+          onClick: event => onTriggerClickHandler(event, props.onClick, onTriggerClick),
+          children: trigger
+        })
       }), /* @__PURE__ */jsxs(DialogContent, {
         className: "min-w-full gap-4 overflow-auto rounded-none sm:min-w-[92%] sm:rounded lg:min-w-[87%]",
         children: [/* @__PURE__ */jsx(DialogTitle, {
@@ -184,7 +187,7 @@ function BaseMultiBrowserDialog({
         }), /* @__PURE__ */jsxs("div", {
           className: "flex items-end justify-end space-x-2",
           children: [/* @__PURE__ */jsx(DialogClose, {
-            children: /* @__PURE__ */jsx(Button, {
+            render: /* @__PURE__ */jsx(Button, {
               id: elements.browser.okBrowserButton + instanceNumber,
               onClick: () => closeDialog(leftResources),
               children: "Ok"
@@ -195,7 +198,7 @@ function BaseMultiBrowserDialog({
             variant: "outline",
             children: "Clear"
           }), /* @__PURE__ */jsx(DialogClose, {
-            children: /* @__PURE__ */jsx(Button, {
+            render: /* @__PURE__ */jsx(Button, {
               id: `cancelBrowserButton${instanceNumber}`,
               onClick: onCloseDialogWithoutSelected,
               variant: "outline",

package/packages/level2/meta/browsers/browser/Browser.d.ts

@@ -37,12 +37,10 @@ export interface BrowserProps extends WithParentContextName {
     invalid?: boolean;
     /** Child elements to render inside the input (typically action buttons) */
     children: ReactNode;
-    /** Optional placeholder text */
-    placeholder?: string;
 }
 /**
  * Browser component for single resource selection with integrated search dialog.
  * Used for many-to-one relationships.
  * {@link BrowserProps} - component props
  */
-export declare function Browser({ required, propertyMeta, onChange, excludeResourceIds, displayMode, disabled, readOnly, parentContextName, relatedResourceId, value, invalid, children: icons, placeholder, }: BrowserProps): import("react").JSX.Element;
+export declare function Browser({ required, propertyMeta, onChange, excludeResourceIds, displayMode, disabled, readOnly, parentContextName, relatedResourceId, value, invalid, children: icons, }: BrowserProps): import("react").JSX.Element;

package/packages/level2/meta/browsers/browser/Browser.funcs.js

@@ -4,7 +4,8 @@ import { isUuidSet, isEmptyNullOrUndefined, isNullOrUndefined } from '../../../.
 import { getResourceDescriptionValue } from '../../core/resource-description/resource-description.js';
 import { fetchResource } from '../../resource-providers.js';
 import { fetchUiResourceMeta } from '../../ui-meta-providers.js';
+import { emptyGuid } from '../../../../fd-toolbox/constants/constants.js';
 
-var __defProp=Object['defineProperty'],__name=(_0x34726a,_0x58c202)=>__defProp(_0x34726a,'name',{'value':_0x58c202,'configurable':!![]});function getBrowserEmptyShortResourceDescriptor(){const _0x446d0e={'id':'','description':''};return _0x446d0e;}__name(getBrowserEmptyShortResourceDescriptor,'getBrowserEmptyShortResourceDescriptor');function onUpdateBrowserInput(_0x13b4b1,_0x320454,_0x5e6862,_0x15f72d){if(_0x13b4b1===''){const _0x1951bc=getBrowserEmptyShortResourceDescriptor();_0x320454(_0x1951bc),setBrowserDescription(_0x1951bc,_0x5e6862),_0x15f72d?.(_0x1951bc['id']);}else _0x5e6862(_0x13b4b1);}__name(onUpdateBrowserInput,'onUpdateBrowserInput');function setBrowserDescription(_0xc1955b,_0x370055){if(_0xc1955b['description'])_0x370055(_0xc1955b['description']);else isUuidSet(_0xc1955b['id'])?_0x370055('Selected'):_0x370055('');}__name(setBrowserDescription,'setBrowserDescription');async function writeBrowserValue(_0x4866fe,_0x549eac,_0x4b06df){if(isEmptyNullOrUndefined(_0x4866fe)){const _0x3f7ab0=getBrowserEmptyShortResourceDescriptor();setBrowserDescription(_0x3f7ab0,_0x4b06df);}else {const _0x18c100=await getBrowserResourceMetaIfNeeded(_0x549eac,void(-0x1*0x1dd+-0x263f*0x1+0x2*0x140e));await getResourceDescriptionAndSetDescription(_0x4866fe,_0x4b06df,_0x18c100);}}__name(writeBrowserValue,'writeBrowserValue');async function handleLoadRelatedResourceDescription(_0x44b6fc,_0x1fb469,_0x1b281b,_0x4efcda,_0x362bea){const _0x30d8c5=_0x362bea??_0x4efcda?.['getValues'](_0x44b6fc['name']);_0x30d8c5&&(await writeBrowserValue(_0x30d8c5,_0x44b6fc,_0x1fb469),_0x1b281b(!![]));}__name(handleLoadRelatedResourceDescription,'handleLoadRelatedResourceDescription');async function getBrowserResourceMetaIfNeeded(_0x1594f2,_0x150c98){if(!isNullOrUndefined(_0x150c98))return _0x150c98;const _0x4e1b87=await fetchUiResourceMeta(_0x1594f2['relation']['relatedResourceName']);return _0x4e1b87['resourceMeta'];}__name(getBrowserResourceMetaIfNeeded,'getBrowserResourceMetaIfNeeded');async function getResourceDescriptionAndSetDescription(_0x16e46b,_0x5effcb,_0x215b9){const _0x53da67=await fetchResource(_0x215b9,_0x16e46b);if(_0x53da67){const _0x59cba2={'id':_0x53da67['id'],'description':await getResourceDescriptionValue(_0x215b9,_0x53da67)};setBrowserDescription(_0x59cba2,_0x5effcb);}return _0x53da67;}__name(getResourceDescriptionAndSetDescription,'getResourceDescriptionAndSetDescription');
+var __defProp=Object['defineProperty'],__name=(_0x403e1b,_0x1e1930)=>__defProp(_0x403e1b,'name',{'value':_0x1e1930,'configurable':!![]});function getBrowserEmptyShortResourceDescriptor(){const _0x2ed93f={'id':'','description':''};return _0x2ed93f;}__name(getBrowserEmptyShortResourceDescriptor,'getBrowserEmptyShortResourceDescriptor');function onUpdateBrowserInput(_0x31958a,_0x3bed14,_0x1d930d,_0x956f3f){if(_0x31958a===''){const _0x1c81e8=getBrowserEmptyShortResourceDescriptor();_0x3bed14(_0x1c81e8),setBrowserDescription(_0x1c81e8,_0x1d930d),_0x956f3f?.(_0x1c81e8['id']);}else _0x1d930d(_0x31958a);}__name(onUpdateBrowserInput,'onUpdateBrowserInput');function setBrowserDescription(_0x335a20,_0x3abe42){if(_0x335a20['description'])_0x3abe42(_0x335a20['description']);else isUuidSet(_0x335a20['id'])?_0x3abe42('Selected'):_0x3abe42('');}__name(setBrowserDescription,'setBrowserDescription');async function writeBrowserValue(_0x2d94dd,_0x1b9f3a,_0x3883ff){if(isEmptyNullOrUndefined(_0x2d94dd)){const _0x3626a7=getBrowserEmptyShortResourceDescriptor();setBrowserDescription(_0x3626a7,_0x3883ff);}else {const _0x2a6c99=await getBrowserResourceMetaIfNeeded(_0x1b9f3a,void(0xe0e+-0xb*-0x141+-0x1bd9));await getResourceDescriptionAndSetDescription(_0x2d94dd,_0x3883ff,_0x2a6c99);}}__name(writeBrowserValue,'writeBrowserValue');async function handleLoadRelatedResourceDescription(_0x2e3fee,_0x554833,_0xc9201,_0x2f5834,_0x51515c){const _0x56d998=_0x51515c??_0x2f5834?.['getValues'](_0x2e3fee['name']);_0x56d998&&(await writeBrowserValue(_0x56d998,_0x2e3fee,_0x554833),_0xc9201(!![]));}__name(handleLoadRelatedResourceDescription,'handleLoadRelatedResourceDescription');async function getBrowserResourceMetaIfNeeded(_0x156792,_0x260999){if(!isNullOrUndefined(_0x260999))return _0x260999;const _0x88f123=await fetchUiResourceMeta(_0x156792['relation']['relatedResourceName']);return _0x88f123['resourceMeta'];}__name(getBrowserResourceMetaIfNeeded,'getBrowserResourceMetaIfNeeded');async function getResourceDescriptionAndSetDescription(_0x12b506,_0x2fb1f3,_0x35a317){if(!_0x12b506||_0x12b506===emptyGuid)return void(-0x12e0+-0x800+0x158*0x14);const _0x3351fd=await fetchResource(_0x35a317,_0x12b506);if(_0x3351fd){const _0x5892dd={'id':_0x3351fd['id'],'description':await getResourceDescriptionValue(_0x35a317,_0x3351fd)};setBrowserDescription(_0x5892dd,_0x2fb1f3);}return _0x3351fd;}__name(getResourceDescriptionAndSetDescription,'getResourceDescriptionAndSetDescription');
 
 export { getBrowserEmptyShortResourceDescriptor, handleLoadRelatedResourceDescription, onUpdateBrowserInput, setBrowserDescription, writeBrowserValue };

package/packages/level2/meta/browsers/browser/Browser.js

@@ -1,7 +1,7 @@
 'use strict';
 'use client';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { useState, useRef } from 'react';
+import { useState } from 'react';
 import { Input } from '../../../fd-component-toolbox/input/Input.js';
 import { cn } from '../../../../fd-toolbox/lib/utils.js';
 import { Button } from '../../../fd-component-toolbox/button/Button.js';
@@ -14,6 +14,7 @@ import { getBrowserEmptyShortResourceDescriptor, writeBrowserValue, setBrowserDe
 import { elements } from '../../../../fd-toolbox/constants/elements.js';
 import { useElementId } from '../../../../fd-toolbox/hooks/use-element-id.js';
 import { browserDisplayModes } from '../../../../fd-toolbox/enums/enums.js';
+import { useEmptyRef } from '../../../../fd-toolbox/hooks/use-empty-ref.js';
 
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", {
@@ -32,15 +33,14 @@ function Browser({
   relatedResourceId,
   value,
   invalid,
-  children: icons,
-  placeholder
+  children: icons
 }) {
   const [shortResourceDescriptor, setShortResourceDescriptor] = useState(getBrowserEmptyShortResourceDescriptor());
   const [description, setDescription] = useState("");
   const [loadComplete, setLoadComplete] = useState(false);
   const inputId = useElementId(propertyMeta.name + browserTypeToSuffix[browserTypes.browser], parentContextName);
   const iconId = useElementId(propertyMeta.name + elements.browser.browserIcon, parentContextName);
-  const buttonRef = useRef(null);
+  const buttonRef = useEmptyRef();
   const activeDisplayMode = displayMode ?? browserDisplayModes.default;
   useAsyncEffect(async () => {
     const resolvedValueId = value ?? relatedResourceId ?? "";
@@ -55,7 +55,7 @@ function Browser({
       value: description,
       inputId,
       showClearIcon: !(disabled ?? readOnly),
-      placeholder: placeholder ?? propertyMeta.displayName,
+      placeholder: propertyMeta.displayName,
       label: getRequiredLabel(propertyMeta.required, propertyMeta.displayName),
       readOnly,
       required,

package/packages/level2/meta/browsers/browser/browser-dialog/BrowserDialog.d.ts

@@ -1,11 +1,11 @@
-import { ReactNode } from "react";
+import { ReactElement } from "react";
 import { VoidFunc } from "../../../../../fd-toolbox/functions/getter-setter-functions";
 import { ShortResourceDescriptor } from "../short-resource-descriptor";
 import { PropertyMeta } from "../../../core/property-meta";
 interface BrowserDialogProps {
     propertyMeta: PropertyMeta;
     currentResourceId: string;
-    trigger: ReactNode;
+    trigger: ReactElement;
     closeDialog?: VoidFunc<ShortResourceDescriptor | undefined>;
     setDescription?: VoidFunc<string>;
     disabled?: boolean;

package/packages/level2/meta/browsers/browser/browser-dialog/BrowserDialog.funcs.js

@@ -7,6 +7,6 @@ import { fetchResources } from '../../../resource-providers.js';
 import { fetchUiResourceMeta } from '../../../ui-meta-providers.js';
 import { getObjectValues } from '../../../../../fd-toolbox/lib/utils.js';
 
-var __defProp=Object['defineProperty'],__name=(_0x9c1443,_0x2d4c37)=>__defProp(_0x9c1443,'name',{'value':_0x2d4c37,'configurable':!![]});function getEmptyShortResourceDescriptor(){return {'Id':emptyGuid,'Description':''};}__name(getEmptyShortResourceDescriptor,'getEmptyShortResourceDescriptor');async function onInitBrowserDialog(_0x31d076,_0xb04a65,_0x37f381,_0x50d5f2,_0x1cdb90,_0x13731d,_0x582402){const _0x5984cf=_0xb04a65['relation']['relatedResourceName'],_0x452fec=await fetchUiResourceMeta(_0x5984cf);_0x31d076(_0x452fec),await refreshBrowserDialogResources(_0x37f381,_0x50d5f2,_0x1cdb90,_0x13731d,_0x452fec['resourceMeta'],_0x582402);}__name(onInitBrowserDialog,'onInitBrowserDialog');async function onItemSelected(_0x544d60,_0x1c2747,_0x2394ad){const _0x48feaa=await getResourceDescriptionValue(_0x1c2747,_0x544d60),_0x5c52aa={'id':_0x544d60['id'],'description':_0x48feaa};_0x2394ad(_0x5c52aa);}__name(onItemSelected,'onItemSelected');function onBrowserDialogPaging(_0x1f55a0,_0x4abaac,_0x599f2a,_0xcf2a4a,_0x4515f5,_0x262042,_0x2c848d){_0x599f2a(addPaging(_0xcf2a4a,_0x1f55a0['pageSize'],_0x1f55a0['pagingSkip'])),refreshBrowserDialogResources(_0x4abaac,_0x599f2a,_0xcf2a4a,_0x4515f5,_0x262042,_0x2c848d);}__name(onBrowserDialogPaging,'onBrowserDialogPaging');async function refreshBrowserDialogResources(_0x4a8e0c,_0xc265c4,_0x455509,_0x445088,_0x2633d5,_0x4c6d43){let _0x37c837=_0x445088();if(_0x37c837){_0x455509['filters']=getObjectValues(_0x37c837)['filter'](_0x1cecce=>_0x1cecce['rightSide']!==filterOperatorTypes['none']),_0xc265c4(_0x455509);const _0x11a6fa=await fetchResources(_0x2633d5['resourceName'],_0x455509);_0x4a8e0c(_0x11a6fa?_0x11a6fa['filter'](_0x38ca97=>!_0x4c6d43?.['includes'](_0x38ca97['id'])):[]);}}__name(refreshBrowserDialogResources,'refreshBrowserDialogResources');async function setBrowserDialogResourceDescription(_0x5290c4,_0x12cf38,_0x49c9af,_0x46d5a7){if(_0x46d5a7&&_0x49c9af){const _0x78c780=_0x5290c4['find'](_0x5524f5=>_0x5524f5['id']===_0x12cf38);if(_0x78c780){const _0x5f3b75=await getResourceDescriptionValue(_0x49c9af,_0x78c780);_0x46d5a7(_0x5f3b75);}}}__name(setBrowserDialogResourceDescription,'setBrowserDialogResourceDescription');
+var __defProp=Object['defineProperty'],__name=(_0x580623,_0x40c990)=>__defProp(_0x580623,'name',{'value':_0x40c990,'configurable':!![]});function getEmptyShortResourceDescriptor(){return {'Id':emptyGuid,'Description':''};}__name(getEmptyShortResourceDescriptor,'getEmptyShortResourceDescriptor');async function onInitBrowserDialog(_0x4458d7,_0xe73a61,_0x2936a4,_0x5346ca,_0x460528,_0x371382,_0x5148da){const _0xb44211=_0xe73a61['relation']['relatedResourceName'],_0x2d983a=await fetchUiResourceMeta(_0xb44211);_0x4458d7(_0x2d983a),await refreshBrowserDialogResources(_0x2936a4,_0x5346ca,_0x460528,_0x371382,_0x2d983a['resourceMeta'],_0x5148da);}__name(onInitBrowserDialog,'onInitBrowserDialog');async function onItemSelected(_0x3d5ff8,_0x358c2b,_0x3701a7){const _0x1f02b4=await getResourceDescriptionValue(_0x358c2b,_0x3d5ff8),_0x12a4a4={'id':_0x3d5ff8['id'],'description':_0x1f02b4};_0x3701a7(_0x12a4a4);}__name(onItemSelected,'onItemSelected');function onBrowserDialogPaging(_0x21e18d,_0x230596,_0x37b9d8,_0x46a9a2,_0x47bc2a,_0x43bb5a,_0x58f3d9){_0x37b9d8(addPaging(_0x46a9a2,_0x21e18d['pageSize'],_0x21e18d['pagingSkip'])),refreshBrowserDialogResources(_0x230596,_0x37b9d8,_0x46a9a2,_0x47bc2a,_0x43bb5a,_0x58f3d9);}__name(onBrowserDialogPaging,'onBrowserDialogPaging');async function refreshBrowserDialogResources(_0x176dda,_0x46761a,_0x3aa5b0,_0x149561,_0x56cac7,_0x1ae7f6){let _0x1740df=_0x149561();if(_0x1740df){_0x3aa5b0['filters']=getObjectValues(_0x1740df)['filter'](_0x546f92=>_0x546f92['rightSide']!==filterOperatorTypes['none']),_0x46761a(_0x3aa5b0);const _0x218557=await fetchResources(_0x56cac7['resourceName'],_0x3aa5b0);_0x176dda(_0x218557?_0x218557['filter'](_0x16b3bf=>!_0x1ae7f6?.['includes'](_0x16b3bf['id'])):[]);}}__name(refreshBrowserDialogResources,'refreshBrowserDialogResources');async function setBrowserDialogResourceDescription(_0x54887a,_0x5705ee,_0x48fbe2,_0x4010f2){if(_0x4010f2&&_0x48fbe2){const _0xf3f495=_0x54887a['find'](_0x366740=>_0x366740['id']===_0x5705ee);if(_0xf3f495){const _0x268c12=await getResourceDescriptionValue(_0x48fbe2,_0xf3f495);_0x4010f2(_0x268c12);}}}__name(setBrowserDialogResourceDescription,'setBrowserDialogResourceDescription');
 
 export { getEmptyShortResourceDescriptor, onBrowserDialogPaging, onInitBrowserDialog, onItemSelected, refreshBrowserDialogResources, setBrowserDialogResourceDescription };

package/packages/level2/meta/browsers/browser/browser-dialog/BrowserDialog.js

@@ -1,8 +1,8 @@
 'use strict';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState, useRef } from 'react';
+import { useState } from 'react';
 import { Button } from '../../../../fd-component-toolbox/button/Button.js';
-import { onItemSelected, onInitBrowserDialog, setBrowserDialogResourceDescription, refreshBrowserDialogResources, onBrowserDialogPaging } from './BrowserDialog.funcs.js';
+import { onInitBrowserDialog, setBrowserDialogResourceDescription, refreshBrowserDialogResources, onBrowserDialogPaging, onItemSelected } from './BrowserDialog.funcs.js';
 import { Dialog, DialogTrigger, DialogContent, DialogTitle, DialogHeader, DialogFooter, DialogClose } from '../../../../fd-component-toolbox/dialog/Dialog.js';
 import { getBrowserEmptyShortResourceDescriptor } from '../Browser.funcs.js';
 import { useAsyncEffect } from '../../../../../fd-toolbox/hooks/use-async-effect.js';
@@ -10,24 +10,13 @@ import { rowHighlightBehaviors } from '../../../../../fd-toolbox/enums/enums.js'
 import { elements } from '../../../../../fd-toolbox/constants/elements.js';
 import { ResourceFilterList } from '../../../filtering/resource-filter-list/ResourceFilterList.js';
 import { Table } from '../../../table/Table.js';
+import { useEmptyRef } from '../../../../../fd-toolbox/hooks/use-empty-ref.js';
 
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", {
   value,
   configurable: true
 });
-function handleOpenChangeLocal(open, setIsOpen, closeDialog) {
-  setIsOpen(open);
-  if (!open) closeDialog?.(void 0);
-}
-__name(handleOpenChangeLocal, "handleOpenChangeLocal");
-function handleItemSelected(item, setIsOpen, uiResourceMeta, closeDialog) {
-  if (uiResourceMeta?.resourceMeta && closeDialog) {
-    onItemSelected(item, uiResourceMeta.resourceMeta, closeDialog);
-    setIsOpen(false);
-  }
-}
-__name(handleItemSelected, "handleItemSelected");
 function BrowserDialog({
   propertyMeta,
   currentResourceId,
@@ -44,7 +33,7 @@ function BrowserDialog({
   const tableConfig = {
     disableCellNavigationLinks: true
   };
-  const resourceFilterListRef = useRef(null);
+  const resourceFilterListRef = useEmptyRef();
   const getFilters = /* @__PURE__ */__name(() => resourceFilterListRef.current ? resourceFilterListRef.current.getFilters() : {}, "getFilters");
   useAsyncEffect(async () => {
     await onInitBrowserDialog(setUiResourceMeta, propertyMeta, setResources, setODataConfig, oDataConfig, getFilters, excludeResourceIds);
@@ -61,6 +50,7 @@ function BrowserDialog({
     open: isOpen && !disabled,
     onOpenChange,
     children: [/* @__PURE__ */jsx(DialogTrigger, {
+      nativeButton: false,
       className: "w-full",
       render: props => /* @__PURE__ */jsx("div", {
         ...props,
@@ -107,14 +97,14 @@ function BrowserDialog({
         })
       }), /* @__PURE__ */jsxs(DialogFooter, {
         children: [propertyMeta?.required && /* @__PURE__ */jsx(DialogClose, {
-          children: /* @__PURE__ */jsx(Button, {
+          render: /* @__PURE__ */jsx(Button, {
             onClick: onCancel,
             className: "ml-4 min-w-20",
             variant: "outline",
             children: "Cancel"
           })
         }), /* @__PURE__ */jsx(DialogClose, {
-          children: /* @__PURE__ */jsx(Button, {
+          render: /* @__PURE__ */jsx(Button, {
             onClick: () => closeDialog?.(getBrowserEmptyShortResourceDescriptor()),
             className: "ml-4 min-w-20",
             variant: "outline",
@@ -126,5 +116,17 @@ function BrowserDialog({
   });
 }
 __name(BrowserDialog, "BrowserDialog");
+function handleOpenChangeLocal(open, setIsOpen, closeDialog) {
+  setIsOpen(open);
+  if (!open) closeDialog?.(void 0);
+}
+__name(handleOpenChangeLocal, "handleOpenChangeLocal");
+function handleItemSelected(item, setIsOpen, uiResourceMeta, closeDialog) {
+  if (uiResourceMeta?.resourceMeta && closeDialog) {
+    onItemSelected(item, uiResourceMeta.resourceMeta, closeDialog);
+    setIsOpen(false);
+  }
+}
+__name(handleItemSelected, "handleItemSelected");
 
 export { BrowserDialog };

package/packages/level2/meta/browsers/browser-type.d.ts

@@ -1,11 +1,11 @@
 export declare const browserTypes: {
-    readonly browser: 0;
-    readonly multiBrowser: 1;
-    readonly manyToManyBrowser: 2;
+    browser: number;
+    multiBrowser: number;
+    manyToManyBrowser: number;
 };
 export type BrowserType = (typeof browserTypes)[keyof typeof browserTypes];
 export declare const browserTypeToSuffix: {
-    readonly 0: "Browser";
-    readonly 1: "MultiBrowser";
-    readonly 2: "ManyToManyBrowser";
+    readonly [browserTypes.browser]: "Browser";
+    readonly [browserTypes.multiBrowser]: "MultiBrowser";
+    readonly [browserTypes.manyToManyBrowser]: "ManyToManyBrowser";
 };

package/packages/level2/meta/browsers/many-to-many-browser/ManyToManyBrowser.funcs.js

@@ -7,6 +7,6 @@ import { setMultiBrowserDescription } from '../base-multi-browser/BaseMultiBrows
 import { oDataComparisonTypes, oDataFilterTypes, oDataLogicalOperationTypes } from '../../../../fd-toolbox/odata/odata-enums.js';
 import { getPropertyValue } from '../../../../fd-toolbox/objects/property-value.js';
 
-var __defProp=Object['defineProperty'],__name=(_0x103777,_0x7b97b5)=>__defProp(_0x103777,'name',{'value':_0x7b97b5,'configurable':!![]});async function writeValue(_0x4e1f05,_0x29c3c7,_0x52849a,_0x5ee063,_0x5e1478,_0x1e5c5e,_0x4356d7,_0x457fc5){const _0x1acab6=await fetchManyToManyBrowserRelatedResources(_0x4e1f05,_0x4356d7);let _0x50395a,_0x3d864c=[];_0x4e1f05['relation']['manyToManyInfo']['isMirrorManyToManyResource']&&(_0x3d864c=_0x1acab6['data']['map'](_0x39f3bf=>{const _0x4e87a0=_0x4e1f05['relation']['manyToManyInfo']['firstExpandPropertyName'];return getPropertyValue(_0x39f3bf,_0x4e87a0);}));let _0x5d6de8=_0x1acab6['data']['map'](_0x2a9cbb=>{const _0x305c6d=_0x4e1f05['relation']['manyToManyInfo']['secondExpandPropertyName'];return getPropertyValue(_0x2a9cbb,_0x305c6d);});_0x50395a=[..._0x3d864c,..._0x5d6de8]['filter'](_0x717046=>_0x717046?.['id']!==_0x4356d7),_0x29c3c7(_0x50395a);const _0x4b79da=await getManyToManyBrowserRelatedResourcePropertyMeta(_0x4e1f05);_0x5e1478(_0x4b79da),await setManyToManyBrowserPropertyResourceMeta(_0x4e1f05,_0x52849a,_0x1e5c5e),_0x457fc5?.(_0x50395a['map'](_0x47d8de=>_0x47d8de['id'])),_0x5ee063(!![]);}__name(writeValue,'writeValue');function getViewMultiListFiltersForManyToManyBrowserField(_0x4ef119,_0x5a30b6){const _0x379f5f=[{'leftSide':_0x4ef119['relation']['manyToManyInfo']['manyToManyFirstPropertyName'],'rightSide':_0x5a30b6,'type':oDataFilterTypes['guid'],'comparisonType':oDataComparisonTypes['equal']}];return _0x4ef119['relation']['manyToManyInfo']['isMirrorManyToManyResource']&&_0x379f5f['push']({'leftSide':_0x4ef119['relation']['manyToManyInfo']['manyToManySecondPropertyName'],'rightSide':_0x5a30b6,'type':oDataFilterTypes['guid'],'logicalOperationType':oDataLogicalOperationTypes['or'],'comparisonType':oDataComparisonTypes['equal']}),_0x379f5f;}__name(getViewMultiListFiltersForManyToManyBrowserField,'getViewMultiListFiltersForManyToManyBrowserField');function fetchManyToManyBrowserRelatedResources(_0x4bc989,_0x24466c){let _0x14bfe4;return _0x4bc989['relation']['manyToManyInfo']['isMirrorManyToManyResource']?_0x14bfe4=[_0x4bc989['relation']['manyToManyInfo']['firstExpandPropertyName'],_0x4bc989['relation']['manyToManyInfo']['secondExpandPropertyName']]:_0x14bfe4=[_0x4bc989['relation']['manyToManyInfo']['secondExpandPropertyName']],apiGetWithOData(_0x4bc989['relation']['manyToManyInfo']['manyToManyResourceName'],{'filters':getViewMultiListFiltersForManyToManyBrowserField(_0x4bc989,_0x24466c),'expands':_0x14bfe4});}__name(fetchManyToManyBrowserRelatedResources,'fetchManyToManyBrowserRelatedResources');async function setManyToManyBrowserPropertyResourceMeta(_0x18e8eb,_0x1ce945,_0x386162){const _0x1bfa97=await getManyToManyBrowserResourceMetaIfNeeded(_0x18e8eb,_0x386162);return _0x1bfa97&&_0x1ce945(_0x1bfa97),_0x1bfa97;}__name(setManyToManyBrowserPropertyResourceMeta,'setManyToManyBrowserPropertyResourceMeta');async function getManyToManyBrowserResourceMetaIfNeeded(_0x6d4ae1,_0x555511){const _0x386644=!isNullOrUndefined(_0x555511)&&Object['keys'](_0x555511)['length']>-0x16b*-0x4+-0x2*-0x9b4+-0x1914;if(_0x386644)return Promise['resolve'](_0x555511);const _0x16fedf=await fetchUiResourceMeta(_0x6d4ae1['relation']['manyToManyInfo']['secondResourceName']);return _0x16fedf['resourceMeta'];}__name(getManyToManyBrowserResourceMetaIfNeeded,'getManyToManyBrowserResourceMetaIfNeeded');async function getManyToManyBrowserRelatedResourcePropertyMeta(_0x1669e0){const _0x3ed1d1=await getPropertyMeta(_0x1669e0['relation']['manyToManyInfo']['manyToManySecondPropertyName'],_0x1669e0['relation']['manyToManyInfo']['manyToManyResourceName']);return _0x3ed1d1;}__name(getManyToManyBrowserRelatedResourcePropertyMeta,'getManyToManyBrowserRelatedResourcePropertyMeta');async function setManyToManyDescription(_0x572d7a,_0x29c38f,_0x49a939){setMultiBrowserDescription(_0x29c38f,_0x49a939,_0x572d7a);}__name(setManyToManyDescription,'setManyToManyDescription');
+var __defProp=Object['defineProperty'],__name=(_0x5b71e3,_0x587288)=>__defProp(_0x5b71e3,'name',{'value':_0x587288,'configurable':!![]});async function writeValue(_0x36f0b8,_0x3e1399,_0x1870fc,_0x1340fe,_0x6485be,_0x29de94,_0x5df82f,_0x2c2085){const _0x406768=await fetchManyToManyBrowserRelatedResources(_0x36f0b8,_0x5df82f);let _0x1d5b2e,_0x1d706f=[];_0x36f0b8['relation']['manyToManyInfo']['isMirrorManyToManyResource']&&(_0x1d706f=_0x406768['data']['map'](_0x4f6791=>{const _0x2a50ef=_0x36f0b8['relation']['manyToManyInfo']['firstExpandPropertyName'];return getPropertyValue(_0x4f6791,_0x2a50ef);}));let _0x126848=_0x406768['data']['map'](_0x5f5446=>{const _0x4029d2=_0x36f0b8['relation']['manyToManyInfo']['secondExpandPropertyName'];return getPropertyValue(_0x5f5446,_0x4029d2);});_0x1d5b2e=[..._0x1d706f,..._0x126848]['filter'](_0x179ba8=>_0x179ba8?.['id']!==_0x5df82f),_0x3e1399(_0x1d5b2e);const _0x500f1e=await getManyToManyBrowserRelatedResourcePropertyMeta(_0x36f0b8);_0x6485be(_0x500f1e),await setManyToManyBrowserPropertyResourceMeta(_0x36f0b8,_0x1870fc,_0x29de94),_0x2c2085?.(_0x1d5b2e['map'](_0x356945=>_0x356945['id'])),_0x1340fe(!![]);}__name(writeValue,'writeValue');function getViewMultiListFiltersForManyToManyBrowserField(_0x260f9f,_0x2befca){const _0xd6a7cd=[{'leftSide':_0x260f9f['relation']['manyToManyInfo']['manyToManyFirstPropertyName'],'rightSide':_0x2befca,'type':oDataFilterTypes['guid'],'comparisonType':oDataComparisonTypes['equal']}];return _0x260f9f['relation']['manyToManyInfo']['isMirrorManyToManyResource']&&_0xd6a7cd['push']({'leftSide':_0x260f9f['relation']['manyToManyInfo']['manyToManySecondPropertyName'],'rightSide':_0x2befca,'type':oDataFilterTypes['guid'],'logicalOperationType':oDataLogicalOperationTypes['or'],'comparisonType':oDataComparisonTypes['equal']}),_0xd6a7cd;}__name(getViewMultiListFiltersForManyToManyBrowserField,'getViewMultiListFiltersForManyToManyBrowserField');async function setManyToManyBrowserPropertyResourceMeta(_0x9b00c8,_0x3ea42b,_0x1c40a1){const _0xdc927c=await getManyToManyBrowserResourceMetaIfNeeded(_0x9b00c8,_0x1c40a1);return _0xdc927c&&_0x3ea42b(_0xdc927c),_0xdc927c;}__name(setManyToManyBrowserPropertyResourceMeta,'setManyToManyBrowserPropertyResourceMeta');async function getManyToManyBrowserResourceMetaIfNeeded(_0x45981e,_0x5f315d){const _0xa06108=!isNullOrUndefined(_0x5f315d)&&Object['keys'](_0x5f315d)['length']>0x17cb+-0x3e7+-0x13e4;if(_0xa06108)return Promise['resolve'](_0x5f315d);const _0x3ca903=await fetchUiResourceMeta(_0x45981e['relation']['manyToManyInfo']['secondResourceName']);return _0x3ca903['resourceMeta'];}__name(getManyToManyBrowserResourceMetaIfNeeded,'getManyToManyBrowserResourceMetaIfNeeded');async function getManyToManyBrowserRelatedResourcePropertyMeta(_0x1729dc){const _0x41ac57=await getPropertyMeta(_0x1729dc['relation']['manyToManyInfo']['manyToManySecondPropertyName'],_0x1729dc['relation']['manyToManyInfo']['manyToManyResourceName']);return _0x41ac57;}__name(getManyToManyBrowserRelatedResourcePropertyMeta,'getManyToManyBrowserRelatedResourcePropertyMeta');async function setManyToManyDescription(_0x5eabb9,_0x1d56e0,_0x68de6a){setMultiBrowserDescription(_0x1d56e0,_0x68de6a,_0x5eabb9);}__name(setManyToManyDescription,'setManyToManyDescription');function fetchManyToManyBrowserRelatedResources(_0x3a407c,_0x43a4d8){let _0x29d6a4;return _0x3a407c['relation']['manyToManyInfo']['isMirrorManyToManyResource']?_0x29d6a4=[_0x3a407c['relation']['manyToManyInfo']['firstExpandPropertyName'],_0x3a407c['relation']['manyToManyInfo']['secondExpandPropertyName']]:_0x29d6a4=[_0x3a407c['relation']['manyToManyInfo']['secondExpandPropertyName']],apiGetWithOData(_0x3a407c['relation']['manyToManyInfo']['manyToManyResourceName'],{'filters':getViewMultiListFiltersForManyToManyBrowserField(_0x3a407c,_0x43a4d8),'expands':_0x29d6a4});}__name(fetchManyToManyBrowserRelatedResources,'fetchManyToManyBrowserRelatedResources');
 
 export { getManyToManyBrowserRelatedResourcePropertyMeta, getManyToManyBrowserResourceMetaIfNeeded, getViewMultiListFiltersForManyToManyBrowserField, setManyToManyBrowserPropertyResourceMeta, setManyToManyDescription, writeValue };

package/packages/level2/meta/browsers/multi-browser/MultiBrowser.funcs.d.ts

@@ -2,6 +2,6 @@ import { VoidFunc } from "../../../../fd-toolbox/functions/getter-setter-functio
 import { WithId } from "../../../../fd-toolbox-core/types/resource-with-id";
 import { PropertyMeta } from "../../core/property-meta";
 import { ResourceMeta } from "../../core/resource-meta";
-import { ChangeEventType } from "../../../../fd-toolbox/types/react-types";
+import type { ChangeEventType } from "../../../../fd-toolbox/types/react-types";
 export declare function onInitMultiBrowser(propertyMeta: PropertyMeta, setSelectedResourcesState: VoidFunc<WithId[]>, setPropertyResourceMetaState: VoidFunc<ResourceMeta>, setLoadComplete: VoidFunc<boolean>, propertyResourceMeta?: ResourceMeta, selectedResourceIds?: string[], relatedResourceId?: string, onSelectedResourceIdsChange?: VoidFunc<string[]>, onChange?: VoidFunc<WithId[], ResourceMeta>): Promise<void>;
-export declare function handleInputModelChange(e: ChangeEventType<HTMLInputElement>, setSelectedResources: VoidFunc<WithId[]>, onChange?: VoidFunc<WithId[], ResourceMeta>, propertyResourceMeta?: ResourceMeta): any;
+export declare function handleInputModelChange(event: ChangeEventType<HTMLInputElement>, setSelectedResources: VoidFunc<WithId[]>, onChange?: VoidFunc<WithId[], ResourceMeta>, propertyResourceMeta?: ResourceMeta): any;

package/packages/level2/meta/browsers/multi-browser/MultiBrowser.funcs.js

@@ -6,6 +6,6 @@ import { onMultiBrowserInputUpdate, getMultiBrowserResourceMetaIfNeeded, setMult
 import { fetchRelatedResourcesList } from '../../one-to-many-relations.js';
 import { oDataComparisonTypes, oDataLogicalOperationTypes, oDataFilterTypes } from '../../../../fd-toolbox/odata/odata-enums.js';
 
-var __defProp=Object['defineProperty'],__name=(_0x197ed0,_0x399f71)=>__defProp(_0x197ed0,'name',{'value':_0x399f71,'configurable':!![]});async function onInitMultiBrowser(_0x319ee9,_0xb5091b,_0x4cc2c4,_0x276946,_0x2fe095,_0x243228,_0x11ae9e,_0xa12b0d,_0x4f9eae){await writeMultiBrowserValue(_0x319ee9,_0xb5091b,_0x4cc2c4,_0x2fe095,_0x243228,_0x11ae9e,_0xa12b0d,_0x4f9eae),_0x276946(!![]);}__name(onInitMultiBrowser,'onInitMultiBrowser');function handleInputModelChange(_0x5bcc55,_0x666b98,_0x19bf38,_0x3648b8){let _0x5ed85f;return _0x3648b8&&(_0x5ed85f=onMultiBrowserInputUpdate(_0x5bcc55['target']['value'],_0x666b98,_0x3648b8,_0x19bf38)),_0x5ed85f;}__name(handleInputModelChange,'handleInputModelChange');async function writeMultiBrowserValue(_0x5492da,_0x1879b6,_0x12764e,_0x332ffd,_0x5d2845,_0x5c0c79,_0x1c42eb,_0x440aa1){const _0x1116e6=await fetchMultiBrowserSelectedResources(_0x5492da,_0x332ffd,_0x5d2845,_0x5c0c79);if(_0x1116e6){const _0x32a680=_0x1116e6['map'](_0x577e8e=>_0x577e8e['id']);_0x1879b6(_0x1116e6),_0x1c42eb?.(_0x32a680);const _0x4beaf1=await getMultiBrowserResourceMetaIfNeeded(_0x5492da,_0x332ffd);!_0x5d2845&&_0x440aa1?.(_0x1116e6,_0x4beaf1),await setMultiBrowserPropertyResourceMeta(_0x5492da,_0x12764e,_0x4beaf1);}}__name(writeMultiBrowserValue,'writeMultiBrowserValue');async function fetchMultiBrowserSelectedResources(_0x3826de,_0x4a49f8,_0x3c6eee,_0x7a7e80){if(_0x3c6eee){if(_0x3c6eee['length']>-0x751+-0x9d*0x2b+-0x4*-0x86c){const _0x29e0f3=buildODataFiltersFromIds(_0x3c6eee),_0x58f6ef=await apiGetWithOData(_0x3826de['relation']['relatedResourceName'],{'filters':_0x29e0f3});return _0x58f6ef['data'];}return [];}const _0x1394e8=await fetchRelatedResourcesList(_0x3826de,_0x4a49f8,_0x7a7e80);return _0x1394e8;}__name(fetchMultiBrowserSelectedResources,'fetchMultiBrowserSelectedResources');function buildODataFiltersFromIds(_0x407bf4){const _0x3c4b07=[];for(const _0x1aba05 of _0x407bf4){_0x3c4b07['push']({'leftSide':withIdProps['id'],'rightSide':_0x1aba05,'type':oDataFilterTypes['guid'],'operator':oDataOperators['in'],'logicalOperationType':oDataLogicalOperationTypes['or'],'comparisonType':oDataComparisonTypes['equal']});}return _0x3c4b07;}__name(buildODataFiltersFromIds,'buildODataFiltersFromIds');
+var __defProp=Object['defineProperty'],__name=(_0xeecc65,_0x458e8c)=>__defProp(_0xeecc65,'name',{'value':_0x458e8c,'configurable':!![]});async function onInitMultiBrowser(_0x443b0d,_0x5c401e,_0x327b6f,_0x21dee9,_0x40c2e1,_0x38e011,_0x283d3e,_0x3a10a2,_0x4f9560){await writeMultiBrowserValue(_0x443b0d,_0x5c401e,_0x327b6f,_0x40c2e1,_0x38e011,_0x283d3e,_0x3a10a2,_0x4f9560),_0x21dee9(!![]);}__name(onInitMultiBrowser,'onInitMultiBrowser');function handleInputModelChange(_0x24f0fc,_0x51b95a,_0x41feb2,_0xde157e){let _0x10b616;return _0xde157e&&(_0x10b616=onMultiBrowserInputUpdate(_0x24f0fc['target']['value'],_0x51b95a,_0xde157e,_0x41feb2)),_0x10b616;}__name(handleInputModelChange,'handleInputModelChange');async function writeMultiBrowserValue(_0x1c98e9,_0x223a6c,_0xa3f1f8,_0x5f3da2,_0x36f715,_0x18a72a,_0x2efdbd,_0x42d56e){const _0x2d11c1=await fetchMultiBrowserSelectedResources(_0x1c98e9,_0x5f3da2,_0x36f715,_0x18a72a);if(_0x2d11c1){const _0xf81a39=_0x2d11c1['map'](_0x19ef50=>_0x19ef50['id']);_0x223a6c(_0x2d11c1),_0x2efdbd?.(_0xf81a39);const _0x14d3d3=await getMultiBrowserResourceMetaIfNeeded(_0x1c98e9,_0x5f3da2);!_0x36f715&&_0x42d56e?.(_0x2d11c1,_0x14d3d3),await setMultiBrowserPropertyResourceMeta(_0x1c98e9,_0xa3f1f8,_0x14d3d3);}}__name(writeMultiBrowserValue,'writeMultiBrowserValue');async function fetchMultiBrowserSelectedResources(_0x4c7c23,_0x54a131,_0x44d2d5,_0x2142ef){if(_0x44d2d5){if(_0x44d2d5['length']>0x189*0x12+0x1296+-0x2e38){const _0x50064a=buildODataFiltersFromIds(_0x44d2d5),_0x51db18=await apiGetWithOData(_0x4c7c23['relation']['relatedResourceName'],{'filters':_0x50064a});return _0x51db18['data'];}return [];}const _0x31ea8a=await fetchRelatedResourcesList(_0x4c7c23,_0x54a131,_0x2142ef);return _0x31ea8a;}__name(fetchMultiBrowserSelectedResources,'fetchMultiBrowserSelectedResources');function buildODataFiltersFromIds(_0xe51802){const _0x13d46a=[];for(const _0xcaad04 of _0xe51802){_0x13d46a['push']({'leftSide':withIdProps['id'],'rightSide':_0xcaad04,'type':oDataFilterTypes['guid'],'operator':oDataOperators['in'],'logicalOperationType':oDataLogicalOperationTypes['or'],'comparisonType':oDataComparisonTypes['equal']});}return _0x13d46a;}__name(buildODataFiltersFromIds,'buildODataFiltersFromIds');
 
 export { handleInputModelChange, onInitMultiBrowser };